Template:Tsinghua:Common-Style

From 2013.igem.org

(Difference between revisions)
Line 12: Line 12:
}
}
#content {
#content {
-
line-height: normal;
+
line-height: normal;
     width: 975px;
     width: 975px;
     border-left-width:0px;
     border-left-width:0px;
Line 46: Line 46:
div#bodyContent > p:first-child {
div#bodyContent > p:first-child {
-
display:none;
+
display:none;
}
}
/* Styles for contents */
/* Styles for contents */
body {
body {
-
margin: 0px;
+
margin: 0px;
-
font-family: Verdana, Geneva, sans-serif;
+
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;
-
background-repeat: no-repeat;
+
background-repeat: no-repeat;
-
background-attachment: fixed;
+
background-attachment: fixed;
-
background-size: cover;
+
background-size: cover;
}
}
-
.center {
+
/* Normal text style */
-
text-align: center;
+
.normal {
-
width: auto;
+
font-size: 15px;
}
}
-
img.center {
+
.normal  p{
-
display:block;
+
text-align: justify;
-
margin-left: auto;
+
-
margin-right: auto;
+
}
}
-
table,td,th {
+
.normal h1{
-
border-color: gray;
+
font-size: 24px;
 +
font-weight: bold;
 +
text-align: center;
 +
border-bottom: solid 1px #AAAAAA;
}
}
-
table.center {
+
.normal h2{
 +
font-size: 20px;
 +
font-weight: bold;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
}
}
-
.center td {
+
.normal h3{
-
text-align: left;
+
font-size: 16px;
 +
font-weight: bold;
}
}
-
td,th {
+
.normal table {
-
padding-left: 1em;
+
border-collapse: collapse;
-
padding-right: 1em;
+
}
}
-
.math {
+
.normal div {
-
font-style: italic;
+
}
}
-
p.legend {
+
.center {
-
font-size: 14px;
+
text-align: center;
-
font-weight: bold;
+
width: auto;
-
text-align: center;
+
}
}
-
.figure {
+
img.center {
-
width: 100%;
+
display:block;
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
h1, h2, h3 {
+
table,td,th {
-
border-bottom: none;
+
border-color: gray;
-
padding-bottom: 0px;
+
-
padding-top: 0px;
+
-
background: none;
+
-
color: #7A0B0D;
+
}
}
-
/* Normal text style */
+
table.center {
-
.normal {
+
-
font-size: 15px;
+
}
}
-
.normal  p{
+
.center td {
-
text-align: justify;
+
text-align: left;
}
}
-
.normal h1{
+
td,th {
-
font-size: 24px;
+
padding-left: 1em;
-
font-weight: bold;
+
padding-right: 1em;
-
text-align: center;
+
-
border-bottom: solid 1px #AAAAAA;
+
}
}
-
.normal h2{
+
.math {
-
font-size: 20px;
+
font-style: italic;
-
font-weight: bold;
+
-
margin-bottom: 5px;
+
-
margin-top: 5px;
+
}
}
-
.normal h3{
+
p.legend {
-
font-size: 16px;
+
font-size: 14px;
-
font-weight: bold;
+
font-weight: bold;
 +
text-align: center;
}
}
-
.normal table {
+
.figure {
-
border-collapse: collapse;
+
width: 100%;
}
}
-
.normal div {
+
h1, h2, h3 {
-
+
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;
+
padding: 0.1em 0.5em 0.1em 0.5em;
}
}
#section-nav {
#section-nav {
-
padding: 0.5em;
+
padding: 0.5em;
-
margin-bottom: 0.5em;
+
margin-bottom: 0.5em;
-
border-top: solid 1px #AAAAAA;
+
border-top: solid 1px #AAAAAA;
-
border-bottom: solid 1px #AAAAAA;
+
border-bottom: solid 1px #AAAAAA;
-
color: white;
+
color: white;
}
}
#section-nav ul {
#section-nav ul {
-
margin: 0 0 0 0.5em;
+
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-block;
+
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;
+
margin-bottom: 0.3em;
}
}
#section-nav li:hover {
#section-nav li:hover {
-
cursor: pointer;
+
cursor: pointer;
-
background-color: #CA7071;
+
background-color: #CA7071;
}
}
div.section {
div.section {
-
padding: 0.1em 0.5em 0.1em 0.5em;
+
padding: 0.1em 0.5em 0.1em 0.5em;
}
}
#references {
#references {
-
padding: 0.1em 0.5em 0.1em 0.5em;
+
padding: 0.1em 0.5em 0.1em 0.5em;
-
margin-top: 1em;
+
margin-top: 1em;
}
}
</style>
</style>
</html>
</html>

Revision as of 06:58, 27 September 2013