Template:UT-Tokyo CSS
From 2010.igem.org
(Difference between revisions)
(106 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
/*Wiki Hack */ | /*Wiki Hack */ | ||
- | |||
- | |||
#globalWrapper { | #globalWrapper { | ||
+ | margin:0 auto 0 auto; | ||
background-color: transparent; | background-color: transparent; | ||
border: none; | border: none; | ||
- | |||
padding: 0; | padding: 0; | ||
+ | width:820px; | ||
} | } | ||
+ | #top-section { | ||
+ | width:820px; | ||
+ | margin:0px auto 0px auto; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | h1.firstHeading{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
#content { | #content { | ||
- | background-color: | + | background-color: white; |
- | + | ||
padding: 0; | padding: 0; | ||
- | margin: 0; | + | margin: -15px auto 0 auto; |
width: 100%; | width: 100%; | ||
} | } | ||
Line 28: | Line 36: | ||
border: none; | border: none; | ||
padding:0; | padding:0; | ||
- | margin:0; | + | margin:0 auto; |
width:100%; | width:100%; | ||
+ | text-indent:0em; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#search-controls { | #search-controls { | ||
overflow:hidden; | overflow:hidden; | ||
- | |||
background: none; | background: none; | ||
position: absolute; | position: absolute; | ||
- | + | right: 30px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
#footer-box { | #footer-box { | ||
background-color: white; | background-color: white; | ||
- | + | width: 810px; | |
- | width: | + | margin: 0px auto 0px auto; |
- | margin: | + | overflow:hidden; |
- | + | border-top:0px; | |
+ | display:block; | ||
+ | text-align:center; | ||
} | } | ||
- | + | ||
- | #footer { | + | #footer-box ul,#footer-box li { |
- | + | margin:auto; | |
- | margin: | + | padding:4px; |
- | padding: | + | |
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
/*Wiki Hack END */ | /*Wiki Hack END */ | ||
#allcontent { | #allcontent { | ||
- | width: | + | width: 820px; |
} | } | ||
Line 134: | Line 77: | ||
list-style: none; | list-style: none; | ||
list-style-position:inside; | list-style-position:inside; | ||
- | |||
} | } | ||
- | a:link ,a:visited{ | + | #footr a:link ,#footr a:visited{ |
color:#6F6; | color:#6F6; | ||
text-decoration:none; | text-decoration:none; | ||
Line 143: | Line 85: | ||
} | } | ||
- | a:hover ,a:active{ | + | #footr a:hover ,#footr a:active{ |
color:#F90; | color:#F90; | ||
text-decoration:underline overline; | text-decoration:underline overline; | ||
Line 149: | Line 91: | ||
body { | body { | ||
- | + | width:100%; | |
- | + | margin:0 auto; | |
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
Line 157: | Line 99: | ||
line-height:170%; | line-height:170%; | ||
background-color:#CCC; | background-color:#CCC; | ||
+ | text-align:justify; | ||
} | } | ||
div#column { | div#column { | ||
- | margin:-10px | + | margin:-10px auto 0px auto; |
border-left-style:solid; | border-left-style:solid; | ||
border-right-style:solid; | border-right-style:solid; | ||
border-left-width:thin; | border-left-width:thin; | ||
border-right-width:thin; | border-right-width:thin; | ||
+ | border:none; | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | padding-right: 10px; | ||
Line 183: | Line 127: | ||
margin:0px; | margin:0px; | ||
padding: 228px 11px 7px 11px; | padding: 228px 11px 7px 11px; | ||
- | width: | + | width:800px; |
height:40px; | height:40px; | ||
Line 285: | Line 229: | ||
div#main { | div#main { | ||
margin:14px 5px 10px 10px; | margin:14px 5px 10px 10px; | ||
- | padding: | + | padding: 0px 10px 0px 10px; |
- | border: | + | border: 0; |
width:545px; | width:545px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
float:left; | float:left; | ||
display:block; | display:block; | ||
+ | } | ||
+ | |||
+ | #main p,#main h2{ | ||
+ | text-indent:0em; | ||
+ | text-transform:none; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | #main img { | ||
+ | padding: 2px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | div img#description{ | ||
+ | margin:0px 0px 5px -10px; | ||
} | } | ||
div#rightside { | div#rightside { | ||
margin:14px 10px 10px 0px; | margin:14px 10px 10px 0px; | ||
- | padding: | + | padding:0px 10px 0px 0px; |
border:0px 0px 0px 0px; | border:0px 0px 0px 0px; | ||
width:190px; | width:190px; | ||
- | + | text-align:center; | |
- | + | ||
- | + | ||
- | text-align: | + | |
text-indent:0em; | text-indent:0em; | ||
text-transform:none; | text-transform:none; | ||
Line 312: | Line 262: | ||
display:block; | display:block; | ||
} | } | ||
+ | |||
+ | #main_all{ | ||
+ | margin:14px 10px 10px 10px; | ||
+ | padding: 0px 10px 0px 10px; | ||
+ | border: 0; | ||
+ | width:780; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | /*main contents end*/ | ||
+ | |||
+ | /*footer*/ | ||
#footr { | #footr { | ||
margin:0px 10px 0px 10px; | margin:0px 10px 0px 10px; | ||
- | padding: | + | padding:10px 10px 5px 10px; |
border:thin; | border:thin; | ||
background-color:#663; | background-color:#663; | ||
Line 327: | Line 290: | ||
} | } | ||
- | #footr ul | + | #footr ul{ |
- | + | display:block; | |
- | + | margin:auto; | |
- | + | text-align:center; | |
- | + | } | |
+ | #footr li{ | ||
+ | padding:0px 30px 0px 30px; | ||
+ | display:inline; | ||
+ | margin:0px; | ||
+ | text-align:center; | ||
} | } | ||
- | + | #zeromargin { | |
- | margin:0px; | + | align:center; |
+ | display:block; | ||
+ | margin:5px auto 0px auto; | ||
padding:0px; | padding:0px; | ||
- | |||
} | } | ||
+ | /*footer end*/ | ||
/*round box maker*/ | /*round box maker*/ | ||
Line 347: | Line 317: | ||
-moz-border-radius:5px | -moz-border-radius:5px | ||
;-webkit-border-radius:5px; | ;-webkit-border-radius:5px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 404: | Line 331: | ||
/*round box maker end*/ | /*round box maker end*/ | ||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
+ | |||
+ | <!--[if IE 7]> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | #content { | ||
+ | margin: 0px auto auto auto; | ||
+ | } | ||
+ | |||
+ | ul#menu li,ul#menu a { | ||
+ | text-indent:2000px; | ||
+ | color:transparent; | ||
+ | } | ||
+ | |||
+ | div#column { | ||
+ | margin: 0px auto 0px auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style><![endif]--> | ||
+ | |||
</html> | </html> |
Latest revision as of 16:15, 21 August 2010