Team:Edinburgh/tech/basiccss
From 2011.igem.org
m |
|||
Line 68: | Line 68: | ||
float: left; | float: left; | ||
text-align: center; | text-align: center; | ||
- | |||
- | |||
- | |||
color: #000000; | color: #000000; | ||
width: 150px; | width: 150px; | ||
} | } | ||
+ | |||
/* The colours here are just magic numbers! */ | /* The colours here are just magic numbers! */ | ||
- | . | + | .mainmenu li a:hover, #current:hover { |
background-color: #333333; | background-color: #333333; | ||
background: url('/wiki/images/1/15/Hover_mask.png'); | background: url('/wiki/images/1/15/Hover_mask.png'); |
Revision as of 10:35, 7 July 2011
@charset "UTF-8" ;
@font-face {
font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; src: local('Josefin Sans'), local('JosefinSans'), url('http://themes.googleusercontent.com/font?kit=xgzbb53t8j-Mo-vYa23n5nhCUOGz7vYGh680lGh-uXM') format('woff');
}
@font-face {
font-family: 'Josefin Sans'; font-style: normal; font-weight: 100; src: local('Josefin Sans Thin'), local('JosefinSans-Thin'), url('http://themes.googleusercontent.com/font?kit=q9w3H4aeBxj0hZ8Osfi3dy1dfeF-hbOdKKuBDEXxqhQ') format('woff');
}
@font-face {
font-family: 'Goudy Bookletter 1911'; font-style: normal; font-weight: normal; src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url('http://themes.googleusercontent.com/font?kit=l5lwlGTN3pEY5Bf-rQEuIMvsW7MYFVYsuLRj6jSUyb0') format('woff');
}
@font-face {
font-family: 'Cabin Sketch'; font-style: normal; font-weight: bold; src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url('http://themes.googleusercontent.com/font?kit=ki3SSN5HMOO0-IOLOj069Hl4twXkwp3_u9ZoePkT564') format('woff');
} /* @font-face {
font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 200; src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('http://themes.googleusercontent.com/font?kit=We_iSDqttE3etzfdfhuPRYa6iXjgqaxY3DU3RqApPOI') format('woff');
}*/
/* Adapted from Edinburgh 2010 wiki */ /*Menu*/
.logo { position: relative; float: left; left: 0px; background: red; height: 76px; padding: 8px 0 8px 0; width: 190px; top: -5px; }
.mainmenu ul, .leftmenu ul { list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; }
.mainmenu li { display:inline; }
.mainmenu 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; }
/* The colours here are just magic numbers! */ .mainmenu li a:hover, #current:hover { background-color: #333333; background: url('/wiki/images/1/15/Hover_mask.png'); color: white; }
- current {
background-color: black; background: url('/wiki/images/2/27/Select_mask.png'); color: white; width: 150px; }
.mainmenu { float: left; height: 92px; width: 750px; padding: 0 0 0 0; margin: 0 0 0 0; position: relative; background: url('/wiki/images/f/fd/Nav-top-bg.png') repeat-x; z-index: 100; left: 225px; top: -5px; }
.leftmenu { float: right; position: relative; width: 206px; top: 25px; right: -8px; background-color: white; background: url('/wiki/images/9/99/Nav-left-bg.png') repeat-y; text-align: right; }
.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: right; text-align: right; left: -8px; width: 186px; }
.leftmenu li a#leftcurrent { background: url('/wiki/images/0/01/Select_left_mask.png'); color: white; }
.leftmenu li a:hover, .leftmenu li a#leftcurrent:hover { background: url('/wiki/images/e/e3/Hover_left_mask.png'); color: white; }
/*hints*/ .hardword { font-style: italic;}
.hint { position: relative; margin-top: 30px; position: fixed; bottom: 100px; width: 180px; }
- hintcontainer {
display: inline-block; position: relative; height: 100%; width: 180px; margin-top: 25px; padding: 0 5px 0 5px; }
/* Boxes */
- sidebar {
position: absolute; width: 190px; }
/* Stylistic elements */ p, div {border: 0 0 0 0; padding: 0 0 0 0; margin: 0 0 0 0;}
- content{
border-left: none; border-right: none; width: 975px; }
- content #main_body {
width:740px; /*This is 965px - 190px for navbox - 35 for padding*/ min-height: 550px; height: auto !important; float: right; padding: 5px 5px 5px 5px; text-align:justify; height:100%; position: relative; margin-top: 25px; }
- 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;
}
A:link{ text-decoration: none; font-weight: bold; }
A:visited{ text-decoration: none; font-weight: bold; }
A:active{ text-decoration: none; font-weight: bold; }
A:hover{ text-decoration: none; font-weight: bold; }
/* Wiki formatting */ /* TOC */
- toc, .toc {
border: none; padding: 0; margin: 0; }
.toclevel-2 { display: inline; float: right; list-style: none; 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; }
/*Intro*/
- main_body p:first-child {
font-size: 13px; text-indent: 0;
}
/*Headers*/
h2, h3, h4 { font-family: 'Goudy Bookletter 1911', 'Times New Roman', serif; }
- toctitle h2 {
border:none; background: none; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h2{ margin: 0; padding: 5px 0px 5px 20px; font-size: 17pt; left: 0px; right: 0px; }
h3 { font-size: 13pt; text-shadow: none; }
p {text-indent: 10px;}
pre { border-radius: 10px; -moz-border-radius: 10px; }
/* Editting IGEM elements */
- footer {}
- footer-box {border: none;
margin-top: 5px;}
- p-logo, #contentSub, #catlinks, #siteSub, #search-controls, .firstHeading, .editsection {
display:none; }
- top-section, #menubar, #menubar:hover {
height: 25px; border: none; }
.left-menu { margin-top:-15px; }
.left-menu ul { border: none; }
- menubar li a {
}
- menubar.right-menu {
margin-top:-15px; }
.right-menu ul { border: none; }
- menubar {
top:15px; z-index:25; width: auto; }