Template:UT-Tokyo CSS3
From 2010.igem.org
(Difference between revisions)
(120 intermediate revisions not shown) | |||
Line 64: | Line 64: | ||
-webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */ | -webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */ | ||
box-shadow: 5px 5px 10px #000; | box-shadow: 5px 5px 10px #000; | ||
- | behavior: url(js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ | + | behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ |
} | } | ||
- | + | ||
.top_radius { | .top_radius { | ||
-moz-border-radius-topright:10px; | -moz-border-radius-topright:10px; | ||
Line 90: | Line 90: | ||
/* MAIN MENU */ | /* MAIN MENU */ | ||
+ | |||
+ | a#igemlogo{ | ||
+ | |||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | right: 70px; | ||
+ | |||
+ | } | ||
div#main_menu { | div#main_menu { | ||
Line 112: | Line 120: | ||
margin:10px 0 0 0; | margin:10px 0 0 0; | ||
padding:0; | padding:0; | ||
+ | } | ||
+ | |||
+ | #main_menu>li { | ||
+ | margin:0; | ||
+ | paddding:0; | ||
} | } | ||
Line 144: | Line 157: | ||
#sponsor { | #sponsor { | ||
background-position:0px -130px; | background-position:0px -130px; | ||
+ | } | ||
+ | |||
+ | #consideration { | ||
+ | background-position:0px -157px; | ||
} | } | ||
Line 153: | Line 170: | ||
background-color:#fff; | background-color:#fff; | ||
margin:0 0 0 8px; | margin:0 0 0 8px; | ||
- | padding:20px 0 | + | padding:20px 0 13px 0; |
float:left; | float:left; | ||
width:75px; | width:75px; | ||
Line 159: | Line 176: | ||
font-family:"Times New Roman", Times, serif; | font-family:"Times New Roman", Times, serif; | ||
font-weight:bold; | font-weight:bold; | ||
- | font-size: | + | font-size:10pt; |
} | } | ||
Line 169: | Line 186: | ||
display:block; | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
- | |||
} | } | ||
Line 189: | Line 205: | ||
#sub_menu ul{ | #sub_menu ul{ | ||
- | margin:0px; | + | margin:-10px 0px 0px 0px; |
padding:0px; | padding:0px; | ||
border:none; | border:none; | ||
Line 202: | Line 218: | ||
width:75px; | width:75px; | ||
height:85px; | height:85px; | ||
- | margin: | + | margin:8px 0 8px 0; |
} | } | ||
Line 227: | Line 243: | ||
.ss_menu li{ | .ss_menu li{ | ||
- | margin: | + | margin:0px 0px 0px 0px; |
- | padding: | + | padding:3px 0 5px 0; |
} | } | ||
+ | |||
/* sub sub menu base */ | /* sub sub menu base */ | ||
Line 243: | Line 260: | ||
background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png); | background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png); | ||
background-repeat: no-repeat ; | background-repeat: no-repeat ; | ||
- | height: | + | height:290px ; |
} | } | ||
.hide{ | .hide{ | ||
background-image:none; | background-image:none; | ||
- | height: | + | height:120px ; |
+ | |||
} | } | ||
Line 256: | Line 274: | ||
li#sss{ | li#sss{ | ||
background-position:0px 0px !important; | background-position:0px 0px !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | li#sss a{ | ||
+ | color:#000; | ||
} | } | ||
li#ssa{ | li#ssa{ | ||
background-position:0px -255px !important; | background-position:0px -255px !important; | ||
+ | color:#00f !important; | ||
+ | text-decoration:underline; | ||
+ | |||
} | } | ||
li#ssb{ | li#ssb{ | ||
background-position:0px -510px !important; | background-position:0px -510px !important; | ||
+ | color:#00f !important; | ||
+ | text-decoration:underline !important; | ||
+ | font-size:8pt; | ||
+ | text-indent:0px !important; | ||
+ | } | ||
+ | |||
+ | .s_hide{ | ||
+ | display:none; | ||
} | } | ||
Line 278: | Line 312: | ||
margin: 0px 5px 10px 8px; | margin: 0px 5px 10px 8px; | ||
padding: 0px 0px 20px 0px; | padding: 0px 0px 20px 0px; | ||
- | width: | + | width:800px; |
overflow:hidden; | overflow:hidden; | ||
} | } | ||
Line 284: | Line 318: | ||
div#title { | div#title { | ||
overflow:hidden; | overflow:hidden; | ||
- | width: | + | width:100%; |
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
Line 292: | Line 326: | ||
background-color:transparent; | background-color:transparent; | ||
margin:0px; | margin:0px; | ||
- | padding:15px | + | padding:15px 18px 10px 18px; |
border:none; | border:none; | ||
- | width: | + | width:95%; |
} | } | ||
- | p. | + | div#descrap { |
+ | margin:auto; | ||
+ | padding:auto; | ||
+ | width:705px; | ||
+ | } | ||
+ | |||
+ | |||
+ | p.desc1{ | ||
color:#fff; | color:#fff; | ||
- | margin: 10px 8px | + | margin: 10px 8px 0px -8px; |
margin-right:0px; | margin-right:0px; | ||
- | padding: 15px 20px 15px 15px; | + | padding: 50px 20px 15px 200px; |
- | width: | + | width:495px; |
- | height: | + | height:155px; |
- | + | } | |
+ | |||
+ | p.desc2{ | ||
+ | color:#fff; | ||
+ | margin: 0px 0px 10px 0px; | ||
+ | margin-right:-5px; | ||
+ | padding: 135px 20px 15px 15px; | ||
+ | width:315px; | ||
+ | height:270px; | ||
+ | float:left; | ||
} | } | ||
Line 312: | Line 362: | ||
padding:auto; | padding:auto; | ||
} | } | ||
- | + | ||
p#s_desc{ | p#s_desc{ | ||
- | |||
background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat; | background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat; | ||
} | } | ||
p#a_desc{ | p#a_desc{ | ||
- | |||
background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat; | background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat; | ||
+ | font-size:8.8pt; | ||
} | } | ||
p#b_desc{ | p#b_desc{ | ||
- | |||
background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat; | background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat; | ||
+ | font-size:10pt; | ||
} | } | ||
Line 345: | Line 394: | ||
/* FOOTER END */ | /* FOOTER END */ | ||
+ | |||
+ | /*wiki hack*/ | ||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | padding-bottom:0px; | ||
+ | border: none; | ||
+ | } | ||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border:none; | ||
+ | padding-bottom:none; | ||
+ | margin-bottom:none; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 14px; | ||
+ | margin-top: -16px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 4px !important; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | } | ||
+ | #p-logo { | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | .left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;} | ||
+ | .left-menu ul { border: none; } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-62px; | ||
+ | padding-left:50px; | ||
+ | border: none; | ||
+ | right:50px; | ||
+ | } | ||
+ | .right-menu ul { border: none;} | ||
+ | |||
+ | #menubar li a{ | ||
+ | color:#fcf; | ||
+ | } | ||
+ | |||
+ | #menubar li a:hover { | ||
+ | color:#fcf; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | #menubar li.selected a { | ||
+ | color:#555555; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: white; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom:none; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background-color:white; | ||
+ | } .firstHeading { display: none;} | ||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | /*wiki hack end*/ | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 18:08, 27 October 2010