Team:Cambridge/static/wiki splash.css
From 2012.igem.org
Line 114: | Line 114: | ||
background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); } | background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); } | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* | /* |
Revision as of 16:08, 24 October 2012
/*
This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.
Version 2, December 2004
Copyright (C) 2011 Haydn King hjking734@gmail.com
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
- /
- wrapper {
top: 0px; left: -150px; position: relative; width: 1280px; height: 1024px; background-image: url('https://static.igem.org/mediawiki/2012/6/6e/CAMV2_background.png'); }
- top {
height: 145px; width: 1280px; position: relative; top: 0px; left: 0px; }
- abstract_button {
height: 30px; width: 128px; position: absolute; top: 100px; left: 925px; }
- judging_button {
height: 30px; width: 180px; position: absolute; top: 100px; left: 1070px; }
- main {
height: 781px; width: 1280px; }
.splash { height: 778px; width: 213.3px; float: left; padding-top: 250px; padding-left: 10px; }
- bottom {
top: 926px; left: 0px; width: 1280px; height: 98px; }
h8 { text-indent: 0px;
line-height: 120%;
font-family: Verdana, sans-serif; font-size: 36px; padding-left: 10px; padding-right: 10px;
background-color: black; z-index: 110;
}
h9 {
line-height: 120%;
color: #FFFFFF; font-family: Verdana, sans-serif; font-size: 20px; padding-left: 10px; padding-right: 10px;
background-color: black; z-index: 110;
}
li { color: white; font-family: Verdana, Geneva, sans-serif; font-size: 14px;
line-height: 1.3em;
}
.grid{
width:250px; height:250px; float: left;
position: relative; margin: 15px; }
.headover {
width: 250px; height: 90px; position: absolute; top: 80px; background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
.title { width: 250px; height: 80px; position: absolute; top: 170px; background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); } }
/*
- MediaWiki 'monobook' style sheet for CSS2-capable browsers.
- Copyright Gabriel Wicke - http://wikidev.net/
- License: GPL (http://www.gnu.org/copyleft/gpl.html)
- Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
- and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
- Michael Zeltner and Geir Bækholt)
- All you guys rock :)
-
- All iGEM-related content removed by Haydn King, iGEM Cambridge, 2011
- /
/*****************************************************************************************************
* The content div contains all of the contents of the page - provided by mediawiki ****************************************************************************************************/
/* the left column width is specified in class .portlet */
/* general styles */
table {
font-size: 100%; color: black; text-align: center;
} table td {
border: 1px solid grey; padding: 3px;
} table th {
border: 1px solid grey; padding: 3px; font-weight: bold;
} table.gallery td{
vertical-align: top; border: none!important;
}
caption {font-weight:bold; text-style:italic;}
div.gallerybox {
border: 1px solid lightgrey; padding: 2px;
}
img {
border: none; vertical-align: middle;
}
p img {
margin: 0;
}
hr {
height: 1px; color: #aaa; border: 0; margin: .2em 0 .2em 0;
}
h1, h2, h3, h4, h5 {
color: black; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa;
} h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5 {
border-bottom: none; font-weight: bold;
} h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; }
ul {
line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.5em; padding: 0;
} ol {
line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none;
} li {
margin-bottom: .1em;
} dt {
font-weight: bold; margin-bottom: .1em;
} dl {
margin-top: .2em; margin-bottom: .5em;
} dd {
line-height: 1.5em; margin-left: 2em; margin-bottom: .1em;
}
fieldset {
border: 1px solid #2f6fab; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em;
} legend {
background: white; padding: .5em; font-size: 95%;
}
select {
vertical-align: top;
} abbr, acronym, .explain {
border-bottom: 1px dotted black; color: black; background: none; cursor: help;
} q {
font-family: Times, "Times New Roman", serif; font-style: italic;
} code {
} pre {
padding: 1em; border: 1px dashed #2f6fab; color: black; line-height: 1.1em;
}
/*
- the main content area
- /
- siteSub {
display: none;
}
- contentSub {
font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto;
} span.subpages {
display: block;
}
/* Some space under the headers in the content area */
- bodyContent h1, #bodyContent h2 {
margin-bottom: .6em;
}
- bodyContent h3, #bodyContent h4, #bodyContent h5 {
margin-bottom: .3em;
} .firstHeading {
margin-bottom: .1em;
}
.error {
color: red; font-size: larger;
} /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription {
/* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0; line-height: 1.5em;
} .documentByLine {
text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c;
}
/* emulate center */ .center {
width: 100%; text-align: center;
}
- .center * {
margin-left: auto; margin-right: auto;
} /* small for tables and similar */ .small, .small * {
font-size: 94%;
} table.small {
font-size: 100%;
} span.editsection {
font-size: 15px; float: right; font-weight: normal;
} span.editsection a {font-size: 12px;}
/*
- content styles
- /
- toc,
.toc {
display: none; /*hide TOC forever and for always!*/
}
/* images */ div.floatright, table.floatright {
clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0;
} div.floatright p { font-style: italic; } div.floatleft, table.floatleft {
float: left; position: relative; margin: 0 .5em .5em 0; border: 0;
} div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb {
margin-bottom: .5em; border-style: solid; border-color: transparent; width: auto;
} div.thumb div {
border: 1px solid #ccc; padding: 3px !important; font-size: 94%; text-align: center; overflow: hidden;
} div.thumb div a img {
border: 1px solid #ccc;
} div.thumb div div.thumbcaption {
border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0;
} div.magnify {
float: right; border: none !important; background: none !important;
} div.magnify a, div.magnify img {
display: block; border: none !important; background: none !important;
} div.tright {
clear: right; float: right; border-width: .5em 0 .8em 1.4em;
} div.tleft {
float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0;
}
.hiddenStructure {
display: none;
} img.tex {
vertical-align: middle;
} span.texhtml {
font-family: serif;
}
/*
- classes for special content elements like town boxes
- intended to be referenced directly from the wiki src
- /
/*
- User styles
- /
/* table standards */ table.rimage {
float: right; position: relative; margin-left: 1em; margin-bottom: 1em; text-align: center;
} .toccolours {
border: 1px solid #aaa; padding: 5px; font-size: 95%;
} div.townBox {
position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right;
} div.townBox dl {
padding: 0; margin: 0 0 .3em; font-size: 96%;
} div.townBox dl dt {
background: none; margin: .4em 0 0;
} div.townBox dl dd {
margin: .1em 0 0 1.1em;
}
/*
- keep the whitespace in front of the ^=, hides rule from konqueror
- this is css3, the validator doesn't like it when validating as css2
- /
- bodyContent a[href ^="http://"],
- bodyContent a[href ^="gopher://"] {
/* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ }
- bodyContent a[href ^="https://"],
.link-https {
background: url(lock_icon.gif) center right no-repeat; padding-right: 16px;
}
- bodyContent a[href ^="mailto:"],
.link-mailto {
background: url(mail_icon.gif) center right no-repeat; padding-right: 18px;
}
- bodyContent a[href ^="news://"] {
background: url(news_icon.png) center right no-repeat; padding-right: 18px;
}
- bodyContent a[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat; padding-right: 18px;
}
- bodyContent a[href ^="irc://"],
.link-irc {
background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px;
} /* disable interwiki styling */
- bodyContent a.extiw,
- bodyContent a.extiw:active {
color: #36b; background: none; padding: 0;
} /* this can be used in the content area to switch off special external link styling */
- bodyContent .plainlinks a {
background: none !important; padding: 0;
}