Team:UCLA/Template/css
From 2013.igem.org
(Difference between revisions)
Michaelc1618 (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
(48 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
} | } | ||
+ | h1, h2, h3, h4, h5{ | ||
+ | font-family:Verdana; | ||
+ | } | ||
+ | |||
+ | li{ | ||
+ | font-family:Verdana; | ||
+ | } | ||
/* Full page formatting */ | /* Full page formatting */ | ||
Line 8: | Line 15: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-repeat: repeat; | background-repeat: repeat; | ||
+ | |||
} | } | ||
#top-section { position: relative; height: 20px; width: 970px; } | #top-section { position: relative; height: 20px; width: 970px; } | ||
Line 13: | Line 21: | ||
#container { margin: 15px 0px auto auto; width: 975px; } | #container { margin: 15px 0px auto auto; width: 975px; } | ||
- | #top-panel { height: 200px; background-color: yellow; background-image: url("https://static.igem.org/mediawiki/2013/4/4b/Ucla_header.png"); } | + | #top-panel { height: 200px; background-color: yellow; background-image: url("https://static.igem.org/mediawiki/2013/4/4b/Ucla_header.png");} |
#top-panel { border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px} | #top-panel { border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px} | ||
- | + | ||
- | + | ||
- | + | ||
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{ | #contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{ | ||
Line 41: | Line 47: | ||
margin: 5px; | margin: 5px; | ||
} | } | ||
+ | |||
#nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;} | #nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;} | ||
#nav { background-color: #0070B0; width: 1000px; list-style: none; } | #nav { background-color: #0070B0; width: 1000px; list-style: none; } | ||
- | #nav { float: left; margin: 0px 0px auto - | + | #nav { float: left; margin: 0px 0px auto -17px; z-index: 5; } |
#nav li { float: left; margin: 0px 10px 0px -5px; position:relative; } | #nav li { float: left; margin: 0px 10px 0px -5px; position:relative; } | ||
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; } | #nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; } | ||
#nav a:hover { color: #D6D615; } | #nav a:hover { color: #D6D615; } | ||
+ | |||
+ | #nav ul{ background-color: #0070B0; } | ||
+ | #nav ul li: hover ul.noJS{ display: block; } | ||
#subnav { font-family: "Raleway", serif; font-size: 12px; color: black;} | #subnav { font-family: "Raleway", serif; font-size: 12px; color: black;} | ||
- | #subnav { background-color: #FFD700; width: | + | #subnav { background-color: #FFD700; width: 980px; list-style: none; } |
- | #subnav { float: left; margin: 0px 0px auto - | + | #subnav { float: left; margin: 0px 0px auto -7px; z-index: 5; } |
#subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; } | #subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; } | ||
#subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; } | #subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; } | ||
#subnav a:hover { color: #536895; } | #subnav a:hover { color: #536895; } | ||
- | + | #subnav { border-radius:4px; } | |
#current { font-weight:900;} | #current { font-weight:900;} | ||
+ | |||
+ | #feature { background-color: #fff; height: auto; width: 980px; } | ||
+ | #feature { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; margin-right: 50px; } | ||
+ | |||
+ | |||
+ | |||
+ | #bottom-panel{position: relative; height:200px; } | ||
+ | |||
+ | #reference{font-family:Verdana; font-size:10px; } |
Latest revision as of 02:46, 29 April 2014
html{
font-size: 18px; font-family: "Trebuchet MS", sans-serif;
}
h1, h2, h3, h4, h5{ font-family:Verdana; }
li{ font-family:Verdana; }
/* Full page formatting */ body#bg { background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/82/SEM_blood_cells.jpg");
background-attachment: fixed; background-repeat: repeat;
}
- top-section { position: relative; height: 20px; width: 970px; }
- contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
- container { margin: 15px 0px auto auto; width: 975px; }
- top-panel { height: 200px; background-color: yellow; background-image: url("");}
- top-panel { border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px}
- contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
display:none;
}
- container{
margin: 15px 0px auto auto; width: 975px;
}
- globalwrapper{
margin: 0px 0px auto auto;
}
p{
margin: 5px; font-family: Verdana;
}
h4{
margin: 5px;
}
- nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;}
- nav { background-color: #0070B0; width: 1000px; list-style: none; }
- nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
- nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
- nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
- nav a:hover { color: #D6D615; }
- nav ul{ background-color: #0070B0; }
- nav ul li: hover ul.noJS{ display: block; }
- subnav { font-family: "Raleway", serif; font-size: 12px; color: black;}
- subnav { background-color: #FFD700; width: 980px; list-style: none; }
- subnav { float: left; margin: 0px 0px auto -7px; z-index: 5; }
- subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
- subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; }
- subnav a:hover { color: #536895; }
- subnav { border-radius:4px; }
- current { font-weight:900;}
- feature { background-color: #fff; height: auto; width: 980px; }
- feature { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; margin-right: 50px; }
- bottom-panel{position: relative; height:200px; }
- reference{font-family:Verdana; font-size:10px; }