Template:Tsinghua:Common-Style

From 2013.igem.org

(Difference between revisions)
(Undo revision 364413 by Ted hou (talk))
 
(41 intermediate revisions not shown)
Line 7: Line 7:
#top-section {
#top-section {
     background-color: #444444;
     background-color: #444444;
-
     height: 0px;
+
     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: "Arial", 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;
Line 59: Line 60:
}
}
-
.center {
+
/* 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;
}
}
-
img.center {
+
.normal h2{
-
display:block;
+
font-size: 20px;
-
margin-left: auto;
+
font-weight: bold;
-
margin-right: auto;
+
margin-bottom: 5px;
 +
margin-top: 5px;
}
}
-
table,td,th {
+
.normal h3{
-
border-color: gray;
+
font-size: 16px;
 +
font-weight: bold;
}
}
-
table.center {
+
.normal table {
 +
border-collapse: collapse;
}
}
-
.center td {
+
.normal div {
-
text-align: left;
+
 +
}
 +
 
 +
.center {
 +
text-align: center;
 +
width: auto;
 +
}
 +
 
 +
table,td,th {
 +
border-color: gray;
}
}
Line 85: Line 110:
}
}
-
.math {
+
/*Alignment*/
-
font-style: italic;
+
img.center {
 +
display:block;
 +
max-width: 700px;
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
.legend {
+
table.center {
-
font-size: 14px;
+
-
font-weight: bold;
+
-
text-align: center;
+
}
}
-
.figure {
+
.center td {
-
width: 100%;
+
text-align: left;
 +
width: auto;
}
}
-
h1, h2, h3 {
+
/*right figure*/
-
border-bottom: none;
+
div.right {
-
padding-bottom: 0px;
+
float: right;
-
padding-top: 0px;
+
margin: 1em;
-
background: none;
+
border: 1px solid #AAAAAA;
-
color: #7A0B0D;
+
}
}
-
/* Normal text style */
+
.right img {
-
.normal {
+
display: block;
-
font-size: 14px;
+
}
}
-
p.normal {
+
.right p {
-
text-align: justify;
+
font-size: 12px;
 +
font-weight: bold;
 +
padding: 0 0.5em 0 0.5em;
}
}
-
.normal h1{
+
/*right figure*/
-
font-size: 24px;
+
div.left {
-
font-weight: bold;
+
float: left;
-
text-align: center;
+
margin: 1em;
-
border-bottom: solid 1px #444444;
+
border: 1px solid #AAAAAA;
}
}
-
.normal h2{
+
.left img {
-
font-size: 20px;
+
display: block;
-
font-weight: bold;
+
-
margin-bottom: 5px;
+
-
margin-top: 5px;
+
}
}
-
.normal h3{
+
.math {
-
font-size: 16px;
+
font-style: italic;
 +
}
 +
 
 +
p.legend {
 +
font-size: 12px;
font-weight: bold;
font-weight: bold;
 +
text-align: center;
}
}
-
.normal table {
+
.figure {
-
border-collapse: collapse;
+
}
}
-
.normal div {
+
h1, h2, h3 {
-
padding: 0.1em 0.5em 0.1em 0.5em;
+
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