Template:North America 2013 Page CSS

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> /* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davi...")
 
(129 intermediate revisions not shown)
Line 32: Line 32:
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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 +
  font-weight: 300;
}
}
Line 58: Line 59:
a {
a {
font-weight: bold;
font-weight: bold;
-
   color: #0c3ec7;
+
   color: #993300;
}
}
Line 68: Line 69:
h2 {
h2 {
-
font-size: 1.5em;
+
font-size: 2em;
}
}
Line 86: Line 87:
font-size: 1.0em;
font-size: 1.0em;
}
}
 +
 +
h5 {
 +
font-weight: normal;
 +
color:  #993300;
 +
}
 +
img.left {
img.left {
Line 137: Line 144:
padding: 6px;
padding: 6px;
float: right;
float: right;
 +
}
 +
 +
 +
.verticalLine {
 +
    border-left: thick solid #E8E8E8;
 +
}
 +
 +
.verticalLineRight {
 +
    border-right: thick solid #E8E8E8;
 +
}
 +
 +
/*/////////////////////////////////
 +
//  iGem Template overide
 +
//////////////////////////////////*/
 +
 +
#content {
 +
border: none;
}
}
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  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: 90px;
 +
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: 1px;
 +
right: 1px;
 +
width: 1px;
 +
        display: none;
 +
}
 +
 +
#search-controls a {
 +
size: 1px,1px,1px;
 +
        display: none;
 +
}
 +
 +
#search-controls input {
 +
display: none;
 +
}
 +
 +
#searchInput {
 +
      display: none;
 +
}
 +
 +
#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;
 +
        display: none;
 +
}
 +
 +
.right-menu ul {
 +
margin-bottom: 0;
 +
}
 +
 +
.right-menu ul li a {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu:hover ul li a {
 +
background-color: #606060;
 +
}
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  
// Column
// Column
/////////////////////////////////////////////////////////////////////////// */
/////////////////////////////////////////////////////////////////////////// */
 +
 +
.boxes1 {
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  border:2px solid #000066;  position:relative;
 +
}
 +
 +
.boxes2 {
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  border:2px solid #006699;  position:relative;
 +
}
 +
 +
.boxes3 {
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  border:2px solid #00cccc;  position:relative;
 +
}
 +
 +
.indent {
 +
margin-left:4em;
 +
margin-right: 4em;
 +
 +
}
#columns {
#columns {
-
background: #4056fd;
+
background: #ffffff;
padding: 28px 0 10px 0;
padding: 28px 0 10px 0;
}
}
#columns .column {
#columns .column {
-
width: 260px;
+
width: 190px;
-
                background: #4056fd;
+
float: left;
float: left;
}
}
Line 229: Line 363:
padding: 0!important;
padding: 0!important;
list-style: none;
list-style: none;
-
border: 1px solid #b4b4b4;
+
}
}
Line 235: Line 369:
margin: 0;
margin: 0;
padding: 15px;
padding: 15px;
-
background: url(https://static.igem.org/mediawiki/2012/6/60/EuropeanJamboree_Linkbg6b.png) repeat-x bottom left;
+
background: url(https://static.igem.org/mediawiki/2013/e/ea/Northamerica_link.png) repeat-x bottom left;
 +
                                -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;
 +
 
}
}
                       #columns li a {
                       #columns li a {
-
                       color: #000000;
+
                       color: #ffffff;
                       }
                       }
                       #columns li a:hover {
                       #columns li a:hover {
-
                       color: #f7b93d;
+
                       color: #ffefe7;
                       font-size: 115%;
                       font-size: 115%;
                       text-decoration: none;  
                       text-decoration: none;  
-
}
+
      }
#columns p {
#columns p {
Line 255: Line 402:
#columns p a {
#columns p a {
-
color: #232323;
+
color: #000000;
text-decoration: none;
text-decoration: none;
}
}
#columns p a:hover {
#columns p a:hover {
-
color: #232323;
+
color: #ffefe7;
text-decoration: underline;
text-decoration: underline;
}
}
Line 266: Line 413:
#columns h2 a {
#columns h2 a {
-
color: #FFFFFF;
+
color: #000000;
text-decoration: none;
text-decoration: none;
}
}
#columns h2 a:hover {
#columns h2 a:hover {
-
                        color: #FFFFFF;
+
                        color: #ffefe7;
                                 text-decoration: underline;
                                 text-decoration: underline;
}
}
Line 487: Line 634:
}
}
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  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;
 +
  }
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  
// Nav bar
// Nav bar
/////////////////////////////////////////////////////////////////////////// */
/////////////////////////////////////////////////////////////////////////// */
 +
/*--Menu Bar CSS--*/
/*--Menu Bar CSS--*/
-
#navbarcontainer { width: 100%;  
+
#navbarcontainer {
 +
width: 100%;  
height: 35px;  
height: 35px;  
-
background: #232f8a;  
+
background: #591e00;  
margin-top:0px;
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;  
#navbar { width:975px;  
Line 503: Line 689:
position:relative;  
position:relative;  
height: 35px;
height: 35px;
-
}
+
 
-
#navbarsocial { float:right;
+
 
-
padding-top: 4px;
+
}
}
#flashylink { display: block;  
#flashylink { display: block;  
-
float: left;  
+
float: centre;  
border: 0px solid #fff;  
border: 0px solid #fff;  
-
color: #232f8a;
+
color: #591e00;  
-
text-shadow: #000 1px 1px 1px;  
+
padding:3px; line-height: 100%;  
padding:3px; line-height: 100%;  
text-align: center;  
text-align: center;  
Line 518: Line 702:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  
border-radius: 3px;  
-
margin-right: 10px;
+
margin-right: 10px;  
}
}
#flashylink a:hover { color: #fff;
#flashylink a:hover { color: #fff;
Line 525: Line 709:
/*--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; padding: 0 0 0 100px;
-
float: left;
+
float: centre;
/*-- width: 960px;--*/
/*-- width: 960px;--*/
list-style: none;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
font-size: 1em;
font-size: 1em;
-
background: #232f8a/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
+
background: #591e00/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
z-index: 6;
z-index: 6;
}
}
Line 553: Line 737:
text-decoration: none;
text-decoration: none;
}
}
-
ul#topnav li:hover { background: #4056fd url(topnav_active.gif) repeat-x; }
+
ul#topnav li:hover { background: #993300 url(topnav_active.gif) repeat-x; }
ul#topnav li span {
ul#topnav li span {
float: left;
float: left;
Line 559: Line 743:
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: 720px;
+
background: #993300;
-
background: #4056fd;
+
color: #fff;
color: #fff;
-
/*--Bottom right rounded corner--*/
 
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-
/*--Bottom left rounded corner--*/
 
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
Line 583: Line 764:
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 590: Line 771:
}
}
.textboxes {
.textboxes {
-
display: block;
 
position: relative;
position: relative;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
Line 724: Line 904:
}
}
-
h2,h3 {font-wright:bold; font-family: Calibri, Arial, Helvetica, sans-serif}
+
h2,h3 {font-wright: bold; font-family: Calibri, Arial, Helvetica, sans-serif}
</style>
</style>
</html>
</html>

Latest revision as of 17:12, 17 October 2013

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