Template:Tsinghua:Common-Style
From 2013.igem.org
(Difference between revisions)
(47 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 45: | Line 46: | ||
div#bodyContent > p:first-child { | div#bodyContent > p:first-child { | ||
- | + | display:none; | |
} | } | ||
/* Styles for contents */ | /* Styles for contents */ | ||
body { | body { | ||
- | + | margin: 0px; | |
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/5/57/Tsinghua-background-image.jpg); | ||
+ | background-color: white; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | background-size: cover; | ||
} | } | ||
/* Normal text style */ | /* Normal text style */ | ||
.normal { | .normal { | ||
- | + | font-size: 14px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .normal p{ |
- | + | text-align: justify; | |
} | } | ||
- | + | .normal h1{ | |
- | + | font-size: 24px; | |
- | + | font-weight: bold; | |
- | + | text-align: center; | |
+ | border-bottom: solid 1px #AAAAAA; | ||
+ | } | ||
+ | |||
+ | .normal h2{ | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | margin-bottom: 5px; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .normal h3{ | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .normal table { | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | .normal div { | ||
+ | |||
+ | } | ||
+ | |||
+ | .center { | ||
+ | text-align: center; | ||
+ | width: auto; | ||
} | } | ||
table,td,th { | table,td,th { | ||
- | + | border-color: gray; | |
+ | } | ||
+ | |||
+ | td,th { | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | } | ||
+ | |||
+ | /*Alignment*/ | ||
+ | img.center { | ||
+ | display:block; | ||
+ | max-width: 700px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
table.center { | table.center { | ||
- | |||
- | |||
} | } | ||
.center td { | .center td { | ||
- | + | 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: 1px solid #AAAAAA; | ||
+ | } | ||
+ | |||
+ | .left img { | ||
+ | display: block; | ||
} | } | ||
.math { | .math { | ||
- | + | font-style: italic; | |
} | } | ||
- | .legend { | + | p.legend { |
- | + | font-size: 12px; | |
- | + | font-weight: bold; | |
- | + | text-align: center; | |
} | } | ||
.figure { | .figure { | ||
- | |||
} | } | ||
- | h1 | + | h1, h2, h3 { |
- | + | font-weight: 100; | |
- | + | border-bottom: none; | |
- | + | padding-bottom: 0px; | |
+ | padding-top: 0px; | ||
+ | background: none; | ||
+ | color: #7A0B0D; | ||
} | } | ||
- | + | /* brief description */ | |
- | + | #brief { | |
- | + | padding: 0.1em 0.5em 0.1em 0.5em; | |
- | + | } | |
- | + | ||
+ | #section-nav { | ||
+ | padding: 0.5em; | ||
+ | margin-bottom: 0.5em; | ||
+ | border-top: solid 1px #AAAAAA; | ||
+ | border-bottom: solid 1px #AAAAAA; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #section-nav ul { | ||
+ | margin: 0 0 0 0.5em; | ||
+ | padding: 0px; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | #section-nav li { | ||
+ | display: inline-block; | ||
+ | background-color: #A40004; | ||
+ | padding: 0.2em; | ||
+ | margin-right: 0.5em; | ||
+ | margin-bottom: 0.3em; | ||
+ | } | ||
+ | #section-nav li:hover { | ||
+ | cursor: pointer; | ||
+ | background-color: #CA7071; | ||
} | } | ||
- | + | div.section { | |
- | + | padding: 0.1em 0.5em 0.1em 0.5em; | |
- | + | ||
} | } | ||
- | + | #references { | |
- | + | padding: 0.1em 0.5em 0.1em 0.5em; | |
+ | margin-top: 1em; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 07:51, 14 October 2014