Template:Team toronto page CSS

From 2013.igem.org

(Difference between revisions)
 
(34 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 100: 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 142: Line 144:
ul h4 {
ul h4 {
margin-bottom: 0.35em;
margin-bottom: 0.35em;
 +
font-weight:100;
 +
font-stretch:condensed;
}
}
Line 236: Line 240:
     width:100%;
     width:100%;
     height:auto;
     height:auto;
-
     background:black;
+
     background:white;
}
}
.firstHeading { /*titre de page */
.firstHeading { /*titre de page */
Line 243: 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 273: 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 694: 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;}
 
-
 
</style>
</style>
</html>
</html>

Latest revision as of 06:25, 27 September 2013