Team:Edinburgh/tech/basiccss

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
@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');
 +
}
 +
 +
/* Adapted from Edinburgh 2010 wiki */
 +
/*Menu*/
 +
.logo {
.logo {
position: relative;
position: relative;
float: left;
float: left;
left: 0px;
left: 0px;
-
background: red;
 
height: 76px;
height: 76px;
-
padding: 8px 0 8px 0;
+
margin: 8px 0 8px 0;
width: 190px;
width: 190px;
-
top: -5px;
 
}
}
Line 29: Line 46:
text-align: center;
text-align: center;
color: #000000;
color: #000000;
-
width: 150px;
 
-
}
 
-
 
-
/* The colours here are just magic numbers! */
 
-
.mainmenu ul 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;
width: 150px;
}
}
Line 53: Line 56:
margin: 0 0 0 0;
margin: 0 0 0 0;
position: relative;
position: relative;
-
background: url('/wiki/images/f/fd/Nav-top-bg.png') repeat-x;
+
background: url('nav-top-bg.png') repeat-x;
z-index: 100;
z-index: 100;
left: 225px;
left: 225px;
Line 63: Line 66:
position: relative;
position: relative;
width: 206px;
width: 206px;
-
top: 25px;
+
top: 30px;
right: -8px;
right: -8px;
background-color: white;
background-color: white;
-
background: url('/wiki/images/9/99/Nav-left-bg.png') repeat-y;
+
background: url('nav-left-bg.png') repeat-y;
text-align: right;
text-align: right;
 +
z-index: 1;
}
}
Line 81: Line 85:
margin: 0 0 0 0;
margin: 0 0 0 0;
padding: 0 12px 0 8px;
padding: 0 12px 0 8px;
-
float: right;
+
float: left;
text-align: right;
text-align: right;
left: -8px;
left: -8px;
width: 186px;
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*/
/*hints*/
.hardword {
.hardword {
-
font-style: italic;}
+
font-style: italic;
 +
}
.hint {
.hint {
-
position: relative;
 
-
margin-top: 30px;
 
position: fixed;
position: fixed;
-
bottom: 100px;
 
width: 180px;
width: 180px;
 +
bottom: 200px;
 +
padding: 5px;
}
}
#hintcontainer {
#hintcontainer {
-
display: inline-block;
 
-
position: relative;
 
height: 100%;
height: 100%;
-
width: 180px;
+
margin-top: 35px;
-
margin-top: 25px;
+
-
padding: 0 5px 0 5px;
+
}
}
Line 122: Line 112:
position: absolute;
position: absolute;
width: 190px;
width: 190px;
 +
height: 100%;
 +
margin: none;
 +
top: 0px;
}
}
/* Stylistic elements */
/* Stylistic elements */
-
p, div {border: 0 0 0 0;
+
p, div {
 +
border: 0 0 0 0;
padding: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;}
margin: 0 0 0 0;}
#content{
#content{
-
border-left: none;
+
border: none;
-
border-right: none;
+
width: 975px;
width: 975px;
 +
height: auto;
 +
overflow: hidden;
}
}
-
#content #main_body {
+
#content .main_body {
width:740px; /*This is 965px - 190px for navbox - 35 for padding*/
width:740px; /*This is 965px - 190px for navbox - 35 for padding*/
-
min-height: 550px;
+
min-height: 300px;
height: auto !important;
height: auto !important;
float: right;
float: right;
Line 145: Line 140:
position: relative;
position: relative;
margin-top: 25px;
margin-top: 25px;
 +
margin-bottom: -5px;
}
}
Line 224: Line 220:
.toclevel-2 .tocnumber {
.toclevel-2 .tocnumber {
display: none;
display: none;
-
}
 
-
 
-
/*Intro*/
 
-
#main_body p:first-child {
 
-
font-size: 13px;
 
-
text-indent: 0;
 
-
 
}
}

Revision as of 11:09, 11 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');

}

/* Adapted from Edinburgh 2010 wiki */ /*Menu*/

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

.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; }

.mainmenu { float: left; height: 92px; width: 750px; padding: 0 0 0 0; margin: 0 0 0 0; position: relative; background: url('nav-top-bg.png') repeat-x; z-index: 100; left: 225px; top: -5px; }

.leftmenu { float: right; position: relative; width: 206px; top: 30px; right: -8px; background-color: white; background: url('nav-left-bg.png') repeat-y; text-align: right; z-index: 1; }

.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; }

.hint { position: fixed; width: 180px; bottom: 200px; padding: 5px; }

  1. hintcontainer {

height: 100%; margin-top: 35px; }

/* Boxes */

  1. sidebar {

position: absolute; width: 190px; height: 100%; margin: none; top: 0px; }

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

  1. content{

border: none; width: 975px; height: auto; overflow: hidden; }

  1. content .main_body {

width:740px; /*This is 965px - 190px for navbox - 35 for padding*/ min-height: 300px; height: auto !important; float: right; padding: 5px 5px 5px 5px; text-align:justify; height:100%; position: relative; margin-top: 25px; margin-bottom: -5px; }


  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; }

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 */

  1. 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; }

/*Headers*/

h2, h3, h4 { font-family: 'Goudy Bookletter 1911', 'Times New Roman', serif; }

  1. toctitle h2 {

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

h2{ margin: 10px 0 10px 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 */

  1. footer {}
  2. footer-box {border: none;

margin-top: 5px;}

  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 li a {

}

  1. menubar.right-menu {

margin-top:-15px; }

.right-menu ul { border: none; }

  1. menubar {

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

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