Template:UT-Tokyo CSS
From 2010.igem.org
(Difference between revisions)
(85 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; | width:820px; | ||
Line 20: | Line 18: | ||
#top-section { | #top-section { | ||
width:820px; | width:820px; | ||
- | margin:auto; | + | margin:0px auto 0px auto; |
overflow:hidden; | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | h1.firstHeading{ | ||
+ | display:none; | ||
} | } | ||
Line 27: | Line 29: | ||
background-color: white; | background-color: white; | ||
padding: 0; | padding: 0; | ||
- | margin: 0; | + | margin: -15px auto 0 auto; |
width: 100%; | width: 100%; | ||
} | } | ||
Line 34: | 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; | ||
Line 46: | Line 48: | ||
} | } | ||
- | |||
- | |||
- | |||
#footer-box { | #footer-box { | ||
Line 56: | Line 55: | ||
overflow:hidden; | overflow:hidden; | ||
border-top:0px; | border-top:0px; | ||
- | |||
- | |||
- | |||
display:block; | display:block; | ||
text-align:center; | text-align:center; | ||
- | |||
} | } | ||
Line 82: | Line 77: | ||
list-style: none; | list-style: none; | ||
list-style-position:inside; | list-style-position:inside; | ||
- | |||
} | } | ||
Line 97: | Line 91: | ||
body { | body { | ||
- | + | width:100%; | |
- | + | margin:0 auto; | |
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
Line 105: | Line 99: | ||
line-height:170%; | line-height:170%; | ||
background-color:#CCC; | background-color:#CCC; | ||
+ | text-align:justify; | ||
} | } | ||
div#column { | div#column { | ||
- | margin:- | + | margin:-10px auto 0px auto; |
border-left-style:solid; | border-left-style:solid; | ||
border-right-style:solid; | border-right-style:solid; | ||
Line 234: | 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 261: | 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 274: | Line 288: | ||
font-size:12px; | font-size:12px; | ||
+ | } | ||
+ | |||
+ | #footr ul{ | ||
+ | display:block; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
} | } | ||
Line 280: | Line 300: | ||
display:inline; | display:inline; | ||
margin:0px; | margin:0px; | ||
- | |||
text-align:center; | text-align:center; | ||
} | } | ||
- | # | + | #zeromargin { |
+ | align:center; | ||
display:block; | display:block; | ||
- | + | margin:5px auto 0px auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
padding:0px; | padding:0px; | ||
} | } | ||
- | |||
+ | /*footer end*/ | ||
/*round box maker*/ | /*round box maker*/ | ||
Line 302: | Line 317: | ||
-moz-border-radius:5px | -moz-border-radius:5px | ||
;-webkit-border-radius:5px; | ;-webkit-border-radius:5px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 359: | 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