Template:Tsinghua:Common-Style

From 2013.igem.org

(Difference between revisions)
(Undo revision 364413 by Ted hou (talk))
 
(20 intermediate revisions not shown)
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 {
 +
font-size: 14px;
}
}
-
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;
 +
}
 +
 
 +
.normal table {
 +
border-collapse: collapse;
 +
}
 +
 
 +
.normal div {
 +
 +
}
 +
 
 +
.center {
 +
text-align: center;
 +
width: auto;
 +
}
 +
 
 +
table,td,th {
 +
border-color: gray;
}
}
td,th {
td,th {
-
padding-left: 1em;
+
padding-left: 1em;
-
padding-right: 1em;
+
padding-right: 1em;
}
}
-
.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: 15px;
+
}
}
-
.normal  p{
+
.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 #AAAAAA;
+
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;
-
font-weight: bold;
+
}
}
-
.normal table {
+
p.legend {
-
border-collapse: collapse;
+
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
}
}
-
.normal div {
+
.figure {
-
+
}
 +
 
 +
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>

Latest revision as of 07:51, 14 October 2014