Template:12SJTU theme css

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> </style> </head> </html>")
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