Team:Edinburgh/tech/basiccss

From 2011.igem.org

Revision as of 14:55, 15 July 2011 by L.Kopec (Talk | contribs)

@charset "UTF-8" ;

@font-face {

 font-family: 'Josefin Sans';
 font-style: normal;
 font-weight: 600;
 src: local('Josefin Sans SemiBold'), local('JosefinSans-SemiBold'), url('http://themes.googleusercontent.com/font?kit=C6HYlRF50SGJq1XyXj04z9Od4RnLmtUrdSQkDmC5b8k') format('woff');

}

/* 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: 5px 10px 5px 10px; text-align:justify; float: right; top: 0px; position: relative; }

  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 { 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: 300px; bottom: 10px; width: 190px; z-index: 15; }

.hint { position: fixed; width: 180px; top: 300px; bottom: 0px; z-index: 21; padding: 5px; }

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

.mainmenu li { display:inline; }

.mainmenu ul li a { font-family: 'Josefin Sans', 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; }

.leftmenu li a { font-family: 'Josefin Sans', arial, sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 0 0; padding: 0 12px 0 8px; float: left; text-align: right; left: -8px; width: 186px; }

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

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


/* Boxes */

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

p { border: 0; padding: 5px 0 5px 0; margin: 0; }

  1. content {

border: none; width: 975px; }

  1. globalWrapper, body{

font: 12px 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; }

.toclevel-2 { display: block; float: left; margin: 0 0 0 0; padding-right: 1em; padding-left: 1em; } .toclevel-3, .toclevel-4, .toclevel-5, .toclevel-6 { display:none;}

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

/*Headers*/

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

font-family: 'Josefin Sans', Helvetica, Arial, sans-serif; }

  1. toctitle {

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

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

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


code, pre { background: transparent; } /* Editting 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; }