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
+
-
*******************************************/
+
-
 
+
body {
body {
font-family: Verdana, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
Line 18: Line 13:
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 23: Line 21:
padding-left: 15px;
padding-left: 15px;
}
}
 +
.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;
 +
}
 +
 +
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 287: Line 309:
-moz-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
 +
}
 +
 +
/*******************************************
 +
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;
}
}
Line 317: Line 459:
display: block;
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:03, 14 October 2014