Team:SYSU-Software/main.css

From 2014.igem.org

(Difference between revisions)
(Created page with "body { font: x-small/normal sans-serif; margin: 0px; padding: 0px; color: black; font-size-adjust: none; font-stretch: normal; background-color: rgb(252, 241, 206);} .visualClea...")
 
Line 92: Line 92:
.right-menu li a:hover {
.right-menu li a:hover {
color: rgb(170, 170, 255); text-decoration: underline;
color: rgb(170, 170, 255); text-decoration: underline;
 +
}
 +
 +
/*--custom start */
 +
/*--custom start */
 +
/*--custom start */
 +
/*--custom start */
 +
/*--custom start */
 +
 +
 +
 +
/*--custom end */
 +
/*--custom end */
 +
/*--custom end */
 +
/*--custom end */
 +
/*--custom end */
 +
 +
 +
#footer-box {
 +
visibility: hidden;
 +
margin: 0px auto;
 +
padding: 5px; 
 +
border-top-style: solid;
 +
border-top-width: 2px;
 +
border-color: #000;
 +
}
 +
#footer {
 +
text-align: center; color: rgb(0, 0, 0); font-size: 90%; width: 965px; margin: 0 auto;
 +
}
 +
#footer li {
 +
margin: 0px 1.3em; display: inline;
 +
}
 +
#sponsor-box {
 +
margin: 0px auto; width: 975px; height: 49px; line-height: 1.2em; font-size: 11pt; border-right-color: rgb(68, 68, 68); border-bottom-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; z-index: 5;
 +
}
 +
#f-poweredbyico {
 +
float: right;
 +
}
 +
#f-copyrightico {
 +
float: left;
 +
}
 +
.hidden {
 +
visibility: hidden;
 +
}
 +
.visible {
 +
visibility: visible;
 +
}
 +
.menubox {
 +
border: 1px solid rgb(164, 164, 164); left: 0px; top: 20px; width: 200px; height: 200px; position: absolute; z-index: 20; background-color: rgb(224, 224, 224);
 +
}
 +
.bridge1 {
 +
left: 1px; top: 18px; width: 59px; height: 4px; position: absolute; z-index: 25; background-color: rgb(216, 216, 216);
 +
}
 +
.shadow1 {
 +
left: 3px; top: 23px; width: 202px; height: 202px; border-right-color: rgb(69, 69, 69); border-bottom-color: rgb(69, 69, 69); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 18; opacity: 0.6; background-color: rgb(32, 32, 32);
 +
}
 +
.shadow2 {
 +
left: 5px; top: 25px; width: 202px; height: 202px; border-right-color: rgb(96, 96, 96); border-bottom-color: rgb(96, 96, 96); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 16; opacity: 0.4; background-color: rgb(48, 48, 48);
 +
}
 +
.shadow3 {
 +
left: 7px; top: 27px; width: 202px; height: 202px; border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 13; opacity: 0.2; background-color: rgb(0, 0, 0);
 +
}
 +
#right-sidebar {
 +
width: 190px; right: 0px; line-height: 90%; font-size: 95%; border-left-color: gray; border-left-width: 3px; border-left-style: solid; position: absolute;
 +
}
 +
.right-box {
 +
border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(68, 68, 68) rgb(68, 68, 68) rgb(68, 68, 68) currentColor; padding: 4px 5px 5px; width: 180px; margin-top: 10px;
 +
}
 +
:first-child.right-box {
 +
margin-top: 0px;
 +
}
 +
.right-heading {
 +
padding: 0.5em 0px 0px; line-height: 100%; font-size: 125%; font-weight: bold;
 +
}
 +
.right-box ul {
 +
line-height: 90%;
 +
}
 +
.right-box li {
 +
color: rgb(102, 102, 102);
 +
}
 +
#content {
 +
background: transparent;
 +
        margin: 0px auto;
 +
        padding: 0px;
 +
        width: 1280px;
 +
        color: black;
 +
        line-height: 1.5em;
 +
        border-right-width: 0;
 +
        border-left-width: 0;
 +
        border-right-style: none;
 +
        border-left-style: none;
 +
        position: relative;
 +
        z-index: 2;
 +
}
 +
#column-one {
 +
padding: 100px 20px 0px 0px; right: 4px; position: absolute;
 +
}
 +
table {
 +
font-size: 100%;
 +
border-collapse: separate;
 +
border-spacing: 0px 10px;
 +
border-top: solid 2px;
 +
border-bottom: solid 2px;
 +
}
 +
caption { font-weight: bold;
 +
}
 +
th {
 +
text-align: center;
 +
border-collapse:collapse;
 +
border-spacing: 0px;
 +
border-bottom: solid 1px;
 +
}
 +
td {
 +
text-align:left;
 +
vertical-align:text-top;
 +
}
 +
a {
 +
color: #66c; text-decoration: none;
 +
}
 +
a:visited {
 +
color: #66c;
 +
}
 +
a:active {
 +
color: rgb(0, 43, 184);
 +
}
 +
 +
.navigater a {
 +
color: rgb(252, 241, 256); text-decoration: none;
 +
}
 +
.navigater a:visited {
 +
color: rgb(252, 241, 256);
 +
}
 +
 +
 +
a:hover {
 +
text-decoration: underline;
 +
}
 +
a.stub {
 +
color: rgb(119, 34, 51);
 +
}
 +
a.new {
 +
color: rgb(170, 170, 255);
 +
}
 +
a.new:visited {
 +
color: rgb(0, 43, 184);
 +
}
 +
#p-personal a.new:visited {
 +
color: rgb(0, 43, 184);
 +
}
 +
img {
 +
border: currentColor; vertical-align: middle;
 +
}
 +
p {
 +
font-family: verdana;
 +
font-size: 14px;
 +
margin: 0.4em 0px 0.5em; line-height: 1.5em; text-align: justify;
 +
}
 +
p img {
 +
margin: 0px;
 +
}
 +
hr {
 +
margin: 0.2em 0px; border: 0px currentColor; height: 1px; color: rgb(170, 170, 170); background-color: rgb(170, 170, 170);
 +
}
 +
h1 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
        font-size: 40px;
 +
        line-height: 40px;
 +
margin: 25px 0px 0px 0px; color: black; text-align: center;
 +
padding: 0px 0px 0px 0px;
 +
        border:none;
 +
}
 +
h2 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
margin: 5px 0px 20px 0px; color: black; text-align: left;
 +
    border:none;
 +
}
 +
h3 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
margin: 5px 0px 15px 0px; color: black; text-align: left;
 +
}
 +
h4 {
 +
margin: 10px 0; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
 +
}
 +
h5 {
 +
margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
 +
}
 +
h6 {
 +
margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
 +
}
 +
 +
ul {
 +
margin: 0.3em 0px 0px 1.5em; padding: 0px; line-height: 1.5em; list-style-type: square; list-style-image: url("bullet.gif");
 +
}
 +
ol {
 +
margin: 0.3em 0px 0px 3.2em; padding: 0px; line-height: 1.5em; list-style-image: none;
 +
}
 +
li {
 +
margin-bottom: 0.1em;
 +
}
 +
dt {
 +
font-weight: bold; margin-bottom: 0.1em;
 +
}
 +
dl {
 +
margin-top: 0.2em; margin-bottom: 0.5em;
 +
}
 +
dd {
 +
line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em;
 +
}
 +
fieldset {
 +
margin: 1em 0px; padding: 0px 1em 1em; border: 1px solid rgb(47, 111, 171); line-height: 1.5em;
 +
}
 +
legend {
 +
background: white; padding: 0.5em; font-size: 95%;
 +
}
 +
form {
 +
margin: 0px; border: currentColor;
 +
}
 +
textarea {
 +
padding: 0.1em; width: 100%;
 +
}
 +
input.historysubmit {
 +
padding: 0px 0.3em 0.3em !important; height: 1.7em !important; font-size: 94%; margin-left: 1.6em; cursor: pointer;
 +
}
 +
select {
 +
vertical-align: top;
 +
}
 +
abbr {
 +
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
 +
}
 +
acronym {
 +
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
 +
}
 +
.explain {
 +
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
 +
}
 +
q {
 +
font-family: Times, "Times New Roman", serif; font-style: italic;
 +
}
 +
code {
 +
background-color: rgb(249, 249, 249);
 +
}
 +
pre {
 +
padding: 1em; border: 1px dashed rgb(47, 111, 171); color: black; line-height: 1.1em; background-color: rgb(249, 249, 249);
 +
}
 +
#siteSub {
 +
display: none;
 +
}
 +
#contentSub {
 +
margin: 0px 0px 1.4em 1em; width: auto; color: rgb(125, 125, 125); line-height: 1.2em; font-size: 84%;
 +
}
 +
span.subpages {
 +
display: block;
 +
}
 +
#bodyContent > p:first-child {
 +
inlint-height: 0px;
 +
        margin-top: 0px;
 +
        maring-bottom：0px;
 +
       
 +
}
 +
.firstHeading {
 +
        position:fixed;
 +
margin-bottom: 0;
 +
        height:0;
 +
        visibility:hidden;
 +
}
 +
h1.firstHeading {
 +
        visibility:hidden;
 +
        margin: 0;
 +
        padding-bottom: 0;
 +
        padding-top: 0;
 +
        inline-height: 0;
 +
        border-bottom: 0px;
 +
        -webkit-margin-before: 0px;
 +
        -webkit-margin-after: 0px;
 +
        -webkit-margin-start: 0px;
 +
        -webkit-margin-end: 0px;
 +
}
 +
.usermessage {
 +
margin: 2em 0px 1em; padding: 0.5em 1em; border: 1px solid rgb(255, 165, 0); color: black; font-weight: bold; vertical-align: middle; background-color: rgb(255, 206, 123);
 +
}
 +
#siteNotice {
 +
padding: 0px 0.9em; text-align: center; font-size: 95%;
 +
}
 +
#siteNotice p {
 +
margin: 0px; padding: 0px;
 +
}
 +
.error {
 +
color: red; font-size: larger;
 +
}
 +
#catlinks {
 +
        visibility: hidden;
 +
        position:fixed;
 +
padding: 0px; border: 0px; clear: both; margin-top: 0px; background-color: rgb(249, 249, 249);
 +
}
 +
.documentDescription {
 +
margin: 1em 0px; line-height: 1.5em; font-weight: bold; display: block;
 +
}
 +
.documentByLine {
 +
text-align: right; color: rgb(118, 121, 124); clear: both; font-size: 90%; font-weight: normal;
 +
}
 +
.center {
 +
width: 100%; text-align: center;
 +
}
 +
*.center * {
 +
margin-right: auto; margin-left: auto;
 +
}
 +
.small {
 +
font-size: 94%;
 +
}
 +
.small * {
 +
font-size: 94%;
 +
}
 +
table.small {
 +
font-size: 100%;
 +
}
 +
#toc {
 +
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
 +
}
 +
.toc {
 +
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
 +
}
 +
#toc h2 {
 +
padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline;
 +
}
 +
.toc h2 {
 +
padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline;
 +
}
 +
#toc #toctitle {
 +
text-align: center;
 +
}
 +
.toc #toctitle {
 +
text-align: center;
 +
}
 +
#toc .toctitle {
 +
text-align: center;
 +
}
 +
.toc .toctitle {
 +
text-align: center;
 +
}
 +
#toc ul {
 +
text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none;
 +
}
 +
.toc ul {
 +
text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none;
 +
}
 +
#toc ul ul {
 +
margin: 0px 0px 0px 2em;
 +
}
 +
.toc ul ul {
 +
margin: 0px 0px 0px 2em;
 +
}
 +
#toc .toctoggle {
 +
font-size: 94%;
 +
}
 +
.toc .toctoggle {
 +
font-size: 94%;
 +
}
 +
div.floatright {
 +
margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative;
 +
}
 +
table.floatright {
 +
margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative;
 +
}
 +
div.floatright p {
 +
font-style: italic;
 +
}
 +
div.floatleft {
 +
margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative;
 +
}
 +
table.floatleft {
 +
margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative;
 +
}
 +
div.floatleft p {
 +
font-style: italic;
 +
}
 +
div.thumb {
 +
border-style: solid; border-color: white; width: auto; margin-bottom: 0.5em;
 +
}
 +
div.thumb div {
 +
padding: 3px !important; border: 1px solid rgb(204, 204, 204); text-align: center; overflow: hidden; font-size: 94%; background-color: rgb(249, 249, 249);
 +
}
 +
div.thumb div a img {
 +
border: 1px solid rgb(204, 204, 204);
 +
}
 +
div.thumb div div.thumbcaption {
 +
padding: 0.3em 0px 0.1em; border: currentColor; text-align: left; line-height: 1.4em;
 +
}
 +
div.magnify {
 +
border: currentColor !important; float: right;
 +
}
 +
div.magnify a {
 +
border: currentColor !important; display: block;
 +
}
 +
div.magnify img {
 +
border: currentColor !important; display: block;
 +
}
 +
div.tright {
 +
border-width: 0.5em 0px 0.8em 1.4em; clear: right; float: right;
 +
}
 +
div.tleft {
 +
border-width: 0.5em 1.4em 0.8em 0px; margin-right: 0.5em; float: left;
 +
}
 +
.hiddenStructure {
 +
display: none;
 +
}
 +
img.tex {
 +
vertical-align: middle;
 +
}
 +
span.texhtml {
 +
font-family: serif;
 +
}
 +
table.rimage {
 +
text-align: center; margin-bottom: 1em; margin-left: 1em; float: right; position: relative;
 +
}
 +
.toccolours {
 +
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
 +
}
 +
div.townBox {
 +
background: white; padding: 0.3em; border: 1px solid gray; width: 200px; overflow: hidden; clear: right; margin-left: 1em; float: right; position: relative;
 +
}
 +
div.townBox dl {
 +
margin: 0px 0px 0.3em; padding: 0px; font-size: 96%;
 +
}
 +
div.townBox dl dt {
 +
margin: 0.4em 0px 0px;
 +
}
 +
div.townBox dl dd {
 +
margin: 0.1em 0px 0px 1.1em; background-color: rgb(243, 243, 243);
 +
}
 +
.special li {
 +
margin: 0px; padding: 0px; line-height: 1.4em;
 +
}
 +
.autocomment {
 +
color: gray;
 +
}
 +
#pagehistory span.user {
 +
margin-right: 0.4em; margin-left: 1.4em;
 +
}
 +
#pagehistory span.minor {
 +
font-weight: bold;
 +
}
 +
#pagehistory li {
 +
border: 1px solid white;
 +
}
 +
#pagehistory li.selected {
 +
border: 1px dashed rgb(170, 170, 170); background-color: rgb(249, 249, 249);
 +
}
 +
table.diff {
 +
background-color: white;
 +
}
 +
td.diff-otitle {
 +
background-color: white;
 +
}
 +
td.diff-ntitle {
 +
background-color: white;
 +
}
 +
td.diff-addedline {
 +
background: rgb(204, 255, 204); font-size: smaller;
 +
}
 +
td.diff-deletedline {
 +
background: rgb(255, 255, 170); font-size: smaller;
 +
}
 +
td.diff-context {
 +
background: rgb(238, 238, 238); font-size: smaller;
 +
}
 +
span.diffchange {
 +
color: red; font-weight: bold;
 +
}
 +
#bodyContent a[href^='http://'] {
 +
 +
}
 +
#bodyContent a[href^='gopher://'] {
 +
 +
}
 +
#bodyContent a[href^='https://'] {
 +
background: url("lock_icon.gif") no-repeat right; padding-right: 16px;
 +
}
 +
.link-https {
 +
background: url("lock_icon.gif") no-repeat right; padding-right: 16px;
 +
}
 +
#bodyContent a[href^='mailto:'] {
 +
background: url("mail_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
.link-mailto {
 +
background: url("mail_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
#bodyContent a[href^='news://'] {
 +
background: url("news_icon.png") no-repeat right; padding-right: 18px;
 +
}
 +
#bodyContent a[href^='ftp://'] {
 +
background: url("file_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
.link-ftp {
 +
background: url("file_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
#bodyContent a[href^='irc://'] {
 +
background: url("discussionitem_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
.link-irc {
 +
background: url("discussionitem_icon.gif") no-repeat right; padding-right: 18px;
 +
}
 +
#bodyContent a.extiw {
 +
padding: 0px; color: rgb(51, 102, 187);
 +
}
 +
#bodyContent a.extiw:active {
 +
padding: 0px; color: rgb(51, 102, 187);
 +
}
 +
#bodyContent .plainlinks a {
 +
padding: 0px;
 +
}
 +
li#pt-userpage {
 +
text-transform: none; padding-left: 20px;
 +
}
 +
li#pt-anonuserpage {
 +
text-transform: none; padding-left: 20px;
 +
}
 +
li#pt-login {
 +
text-transform: none; padding-left: 20px;
 +
}
 +
head:first-child + body #footer li {
 +
white-space: nowrap;
 +
}
 +
#preftoc {
 +
margin: 1em; width: 13em; float: left;
 +
}
 +
#preftoc li {
 +
border: 1px solid white;
 +
}
 +
#preftoc li.selected {
 +
border: 1px dashed rgb(170, 170, 170); background-color: rgb(249, 249, 249);
 +
}
 +
#preftoc a {
 +
color: rgb(0, 20, 166); display: block;
 +
}
 +
#preftoc a:active {
 +
color: rgb(0, 20, 166); display: block;
 +
}
 +
#prefcontrol {
 +
clear: both; margin-top: 1em; float: left;
 +
}
 +
div.prefsectiontip {
 +
font-size: 95%; margin-top: 1em;
 +
}
 +
fieldset.operaprefsection {
 +
margin-left: 15em;
 +
}
 +
* > html #p-cactions li {
 +
border: currentColor;
 +
}
 +
* > html #p-cactions li a {
 +
border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
 +
}
 +
* > html #f-poweredbyico {
 +
width: 100%; padding-bottom: 25px; -ms-overflow-x: auto;
 +
}
 +
* > html #bodyContent {
 +
width: 100%; padding-bottom: 25px; -ms-overflow-x: auto;
 +
}
 +
* > html #bodyContent pre {
 +
width: 100%; padding-bottom: 25px; -ms-overflow-x: auto;
 +
}
 +
* html #footer {
 +
margin-top: 0px;
 +
}
 +
* html #column-content {
 +
margin-bottom: 0px; display: inline;
 +
}
 +
* html div.editsection {
 +
font-size: smaller;
 +
}
 +
#pagehistory li.selected {
 +
position: relative;
 +
}
 +
* > html #column-content {
 +
float: none;
 +
}
 +
* > html #column-one {
 +
left: 0px; top: 0px; position: absolute;
 +
}
 +
* > html #footer {
 +
margin-left: 13.2em;
 +
}
 +
.redirectText {
 +
margin: 5px; font-size: 150%;
 +
}
 +
.printfooter {
 +
display: none;
 +
}
 +
.not-patrolled {
 +
background-color: rgb(255, 255, 170);
 +
}
 +
div.patrollink {
 +
text-align: right; font-size: 75%;
 +
}
 +
span.newpage {
 +
font-weight: bold;
 +
}
 +
span.minor {
 +
font-weight: bold;
 +
}
 +
span.searchmatch {
 +
font-weight: bold;
 +
}
 +
span.unpatrolled {
 +
color: red; font-weight: bold;
 +
}
 +
span.searchmatch {
 +
color: red;
 +
}
 +
.sharedUploadNotice {
 +
font-style: italic;
 +
}
 +
span.updatedmarker {
 +
color: black; background-color: rgb(0, 255, 0);
 +
}
 +
span.newpageletter {
 +
color: black; font-weight: bold; background-color: yellow;
 +
}
 +
span.minoreditletter {
 +
color: black; background-color: rgb(197, 255, 230);
 +
}
 +
table.gallery {
 +
margin: 2px; padding: 2px; border: 1px solid rgb(204, 204, 204); background-color: white;
 +
}
 +
table.gallery tr {
 +
vertical-align: top;
 +
}
 +
table.gallery td {
 +
border: 2px solid white; vertical-align: top; background-color: rgb(249, 249, 249);
 +
}
 +
div.gallerybox {
 +
margin: 2px; width: 150px;
 +
}
 +
div.gallerybox div.thumb {
 +
margin: 2px; border: 1px solid rgb(204, 204, 204); text-align: center;
 +
}
 +
div.gallerytext {
 +
padding: 2px 4px; font-size: 94%;
 +
}
 +
span.comment {
 +
font-style: italic;
 +
}
 +
span.changedby {
 +
font-size: 95%;
 +
}
 +
.previewnote {
 +
text-align: center; color: rgb(204, 0, 0);
 +
}
 +
.editExternally {
 +
padding: 3px; border: 1px solid gray; text-align: center; font-size: small; margin-top: 0.5em; float: left; background-color: rgb(255, 255, 255);
 +
}
 +
.editExternallyHelp {
 +
color: gray; font-style: italic;
 +
}
 +
li span.deleted {
 +
color: rgb(136, 136, 136); font-style: italic; text-decoration: line-through;
 +
}
 +
.toggle {
 +
text-indent: -2em; margin-left: 2em;
 +
}
 +
table.metadata {
 +
font-size: 0.8em; margin-bottom: 0.5em; margin-left: 0.5em;
 +
}
 +
table.metadata caption {
 +
font-weight: bold;
 +
}
 +
table.metadata th {
 +
font-weight: normal;
 +
}
 +
table.metadata td {
 +
padding: 0.1em;
 +
}
 +
table.metadata {
 +
border: currentColor; border-collapse: collapse;
 +
}
 +
table.metadata td {
 +
border: 1px solid rgb(170, 170, 170); text-align: center; padding-right: 0.1em; padding-left: 0.1em;
 +
}
 +
table.metadata th {
 +
border: 1px solid rgb(170, 170, 170); text-align: center; padding-right: 0.1em; padding-left: 0.1em;
 +
}
 +
table.metadata th {
 +
background-color: rgb(249, 249, 249);
 +
}
 +
table.metadata td {
 +
background-color: rgb(252, 252, 252);
 +
}
 +
ul#filetoc {
 +
padding: 5px; border: 1px solid rgb(170, 170, 170); text-align: center; font-size: 95%; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; background-color: rgb(249, 249, 249);
 +
}
 +
#filetoc li {
 +
padding-right: 2em; display: inline; list-style-type: none;
 +
}
 +
input#wpSave {
 +
margin-right: 0.33em;
 +
}
 +
input#wpDiff {
 +
margin-right: 0.33em;
 +
}
 +
table.revisionform_default {
 +
border: 1px solid rgb(0, 0, 0);
 +
}
 +
table.revisionform_focus {
 +
border: 1px solid rgb(0, 0, 0); background-color: rgb(0, 187, 255);
 +
}
 +
tr.revision_tr_default {
 +
background-color: rgb(238, 238, 238);
 +
}
 +
tr.revision_tr_first {
 +
background-color: rgb(221, 221, 221);
 +
}
 +
p.revision_saved {
 +
color: green; font-weight: bold;
 +
}
 +
#mw_trackbacks {
 +
padding: 0.2em; border: 1px solid rgb(187, 187, 255); background-color: rgb(238, 238, 255);
 +
}
 +
#allmessagestable th {
 +
background-color: rgb(178, 178, 255);
 +
}
 +
#allmessagestable tr.orig {
 +
background-color: rgb(255, 226, 226);
 +
}
 +
#allmessagestable tr.new {
 +
background-color: rgb(226, 255, 226);
 +
}
 +
#allmessagestable tr.def {
 +
background-color: rgb(240, 240, 255);
}
}

Latest revision as of 12:10, 1 October 2014

body { font: x-small/normal sans-serif; margin: 0px; padding: 0px; color: black; font-size-adjust: none; font-stretch: normal; background-color: rgb(252, 241, 206);} .visualClear { clear: both; }

  1. globalWrapper {

margin: 0px; padding: 0px; width: auto; font-size: 127%; position: relative; }

  1. top-section {

margin-top:0; 

       margin-left:0;
       width: 0px;
       height: 1px;
       height: 1px !important;
       position: relative;
       z-index: 100;
       border: 0px;
       border: 0px !important;

}

  1. p-logo { 
       visibility:hidden;

width: 975px; height: 0; position: absolute; z-index: -1; }

  1. p-logo h5 {

display: none; }

  1. p-logo a {

text-decoration: none; }

  1. p-logo a:hover {

text-decoration: none; }

  1. search-controls {

top: 20px; width: 150px; height: 0px; text-align: center; right: 15px; position: absolute; background-color: transparent; } input.searchButton { margin: 1px 5px 0px 10px; border: currentColor;background-color: transparent; color: rgb(100,100,100); font-size: 100%; font-weight: bold; } input.searchButton:hover { color: white; }

  1. searchInput {

margin: 0px; width: 10.9em; font-size: 95%;background-color: transparent; }

  1. searchGoButton {

margin-right: 0px; margin-left: 30px; }

  1. menubar { 
       position:absolute;

top: -6px; line-height: 1em; font-family: sans-serif; font-size: 95%; white-space: nowrap; position: absolute; z-index: 200; } .left-menu { 

       width: 400px;

left: 0px; text-align: left; color: transparent; text-transform: lowercase; } .left-menu a { left: 0px; text-align: left; color: transparent; text-transform: lowercase; } .left-menu:hover { color: white; background-color: rgb(85, 85, 85); } .right-menu { 

       width: 400px;

position:absolute; 

       z-index:200;
       text-align: right; 
       left: 900px; 
       color: white;

} .right-menu a { text-align: right; right: 0px; color: white; }

  1. menubar ul {

list-style: none; color: rgb(85, 85, 85); }

  1. menubar li {

padding-right: 0px; padding-left: 0px; display: inline; position: relative; cursor: pointer; } .left-menu li a { padding: 0px 10px 0px 0px; } .left-menu .selected {

} .left-menu:hover a { color: white; }

.right-menu li a { padding: 0px 15px 0px 0px; color: rgb(100,100,100); background-color: transparent; } .right-menu li a:hover { color: rgb(170, 170, 255); text-decoration: underline; }

/*--custom start */ /*--custom start */ /*--custom start */ /*--custom start */ /*--custom start */


/*--custom end */ /*--custom end */ /*--custom end */ /*--custom end */ /*--custom end */


  1. footer-box {

visibility: hidden; margin: 0px auto; padding: 5px; border-top-style: solid; border-top-width: 2px; border-color: #000; }

  1. footer {

text-align: center; color: rgb(0, 0, 0); font-size: 90%; width: 965px; margin: 0 auto; }

  1. footer li {

margin: 0px 1.3em; display: inline; }

  1. sponsor-box {

margin: 0px auto; width: 975px; height: 49px; line-height: 1.2em; font-size: 11pt; border-right-color: rgb(68, 68, 68); border-bottom-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; z-index: 5; }

  1. f-poweredbyico {

float: right; }

  1. f-copyrightico {

float: left; } .hidden { visibility: hidden; } .visible { visibility: visible; } .menubox { border: 1px solid rgb(164, 164, 164); left: 0px; top: 20px; width: 200px; height: 200px; position: absolute; z-index: 20; background-color: rgb(224, 224, 224); } .bridge1 { left: 1px; top: 18px; width: 59px; height: 4px; position: absolute; z-index: 25; background-color: rgb(216, 216, 216); } .shadow1 { left: 3px; top: 23px; width: 202px; height: 202px; border-right-color: rgb(69, 69, 69); border-bottom-color: rgb(69, 69, 69); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 18; opacity: 0.6; background-color: rgb(32, 32, 32); } .shadow2 { left: 5px; top: 25px; width: 202px; height: 202px; border-right-color: rgb(96, 96, 96); border-bottom-color: rgb(96, 96, 96); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 16; opacity: 0.4; background-color: rgb(48, 48, 48); } .shadow3 { left: 7px; top: 27px; width: 202px; height: 202px; border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; z-index: 13; opacity: 0.2; background-color: rgb(0, 0, 0); }

  1. right-sidebar {

width: 190px; right: 0px; line-height: 90%; font-size: 95%; border-left-color: gray; border-left-width: 3px; border-left-style: solid; position: absolute; } .right-box { border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(68, 68, 68) rgb(68, 68, 68) rgb(68, 68, 68) currentColor; padding: 4px 5px 5px; width: 180px; margin-top: 10px; }

first-child.right-box {

margin-top: 0px; } .right-heading { padding: 0.5em 0px 0px; line-height: 100%; font-size: 125%; font-weight: bold; } .right-box ul { line-height: 90%; } .right-box li { color: rgb(102, 102, 102); }

  1. content {

background: transparent; 

       margin: 0px auto;
       padding: 0px;
       width: 1280px;
       color: black;
       line-height: 1.5em;
       border-right-width: 0;
       border-left-width: 0;
       border-right-style: none;
       border-left-style: none;
       position: relative;
       z-index: 2;

}

  1. column-one {

padding: 100px 20px 0px 0px; right: 4px; position: absolute; } table { font-size: 100%; border-collapse: separate; border-spacing: 0px 10px; border-top: solid 2px; border-bottom: solid 2px; } caption { font-weight: bold; } th { text-align: center; border-collapse:collapse; border-spacing: 0px; border-bottom: solid 1px; } td { text-align:left; vertical-align:text-top; } a { color: #66c; text-decoration: none; } a:visited { color: #66c; } a:active { color: rgb(0, 43, 184); }

.navigater a { color: rgb(252, 241, 256); text-decoration: none; } .navigater a:visited { color: rgb(252, 241, 256); }


a:hover { text-decoration: underline; } a.stub { color: rgb(119, 34, 51); } a.new { color: rgb(170, 170, 255); } a.new:visited { color: rgb(0, 43, 184); }

  1. p-personal a.new:visited {

color: rgb(0, 43, 184); } img { border: currentColor; vertical-align: middle; } p { font-family: verdana; font-size: 14px; margin: 0.4em 0px 0.5em; line-height: 1.5em; text-align: justify; } p img { margin: 0px; } hr { margin: 0.2em 0px; border: 0px currentColor; height: 1px; color: rgb(170, 170, 170); background-color: rgb(170, 170, 170); } h1 { font-family: Arial, Helvetica, sans-serif; 

       font-size: 40px;
       line-height: 40px;

margin: 25px 0px 0px 0px; color: black; text-align: center; padding: 0px 0px 0px 0px; 

       border:none;

} h2 { font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 20px 0px; color: black; text-align: left; 

   border:none;

} h3 { font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 15px 0px; color: black; text-align: left; } h4 { margin: 10px 0; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; } h5 { margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; } h6 { margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; }

ul { margin: 0.3em 0px 0px 1.5em; padding: 0px; line-height: 1.5em; list-style-type: square; list-style-image: url("bullet.gif"); } ol { margin: 0.3em 0px 0px 3.2em; padding: 0px; line-height: 1.5em; list-style-image: none; } li { margin-bottom: 0.1em; } dt { font-weight: bold; margin-bottom: 0.1em; } dl { margin-top: 0.2em; margin-bottom: 0.5em; } dd { line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; } fieldset { margin: 1em 0px; padding: 0px 1em 1em; border: 1px solid rgb(47, 111, 171); line-height: 1.5em; } legend { background: white; padding: 0.5em; font-size: 95%; } form { margin: 0px; border: currentColor; } textarea { padding: 0.1em; width: 100%; } input.historysubmit { padding: 0px 0.3em 0.3em !important; height: 1.7em !important; font-size: 94%; margin-left: 1.6em; cursor: pointer; } select { vertical-align: top; } abbr { color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; } acronym { color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; } .explain { color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; } q { font-family: Times, "Times New Roman", serif; font-style: italic; } code { background-color: rgb(249, 249, 249); } pre { padding: 1em; border: 1px dashed rgb(47, 111, 171); color: black; line-height: 1.1em; background-color: rgb(249, 249, 249); }

  1. siteSub {

display: none; }

  1. contentSub {

margin: 0px 0px 1.4em 1em; width: auto; color: rgb(125, 125, 125); line-height: 1.2em; font-size: 84%; } span.subpages { display: block; }

  1. bodyContent > p:first-child {

inlint-height: 0px; 

       margin-top: 0px;
       maring-bottom：0px;

} .firstHeading { 

       position:fixed;

margin-bottom: 0; 

       height:0;
       visibility:hidden;

} h1.firstHeading { 

       visibility:hidden;
       margin: 0;
       padding-bottom: 0;
       padding-top: 0;
       inline-height: 0;
       border-bottom: 0px;
       -webkit-margin-before: 0px;
       -webkit-margin-after: 0px;
       -webkit-margin-start: 0px;
       -webkit-margin-end: 0px;

} .usermessage { margin: 2em 0px 1em; padding: 0.5em 1em; border: 1px solid rgb(255, 165, 0); color: black; font-weight: bold; vertical-align: middle; background-color: rgb(255, 206, 123); }

  1. siteNotice {

padding: 0px 0.9em; text-align: center; font-size: 95%; }

  1. siteNotice p {

margin: 0px; padding: 0px; } .error { color: red; font-size: larger; }

  1. catlinks { 
       visibility: hidden;
       position:fixed;

padding: 0px; border: 0px; clear: both; margin-top: 0px; background-color: rgb(249, 249, 249); } .documentDescription { margin: 1em 0px; line-height: 1.5em; font-weight: bold; display: block; } .documentByLine { text-align: right; color: rgb(118, 121, 124); clear: both; font-size: 90%; font-weight: normal; } .center { width: 100%; text-align: center; }

  • .center * {

margin-right: auto; margin-left: auto; } .small { font-size: 94%; } .small * { font-size: 94%; } table.small { font-size: 100%; }

  1. toc {

padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249); } .toc { padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249); }

  1. toc h2 {

padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline; } .toc h2 { padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline; }

  1. toc #toctitle {

text-align: center; } .toc #toctitle { text-align: center; }

  1. toc .toctitle {

text-align: center; } .toc .toctitle { text-align: center; }

  1. toc ul {

text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none; } .toc ul { text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none; }

  1. toc ul ul {

margin: 0px 0px 0px 2em; } .toc ul ul { margin: 0px 0px 0px 2em; }

  1. toc .toctoggle {

font-size: 94%; } .toc .toctoggle { font-size: 94%; } div.floatright { margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative; } table.floatright { margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative; } div.floatright p { font-style: italic; } div.floatleft { margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative; } table.floatleft { margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative; } div.floatleft p { font-style: italic; } div.thumb { border-style: solid; border-color: white; width: auto; margin-bottom: 0.5em; } div.thumb div { padding: 3px !important; border: 1px solid rgb(204, 204, 204); text-align: center; overflow: hidden; font-size: 94%; background-color: rgb(249, 249, 249); } div.thumb div a img { border: 1px solid rgb(204, 204, 204); } div.thumb div div.thumbcaption { padding: 0.3em 0px 0.1em; border: currentColor; text-align: left; line-height: 1.4em; } div.magnify { border: currentColor !important; float: right; } div.magnify a { border: currentColor !important; display: block; } div.magnify img { border: currentColor !important; display: block; } div.tright { border-width: 0.5em 0px 0.8em 1.4em; clear: right; float: right; } div.tleft { border-width: 0.5em 1.4em 0.8em 0px; margin-right: 0.5em; float: left; } .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; } table.rimage { text-align: center; margin-bottom: 1em; margin-left: 1em; float: right; position: relative; } .toccolours { padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249); } div.townBox { background: white; padding: 0.3em; border: 1px solid gray; width: 200px; overflow: hidden; clear: right; margin-left: 1em; float: right; position: relative; } div.townBox dl { margin: 0px 0px 0.3em; padding: 0px; font-size: 96%; } div.townBox dl dt { margin: 0.4em 0px 0px; } div.townBox dl dd { margin: 0.1em 0px 0px 1.1em; background-color: rgb(243, 243, 243); } .special li { margin: 0px; padding: 0px; line-height: 1.4em; } .autocomment { color: gray; }

  1. pagehistory span.user {

margin-right: 0.4em; margin-left: 1.4em; }

  1. pagehistory span.minor {

font-weight: bold; }

  1. pagehistory li {

border: 1px solid white; }

  1. pagehistory li.selected {

border: 1px dashed rgb(170, 170, 170); background-color: rgb(249, 249, 249); } table.diff { background-color: white; } td.diff-otitle { background-color: white; } td.diff-ntitle { background-color: white; } td.diff-addedline { background: rgb(204, 255, 204); font-size: smaller; } td.diff-deletedline { background: rgb(255, 255, 170); font-size: smaller; } td.diff-context { background: rgb(238, 238, 238); font-size: smaller; } span.diffchange { color: red; font-weight: bold; }

  1. bodyContent a[href^='http://'] {

}

  1. bodyContent a[href^='gopher://'] {

}

  1. bodyContent a[href^='https://'] {

background: url("lock_icon.gif") no-repeat right; padding-right: 16px; } .link-https { background: url("lock_icon.gif") no-repeat right; padding-right: 16px; }

  1. bodyContent a[href^='mailto:'] {

background: url("mail_icon.gif") no-repeat right; padding-right: 18px; } .link-mailto { background: url("mail_icon.gif") no-repeat right; padding-right: 18px; }

  1. bodyContent a[href^='news://'] {

background: url("news_icon.png") no-repeat right; padding-right: 18px; }

  1. bodyContent a[href^='ftp://'] {

background: url("file_icon.gif") no-repeat right; padding-right: 18px; } .link-ftp { background: url("file_icon.gif") no-repeat right; padding-right: 18px; }

  1. bodyContent a[href^='irc://'] {

background: url("discussionitem_icon.gif") no-repeat right; padding-right: 18px; } .link-irc { background: url("discussionitem_icon.gif") no-repeat right; padding-right: 18px; }

  1. bodyContent a.extiw {

padding: 0px; color: rgb(51, 102, 187); }

  1. bodyContent a.extiw:active {

padding: 0px; color: rgb(51, 102, 187); }

  1. bodyContent .plainlinks a {

padding: 0px; } li#pt-userpage { text-transform: none; padding-left: 20px; } li#pt-anonuserpage { text-transform: none; padding-left: 20px; } li#pt-login { text-transform: none; padding-left: 20px; } head:first-child + body #footer li { white-space: nowrap; }

  1. preftoc {

margin: 1em; width: 13em; float: left; }

  1. preftoc li {

border: 1px solid white; }

  1. preftoc li.selected {

border: 1px dashed rgb(170, 170, 170); background-color: rgb(249, 249, 249); }

  1. preftoc a {

color: rgb(0, 20, 166); display: block; }

  1. preftoc a:active {

color: rgb(0, 20, 166); display: block; }

  1. prefcontrol {

clear: both; margin-top: 1em; float: left; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em; }

  • > html #p-cactions li {

border: currentColor; }

  • > html #p-cactions li a {

border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor; }

  • > html #f-poweredbyico {

width: 100%; padding-bottom: 25px; -ms-overflow-x: auto; }

  • > html #bodyContent {

width: 100%; padding-bottom: 25px; -ms-overflow-x: auto; }

  • > html #bodyContent pre {

width: 100%; padding-bottom: 25px; -ms-overflow-x: auto; }

  • html #footer {

margin-top: 0px; }

  • html #column-content {

margin-bottom: 0px; display: inline; }

  • html div.editsection {

font-size: smaller; }

  1. pagehistory li.selected {

position: relative; }

  • > html #column-content {

float: none; }

  • > html #column-one {

left: 0px; top: 0px; position: absolute; }

  • > html #footer {

margin-left: 13.2em; } .redirectText { margin: 5px; font-size: 150%; } .printfooter { display: none; } .not-patrolled { background-color: rgb(255, 255, 170); } div.patrollink { text-align: right; font-size: 75%; } span.newpage { font-weight: bold; } span.minor { font-weight: bold; } span.searchmatch { font-weight: bold; } span.unpatrolled { color: red; font-weight: bold; } span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; } span.updatedmarker { color: black; background-color: rgb(0, 255, 0); } span.newpageletter { color: black; font-weight: bold; background-color: yellow; } span.minoreditletter { color: black; background-color: rgb(197, 255, 230); } table.gallery { margin: 2px; padding: 2px; border: 1px solid rgb(204, 204, 204); background-color: white; } table.gallery tr { vertical-align: top; } table.gallery td { border: 2px solid white; vertical-align: top; background-color: rgb(249, 249, 249); } div.gallerybox { margin: 2px; width: 150px; } div.gallerybox div.thumb { margin: 2px; border: 1px solid rgb(204, 204, 204); text-align: center; } div.gallerytext { padding: 2px 4px; font-size: 94%; } span.comment { font-style: italic; } span.changedby { font-size: 95%; } .previewnote { text-align: center; color: rgb(204, 0, 0); } .editExternally { padding: 3px; border: 1px solid gray; text-align: center; font-size: small; margin-top: 0.5em; float: left; background-color: rgb(255, 255, 255); } .editExternallyHelp { color: gray; font-style: italic; } li span.deleted { color: rgb(136, 136, 136); font-style: italic; text-decoration: line-through; } .toggle { text-indent: -2em; margin-left: 2em; } table.metadata { font-size: 0.8em; margin-bottom: 0.5em; margin-left: 0.5em; } table.metadata caption { font-weight: bold; } table.metadata th { font-weight: normal; } table.metadata td { padding: 0.1em; } table.metadata { border: currentColor; border-collapse: collapse; } table.metadata td { border: 1px solid rgb(170, 170, 170); text-align: center; padding-right: 0.1em; padding-left: 0.1em; } table.metadata th { border: 1px solid rgb(170, 170, 170); text-align: center; padding-right: 0.1em; padding-left: 0.1em; } table.metadata th { background-color: rgb(249, 249, 249); } table.metadata td { background-color: rgb(252, 252, 252); } ul#filetoc { padding: 5px; border: 1px solid rgb(170, 170, 170); text-align: center; font-size: 95%; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; background-color: rgb(249, 249, 249); }

  1. filetoc li {

padding-right: 2em; display: inline; list-style-type: none; } input#wpSave { margin-right: 0.33em; } input#wpDiff { margin-right: 0.33em; } table.revisionform_default { border: 1px solid rgb(0, 0, 0); } table.revisionform_focus { border: 1px solid rgb(0, 0, 0); background-color: rgb(0, 187, 255); } tr.revision_tr_default { background-color: rgb(238, 238, 238); } tr.revision_tr_first { background-color: rgb(221, 221, 221); } p.revision_saved { color: green; font-weight: bold; }

  1. mw_trackbacks {

padding: 0.2em; border: 1px solid rgb(187, 187, 255); background-color: rgb(238, 238, 255); }

  1. allmessagestable th {

background-color: rgb(178, 178, 255); }

  1. allmessagestable tr.orig {

background-color: rgb(255, 226, 226); }

  1. allmessagestable tr.new {

background-color: rgb(226, 255, 226); }

  1. allmessagestable tr.def {

background-color: rgb(240, 240, 255); }

Retrieved from "http://2014.igem.org/Team:SYSU-Software/main.css"