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;
}
}
/* Normal text style */
/* Normal text style */
.normal {
.normal {
-
font-size: 15px;
+
font-size: 15px;
}
}
.normal  p{
.normal  p{
-
text-align: justify;
+
text-align: justify;
}
}
.normal h1{
.normal h1{
-
font-size: 24px;
+
font-size: 24px;
-
font-weight: bold;
+
font-weight: bold;
-
text-align: center;
+
text-align: center;
-
border-bottom: solid 1px #AAAAAA;
+
border-bottom: solid 1px #AAAAAA;
}
}
.normal h2{
.normal h2{
-
font-size: 20px;
+
font-size: 20px;
-
font-weight: bold;
+
font-weight: bold;
-
margin-bottom: 5px;
+
margin-bottom: 5px;
-
margin-top: 5px;
+
margin-top: 5px;
}
}
.normal h3{
.normal h3{
-
font-size: 16px;
+
font-size: 16px;
-
font-weight: bold;
+
font-weight: bold;
}
}
.normal table {
.normal table {
-
border-collapse: collapse;
+
border-collapse: collapse;
}
}
.normal div {
.normal div {
-
+
}
}
.center {
.center {
-
text-align: center;
+
text-align: center;
}
}
table,td,th {
table,td,th {
-
border-color: gray;
+
border-color: gray;
}
}
td,th {
td,th {
-
padding-left: 1em;
+
padding-left: 1em;
-
padding-right: 1em;
+
padding-right: 1em;
}
}
/*Alignment*/
/*Alignment*/
img.center {
img.center {
-
display:block;
+
display:block;
-
margin-left: auto;
+
margin-left: auto;
-
margin-right: auto;
+
margin-right: auto;
}
}
Line 120: Line 120:
.center td {
.center td {
-
text-align: left;
+
text-align: left;
}
}
/*right figure*/
/*right figure*/
div.right {
div.right {
-
float: right;
+
float: right;
-
border: 1px solid #AAAAAA;
+
margin: 1em;
-
margin: 1em;
+
}
}
.right img {
.right img {
-
display: block;
+
display: block;
}
}
.right p {
.right p {
-
font-size: 12px;
+
font-size: 12px;
-
font-weight: bold;
+
font-weight: bold;
-
padding: 0 0.5em 0 0.5em;
+
padding: 0 0.5em 0 0.5em;
}
}
.math {
.math {
-
font-style: italic;
+
font-style: italic;
}
}
p.legend {
p.legend {
-
font-size: 14px;
+
font-size: 12px;
-
font-weight: bold;
+
font-weight: bold;
-
text-align: center;
+
text-align: center;
}
}
.figure {
.figure {
-
width: 100%;
 
}
}
h1, h2, h3 {
h1, h2, h3 {
-
font-weight: 100;
+
font-weight: 100;
-
border-bottom: none;
+
border-bottom: none;
-
padding-bottom: 0px;
+
padding-bottom: 0px;
-
padding-top: 0px;
+
padding-top: 0px;
-
background: none;
+
background: none;
-
color: #7A0B0D;
+
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 12:39, 27 September 2013