"
Template:Tsinghua:Common-Style
From 2013.igem.org
(Difference between revisions)
| (41 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
#top-section { | #top-section { | ||
background-color: #444444; | background-color: #444444; | ||
| - | height: | + | height: 20px; |
border-width:0px; | border-width:0px; | ||
border-top-width:0px; | border-top-width:0px; | ||
} | } | ||
#content { | #content { | ||
| + | line-height: normal; | ||
width: 975px; | width: 975px; | ||
border-left-width:0px; | border-left-width:0px; | ||
| Line 51: | Line 52: | ||
body { | body { | ||
margin: 0px; | margin: 0px; | ||
| - | font-family: | + | font-family: Verdana, Geneva, sans-serif; |
background-image: url(https://static.igem.org/mediawiki/2013/5/57/Tsinghua-background-image.jpg); | background-image: url(https://static.igem.org/mediawiki/2013/5/57/Tsinghua-background-image.jpg); | ||
background-color: white; | background-color: white; | ||
| Line 59: | Line 60: | ||
} | } | ||
| - | . | + | /* Normal text style */ |
| + | .normal { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | |||
| + | .normal p{ | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .normal h1{ | ||
| + | font-size: 24px; | ||
| + | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
| + | border-bottom: solid 1px #AAAAAA; | ||
} | } | ||
| - | + | .normal h2{ | |
| - | + | font-size: 20px; | |
| - | margin- | + | font-weight: bold; |
| - | margin- | + | margin-bottom: 5px; |
| + | margin-top: 5px; | ||
} | } | ||
| - | + | .normal h3{ | |
| - | + | font-size: 16px; | |
| + | font-weight: bold; | ||
} | } | ||
| - | + | .normal table { | |
| + | border-collapse: collapse; | ||
} | } | ||
| - | .center | + | .normal div { |
| - | text-align: | + | |
| + | } | ||
| + | |||
| + | .center { | ||
| + | text-align: center; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | table,td,th { | ||
| + | border-color: gray; | ||
} | } | ||
| Line 85: | Line 110: | ||
} | } | ||
| - | . | + | /*Alignment*/ |
| - | + | img.center { | |
| + | display:block; | ||
| + | max-width: 700px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
} | } | ||
| - | . | + | table.center { |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | . | + | .center td { |
| - | width: | + | text-align: left; |
| + | width: auto; | ||
} | } | ||
| - | + | /*right figure*/ | |
| - | + | div.right { | |
| - | + | float: right; | |
| - | + | margin: 1em; | |
| - | + | border: 1px solid #AAAAAA; | |
| - | + | ||
} | } | ||
| - | + | .right img { | |
| - | . | + | display: block; |
| - | + | ||
} | } | ||
| - | + | .right p { | |
| - | + | font-size: 12px; | |
| + | font-weight: bold; | ||
| + | padding: 0 0.5em 0 0.5em; | ||
} | } | ||
| - | . | + | /*right figure*/ |
| - | + | div.left { | |
| - | + | float: left; | |
| - | + | margin: 1em; | |
| - | border | + | border: 1px solid #AAAAAA; |
} | } | ||
| - | . | + | .left img { |
| - | + | display: block; | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | . | + | .math { |
| - | font-size: | + | font-style: italic; |
| + | } | ||
| + | |||
| + | p.legend { | ||
| + | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
| + | text-align: center; | ||
} | } | ||
| - | . | + | .figure { |
| - | + | ||
} | } | ||
| - | + | h1, h2, h3 { | |
| - | padding: | + | font-weight: 100; |
| + | border-bottom: none; | ||
| + | padding-bottom: 0px; | ||
| + | padding-top: 0px; | ||
| + | background: none; | ||
| + | color: #7A0B0D; | ||
} | } | ||
/* brief description */ | /* brief description */ | ||
#brief { | #brief { | ||
| - | + | padding: 0.1em 0.5em 0.1em 0.5em; | |
} | } | ||
#section-nav { | #section-nav { | ||
| + | padding: 0.5em; | ||
| + | margin-bottom: 0.5em; | ||
| + | border-top: solid 1px #AAAAAA; | ||
| + | border-bottom: solid 1px #AAAAAA; | ||
color: white; | color: white; | ||
} | } | ||
#section-nav ul { | #section-nav ul { | ||
| + | margin: 0 0 0 0.5em; | ||
padding: 0px; | padding: 0px; | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
#section-nav li { | #section-nav li { | ||
| - | display: inline; | + | display: inline-block; |
background-color: #A40004; | background-color: #A40004; | ||
padding: 0.2em; | padding: 0.2em; | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
| + | margin-bottom: 0.3em; | ||
} | } | ||
#section-nav li:hover { | #section-nav li:hover { | ||
| Line 168: | Line 207: | ||
div.section { | div.section { | ||
| + | padding: 0.1em 0.5em 0.1em 0.5em; | ||
} | } | ||
#references { | #references { | ||
| + | padding: 0.1em 0.5em 0.1em 0.5em; | ||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 07:51, 14 October 2014
