Team:Edinburgh/tech/basiccss

From 2011.igem.org

(Difference between revisions)
 
(161 intermediate revisions not shown)
Line 1: Line 1:
-
<style type="text/css">
+
@charset "UTF-8" ;
-
<!--
+
-
@charset "UTF-8";
+
/* Adapted from Edinburgh 2010 wiki */
/* Adapted from Edinburgh 2010 wiki */
-
/* Stylistic elements */
+
/*Boxes */
-
p, div {border: 0 0 0 0;
+
.tops {
-
padding: 0 0 0 0;
+
position: relative;
-
margin: 0 0 0 0;}
+
top: -5px;
 +
float: left;
 +
width: 975px;
 +
}
-
#content{
+
.mids {
-
background-color: white;
+
position: relative;
-
border-left: none;
+
top: 25px;
-
border-right: none;
+
float: left;
-
width: 965px;
+
height: 100%;
 +
width: 975px;
 +
z-index: 15;
}
}
.logo {
.logo {
 +
position: relative;
 +
float: left;
left: 0px;
left: 0px;
 +
height: 76px;
 +
margin: 8px 0 8px 0;
 +
width: 190px;
 +
}
 +
 +
.mainmenu {
 +
position: relative;
 +
float: left;
 +
height: 92px;
 +
width: 750px;
 +
padding: 0 0 0 0;
 +
margin: 0 0 0 0;
 +
background: url('/wiki/images/f/fd/Nav-top-bg.png') repeat-x;
 +
z-index: 100;
 +
left: 35px;
 +
}
 +
 +
#sidebar {
 +
position: absolute;
 +
float: left;
 +
left: -8px;
 +
width: 206px;
 +
padding: 0 8px;
 +
margin: none;
 +
z-index: 15;
 +
}
 +
 +
.main_body {
 +
width:730px; /*This is 965px - 190px for navbox - 35 for padding*/
 +
min-height: 300px;
 +
height: auto !important;
 +
padding: 0px 10px 5px 10px;
 +
text-align:justify;
 +
float: right;
top: 0px;
top: 0px;
-
width: 100%;
 
-
background-color: orange;
 
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='orange', endColorstr='#ffffff'); /*for IE*/
 
-
background: -webkit-gradient(linear, 0 0, 965 100, from(orange), to(#fff)); /*for webkit*/
 
-
background: -moz-linear-gradient(left,  orange,  #fff);/*for mozilla*/
 
-
height: 100px;
 
position: relative;
position: relative;
 +
padding-bottom: 1em;
}
}
-
#content .main_body {
+
#footer-box {
-
width: 655px; /*This is 965px - 300px for navbox - 10 for padding*/
+
position: relative;
 +
border: none;
 +
margin-top: 40px;
 +
margin-bottom: 20px;
 +
bottom: 10px;
 +
padding: -5px;
 +
}
 +
 
 +
#footer {
 +
position: relative;
 +
width: 740px;
float: right;
float: right;
-
padding: 0.5em;
+
padding: 5px;
-
background: white;
+
margin-right: -5px;
 +
}
 +
.leftmenu, .sitemap {
 +
position: relative;
 +
float: left;
 +
width: 206px;
 +
left:-8px;
 +
background: url('/wiki/images/9/99/Nav-left-bg.png') repeat-y;
 +
text-align: right;
 +
z-index: 15;
}
}
-
h2{
+
#hintcontainer {
-
border-bottom-color: #870008;
+
position: fixed;
 +
top: 26em;
 +
width: 190px;
 +
height: 100px;
}
}
-
#navmenu{
+
.fontnav {
-
background-color: white;
+
width: 190px;
-
position:absolute;
+
height: 25px;
-
top: 105px; /*This is logo height+5px*/
+
padding: 0px;
-
padding-top: 0.5em;
+
margin: 0px;
-
left:0.5em;
+
-
width: 300px;
+
-
height: 300px;
+
-
z-index: 1;
+
}
}
-
#globalWrapper, body{
+
.hint {
-
background-color: lightgrey;
+
position: absolute;
-
font: 12px Tahoma, Arial, Helvetica, sans-serif;
+
width: 180px;
 +
top: 0px;
 +
left:0px;
 +
padding: 5px;
}
}
-
table{
+
/* to suppress in preview mode */
-
text-align:justify;
+
#wikiPreview #hintcontainer, #wikiPreview .hint {
 +
visibility: hidden;
 +
}
 +
/* list styles */
 +
.mainmenu ul, .leftmenu ul, .sitemap ul {
 +
list-style: none;
 +
padding: 0 0 0 0;
 +
margin: 0 0 0 0;
}
}
-
A:link{
+
.mainmenu li {
-
text-decoration: none;
+
display:inline;
-
font-weight: bold;
+
-
color: #333333;
+
}
}
-
A:visited{
+
.mainmenu ul li a {
-
text-decoration: none;
+
font-family: helvetica, arial, sans-serif;
-
font-weight: bold;
+
font-size: 20px;
-
color: #333333;
+
line-height: 20px;
 +
padding: 50px 0 22px 0;
 +
margin: 0 0 0 0;
 +
float: left;
 +
text-align: center;
 +
color: #000000;
 +
width: 150px;
}
}
-
A:active{
+
.leftmenu li {
-
text-decoration: none;
+
display: block;
 +
margin-top: -1px;
 +
 
 +
}
 +
.sitemap {
 +
height: 20px;
 +
margin-top: -1px;
 +
z-index: 14 !important;
 +
}
 +
 
 +
li {line-height: normal}
 +
 
 +
.leftmenu li a {
 +
font-family: helvetica, arial, sans-serif;
 +
font-size: 14px;
 +
height: 20px;
 +
outline: none;
 +
-moz-outline-style: none;
 +
margin: 0 0 0 0;
 +
padding: 0 12px 0 8px;
 +
float: left;
 +
text-align: right;
 +
left: -8px;
 +
width: 186px;
 +
}
 +
 
 +
/*hints*/
 +
.hardword {
 +
font-style: italic;
font-weight: bold;
font-weight: bold;
-
color: #333333;
 
}
}
-
A:hover{
+
.hardword#help {
 +
font-style: normal;
 +
font-weight: normal;
 +
}
 +
 
 +
 
 +
/* Boxes */
 +
 
 +
/* Stylistic elements */
 +
div, p {
 +
border: 0;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
.main_body p {
 +
border: 0;
 +
padding: 5px 0 5px 0 !important;
 +
margin: 0;
 +
}
 +
 
 +
#content {
 +
border: none;
 +
width: 975px;
 +
}
 +
 
 +
#globalWrapper, body, .main_body, p{
 +
font: 10pt Tahoma, Arial, Helvetica, sans-serif;
 +
}
 +
 
 +
/* thumbnails */
 +
div.thumb {
 +
    border: none;
 +
}
 +
 
 +
div.thumb:after {
 +
clear: both;
 +
visibility:hidden;
 +
height:0;
 +
}
 +
div.thumb div {
 +
    border: 1px solid;
 +
}
 +
div.thumb div a img {
 +
    border: none;
 +
}
 +
div.thumb div div.thumbcaption {
 +
    border: none;
 +
}
 +
div.tright {
 +
    padding-left: 5px;
 +
}
 +
div.tleft {
 +
    padding-right: 5px;
 +
}
 +
 
 +
 
 +
table{
 +
text-align:justify;
 +
background: transparent;
 +
}
 +
 
 +
A:link, A:visited, A:active, A:hover {
text-decoration: none;
text-decoration: none;
-
font-weight: bold;
 
-
color: #555555;
 
}
}
Line 88: Line 241:
/* TOC */
/* TOC */
#toc, .toc {
#toc, .toc {
-
background: white;
 
border: none;
border: none;
 +
padding: 0;
 +
margin: 0.5em 0 0 0;
}
}
-
.toclevel-2 {
 
-
display: inline;
 
-
float: right;
 
-
list-style: none;
 
-
margin: 0 0 0 0;
 
-
padding-right: 1em;
 
-
padding-left: 1em;
 
-
border-right: dotted 1px black;
 
-
}
 
.toclevel-3, .toclevel-4, .toclevel-5, .toclevel-6 {
.toclevel-3, .toclevel-4, .toclevel-5, .toclevel-6 {
display:none;}
display:none;}
Line 108: Line 253:
}
}
-
/*Intro*/
+
/*Headers*/
-
.main_body p:first-child {
+
 
-
font-size: 13px;
+
#toc, h2, h3, h4, .hint {
-
text-indent: 0;
+
font-family: helvetica, arial, sans-serif;
 +
text-align: left;
}
}
-
p {text-indent: 10px;}
+
#toctitle {
 +
border:none;
 +
background: none;
 +
font-family: Helvetica, Arial, sans-serif;
 +
}
 +
h2{
 +
margin: 10px 0;
 +
padding: 5px 0px 5px 0px;
 +
font-size: 17pt;
 +
line-height: 120%;
 +
left: 0px;
 +
right: 0px;
 +
}
 +
 +
h3 {
 +
font-size: 13pt;
 +
text-shadow: none;
 +
}
 +
 +
code {
 +
background: transparent;
 +
}
pre {
pre {
-
background: #FFEEAA;
+
background: white;
-
border: dashed 1px #FFAA99;
+
}
}
-
/* Getting rid of IGEM elements */
+
/* Editing IGEM elements */
-
#contentSub, #catlinks, #siteSub, #search-controls, .firstHeading, #footer, #footer-box, .editsection {
+
#p-logo, #contentSub, #catlinks, #siteSub, #search-controls, .firstHeading, .editsection {
display:none;
display:none;
}
}
-
#search-controls {
+
#top-section, #menubar, #menubar:hover {
-
margin-top:30px;
+
-
}
+
-
 
+
-
#top-section {
+
height: 25px;
height: 25px;
-
border-left: none;
+
border: none;
-
border-right: none;
+
}
}
Line 143: Line 304:
.left-menu ul {
.left-menu ul {
border: none;
border: none;
-
}
 
-
 
-
#menubar li a {
 
-
color: white;
 
}
}
Line 157: Line 314:
}
}
-
#menubar{
+
#menubar {
top:15px;
top:15px;
z-index:25;
z-index:25;
 +
width: auto;
 +
}
 +
 +
.editButtons {
 +
z-index: 150;
 +
}
 +
 +
.centre {
 +
text-align: center !important;
 +
}
 +
 +
.nobg {
 +
background-color: transparent !important;
 +
}
 +
 +
th {
 +
border: 0;
 +
padding: 3px;
 +
text-align: center;
 +
}
 +
 +
.tnone {
 +
margin-top: 0.5em;
 +
}
 +
 +
.tright {
 +
margin-left: 0.5em;
 +
}
 +
 +
b {
 +
font-weight: bold !important;
 +
}
 +
 +
dl {
 +
margin-top: 0.5em;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
code.central {
 +
background-color: white;
 +
border: #2F6FAB dashed 1px;
 +
display: block;
 +
font-size: 13px;
 +
line-height: 14px;
 +
margin-top: 0px;
 +
margin-left: auto;
 +
margin-bottom: 0px;
 +
margin-right: auto;
 +
padding: 13px;
 +
top: auto;
 +
white-space: pre;
 +
width: 620px;
 +
z-index: auto;
 +
}
 +
 +
code p {
 +
margin: 0;
 +
border: 0;
 +
padding: 0;
 +
font-family: monospace;
}
}
-
img[src*="/wiki/skins/common/images/wiki.png"]{
+
table.centredtext {
-
    width:0;
+
text-align: center;
-
    height:40px;
+
-
    padding-right:975px;
+
-
    background: #606060;
+
}
}
-
-->
 
-
</style>
 

Latest revision as of 22:58, 25 October 2011

@charset "UTF-8" ;

/* Adapted from Edinburgh 2010 wiki */

/*Boxes */ .tops { position: relative; top: -5px; float: left; width: 975px; }

.mids { position: relative; top: 25px; float: left; height: 100%; width: 975px; z-index: 15; }

.logo { position: relative; float: left; left: 0px; height: 76px; margin: 8px 0 8px 0; width: 190px; }

.mainmenu { position: relative; float: left; height: 92px; width: 750px; padding: 0 0 0 0; margin: 0 0 0 0; background: url('/wiki/images/f/fd/Nav-top-bg.png') repeat-x; z-index: 100; left: 35px; }

  1. sidebar {

position: absolute; float: left; left: -8px; width: 206px; padding: 0 8px; margin: none; z-index: 15; }

.main_body { width:730px; /*This is 965px - 190px for navbox - 35 for padding*/ min-height: 300px; height: auto !important; padding: 0px 10px 5px 10px; text-align:justify; float: right; top: 0px; position: relative; padding-bottom: 1em; }

  1. footer-box {

position: relative; border: none; margin-top: 40px; margin-bottom: 20px; bottom: 10px; padding: -5px; }

  1. footer {

position: relative; width: 740px; float: right; padding: 5px; margin-right: -5px; }

.leftmenu, .sitemap { position: relative; float: left; width: 206px; left:-8px; background: url('/wiki/images/9/99/Nav-left-bg.png') repeat-y; text-align: right; z-index: 15; }

  1. hintcontainer {

position: fixed; top: 26em; width: 190px; height: 100px; }

.fontnav { width: 190px; height: 25px; padding: 0px; margin: 0px; }

.hint { position: absolute; width: 180px; top: 0px; left:0px; padding: 5px; }

/* to suppress in preview mode */

  1. wikiPreview #hintcontainer, #wikiPreview .hint {

visibility: hidden; } /* list styles */ .mainmenu ul, .leftmenu ul, .sitemap ul { list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; }

.mainmenu li { display:inline; }

.mainmenu ul li a { font-family: helvetica, arial, sans-serif; font-size: 20px; line-height: 20px; padding: 50px 0 22px 0; margin: 0 0 0 0; float: left; text-align: center; color: #000000; width: 150px; }

.leftmenu li { display: block; margin-top: -1px;

} .sitemap { height: 20px; margin-top: -1px; z-index: 14 !important; }

li {line-height: normal}

.leftmenu li a { font-family: helvetica, arial, sans-serif; font-size: 14px; height: 20px; outline: none; -moz-outline-style: none; margin: 0 0 0 0; padding: 0 12px 0 8px; float: left; text-align: right; left: -8px; width: 186px; }

/*hints*/ .hardword { font-style: italic; font-weight: bold; }

.hardword#help { font-style: normal; font-weight: normal; }


/* Boxes */

/* Stylistic elements */ div, p { border: 0; padding: 0; margin: 0; }

.main_body p { border: 0; padding: 5px 0 5px 0 !important; margin: 0; }

  1. content {

border: none; width: 975px; }

  1. globalWrapper, body, .main_body, p{

font: 10pt Tahoma, Arial, Helvetica, sans-serif; }

/* thumbnails */ div.thumb { 

   border: none;

}

div.thumb:after { clear: both; visibility:hidden; height:0; } div.thumb div { 

   border: 1px solid;

} div.thumb div a img { 

   border: none;

} div.thumb div div.thumbcaption { 

   border: none;

} div.tright { 

   padding-left: 5px;

} div.tleft { 

   padding-right: 5px;

}


table{ text-align:justify; background: transparent; }

A:link, A:visited, A:active, A:hover { text-decoration: none; }

/* Wiki formatting */ /* TOC */

  1. toc, .toc {

border: none; padding: 0; margin: 0.5em 0 0 0; }

.toclevel-3, .toclevel-4, .toclevel-5, .toclevel-6 { display:none;}

.toclevel-2 .tocnumber { display: none; }

/*Headers*/

  1. toc, h2, h3, h4, .hint {

font-family: helvetica, arial, sans-serif; text-align: left; }

  1. toctitle {

border:none; background: none; font-family: Helvetica, Arial, sans-serif; }

h2{ margin: 10px 0; padding: 5px 0px 5px 0px; font-size: 17pt; line-height: 120%; left: 0px; right: 0px; }

h3 { font-size: 13pt; text-shadow: none; }

code { background: transparent; } pre { background: white; }

/* Editing IGEM elements */

  1. p-logo, #contentSub, #catlinks, #siteSub, #search-controls, .firstHeading, .editsection {

display:none; }

  1. top-section, #menubar, #menubar:hover {

height: 25px; border: none; }

.left-menu { margin-top:-15px; }

.left-menu ul { border: none; }

  1. menubar.right-menu {

margin-top:-15px; }

.right-menu ul { border: none; }

  1. menubar {

top:15px; z-index:25; width: auto; }

.editButtons { z-index: 150; }

.centre { text-align: center !important; }

.nobg { background-color: transparent !important; }

th { border: 0; padding: 3px; text-align: center; }

.tnone { margin-top: 0.5em; }

.tright { margin-left: 0.5em; }

b { font-weight: bold !important; }

dl { margin-top: 0.5em; margin-bottom: 0.5em; }

code.central { background-color: white; border: #2F6FAB dashed 1px; display: block; font-size: 13px; line-height: 14px; margin-top: 0px; margin-left: auto; margin-bottom: 0px; margin-right: auto; padding: 13px; top: auto; white-space: pre; width: 620px; z-index: auto; }

code p { margin: 0; border: 0; padding: 0; font-family: monospace; }

table.centredtext { text-align: center; }

Retrieved from "http://2011.igem.org/Team:Edinburgh/tech/basiccss"