Template:Tsinghua:Common-Style

From 2013.igem.org

(Difference between revisions)
(Undo revision 364413 by Ted hou (talk))
 
(47 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 45: Line 46:
div#bodyContent > p:first-child {
div#bodyContent > p:first-child {
-
display:none;
+
display:none;
}
}
/* Styles for contents */
/* Styles for contents */
body {
body {
-
font-family: "Arial", sans-serif;
+
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 {
-
margin-left: 5%;
+
font-size: 14px;
-
margin-right: 5%;
+
-
font-size: 15px;
+
-
text-align: justify;
+
}
}
-
.center {
+
.normal  p{
-
text-align: center;
+
text-align: justify;
}
}
-
img.center {
+
.normal h1{
-
display:block;
+
font-size: 24px;
-
margin-left: auto;
+
font-weight: bold;
-
margin-right: auto;
+
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;
+
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 {
-
margin-left: auto;
 
-
margin-right: auto;
 
}
}
.center td {
.center td {
-
text-align: left;
+
text-align: left;
 +
width: auto;
}
}
-
td,th {
+
/*right figure*/
-
padding-left: 1em;
+
div.right {
-
padding-right: 1em;
+
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;
+
font-style: italic;
}
}
-
.legend {
+
p.legend {
-
font-size: 14px;
+
font-size: 12px;
-
font-weight: bold;
+
font-weight: bold;
-
text-align: center;
+
text-align: center;
}
}
.figure {
.figure {
-
 
}
}
-
h1.normal {
+
h1, h2, h3 {
-
font-size: 24px;
+
font-weight: 100;
-
font-weight: bold;
+
border-bottom: none;
-
text-align: center;
+
padding-bottom: 0px;
 +
padding-top: 0px;
 +
background: none;
 +
color: #7A0B0D;
}
}
-
h2.normal {
+
/* brief description */
-
font-size: 20px;
+
#brief {
-
font-weight: bold;
+
padding: 0.1em 0.5em 0.1em 0.5em;
-
margin-bottom: 5px;
+
}
-
margin-top: 5px;
+
 
 +
#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;
}
}
-
h3.normal {
+
div.section {
-
font-size: 16px;
+
padding: 0.1em 0.5em 0.1em 0.5em;
-
font-weight: bold;
+
}
}
-
table {
+
#references {
-
border-collapse: collapse;
+
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