Template:Tsinghua:Common-Style

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
@charset "utf-8";
 +
body {
 +
font-family: Verdana, Geneva, sans-serif;
 +
background-color: #42413C;
 +
margin: 0;
 +
padding: 0;
 +
color: #333;
 +
}
 +
 +
/*******************************************
/*******************************************
iGEM top section
iGEM top section
Line 121: Line 131:
}
}
-
body {
+
 
-
font-family: Verdana, Geneva, sans-serif;
+
-
background-color: #42413C;
+
-
margin: 0;
+
-
padding: 0;
+
-
color: #333;
+
-
}
+
/* ~~ Element/tag selectors ~~ */
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
Line 140: Line 144:
padding-left: 15px;
padding-left: 15px;
}
}
 +
 +
 +
/* Normal text style */
 +
.normal {
 +
font-size: 14px;
 +
}
 +
.normal  p{
.normal  p{
text-align: justify;
text-align: justify;
Line 161: Line 172:
font-size: 16px;
font-size: 16px;
font-weight: bold;
font-weight: bold;
 +
}
 +
 +
.normal table {
 +
border-collapse: collapse;
 +
}
 +
 +
.normal div {
 +
 +
}
 +
 +
.center {
 +
text-align: center;
 +
width: auto;
 +
}
 +
 +
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 {
 +
}
 +
 +
.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 {
 +
font-style: italic;
 +
}
 +
 +
p.legend {
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
 +
}
 +
 +
.figure {
 +
}
 +
 +
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;
}
}
Line 429: Line 567:
border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
}
 +
/* ~~ The footer ~~ */
/* ~~ The footer ~~ */
Line 451: Line 590:
font-size: 1px;
font-size: 1px;
line-height: 0px;
line-height: 0px;
-
}
 
-
 
-
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
 
-
header, section, footer, aside, article, figure {
 
-
display: block;
 
}
}
</style>
</style>
<html>
<html>

Revision as of 07:06, 14 October 2014

Retrieved from "http://2014.igem.org/Template:Tsinghua:Common-Style"