Template:Tsinghua:Common-Style

From 2014.igem.org

(Difference between revisions)
(Undo revision 222673 by Ted hou (talk))
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
@charset "utf-8";
+
 
 +
 
 +
/*******************************************
 +
BODY
 +
*******************************************/
 +
 
body {
body {
font: Verdana, Arial, Helvetica, sans-serif;
font: Verdana, Arial, Helvetica, sans-serif;
Line 9: Line 14:
color: #333;
color: #333;
}
}
-
 
-
 
-
/*******************************************
 
-
iGEM top section
 
-
*******************************************/
 
-
#top-section {
 
-
    position: relative;
 
-
    height: 20px;
 
-
    width: 960px;
 
-
margin: 0 auto 0 auto;
 
-
}
 
-
 
-
#p-logo {
 
-
    position: absolute;
 
-
    z-index: 1;
 
-
    height: 20px;
 
-
    width: 960px;
 
-
}
 
-
#p-logo h5 {
 
-
    display: none;
 
-
}
 
-
 
-
#p-logo a,
 
-
#p-logo a:hover {
 
-
    text-decoration: none;
 
-
}
 
-
 
-
#search-controls {
 
-
position: absolute;
 
-
right: 15px;
 
-
width: 150px;
 
-
height: 20px;
 
-
background-color: transparent;
 
-
    text-align: center;
 
-
    z-index: 3;
 
-
}
 
-
input.searchButton {
 
-
margin: 1px 5px 0 10px;
 
-
font-size: 100%;
 
-
background: none;
 
-
border: none;
 
-
color: #AAAAFF;
 
-
font-weight: bold;
 
-
}
 
-
input.searchButton:hover {
 
-
color: white;
 
-
}
 
-
#searchInput {
 
-
    width: 10.9em;
 
-
    margin: 0;
 
-
    font-size: 95%;
 
-
}
 
-
#searchGoButton {
 
-
margin-right: 0px;
 
-
margin-left: 35px;
 
-
}
 
-
 
-
 
-
#menubar {
 
-
    position: absolute;
 
-
    white-space: nowrap;
 
-
    top: 0px;
 
-
    width: 400px;
 
-
    z-index: 5;
 
-
    font-family: sans-serif;
 
-
    font-size: 95%;
 
-
height: 20px;
 
-
    line-height: 0px;
 
-
}
 
-
 
-
.left-menu, .left-menu a {
 
-
    left: 0px;
 
-
    text-align: left;
 
-
    color:transparent;
 
-
    text-transform: lowercase;
 
-
}
 
-
 
-
.left-menu:hover {
 
-
    color: white;
 
-
    background-color: #555555
 
-
}
 
-
.right-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
}
 
-
#menubar ul {
 
-
    color: #555555;
 
-
    list-style: none;
 
-
}
 
-
#menubar li {
 
-
display: inline;
 
-
position: relative;
 
-
cursor: pointer;
 
-
padding-top: 0px;
 
-
}
 
-
.left-menu li a {
 
-
    padding: 0px 0px 0px 0px;
 
-
}
 
-
.left-menu .selected {
 
-
#    color: white;
 
-
}
 
-
#.left-menu .selected:hover {
 
-
#    color: #5555FF;
 
-
#}
 
-
 
-
.left-menu:hover a {
 
-
    color: white;
 
-
}
 
-
.right-menu li {
 
-
#    background-color: #606060;
 
-
}
 
-
.right-menu li a {
 
-
    padding: 0px 0px 0px 0px;
 
-
    color: white;
 
-
    background-color: #606060;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #aaaaff;
 
-
    text-decoration: underline;
 
-
}
 
-
 
-
 
/* ~~ 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. */
padding: 0;
padding: 0;
margin: 0;
margin: 0;
-
}
 
-
.normal {
 
-
font-size: 14px;
 
}
}
h1, h2, h3, h4, h5, h6, p {
h1, h2, h3, h4, h5, h6, p {
Line 144: Line 23:
padding-left: 15px;
padding-left: 15px;
}
}
-
 
-
 
-
/* Normal text style */
 
-
.normal {
 
-
font-size: 14px;
 
-
}
 
-
 
-
.normal  p{
 
-
text-align: justify;
 
-
}
 
-
 
-
.normal h1{
 
-
font-size: 24px;
 
-
font-weight: bold;
 
-
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 {
 
-
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;
 
-
}
 
-
 
-
 
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
border: none;
Line 591: Line 312:
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;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*******************************************
 +
iGEM top section
 +
*******************************************/
 +
/* Styles for Wiki*/
 +
#p-logo {
 +
    height:0px; overflow:hidden; display: none;
 +
}
 +
#top-section {
 +
    background-color: #444444;
 +
    height: 20px;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
}
 +
#content {
 +
line-height: normal;
 +
    width: 975px;
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:0px;
 +
}
 +
 +
 +
#contentSub {
 +
display: none;
 +
}
 +
 +
.firstHeading {
 +
    display: none;
 +
}
 +
div#catlinks {
 +
    visibility: hidden;
 +
    height: 0px;
 +
}
 +
#searchInput
 +
{
 +
    position:relative;
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
input.searchButton
 +
{
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
 +
div#bodyContent > p:first-child {
 +
display:none;
 +
}
 +
 +
</style>
</style>
<html>
<html>

Revision as of 07:11, 14 October 2014

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