Team:KIT-Kyoto/sample-1
From 2010.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
- | < | + | <style type=text/css> |
- | + | <!-- | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | {{ | + | body{ |
+ | margin:0; | ||
+ | padding:0; | ||
+ | font-family:'Lucida Sans Unicode',verdana,Helvetica,Arial,sans-serif; | ||
+ | color:#777777; | ||
+ | background:url(https://static.igem.org/mediawiki/2010/0/0e/Haikei.jpg); | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | color:#ffffff; | ||
+ | outline:none; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color:#B2C629; | ||
+ | outline:none; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | background-color:#000000; | ||
+ | height:100px ! important; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | color:#777777; | ||
+ | padding:0; | ||
+ | width:975px; | ||
+ | } | ||
+ | |||
+ | #content_prim{ | ||
+ | padding:20px 35px 15px; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | #left_box{ | ||
+ | float:left; | ||
+ | width:60%; | ||
+ | } | ||
+ | #right_box{ | ||
+ | float:right; | ||
+ | width:38%; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | |||
+ | .jta-follow-button{ | ||
+ | margin:4% 0 0 20%; | ||
+ | } | ||
+ | |||
+ | #countdown{ | ||
+ | width:250px; | ||
+ | height:105px; | ||
+ | margin:0px auto 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #p-logo { | ||
+ | height:80px ! important; | ||
+ | overflow:hidden; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | #search-controls{ | ||
+ | width:! important;; | ||
+ | z-index:6; | ||
+ | top:0; | ||
+ | right:185px; | ||
+ | width:30%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .searchButton { | ||
+ | background-color:#F7F7F7 ! important; | ||
+ | border:1px solid #CCCCCC ! important; | ||
+ | color:#666666 ! important; | ||
+ | cursor:pointer ! important; | ||
+ | font-size:65% ! important; | ||
+ | margin:0 ! important; | ||
+ | padding:5px ! important; | ||
+ | left:15px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | background-color:#FFFFFF; | ||
+ | border:1px solid #999999; | ||
+ | color:#333333; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | font-family:'Lucida Sans Unicode',verdana,Helvetica,Arial,sans-serif; | ||
+ | margin:0 5px 5px 0; | ||
+ | padding:4px; | ||
+ | width:185px; | ||
+ | } | ||
+ | |||
+ | .noscript #search-controls { | ||
+ | top:25px !important; | ||
+ | text-align:left !important; | ||
+ | } | ||
+ | |||
+ | .extruder.top{ left:80% !important;} | ||
+ | |||
+ | .noscript{ | ||
+ | background-color:#F7F7F7; | ||
+ | border:2px dashed #777777; | ||
+ | color:#B31E1E; | ||
+ | margin-left:25%; | ||
+ | padding:20px; | ||
+ | width:55%; | ||
+ | } | ||
+ | |||
+ | .noscript img{ | ||
+ | float:left; | ||
+ | margin:3px 20px 0 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menubar { | ||
+ | background-color:#000000; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:80px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:18px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | color:#CCCCCC; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | left:0; | ||
+ | padding-left:13px; | ||
+ | } | ||
+ | .right-menu { | ||
+ | right:0; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | padding-left:30px; | ||
+ | padding-top:70px; | ||
+ | } | ||
+ | |||
+ | /*contact page*/ | ||
+ | #respond{display: block; width:100%;color:#333333;} | ||
+ | |||
+ | #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;} | ||
+ | |||
+ | #respond textarea{width:80%; border:1px solid #CCCCCC; padding:2px; overflow:auto;} | ||
+ | |||
+ | #respond p{margin:5px 0;} | ||
+ | |||
+ | #respond #submit, #respond #reset{ | ||
+ | margin:0; | ||
+ | padding:5px; | ||
+ | color:#666666; | ||
+ | background-color:#F7F7F7; | ||
+ | border:1px solid #CCCCCC; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | /* Custom Icons */ | ||
+ | |||
+ | .addthis_toolbox { | ||
+ | background-color:#000000; | ||
+ | border:1px solid #000000; | ||
+ | height:25px; | ||
+ | padding-left:5px; | ||
+ | width:969px; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .addthis_toolbox .custom_images { | ||
+ | height:40px; | ||
+ | margin-left:15px; | ||
+ | margin-top:-6px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | .addthis_toolbox .custom_images a img { | ||
+ | opacity: 1.0; | ||
+ | -moz-opacity:1.0; | ||
+ | filter:alpha(opacity=100); | ||
+ | } | ||
+ | .addthis_toolbox .custom_images a:hover img { | ||
+ | opacity: 0.75; | ||
+ | -moz-opacity:0.75; | ||
+ | filter:alpha(opacity=75); | ||
+ | } | ||
+ | |||
+ | .addthis_button_facebook_like{ | ||
+ | position:relative; | ||
+ | top:10px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color:#95AD19; | ||
+ | color: #333333; | ||
+ | border: 1px solid #95AD19; | ||
+ | margin:0 auto; | ||
+ | padding:13px 5px; | ||
+ | width:965px; | ||
+ | margin-top:-6px; | ||
+ | } | ||
+ | |||
+ | #footer-box a { | ||
+ | color: #333333; | ||
+ | font-size:90%; | ||
+ | } | ||
+ | |||
+ | #footer img{ | ||
+ | opacity: 0.3; | ||
+ | -moz-opacity:0.3; | ||
+ | filter:alpha(opacity=30); | ||
+ | } | ||
+ | |||
+ | #footer img:hover{ | ||
+ | opacity: 1.0; | ||
+ | -moz-opacity:1.0; | ||
+ | filter:alpha(opacity=100); | ||
+ | } | ||
+ | |||
+ | #f-list{ | ||
+ | margin:0.2em 0 0 1.5em; | ||
+ | } | ||
+ | |||
+ | #f-copyrightico, #f-poweredbyico{ | ||
+ | padding-left:15px; | ||
+ | padding-right:15px; | ||
+ | padding-top:6px; | ||
+ | } | ||
+ | /*calendar*/ | ||
+ | .calendar{ | ||
+ | margin-left:200px; | ||
+ | } | ||
+ | .month{ | ||
+ | font-size:85%; | ||
+ | width:185px; | ||
+ | height:230px; | ||
+ | padding:0.2em 0.2em 0; | ||
+ | background:url("images/ui-bg_inset-soft_50_c9c9c9_1x100.png") repeat-x scroll 50% bottom #C9C9C9; | ||
+ | border:1px solid #AAAAAA; | ||
+ | color:#333333; | ||
+ | -moz-border-radius:6px 6px 6px 6px; | ||
+ | padding:2px; | ||
+ | margin:10px 30px; | ||
+ | } | ||
+ | .month table{ | ||
+ | width:185px; | ||
+ | } | ||
+ | .month td{ | ||
+ | background:url("images/ui-bg_glass_60_eeeeee_1x400.png") repeat-x scroll 50% 50% #EEEEEE; | ||
+ | border:1px solid #CCCCCC; | ||
+ | color:#3383BB; | ||
+ | font-weight:bold; | ||
+ | padding:2px; | ||
+ | text-align:right; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .month a{ | ||
+ | color:#3383BB; | ||
+ | display:block; | ||
+ | text-align:right; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .calendar .heading { | ||
+ | text-align:center; | ||
+ | padding:3 0; | ||
+ | -moz-border-radius:6px 6px 6px 6px; | ||
+ | background:url("images/ui-bg_glass_35_dddddd_1x400.png") repeat-x scroll 50% 50% #DDDDDD; | ||
+ | border:1px solid #BBBBBB; | ||
+ | color:#333333; | ||
+ | font-weight:bold; | ||
+ | line-height:20px; | ||
+ | } | ||
+ | |||
+ | .month .header{ | ||
+ | background:none repeat scroll 0 0 transparent; | ||
+ | } | ||
+ | .month .dow td{ | ||
+ | background:none repeat scroll 0 0 transparent; | ||
+ | color:#333333 ! important; | ||
+ | } | ||
+ | |||
+ | .cal_ov{ | ||
+ | height:auto ! important; | ||
+ | margin:10px 8%; | ||
+ | } | ||
+ | .team-box { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin:5px 10px; | ||
+ | width:45%; | ||
+ | } | ||
+ | |||
+ | .team_pic{ | ||
+ | border:1px solid #999999; | ||
+ | padding:5px; | ||
+ | float:left; | ||
+ | margin:0 10px 10px; | ||
+ | width:150px; | ||
+ | } | ||
+ | |||
+ | .team-name{ | ||
+ | color:#555555; | ||
+ | display:block; | ||
+ | font-size:large; | ||
+ | font-variant:small-caps; | ||
+ | text-align:right; | ||
+ | } | ||
+ | .team-bio{ | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | #groupparts{ | ||
+ | padding: 0px 20px 20px; | ||
+ | |||
+ | } | ||
+ | --> | ||
+ | |||
+ | </STYLE> | ||
+ | |||
+ | </head> | ||
+ | </html> |
Revision as of 02:09, 8 August 2010