Template:12SJTU theme css
From 2012.igem.org
(Difference between revisions)
Huanan1991 (Talk | contribs) (Created page with "<html> <head> <style type="text/css"> </style> </head> </html>") |
Huanan1991 (Talk | contribs) |
||
(14 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | body | ||
+ | { | ||
+ | background-image:url(/wiki/images/3/33/12SJTU_background_1366x768.png); | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | font-family: "Microsoft Yahei", "STHeiti", "Microsoft JhengHei", "SimHei", serif; | ||
+ | background-color: #e6e6e6; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | } | ||
+ | body.inframe | ||
+ | { | ||
+ | background-image: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #main_wrapper{ | ||
+ | position:relative; | ||
+ | |||
+ | margin: 0px 0px 0px 0px; | ||
+ | |||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | } | ||
+ | #footer { | ||
+ | position:relative; | ||
+ | top: 30px; | ||
+ | padding-bottom: 60px; | ||
+ | font-size:8pt; | ||
+ | } | ||
+ | table | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none; | ||
+ | border-collapse: collapse; | ||
+ | background-color: transparent | ||
+ | } | ||
+ | table.head | ||
+ | { | ||
+ | height: 200px; | ||
+ | width: 1012px; | ||
+ | z-index:999; | ||
+ | display: block; | ||
+ | background:url(/wiki/images/2/2d/12SJTU_inner_banner.png) no-repeat; | ||
+ | box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4); | ||
+ | -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.4); | ||
+ | } | ||
+ | table.main | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none; | ||
+ | } | ||
+ | |||
+ | table.mainouter | ||
+ | { | ||
+ | width:1012px !important; | ||
+ | position:relative; | ||
+ | box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | -webkit-box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | -moz-box-shadow: 0px 10px 16px rgba(0,0,0,0.4); | ||
+ | border-collapse:separate; | ||
+ | } | ||
+ | td.pumpkin | ||
+ | { | ||
+ | height: 100px; | ||
+ | width: 1012px; | ||
+ | background-color: black; | ||
+ | } | ||
+ | #floatpumpkin | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:74px; | ||
+ | top:0px; | ||
+ | height: 95px; | ||
+ | width: 89px; | ||
+ | background-image:url(/wiki/images/4/4d/12SJTU_pumpkin.png); | ||
+ | } | ||
+ | /*-- Lavalamp --*/ | ||
+ | .navipages:after { visibility: hidden; display: block;} | ||
+ | *:first-child+html .navipages { zoom: 1; } /* IE7 */ | ||
+ | #lavalampbg { | ||
+ | width:89px; | ||
+ | height:95px; | ||
+ | margin-left:0px; | ||
+ | position:absolute; | ||
+ | top: 0px; | ||
+ | left:0px; | ||
+ | background-image:url(/wiki/images/4/4d/12SJTU_pumpkin.png); | ||
+ | z-index: 100; | ||
+ | } | ||
+ | table.message | ||
+ | { | ||
+ | border:transparent 1px solid; | ||
+ | } | ||
+ | table.bottom | ||
+ | { | ||
+ | background: none transparent scroll repeat 0% 0% | ||
+ | } | ||
+ | p | ||
+ | { | ||
+ | font-size:106%; | ||
+ | text-align:justify; | ||
+ | text-indent: 2em; | ||
+ | line-height: 1.8em; | ||
+ | } | ||
+ | dd | ||
+ | { | ||
+ | font-size:10pt; | ||
+ | line-height: 1.8em; | ||
+ | } | ||
+ | a.info | ||
+ | { | ||
+ | z-index: 24; | ||
+ | color: #000; | ||
+ | position: relative; | ||
+ | background-color: #ccc; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a.info:hover | ||
+ | { | ||
+ | z-index: 25; | ||
+ | background-color: #ff0 | ||
+ | } | ||
+ | a.info span | ||
+ | { | ||
+ | display: none | ||
+ | } | ||
+ | a.info:hover span | ||
+ | { | ||
+ | border-right: #0cf 1px solid; | ||
+ | border-top: #0cf 1px solid; | ||
+ | display: block; | ||
+ | left: 2em; | ||
+ | border-left: #0cf 1px solid; | ||
+ | width: 15em; | ||
+ | color: #000; | ||
+ | border-bottom: #0cf 1px solid; | ||
+ | position: absolute; | ||
+ | top: 2em; | ||
+ | background-color: #cff; | ||
+ | text-align: center | ||
+ | } | ||
+ | table.bottom | ||
+ | { | ||
+ | background: none transparent scroll repeat 0% 0% | ||
+ | } | ||
+ | h1 + p { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | h1 + p a b { | ||
+ | font-weight:normal!important; | ||
+ | } | ||
+ | |||
+ | td | ||
+ | { | ||
+ | border:1px solid transparent; | ||
+ | } | ||
+ | |||
+ | td.embedded | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | padding-right: 0px; | ||
+ | border-top: medium none; | ||
+ | padding-left: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | border-left: medium none; | ||
+ | padding-top: 0px; | ||
+ | border-bottom: medium none; | ||
+ | text-align: left | ||
+ | } | ||
+ | td.bottom | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none | ||
+ | } | ||
+ | td.heading | ||
+ | { | ||
+ | font-weight: bold | ||
+ | } | ||
+ | td.outer { | ||
+ | background-image:url(/wiki/images/3/3b/12SJTU_background.png); | ||
+ | border-collapse:separate; | ||
+ | padding-top: 20px; padding-bottom: 20px; padding-left:0px; padding-right:0px; | ||
+ | border-left:0px; | ||
+ | border-right:0px; | ||
+ | } | ||
+ | td.text | ||
+ | { | ||
+ | padding-right: 10pt; | ||
+ | padding-left: 10pt; | ||
+ | padding-bottom: 10pt; | ||
+ | padding-top: 10pt; | ||
+ | background: white; | ||
+ | } | ||
+ | td.text[align=center] { | ||
+ | |||
+ | padding-right: 0 !important; | ||
+ | padding-left: 0 !important; | ||
+ | padding-bottom: 0 !important; | ||
+ | /*padding-top: 5px!important;*/ | ||
+ | padding-top:0 !important; | ||
+ | background-color:black; | ||
+ | } | ||
+ | |||
+ | td.colhead,h2{ | ||
+ | color: #ffffff; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | border-top: 1px solid #AAA; | ||
+ | border-right: 0px solid transparent; | ||
+ | background-color: #ECECEC; | ||
+ | font-size:13pt; | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | h3 | ||
+ | { | ||
+ | font-size:11pt; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | h4 | ||
+ | { | ||
+ | font-size: 5pt; | ||
+ | font-family: Arial; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | td.rowhead_left | ||
+ | { | ||
+ | text-align: left | ||
+ | } | ||
+ | td.rowhead_center | ||
+ | { | ||
+ | text-align: center | ||
+ | } | ||
+ | td.rowhead | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | vertical-align: top; | ||
+ | text-align: right | ||
+ | } | ||
+ | t | ||
+ | |||
+ | td.navigation | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | font-weight: bold; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none | ||
+ | } | ||
+ | td.clear | ||
+ | { | ||
+ | border-right: 0px; | ||
+ | border-top: 0px; | ||
+ | background: none transparent scroll repeat 0% 0%; | ||
+ | border-left: 0px; | ||
+ | border-bottom: 0px | ||
+ | } | ||
+ | td.nothing | ||
+ | { | ||
+ | border-right: 0px; | ||
+ | padding-right: 0px; | ||
+ | border-top: 0px; | ||
+ | padding-left: 0px; | ||
+ | background: none transparent scroll repeat 0% 0%; | ||
+ | padding-bottom: 0px; | ||
+ | border-left: 0px; | ||
+ | padding-top: 0px; | ||
+ | border-bottom: 0px | ||
+ | } | ||
+ | |||
+ | font.gray | ||
+ | { | ||
+ | color: #aca899; | ||
+ | text-decoration: underline | ||
+ | } | ||
+ | a:link | ||
+ | { | ||
+ | |||
+ | text-decoration: none | ||
+ | } | ||
+ | li a{ | ||
+ | color: #000000; | ||
+ | } | ||
+ | td.colhead a { | ||
+ | color: #000000; | ||
+ | } | ||
+ | td.colhead a:hover { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:visited | ||
+ | { | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a:hover | ||
+ | { | ||
+ | /* TODO */ | ||
+ | color: #777; | ||
+ | } | ||
+ | a.index | ||
+ | { | ||
+ | font-weight: bold | ||
+ | } | ||
+ | |||
+ | img.border | ||
+ | { | ||
+ | border-right: #000000 1px solid; | ||
+ | border-top: #000000 1px solid; | ||
+ | border-left: #000000 1px solid; | ||
+ | border-bottom: #000000 1px solid | ||
+ | } | ||
+ | |||
+ | .mainouter tbody tr:first-child td.text .shadetabs ul { | ||
+ | text-align: left!important; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 01:52, 27 October 2012