Template:Regional Europe 2013 Page CSS

From 2013.igem.org

(Difference between revisions)
 
(68 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
 
-
 
-
 
-
<style type="text/css">
 
-
 
/*
/*
Downtown by Adonis Ronquillo for Free Website Templates
Downtown by Adonis Ronquillo for Free Website Templates
Line 32: Line 27:
body {
body {
-
font-size: 8pt;
 
line-height: 1.75em;
line-height: 1.75em;
color: #2B2B2B;
color: #2B2B2B;
 +
background: none;
}
}
body,input {
body,input {
-
font-family: Segoe UI;
+
font-family: Arial, sans-serif;
}
}
Line 49: Line 44:
padding: 0;
padding: 0;
}
}
 +
Line 58: Line 54:
a {
a {
font-weight: bold;
font-weight: bold;
-
   color: #F37321;
+
   color: #0090D1 /*#F37321*/;
}
}
Line 64: Line 60:
font-weight: bold;
font-weight: bold;
text-decoration: underline;
text-decoration: underline;
 +
}
 +
 +
a:visited {
 +
        color: #0090D1;
}
}
Line 88: Line 88:
h5 {
h5 {
-
font-weight: bold;
+
font-weight: normal;
-
color:  #F37321;
+
color:  #0090D1 /*#F37321*/;
}
}
 +
img.left {
img.left {
Line 145: Line 146:
-
/* ///////////////////////////////////////////////////////////////////////////  
+
/*/////////////////////////////////
-
// Column
+
//   iGem Template overide
-
/////////////////////////////////////////////////////////////////////////// */
+
//////////////////////////////////*/
-
 
+
-
#columns {
+
-
background: #bbbbbb;
+
-
padding: 28px 0 10px 0;
+
-
}
+
-
+
-
#columns .column {
+
-
width: 260px;
+
-
                background: #bbbbbb;
+
-
float: left;
+
-
}
+
-
        #columns .column1 {
+
-
padding: 0 37px 0 28px;
+
-
}
+
-
 
+
-
#columns .column1 p {
+
-
height: 265px;
+
-
background: url(https://static.igem.org/mediawiki/2012/b/bc/RegionalEurope_Linkbg3b.png);no-repeat;
+
-
background-size: 400px
+
-
 
+
-
}
+
-
 
+
-
#columns .column1 h2 {
+
-
background: url(https://static.igem.org/mediawiki/2012/7/7a/RegionalEurope_Linkbg3.jpg) repeat-x top left;
+
-
padding: 15px;
+
-
font-weight: normal;
+
-
margin: 0;
+
-
}
+
-
 
+
-
#columns .column2 {
+
-
padding: 0;
+
-
}
+
-
+
-
#columns .column2 p {
+
-
height: 265px;
+
-
background: url(https://static.igem.org/mediawiki/2012/c/c9/RegionalEurope_Linkbg4b.png);no-repeat;
+
-
background-size: 400px 400px;
+
-
}
+
-
 
+
-
#columns .column2 h2 {
+
-
background: url(https://static.igem.org/mediawiki/2012/0/03/RegionalEurope_Linkbg4.jpg) repeat-x top left;
+
-
padding: 15px;
+
-
font-weight: normal;
+
-
margin: 0;
+
-
}
+
-
 
+
-
#columns .column3 {
+
-
padding: 0 28px 0 37px;
+
-
}
+
-
+
-
#columns .column3 p {
+
-
height: 265px;
+
-
background: url(https://static.igem.org/mediawiki/2012/2/27/RegionalEurope_Linkbg5b.png);no-repeat;
+
-
background-size: 400px 400px;
+
-
 
+
-
}
+
-
 
+
-
#columns .column3 h2 {
+
-
background: url(https://static.igem.org/mediawiki/2012/6/61/RegionalEurope_Linkbg5.jpg) repeat-x top left;
+
-
padding: 15px;
+
-
font-weight: normal;
+
-
margin: 0;
+
-
}
+
-
 
+
-
        #columns .column4 {
+
-
padding: 0 37px 0 28px;
+
-
}
+
-
+
-
                #columns .column4 h2 {
+
-
padding: 15px;
+
-
font-weight: normal;
+
-
margin: 0;
+
-
}
+
-
 
+
-
        #columns .column5 {
+
-
padding: 0
+
-
}
+
-
 
+
-
        #columns .column6 {
+
-
padding: 0 37px 0 28px;
+
-
}
+
-
 
+
-
#columns ul {
+
-
margin: 0;
+
-
padding: 0!important;
+
-
list-style: none;
+
-
border: 1px solid #b4b4b4;
+
-
}
+
-
+
-
#columns li {
+
-
margin: 0;
+
-
padding: 15px;
+
-
background: url(https://static.igem.org/mediawiki/2012/6/60/EuropeanJamboree_Linkbg6b.png) repeat-x bottom left;
+
-
}
+
-
 
+
-
                      #columns li a {
+
-
                      color: #555555;
+
-
                      }
+
-
 
+
-
                      #columns li a:hover {
+
-
                      color: #FF8000;
+
-
                      font-size: 115%;
+
-
                      text-decoration: none;
+
-
}
+
-
+
-
#columns p {
+
-
padding: 15px;
+
-
font-weight: normal;
+
-
margin: 0;
+
-
}
+
-
 
+
-
#columns p a {
+
-
color: #232323;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#columns p a:hover {
+
-
color: #232323;
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
+
-
#columns h2 a {
+
-
color: #FFFFFF;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#columns h2 a:hover {
+
-
                        color: #FFFFFF;
+
-
                                text-decoration: underline;
+
-
}
+
-
 
+
-
+
-
#boxes {
+
-
padding: 0 0 0 0;
+
 +
#content {
 +
border: none;
}
}
-
#boxes .box {
 
-
width: 260px;
 
-
float: left;
 
-
 
-
}
 
-
        #boxes .box1 {
 
-
padding: 0 37px 0 0;
 
-
 
-
}
 
-
 
-
#boxes .box2 {
 
-
margin: 0 0 0 5px;
 
-
padding: 0;
 
-
 
-
}
 
-
 
-
#boxes .box3 {
 
-
margin: 0 0 0 0;
 
-
overflow: hidden;
 
-
width: 260px;
 
-
float: left;
 
-
padding: 0 0 0 37px;
 
-
}
 
-
 
-
#boxes .box h2 {
 
-
margin: 0 0 0 0;
 
-
padding: 0 0 0 20px;
 
-
}
 
-
 
-
#boxes .box h3 {
 
-
padding: 30px 15px 0 15px;
 
-
font-weight: normal;
 
-
margin: 0;
 
-
}
 
-
 
-
#boxes .box p {
 
-
padding: 15px 15px 15px 15px;
 
-
font-weight: normal;
 
-
margin: 0;
 
-
}
 
-
 
-
 
-
#box2 {
 
-
margin: 0 0 0 0;
 
-
overflow: hidden;
 
-
width: 850px;
 
-
float: left;
 
-
padding: 0 0 0 5px;
 
-
}
 
-
 
-
#box2 h2 {
 
-
margin: 0 0 0 0;
 
-
padding: 0 0 0 20px;
 
-
 
-
}
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// Buttons
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
table .pbrROL{border-collapse:collapse;border-spacing:0;}
 
-
/*Text Link*/
 
-
.ROLtxt a
 
-
{
 
-
font:bold 16px Arial;
 
-
text-align:center;
 
-
margin-bottom:7px;
 
-
text-decoration:underline;
 
-
color:#FFF;
 
-
}
 
-
.ROLtxt a:hover
 
-
{
 
-
text-decoration:underline;
 
-
color:#3300FF;
 
-
}
 
-
.tt
 
-
{
 
-
    margin-top:18px;
 
-
}
 
-
.ROLtxt {text-align:center;}
 
-
/*Generic PBR link*/
 
-
.pbrROL-basic .tt{font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 
-
.pbrROL-basic .tt a{ background:none; color:#3300FF; text-decoration:underline; }
 
-
 
-
/* Button 4 */
 
-
.pbrROL-04{display:block;}
 
-
.pbrROL-04 .ROLbtn {display:block; clear:both;}
 
-
.pbrROL-04 .ROLbtn ul{margin:0; padding:0;}
 
-
.pbrROL-04 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
 
-
.pbrROL-04 .ROLbtn li a{
 
-
background:url(../images/ui/button/btn-g04-right.jpg) no-repeat top right;
 
-
color:#FFFFFF; display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 
-
color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;} 
 
-
.pbrROL-04 .ROLbtn li span{
 
-
background:url(../images/ui/button/btn-g04-left.jpg) no-repeat top left;
 
-
display: block; line-height:46px; padding:0 31px 0 30px; }
 
-
.pbrROL-04 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g04-right.jpg) no-repeat bottom right;
 
-
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 
-
color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; } 
 
-
.pbrROL-04 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g04-left.jpg) no-repeat bottom left;
 
-
display: block; line-height:46px; padding:0 31px 0 30px; }
 
-
.pbrROL-04 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 
-
.pbrROL-04 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
 
-
 
-
/* Button 5 */
 
-
.pbrROL-05{display:block;}
 
-
.pbrROL-05 .ROLbtn {display:block; clear:both;}
 
-
.pbrROL-05 .ROLbtn ul{margin:0; padding:0;}
 
-
.pbrROL-05 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
 
-
.pbrROL-05 .ROLbtn li a{
 
-
background:url(../images/ui/button/btn-g05-right.jpg) no-repeat top right;
 
-
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 
-
color:#000; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;} 
 
-
.pbrROL-05 .ROLbtn li span{
 
-
background:url(../images/ui/button/btn-g05-left.jpg) no-repeat top left;
 
-
display: block; line-height:44px; padding:0 31px 0 30px; }
 
-
.pbrROL-05 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g05-right.jpg) no-repeat bottom right;
 
-
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 
-
color:#000; font:bold 16px Arial, Helvetica, sans-serif; } 
 
-
.pbrROL-05 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g05-left.jpg) no-repeat bottom left;
 
-
display: block; line-height:44px; padding:0 31px 0 30px; }
 
-
 
-
.pbrROL-05 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 
-
.pbrROL-05 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// Content holder
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
#outer {
 
-
position: relative;
 
-
width: 910px;
 
-
margin: 32px auto 0 auto;
 
-
}
 
-
 
-
 
-
#main {
 
-
position: relative;
 
-
padding: 0;
 
-
width: 100%;
 
-
margin: 0 0 0 0;
 
-
}
 
-
 
-
#main .sectionList {
 
-
list-style: none;
 
-
padding-left: 0;
 
-
}
 
-
 
-
#main .sectionList li {
 
-
clear: both;
 
-
padding: 20px 0 20px 0;
 
-
}
 
-
 
-
#main ul {
 
-
padding-left: 1.25em;
 
-
}
 
-
 
-
#main2 {
 
-
position: relative;
 
-
padding: 28px 0 0 0;
 
-
width: 100%;
 
-
margin: 20px 0 0 28px;
 
-
}
 
-
 
-
#main2 a {
 
-
color: #F37321;
 
-
text-decoration: none
 
-
}
 
-
 
-
#main2 a:hover {
 
-
color: #F37321;
 
-
text-decoration: underline
 
-
}
 
-
 
-
#main2 h2, #main2 h3, #main2 h4 {
 
-
color: #0F0F0F;
 
-
}
 
-
 
-
#main3 {
 
-
position: relative;
 
-
padding: 28px 0 0 0;
 
-
width: 700px;
 
-
margin: 0 28px 0 37px;
 
-
}
 
-
 
-
#main3 a {
 
-
color: #F37321;
 
-
text-decoration: none
 
-
}
 
-
 
-
#main3 a:hover {
 
-
color: #F37321;
 
-
text-decoration: underline
 
-
}
 
-
 
-
#main3 h2, #main3 h3, #main3 h4 {
 
-
color: #0F0F0F;
 
-
}
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// Sponsorbox
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
/*--TagLine Begins Here--*/
 
-
#sponsors { /*--Goes with textboxes class--*/
 
-
margin-left:0px;
 
-
margin-right:0px;
 
-
}
 
-
#sponsorsbox { /*--Goes with textboxes class--*/
 
-
margin: 32px;
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
background: #fff;
 
-
text-align:left;
 
-
}
 
-
#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;}
 
-
 
-
 
-
/* ///////////////////////////////////////////////////////////////////////////
 
-
// pitch slideshow
 
-
/////////////////////////////////////////////////////////////////////////// */
 
-
 
-
#pitch {
 
-
clear: both;
 
-
height: 296px;
 
-
margin: 0 0 25px;
 
-
}
 
-
#slideshow {
 
-
    position:relative;
 
-
    height: 310px;
 
-
}
 
-
#slideshow img {
 
-
float: left;
 
-
}
 
-
#slideshow div {
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    z-index: 8;
 
-
}
 
-
#slideshow div.active {
 
-
    z-index: 10;
 
-
}
 
-
#slideshow div.last-active {
 
-
    z-index: 9;
 
-
}
 
Line 569: Line 161:
/*--Menu Bar CSS--*/
/*--Menu Bar CSS--*/
-
#navbarcontainer { width: 100%;  
+
#navbarcontainer {
 +
width: 100%;  
height: 35px;  
height: 35px;  
-
background: 0090D1; /* blue */  
+
background: #0090D1; /*blue */  
margin-top:0px;
margin-top:0px;
-
font-size: 9.3pt;
+
font-size: 11px;
-
}
+
-
#navbar { width:975px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
position:relative;
+
-
height: 35px;
+
}
}
 +
#navbarsocial { float:right;  
#navbarsocial { float:right;  
padding-top: 4px;
padding-top: 4px;
}
}
-
#flashylink {
+
#greyhover {
float: left;  
float: left;  
border: 0px solid #fff;  
border: 0px solid #fff;  
-
color: #F37321;  
+
color: #535353 ; /* #F37321; */
text-shadow: #000 1px 1px 1px;  
text-shadow: #000 1px 1px 1px;  
padding:0px; line-height: 100%;  
padding:0px; line-height: 100%;  
text-align: center;  
text-align: center;  
-
font-weight: bold; font-size: .8em;
+
font-weight: bold;  
 +
font-size: .8em;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
Line 602: Line 191:
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
ul#topnav {
ul#topnav {
-
margin: 0; padding: 0 0 0 37px;
+
margin: 0;  
-
float: left;
+
padding: 0 0 0 37px;
-
/*-- width: 960px;--*/
+
-
list-style: none;
+
-
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
+
font-size: 1em;
font-size: 1em;
-
background: #666/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
+
position: relative;
-
z-index: 6;
+
}
}
ul#topnav li {
ul#topnav li {
-
float: left;
+
display: inline-block;
-
margin: 0; padding: 0;
+
height: 35px;
height: 35px;
-
border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
+
margin-left: -4px;
 +
position: relative;
 +
/*border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
}
}
 +
 +
ul#topnav li.navHome {
 +
background: black;
 +
width: 175px;
 +
margin-left: -38px;
 +
text-align: right;
 +
}
 +
 +
ul#topnav li.navHome a {
 +
border: none;
 +
}
 +
ul#topnav li a {
ul#topnav li a {
-
padding: 10px 15px;
+
height: 16px;
 +
padding: 0px 15px;
display: block;
display: block;
color: #fff;
color: #fff;
-
font-weight: bold;
 
-
letter-spacing: 1px;
 
-
text-shadow: #333 1px 1px 1px;
 
text-decoration: none;
text-decoration: none;
 +
border-right: 1px solid #ccc;
 +
margin: 10px 0 0px;
}
}
-
ul#topnav li a:hover{
+
/*--ul#topnav li.last-child {
-
color: #fff;
+
display: inline-block;
-
text-decoration: none;
+
height: 35px;
 +
width: 212px;
 +
}--*/
 +
 
 +
ul#topnav li.last-child a {
 +
border: none;
}
}
-
ul#topnav li:hover { background: #F37321 url(topnav_active.gif) repeat-x; }
+
ul#topnav li:hover{
-
ul#topnav li span {
+
    background: #535353;
-
float: left;
+
}
-
padding: 10px 0;
+
ul#topnav li.navHome:hover{
 +
    background: black;
 +
}
 +
ul#topnav li:hover a {
 +
border: none;
 +
}
 +
 
 +
ul#topnav li div {
 +
height: 10px;
 +
padding: 6px 0 14px;
position: absolute;
position: absolute;
z-index:10;
z-index:10;
-
left: 37px; top:35px;
+
top:35px;
display: none; /*--Hide by default--*/
display: none; /*--Hide by default--*/
-
width: 758px;
+
background: #535353  /*#F37321*/;
-
background: #F37321;
+
color: #fff;
color: #fff;
/*--Bottom right rounded corner--*/
/*--Bottom right rounded corner--*/
Line 645: Line 256:
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
 +
border-bottom-right-radius: 10px;
/*--Bottom left rounded corner--*/
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
 +
border-bottom-left-radius: 10px;
 +
}
 +
 +
ul#topnav li div.subNavRight {
 +
right: 0px;
 +
width: 230px;
 +
}
 +
 +
ul#topnav li div.subNavRightLast {
 +
right: 0px;
 +
width: 115px;
 +
}
 +
 +
ul#topnav li div.subNavSecond {
 +
left: -50px;
 +
width: 310px;
 +
}
 +
 +
ul#topnav li div.subNavMiddle {
 +
left: -50px;
 +
width: 280px; 
 +
}
 +
 +
ul#topnav li div.subNavLeft {
 +
    width: 410px;
 +
}
 +
 +
 +
ul#topnav li:hover div { display: block; } /*--Show subnav on hover--*/
 +
ul#topnav li div a { display: inline; }
 +
ul#topnav li div a:hover {
 +
text-decoration: underline;
 +
color: #fff;
}
}
-
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--*/
/*--Menu Ends Here--*/
Line 660: Line 302:
padding: 8px;
padding: 8px;
font-size: 1em;
font-size: 1em;
-
font-weight: bold;
+
font-weight: normal;
border-bottom: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin-bottom: 0px;
margin-bottom: 0px;
Line 686: Line 328:
background: #fff;
background: #fff;
}  
}  
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//
 +
/////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  
-
// Timeline
+
// Caroussel
-
/////////////////////////////////////////////////////////////////////////// */
+
/////////////////////////////////////////////////////////////////////////// */
-
/* Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a> */
+
.bx-wrapper {
 +
    margin: 55px 0px 30px;
 +
    border-bottom: 1px solid #0090D1;
 +
  }
 +
  .bx-wrapper .bx-viewport {
 +
    box-shadow: none;
 +
    border: none;
 +
    left: 0;
 +
  }
 +
  .bx-wrapper .bx-pager.bx-default-pager a:hover,
 +
.bx-wrapper .bx-pager.bx-default-pager a.active {
 +
    background-color: #0090D1;
 +
  }
 +
  .bx-wrapper .bx-pager {
 +
    top: 510px;
 +
  }
-
table {
+
 
-
margin: 0;
+
/* ///////////////////////////////////////////////////////////////////////////
-
padding: 0;
+
// 
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  Bandeau haut
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
#top-section {
border: none;
border: none;
}
}
-
table td {
+
 
-
padding: 0px;
+
#p-logo {
 +
border: none;
 +
background-image: url('https://static.igem.org/mediawiki/2013/4/49/EuJamBandeauHaut.png');
}
}
-
table .head {
+
 
-
background-color: none;
+
#p-logo a:first-child {
 +
display: none;
 +
}
 +
 
 +
#p-logo img {
 +
height: 90px;
 +
width: auto;
 +
padding: 5px 25px;
 +
}
 +
 
 +
#p-logo .igemLogo {
 +
        height: 70px;
 +
        padding: 16px 25px 5px 25px;
 +
}
 +
 
 +
#content h1 {
 +
display: none;
 +
}
 +
 
 +
#content {
 +
padding-top: 0;
 +
margin-top: -18px;
 +
}
 +
 
 +
#search-controls {
 +
top: 10px;
 +
right: 180px;
 +
width: 240px;
 +
}
 +
 
 +
#search-controls a {
 +
margin : 0 5px 5px 5px;
 +
}
 +
 
 +
#search-controls input {
 +
vertical-align: middle;
 +
}
 +
 
 +
#socialLinks {
 +
margin-bottom: 10px;
 +
}
 +
 
 +
#searchInput {
 +
border: none;
 +
background-color: lightgrey;
 +
height: 20px;
 +
}
 +
 
 +
#searchGoButton {
 +
display: none;
 +
}
 +
 
 +
#mw-searchButton {
font-weight: normal;
font-weight: normal;
-
color: #fff;
+
color: white;
 +
background-color: black;
 +
margin: 0 0 0 -12px;
 +
padding: 0 15px;
 +
height: 20px;
 +
font-size: 0.9em;
 +
color: lightgrey;
 +
cursor: pointer;
}
}
-
table .odd {
+
 
 +
.right-menu ul {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.right-menu ul li a {
background-color: transparent;
background-color: transparent;
}
}
-
#timeline_container {
+
 
-
overflow-x: scroll;
+
.right-menu:hover ul li a {
-
width: 600px;
+
background-color: #606060;
-
/* 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;
+
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  Footer
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
#catlinks {
 +
border: none;
 +
background: none;
}
}
-
#content-block {
+
#footer-box {
-
width: 210px;
+
border: none;
-
padding: 10px;
+
border-top: 2px solid black;
-
float: left;
+
padding-top: 25px;
}
}
-
.fastlink {
+
 
-
font-size: 9px;
+
/* ///////////////////////////////////////////////////////////////////////////
-
font-weight: bold;
+
// 
-
text-decoration:none;
+
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
 
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  Utils
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
.floatRight {
 +
float: right;
}
}
-
.fastlink:hover {
+
 
-
text-decoration: underline;
+
/* ///////////////////////////////////////////////////////////////////////////
 +
// 
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 
 +
.wikitable {
 +
background : none;
}
}
-
.month {
+
 
-
margin: 10px;
+
.wikitable td {
-
background-color: #108812;
+
width : 85px;
-
text-align: center;
+
text-align : center;
-
font-weight:bold;
+
-
display:block;
+
-
width: 100%;
+
-
line-height: 30px;
+
}
}
-
.month-summary {
+
.wikitable th {
-
font-size: 11px;
+
font-weight : bold;
-
margin-left: 10px;
+
font-style : italic;
-
margin-right: 10px;
+
background : none;
-
display: block;
+
-
margin-bottom: -10px;
+
-
line-height: 12px;
+
}
}
-
.month-summary img {
+
.wikitable tr {
-
margin-bottom: 10px;
+
height : 50px;
}
}
-
.timeline-item {
+
.mainpagetable td {
-
display:block;
+
padding : 5px;
-
padding: 3px;
+
-
border: 1px solid #eee;
+
-
font-size: 10px;
+
-
float: left;
+
-
margin: 3px 10px;
+
-
line-height: 19px;
+
-
width: 210px;
+
-
overflow: hidden;
+
}
}
-
.timeline-item .date {
+
a.normalText {
-
display: block;
+
      font-weight: normal;
-
font-weight: bold;
+
      text-decoration: underlined;
-
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 {
+
a.normalText:hover {
-
color: #000;
+
      font-weight: normal;
 +
      text-decoration: underlined;
}
}
-
#content-block  a:hover  {
+
a.bouton:link{
-
text-decoration: underline;
+
  width:400px;
-
color: #000;
+
  height:70px;
 +
  text-decoration:none;  
 +
  color:white;
 +
  text-align:center;
 +
  font-weight:bold;
 +
  background-color: #0090D1;
 +
  padding:5px
}
}
-
 
+
a.bouton:visited{
-
 
+
  width:400px;
-
</style>
+
  height:70px;
-
</html>
+
  text-decoration:none;
 +
  color:white;
 +
  text-align:center;
 +
  font-weight:bold;
 +
  background-color: #0090D1;
 +
  padding:5px
 +
}
 +
a.bouton:hover{
 +
  width:400px;
 +
  height:70px;
 +
  text-decoration:none;
 +
  color:white;
 +
  text-align:center;
 +
  font-weight:bold;
 +
  background-color:#535353;
 +
  background-image:url(aqua.jpg);
 +
  padding:5px
 +
}
 +
.bouton{
 +
  text-align:center;
 +
}

Latest revision as of 19:29, 6 November 2013

/* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davidniblack.com/ Released under the Creative Commons Attribution 3.0 License.

  • /


/* /////////////////////////////////////////////////////////////////////////// // Reset /////////////////////////////////////////////////////////////////////////// */


/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD 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: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}

  • {

margin: 0; padding: 0; Outline: 0; }

body { line-height: 1.75em; color: #2B2B2B; background: none; }

body,input { font-family: Arial, sans-serif; }

br.clear { clear: both; }

form { margin: 0; padding: 0; }


/* /////////////////////////////////////////////////////////////////////////// // Typography and links and headings /////////////////////////////////////////////////////////////////////////// */


a { font-weight: bold; 

 	color: #0090D1 /*#F37321*/;

}

a:hover { font-weight: bold; text-decoration: underline; }

a:visited { 

       color: #0090D1;

}


h2 { font-size: 1.5em; }

h2,h3,h4 { margin-bottom: 1em; font-family: Philosopher, sans-serif; color: #FFF; text-decoration: none; }

h3 { font-size: 1.25em; }


h4 { font-size: 1.0em; }

h5 { font-weight: normal; color: #0090D1 /*#F37321*/; }


img.left { float: left; margin: 8px 20px 20px 0; }

img.top { margin: 8px 0 20px 0; }

img.center { 

   display: block;
   margin-left: auto;
   margin-right: auto

}

label.login { display: block; margin: 0 0 6px 0; }

p { margin-bottom: 1.5em; }

p.news { height: 150px; }

ul { margin-bottom: 1.5em; padding: 0 0px 0px 20px; list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png'); }

ul h4 { margin-bottom: 0.35em; }

.form { margin: 0 0 32px 0; }

.inputBox, .inputTextArea { padding: 6px; width: 95%; }

.inputButton { padding: 6px; float: right; }


/*///////////////////////////////// // iGem Template overide //////////////////////////////////*/

  1. content {

border: none; }


/* /////////////////////////////////////////////////////////////////////////// // Nav bar /////////////////////////////////////////////////////////////////////////// */

/*--Menu Bar CSS--*/

  1. navbarcontainer {

width: 100%; height: 35px; background: #0090D1; /*blue */ margin-top:0px; font-size: 11px; }

  1. navbarsocial { float:right;

padding-top: 4px; }

  1. greyhover {

float: left; border: 0px solid #fff; color: #535353 ; /* #F37321; */ text-shadow: #000 1px 1px 1px; padding:0px; line-height: 100%; text-align: center; font-weight: bold; font-size: .8em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; }

  1. 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 37px; font-size: 1em; position: relative; } ul#topnav li { display: inline-block; height: 35px; margin-left: -4px; position: relative; /*border-right: 1px solid #ccc; /*--Divider for each parent level links--*/ }

ul#topnav li.navHome { background: black; width: 175px; margin-left: -38px; text-align: right; }

ul#topnav li.navHome a { border: none; }

ul#topnav li a { height: 16px; padding: 0px 15px; display: block; color: #fff; text-decoration: none; border-right: 1px solid #ccc; margin: 10px 0 0px; } /*--ul#topnav li.last-child { display: inline-block; height: 35px; width: 212px; }--*/

ul#topnav li.last-child a { border: none; } ul#topnav li:hover{ 

   background: #535353;

} ul#topnav li.navHome:hover{ 

   background: black;

} ul#topnav li:hover a { border: none; }

ul#topnav li div { height: 10px; padding: 6px 0 14px; position: absolute; z-index:10; top:35px; display: none; /*--Hide by default--*/ background: #535353 /*#F37321*/; color: #fff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }

ul#topnav li div.subNavRight { right: 0px; width: 230px; }

ul#topnav li div.subNavRightLast { right: 0px; width: 115px; }

ul#topnav li div.subNavSecond { left: -50px; width: 310px; }

ul#topnav li div.subNavMiddle { left: -50px; width: 280px; }

ul#topnav li div.subNavLeft { 

   width: 410px;

}


ul#topnav li:hover div { display: block; } /*--Show subnav on hover--*/ ul#topnav li div a { display: inline; } ul#topnav li div 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; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Caroussel /////////////////////////////////////////////////////////////////////////// */

.bx-wrapper { 

   margin: 55px 0px 30px;
   border-bottom: 1px solid #0090D1;
 }
 .bx-wrapper .bx-viewport {
   box-shadow: none;
   border: none;
   left: 0;
 }
 .bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active { 

   background-color: #0090D1;
 }
 .bx-wrapper .bx-pager {
   top: 510px;
 }


/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Bandeau haut /////////////////////////////////////////////////////////////////////////// */

  1. top-section {

border: none; }

  1. p-logo {

border: none; background-image: url('https://static.igem.org/mediawiki/2013/4/49/EuJamBandeauHaut.png'); }

  1. p-logo a:first-child {

display: none; }

  1. p-logo img {

height: 90px; width: auto; padding: 5px 25px; }

  1. p-logo .igemLogo { 
       height: 70px;
       padding: 16px 25px 5px 25px;

}

  1. content h1 {

display: none; }

  1. content {

padding-top: 0; margin-top: -18px; }

  1. search-controls {

top: 10px; right: 180px; width: 240px; }

  1. search-controls a {

margin : 0 5px 5px 5px; }

  1. search-controls input {

vertical-align: middle; }

  1. socialLinks {

margin-bottom: 10px; }

  1. searchInput {

border: none; background-color: lightgrey; height: 20px; }

  1. searchGoButton {

display: none; }

  1. mw-searchButton {

font-weight: normal; color: white; background-color: black; margin: 0 0 0 -12px; padding: 0 15px; height: 20px; font-size: 0.9em; color: lightgrey; 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; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////// // Footer /////////////////////////////////////////////////////////////////////////// */

  1. catlinks {

border: none; background: none; }

  1. footer-box {

border: none; border-top: 2px solid black; padding-top: 25px; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////// // Utils /////////////////////////////////////////////////////////////////////////// */

.floatRight { float: right; }

/* /////////////////////////////////////////////////////////////////////////// // /////////////////////////////////////////////////////////////////////////// */

.wikitable { background : none; }

.wikitable td { width : 85px; text-align : center; }

.wikitable th { font-weight : bold; font-style : italic; background : none; }

.wikitable tr { height : 50px; }

.mainpagetable td { padding : 5px; }

a.normalText { 

      font-weight: normal;
      text-decoration: underlined;

} a.normalText:hover { 

      font-weight: normal;
      text-decoration: underlined;

}

a.bouton:link{ 

 width:400px; 
 height:70px; 
 text-decoration:none; 
 color:white;
 text-align:center; 
 font-weight:bold; 
 background-color: #0090D1;
 padding:5px

} a.bouton:visited{ 

 width:400px; 
 height:70px; 
 text-decoration:none; 
 color:white; 
 text-align:center;
 font-weight:bold;
 background-color: #0090D1;
 padding:5px

} a.bouton:hover{ 

 width:400px; 
 height:70px; 
 text-decoration:none;
 color:white; 
 text-align:center; 
 font-weight:bold; 
 background-color:#535353;
 background-image:url(aqua.jpg);
 padding:5px

} .bouton{ 

 text-align:center;
}
Retrieved from "http://2013.igem.org/Template:Regional_Europe_2013_Page_CSS"