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) |
||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | body | ||
+ | { | ||
+ | background:url(/wiki/images/2/24/12SJTU_background_1366x768.jpg); | ||
+ | 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; | ||
+ | } | ||
+ | #globalWrapper{ | ||
+ | |||
+ | margin: 0px 0px 0px 0px; | ||
+ | height: 0px; | ||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | background-color: #e6e6e6; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | } | ||
+ | #main_wrapper{ | ||
+ | position:absolute; | ||
+ | top:-150px; | ||
+ | left:-4px; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | width:982px; | ||
+ | background-repeat:no-repeat !important; | ||
+ | background-attachment: fixed!important; | ||
+ | color: #000000; | ||
+ | -moz-background-size:cover !important; | ||
+ | background-size:cover !important; | ||
+ | padding-top:8px; | ||
+ | } | ||
+ | #footer { | ||
+ | position:relative; | ||
+ | top: 30px; | ||
+ | padding-bottom: 60px; | ||
+ | } | ||
+ | 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: 90px; | ||
+ | width: 982px; | ||
+ | z-index:999; | ||
+ | display: block; | ||
+ | background:url('/wiki/images/4/44/12SJTU_Banner.png') no-repeat; | ||
+ | margin-top:60px; | ||
+ | } | ||
+ | table.main | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | table.mainouter | ||
+ | { | ||
+ | width:982px !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; | ||
+ | } | ||
+ | table.message | ||
+ | { | ||
+ | border:transparent 1px solid; | ||
+ | } | ||
+ | table.bottom | ||
+ | { | ||
+ | background: none transparent scroll repeat 0% 0% | ||
+ | } | ||
+ | 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.no_border | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | padding-right: 2px; | ||
+ | border-top: medium none; | ||
+ | padding-left: 2px; | ||
+ | padding-bottom: 3px; | ||
+ | border-left: medium none; | ||
+ | padding-top: 3px; | ||
+ | border-bottom: medium none; | ||
+ | background-color: transparent; | ||
+ | text-align: left | ||
+ | } | ||
+ | td.no_border_wide | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | padding-right: 16px; | ||
+ | border-top: medium none; | ||
+ | padding-top: 0px; | ||
+ | border-left: medium none; | ||
+ | padding-left: 0px; | ||
+ | border-bottom: medium none; | ||
+ | padding-bottom: 0px; | ||
+ | background-color: transparent; | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | td.shoutrow | ||
+ | { | ||
+ | border-right: medium none; | ||
+ | border-top: medium none; | ||
+ | border-left: medium none; | ||
+ | border-bottom: medium none; | ||
+ | background-color: #ffffff | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | 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: url('/wiki/images/3/3b/12SJTU_background.png') repeat; | ||
+ | border-collapse:separate; | ||
+ | } | ||
+ | td.text | ||
+ | { | ||
+ | padding-right: 10pt; | ||
+ | padding-left: 10pt; | ||
+ | padding-bottom: 10pt; | ||
+ | padding-top: 10pt; | ||
+ | background: rgba(205, 200, 228, 0.95); | ||
+ | } | ||
+ | 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: rgba(205, 200, 228, 0.48); | ||
+ | border-top: 1px solid rgba(255,255,255,0.3); | ||
+ | border-right: 1px solid transparent; | ||
+ | } | ||
+ | td.headtext | ||
+ | { | ||
+ | padding-right: 10pt; | ||
+ | padding-left: 10pt; | ||
+ | padding-bottom: 10pt; | ||
+ | padding-top: 0pt | ||
+ | } | ||
+ | |||
+ | td.comment | ||
+ | { | ||
+ | padding-right: 10pt; | ||
+ | padding-left: 10pt; | ||
+ | padding-bottom: 10pt; | ||
+ | padding-top: 10pt; | ||
+ | text-align: left | ||
+ | } | ||
+ | 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:12pt; | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | h3 | ||
+ | { | ||
+ | font-size:10pt; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | 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 | ||
+ | } | ||
+ | form | ||
+ | { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px | ||
+ | } | ||
+ | .sublink | ||
+ | { | ||
+ | font-weight: normal; | ||
+ | font-style: italic | ||
+ | } | ||
+ | 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 | ||
+ | { | ||
+ | color: #000000; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a:hover | ||
+ | { | ||
+ | /* TODO */ | ||
+ | color: #777; | ||
+ | } | ||
+ | a.index | ||
+ | { | ||
+ | font-weight: bold | ||
+ | } | ||
+ | |||
+ | .important | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .red | ||
+ | { | ||
+ | color: #ee0000 | ||
+ | } | ||
+ | .yellow | ||
+ | { | ||
+ | color: #997700 | ||
+ | } | ||
+ | .green | ||
+ | { | ||
+ | color: #000000 | ||
+ | } | ||
+ | |||
+ | li | ||
+ | { | ||
+ | margin-top: 6pt; | ||
+ | margin-bottom: 6pt; | ||
+ | margin-left: 16pt | ||
+ | } | ||
+ | ul | ||
+ | { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | 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> |
Revision as of 03:34, 7 September 2012