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...")
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: Lucida Sans Unicode;sans-serif
}
}
Line 58: Line 58:
a {
a {
font-weight: bold;
font-weight: bold;
-
   color: #0c3ec7;
+
   color: #993300;
}
}
Line 86: Line 86:
font-size: 1.0em;
font-size: 1.0em;
}
}
 +
 +
h5 {
 +
font-weight: normal;
 +
color:  #993300;
 +
}
 +
img.left {
img.left {
Line 139: Line 145:
}
}
 +
 +
 +
/*/////////////////////////////////
 +
//  iGem Template overide
 +
//////////////////////////////////*/
 +
 +
#content {
 +
border: none;
 +
}
 +
 +
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Nav bar
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 +
/*--Menu Bar CSS--*/
 +
#navbarcontainer {
 +
width: 100%;
 +
height: 35px;
 +
background: #003366;
 +
margin-top:0px;
 +
font-size: 11px;
 +
}
 +
 +
#navbarsocial { float:right;
 +
padding-top: 4px;
 +
}
 +
#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;
 +
}
 +
#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: 340px;
 +
}
 +
 +
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;
 +
}
 +
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
//  Bandeau haut
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 +
#top-section {
 +
border: none;
 +
}
 +
 +
#p-logo {
 +
border: none;
 +
background-image: url('https://static.igem.org/mediawiki/2013/4/49/EuJamBandeauHaut.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 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;
 +
color: white;
 +
background-color: #451700;
 +
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;
 +
}
/* ///////////////////////////////////////////////////////////////////////////  
/* ///////////////////////////////////////////////////////////////////////////  

Revision as of 17:25, 11 September 2013

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