Template:Team toronto page CSS

From 2013.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
Line 38: Line 38:
body,input {
body,input {
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
+
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
-
  font-weight: 300;
+
          font-weight: 100;  
 +
          font-stretch: condensed;
 +
 
 +
 
}
}
Line 58: Line 61:
a {
a {
-
font-weight: bold;
+
font-weight: 100;
 +
        font-stretch: condensed;
   color: #993300;
   color: #993300;
}
}
a:hover {
a:hover {
-
font-weight: bold;
+
font-weight:100;
 +
        font-stretch:condensed;
text-decoration: underline;
text-decoration: underline;
}
}
Line 93: Line 98:
}
}
 +
h6 {
 +
position:absolute;
 +
left:255px;
 +
right:255px;
 +
top:550px;
 +
font-family: 'Open Sans Condensed', sans-serif;
 +
}
img.left {
img.left {
Line 125: Line 137:
margin-bottom: 1.5em;
margin-bottom: 1.5em;
padding: 0 0px 0px 20px;
padding: 0 0px 0px 20px;
 +
font-weight:100;
 +
font-stretch:condensed;
list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png');
list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png');
}
}
Line 130: Line 144:
ul h4 {
ul h4 {
margin-bottom: 0.35em;
margin-bottom: 0.35em;
 +
font-weight:100;
 +
font-stretch:condensed;
}
}
Line 159: Line 175:
//////////////////////////////////*/
//////////////////////////////////*/
-
#content {
 
-
border: none;
 
-
}
 
-
 
+
#globalWrapper {/* the wiki */
-
/* ///////////////////////////////////////////////////////////////////////////  
+
    background-color: white;
-
//  Bandeau haut
+
    width:1100px;
-
/////////////////////////////////////////////////////////////////////////// */
+
    height:auto;
-
/* Design provided by <a href="https://2013.igem.org/Europe">iGEM Europe 2013</a> */
+
    margin:0 auto;
-
 
+
    padding:0;
-
#top-section {
+
-
border: none;
+
}
}
-
 
+
#top-section{/* the igem flag + top menu)*/
-
#p-logo {
+
    position:fixed; 
-
border: none;
+
    margin:0;
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c7/HEADER_na_2013.png');
+
    padding:0;
 +
    top:0;
 +
    height:auto;
 +
    width:1100px;
 +
    border:none;
 +
    z-index:3;
 +
 
}
}
-
 
+
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
-
#p-logo a:first-child {
+
    display:none;
-
display: none;
+
}
}
-
 
+
#menubar {/* la barre de menu du haut */
-
#p-logo img {
+
   
-
height: 90px;
+
    margin:0;
-
width: auto;
+
    width:550px;
-
padding: 5px 25px;
+
    height:20px;
 +
    color:white;
 +
    background-color:light gray;
 +
    font-size:10px;
 +
    z-index:0;
}
}
-
 
+
#menubar ul {
-
#p-logo .igemLogo {
+
    line-height:20px;  
-
        height: 70px;
+
    font-weight:100;
-
        padding: 16px 35px 5px 680px;
+
    font-stretch:condensed;
 +
   
}
}
-
 
+
#menubar a{/*les lien de la barre de menu du haut */
-
#content h1 {
+
    color:white;
-
display: none;
+
    font-weight:100;
 +
    font-stretch:condensed;
 +
    background:transparent;
 +
    z-index:3;
}
}
-
 
+
.left-menu{/* le menu de haut gauche */
-
#content {
+
    float:left;  
-
padding-top: 0;
+
    z-index:3;
-
margin-top: -18px;
+
}
}
-
 
+
.right-menu{/* le menu de login haut droite*/
-
#search-controls {
+
    float:right;
-
top: 107px;
+
    z-index:3;
-
right: 90px;
+
-
width: 240px;
+
}
}
-
 
+
.right-menu a{/* les lien du login */
-
#search-controls a {
+
-
margin : 0 5px 5px 5px;
+
}
}
-
 
+
#search-controls{/* la barre de recherche*/
-
#search-controls input {
+
    display:none;
-
vertical-align: middle;
+
}
}
-
 
+
#content{/* le body de la page*/
-
#searchInput {
+
    border:none;
-
border: none;
+
    padding:0;
-
background-color: white;
+
    margin:0;
-
height: 20px;
+
    z-index:1;
 +
    width:100%;
 +
    height:auto;
 +
    background:white;
}
}
-
 
+
.firstHeading { /*titre de page */
-
#searchGoButton {
+
    display:none;
-
display: none;
+
    border:none;
}
}
-
 
+
#bodyContent{/* contenu de page*/
-
#mw-searchButton {
+
    background-image:url('https://static.igem.org/mediawiki/2013/0/0c/Good96_copy.png');
-
font-weight: normal;
+
    background-size:1100px 1933px;
-
color: white;
+
    border:none;
-
background-color: #003366;
+
    border-color:none;
-
margin: 0 0 0 -12px;
+
    padding:0;
-
padding: 0 15px;
+
    height:auto;
-
height: 20px;
+
    width:1100px;
-
font-size: 0.9em;
+
    margin:0 auto;
-
color: white;
+
    background-repeat:no-repeat;
-
cursor: pointer;
+
}
}
-
 
+
#footer-box{/* la boite en bas de page*/
-
.right-menu ul {
+
    /*position:absolute;
-
margin-bottom: 0;
+
    bottom:0;
 +
    display: block;
 +
    margin:0;*/
 +
    width:1100px;
 +
    border:none;
 +
    margin-bottom:50px;
 +
    background-color:#ffffff;
 +
}
 +
#catlinks{/* le cadre sous le body useless */
 +
    display:none;
}
}
-
.right-menu ul li a {
+
#content {
-
background-color: transparent;
+
border: none;
 +
 
}
}
-
.right-menu:hover ul li a {
+
 
-
background-color: #606060;
+
-
}
+
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  
Line 489: Line 517:
#outer {
#outer {
position: relative;
position: relative;
-
width: 1000px;
+
width: 910px;
margin: 32px auto 0 auto;
margin: 32px auto 0 auto;
}
}
Line 509: Line 537:
clear: both;
clear: both;
padding: 20px 0 20px 0;
padding: 20px 0 20px 0;
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
#main ul {
#main ul {
padding-left: 1.25em;
padding-left: 1.25em;
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 524: Line 556:
#main2 a {
#main2 a {
color: #0c3ec7;
color: #0c3ec7;
-
text-decoration: none
+
font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 530: Line 563:
color: #0c3ec7;
color: #0c3ec7;
text-decoration: underline
text-decoration: underline
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 546: Line 581:
color: #0c3ec7;
color: #0c3ec7;
text-decoration: none
text-decoration: none
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 576: Line 613:
}
}
#sponsorsbox img {padding: 10px; }
#sponsorsbox img {padding: 10px; }
-
#happeningnow {height: 280px; margin-top:15px; margin-bottom:10px; width: 975px; border: 1px solid #000;}
 
-
#happeningnow .widget {
 
-
width: 305px;
 
-
height: 100%;
 
-
display: block;
 
-
position: relative;
 
-
border: 1px solid #f0f0f0;
 
-
background: #f0f0f0;
 
-
border-bottom: 2px solid #ccc; 
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
margin-left: auto;
 
-
margin-right: auto;}
 
-
#happeningnow .widget-title {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center; border-bottom: solid 1px #ccc;}
 
-
#happeningnow .widget img {display: block; margin-left: auto; margin-right: auto; height: 60px; margin-top: 2px;}
 
-
#happeningnow .happeningtitle {font-size: 11pt; font-weight: bold; padding: 5px;}
 
-
#happeningnow .innertextbox {height:112px; padding: 5px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt; color: #333;}
 
-
 
-
 
-
#happeningnow  li, #happeningnow  ul {list-style-position: outside; margin-left: 12px;}
 
-
#happeningnow ul {display:block; height: 91px; overflow: hidden;}
 
-
#happeningnow  li {margin-bottom:5px;}
 
-
#happeningnow .seemore {display: block; bottom: 0; position:absolute; right: 0;}
 
-
 
-
#happeningnow .widget-url {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center;}
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// Nav bar
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
 
-
/*--Menu Bar CSS--*/
 
-
#navbarcontainer {
 
-
width: 100%;
 
-
height: 35px;
 
-
background: #591e00;
 
-
margin-top:0px;
 
-
font-size: 12px;
 
-
              -moz-border-radius-bottomright: 10px;
 
-
              -khtml-border-radius-bottomright: 10px;
 
-
              -webkit-border-bottom-right-radius: 10px;
 
-
              -moz-border-radius-bottomleft: 10px;
 
-
              -khtml-border-radius-bottomleft: 10px;
 
-
              -webkit-border-bottom-left-radius: 10px;
 
-
              -moz-border-radius-topleft: 10px;
 
-
              -khtml-border-radius-topleft: 10px;
 
-
              -webkit-border-top-left-radius: 10px;
 
-
              -moz-border-radius-topright: 10px;
 
-
              -khtml-border-radius-topright: 10px;
 
-
              -webkit-border-top-right-radius: 10px;
 
-
 
-
}
 
-
#navbar { width:975px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
position:relative;
 
-
height: 35px;
 
-
 
-
 
-
}
 
-
#flashylink { display: block;
 
-
float: centre;
 
-
border: 0px solid #fff;
 
-
color: #591e00;
 
-
padding:3px; line-height: 100%;
 
-
text-align: center;
 
-
font-weight: bold; font-size: .8em;
 
-
-webkit-border-radius: 3px;
 
-
-moz-border-radius: 3px;
 
-
border-radius: 3px;
 
-
margin-right: 10px;
 
-
}
 
-
#flashylink a:hover { color: #fff;
 
-
}
 
-
 
-
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
 
-
ul#topnav {
 
-
margin: 0; padding: 0 0 0 100px;
 
-
float: centre;
 
-
/*-- width: 960px;--*/
 
-
list-style: none;
 
-
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 
-
font-size: 1em;
 
-
background: #591e00/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
 
-
z-index: 6;
 
-
}
 
-
ul#topnav li {
 
-
float: left;
 
-
margin: 0; padding: 0;
 
-
height: 35px;
 
-
border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
 
-
}
 
-
ul#topnav li a {
 
-
padding: 10px 15px;
 
-
display: block;
 
-
color: #fff;
 
-
font-weight: bold;
 
-
letter-spacing: 1px;
 
-
text-shadow: #333 1px 1px 1px;
 
-
text-decoration: none;
 
-
}
 
-
ul#topnav li a:hover{
 
-
color: #fff;
 
-
text-decoration: none;
 
-
}
 
-
ul#topnav li:hover { background: #993300 url(topnav_active.gif) repeat-x; }
 
-
ul#topnav li span {
 
-
float: left;
 
-
padding: 10px 0;
 
-
position: absolute;
 
-
z-index:10;
 
-
top:35px;
 
-
display: none; /*--Hide by default--*/
 
-
background: #993300;
 
-
color: #fff;
 
-
-moz-border-radius-bottomright: 10px;
 
-
-khtml-border-radius-bottomright: 10px;
 
-
-webkit-border-bottom-right-radius: 10px;
 
-
-moz-border-radius-bottomleft: 10px;
 
-
-khtml-border-radius-bottomleft: 10px;
 
-
-webkit-border-bottom-left-radius: 10px;
 
-
}
 
-
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
 
-
ul#topnav li span a { display: inline; }
 
-
ul#topnav li span a:hover {text-decoration: underline;color: #fff}
 
-
/*--Menu Ends Here--*/
 
-
 
-
 
-
.htitle {
 
-
display: block;
 
-
padding: 8px;
 
-
font-size: 1em;
 
-
font-weight: normal;
 
-
border-bottom: solid 1px #ccc;
 
-
margin-bottom: 0px;
 
-
clear:both;
 
-
color: #000;
 
-
}
 
-
.textboxes {
 
-
position: relative;
 
-
border: 1px solid #f0f0f0;
 
-
background: #f0f0f0;
 
-
border-bottom: 2px solid #ccc; 
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
margin-top: 10px; margin-bottom: 10px;
 
-
}
 
-
.innertextbox { /*--Goes inside textboxes class--*/
 
-
display: block;
 
-
position: relative;
 
-
margin: 10px;
 
-
padding: 20px;
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
background: #fff;
 
-
}
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// Timeline
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
/* Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a> */
 
-
 
-
table {
 
-
margin: 0;
 
-
padding: 0;
 
-
border: none;
 
-
}
 
-
table td {
 
-
padding: 0px;
 
-
}
 
-
table .head {
 
-
background-color: none;
 
-
font-weight: normal;
 
-
color: #fff;
 
-
}
 
-
table .odd {
 
-
background-color: transparent;
 
-
}
 
-
#timeline_container {
 
-
overflow-x: scroll;
 
-
width: 600px;
 
-
/* border: 1px solid #216085; */
 
-
height: 250px;
 
-
overflow-y:hidden;
 
-
scrollbar-face-color:#266c96;
 
-
scrollbar-shadow-color:#216085;
 
-
scrollbar-highlight-color:#216085;
 
-
scrollbar-3dlight-color:#216085;
 
-
scrollbar-darkshadow-color:#216085;
 
-
scrollbar-track-color:#d0f1fa;
 
-
scrollbar-arrow-color:#fff;
 
-
}
 
-
 
-
#timeline_content {
 
-
width: 1650px;
 
-
height: 380px;
 
-
}
 
-
 
-
#content-block {
 
-
width: 210px;
 
-
padding: 10px;
 
-
float: left;
 
-
}
 
-
.fastlink {
 
-
font-size: 9px;
 
-
font-weight: bold;
 
-
text-decoration:none;
 
-
}
 
-
.fastlink:hover {
 
-
text-decoration: underline;
 
-
}
 
-
.month {
 
-
margin: 10px;
 
-
background-color: #108812;
 
-
text-align: center;
 
-
font-weight:bold;
 
-
display:block;
 
-
width: 100%;
 
-
line-height: 30px;
 
-
}
 
-
 
-
.month-summary {
 
-
font-size: 11px;
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
display: block;
 
-
margin-bottom: -10px;
 
-
line-height: 12px;
 
-
}
 
-
 
-
.month-summary img {
 
-
margin-bottom: 10px;
 
-
}
 
-
 
-
.timeline-item {
 
-
display:block;
 
-
padding: 3px;
 
-
border: 1px solid #eee;
 
-
font-size: 10px;
 
-
float: left;
 
-
margin: 3px 10px;
 
-
line-height: 19px;
 
-
width: 210px;
 
-
overflow: hidden;
 
-
}
 
-
 
-
.timeline-item .date {
 
-
display: block;
 
-
font-weight: bold;
 
-
font-size: 12px;
 
-
float: left;
 
-
line-height: 15px;
 
-
color: #fff;
 
-
background-color: #c4e438;
 
-
padding: 2px;
 
-
width: 20px;
 
-
text-align: center;
 
-
margin-right: 3px;
 
-
}
 
-
#content-block  a {
 
-
color: #000;
 
-
}
 
-
 
-
#content-block  a:hover  {
 
-
text-decoration: underline;
 
-
color: #000;
 
-
}
 
-
h2,h3 {font-wright:bold; font-family: Calibri, Arial, Helvetica, sans-serif}
 
</style>
</style>
</html>
</html>

Latest revision as of 06:25, 27 September 2013

Retrieved from "http://2013.igem.org/Template:Team_toronto_page_CSS"