Template:Team toronto page CSS

From 2013.igem.org

(Difference between revisions)
 
(47 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 23: Line 23:
http://yuilibrary.com/license/
http://yuilibrary.com/license/
*/
*/
-
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:100;font-stretch: condensed;}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:100}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
+
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
* {
* {
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: 100;  
+
          font-weight: 100;  
-
  font-stretch: condensed;
+
          font-stretch: condensed;
Line 61: 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 98: Line 100:
h6 {
h6 {
position:absolute;
position:absolute;
-
left:100px;
+
left:255px;
-
top:500px;
+
right:255px;
 +
top:550px;
 +
font-family: 'Open Sans Condensed', sans-serif;
}
}
Line 133: 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 138: Line 144:
ul h4 {
ul h4 {
margin-bottom: 0.35em;
margin-bottom: 0.35em;
 +
font-weight:100;
 +
font-stretch:condensed;
}
}
Line 184: Line 192:
     border:none;
     border:none;
     z-index:3;
     z-index:3;
 +
 
}
}
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
Line 195: Line 204:
     color:white;
     color:white;
     background-color:light gray;
     background-color:light gray;
-
    text-decoration:none;
 
     font-size:10px;
     font-size:10px;
     z-index:0;
     z-index:0;
}
}
#menubar ul {
#menubar ul {
-
     line-height:20px;     
+
     line-height:20px;  
 +
    font-weight:100;
 +
    font-stretch:condensed;
 +
      
}
}
#menubar a{/*les lien de la barre de menu du haut */
#menubar a{/*les lien de la barre de menu du haut */
     color:white;
     color:white;
-
     text-decoration:none;
+
     font-weight:100;
 +
    font-stretch:condensed;
     background:transparent;
     background:transparent;
     z-index:3;
     z-index:3;
Line 228: Line 240:
     width:100%;
     width:100%;
     height:auto;
     height:auto;
-
     background:black;
+
     background:white;
}
}
.firstHeading { /*titre de page */
.firstHeading { /*titre de page */
Line 235: Line 247:
}
}
#bodyContent{/* contenu de page*/
#bodyContent{/* contenu de page*/
-
     background-image:url('https://static.igem.org/mediawiki/2013/7/7e/Good96aa.png');
+
     background-image:url('https://static.igem.org/mediawiki/2013/0/0c/Good96_copy.png');
     background-size:1100px 1933px;
     background-size:1100px 1933px;
     border:none;
     border:none;
Line 265: Line 277:
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
//  Bandeau haut
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
/* Design provided by <a href="https://2013.igem.org/Europe">iGEM Europe 2013</a> */
 
-
 
-
#top-section {
 
-
border: none;
 
-
}
 
-
 
-
#p-logo {
 
-
border: none;
 
-
background-image: url('https://static.igem.org/mediawiki/igem.org/c/c7/HEADER_na_2013.png');
 
-
}
 
-
 
-
#p-logo a:first-child {
 
-
display: none;
 
-
}
 
-
 
-
#p-logo img {
 
-
height: 2000px;
 
-
width: auto;
 
-
padding: 5px 25px;
 
-
}
 
-
 
-
#p-logo .igemLogo {
 
-
        height: 70px;
 
-
        padding: 16px 35px 5px 680px;
 
-
}
 
-
 
-
#content h1 {
 
-
display: none;
 
-
}
 
-
 
-
#content {
 
-
padding-top: 0;
 
-
margin-top: -18px;
 
-
}
 
-
 
-
#search-controls {
 
-
top: 107px;
 
-
right: 90px;
 
-
width: 240px;
 
-
}
 
-
 
-
#search-controls a {
 
-
margin : 0 5px 5px 5px;
 
-
}
 
-
 
-
#search-controls input {
 
-
vertical-align: middle;
 
-
}
 
-
 
-
#searchInput {
 
-
border: none;
 
-
background-color: white;
 
-
height: 20px;
 
-
}
 
-
 
-
#searchGoButton {
 
-
display: none;
 
-
}
 
-
 
-
#mw-searchButton {
 
-
font-weight: normal;
 
-
color: white;
 
-
background-color: #003366;
 
-
margin: 0 0 0 -12px;
 
-
padding: 0 15px;
 
-
height: 20px;
 
-
font-size: 0.9em;
 
-
color: white;
 
-
cursor: pointer;
 
-
}
 
-
 
-
.right-menu ul {
 
-
margin-bottom: 0;
 
-
}
 
-
 
-
.right-menu ul li a {
 
-
background-color: transparent;
 
-
}
 
-
 
-
.right-menu:hover ul li a {
 
-
background-color: #606060;
 
-
}
 
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  
Line 610: 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 625: Line 556:
#main2 a {
#main2 a {
color: #0c3ec7;
color: #0c3ec7;
-
text-decoration: none
+
font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 631: Line 563:
color: #0c3ec7;
color: #0c3ec7;
text-decoration: underline
text-decoration: underline
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 647: Line 581:
color: #0c3ec7;
color: #0c3ec7;
text-decoration: none
text-decoration: none
 +
        font-weight:100;
 +
        font-stretch:condensed;
}
}
Line 677: 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"