Template:Lambert.css

From 2014hs.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style text="text/css"> div.navigater { border-top-style: solid; border-top-width: 2px; border-color: #FFDF00; } .navigater ul { position: relative; left: -10...")
 
(39 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style text="text/css">
<style text="text/css">
 +
 +
body {
 +
    font-family: Arial;
 +
    background-color: #8FE94A;
 +
}
 +
 +
p{
 +
    font-family: Verdana;
 +
    color: #202020;
 +
    padding: 2% 2% 2% 2%;
 +
    text-align: justify;
 +
    text-indent: 30px;
 +
}
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 +
ul{
 +
    font-family: Verdana;
 +
    color: #000000;
 +
    text-align: center;
 +
    font-weight: bold;
 +
}
 +
 +
ul li{
 +
    font-family: Verdana;
 +
    color: #202020;
 +
    padding: 5px 5px 5px 5px;
 +
    text-align: left;
 +
    font-weight: normal;
 +
}
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
div.navigater {
div.navigater {
-
border-top-style: solid;
+
background-color: white;
-
border-top-width: 2px;
+
        height: 160px;
-
border-color: #FFDF00;
+
}
}
.navigater ul {
.navigater ul {
position: relative;
position: relative;
-
left: -10px;
+
left: -40px;
   z-index:100;
   z-index:100;
text-align: center;
text-align: center;
display: inline;
display: inline;
list-style: none;
list-style: none;
 +
        padding: 0;
 +
        margin: 0;
}
}
Line 21: Line 79:
   font: bold 14px/20PX helvetica;
   font: bold 14px/20PX helvetica;
   display: inline-block;
   display: inline-block;
-
  margin: 0 20px;
 
-
  padding-bottom: 18px;
 
   position: relative;
   position: relative;
-
   width: 110px;
+
   width: 100px;
-
   height: 32px;
+
   height: 100px;
-
   background-color: #BFAE30;
+
  padding-right: 5px;
 +
  margin: 0;
 +
   background-color: transparent;
   background-repeat:no-repeat;
   background-repeat:no-repeat;
   text-align:center;
   text-align:center;
Line 36: Line 94:
width: 110px;
width: 110px;
height: 14px;
height: 14px;
-
padding-bottom:18px;
 
-
padding-top: 18px;
 
text-align:center;
text-align:center;
text-decoration:none;
text-decoration:none;
}
}
-
.navigater ul li ul {
+
.navigater ul li:hover ul {
-
z-index:100;
+
  z-index:100;
-
position: absolute;
+
  display: block;
-
top: 46px;
+
  opacity: 0.95;
-
left: -18px;
+
  visibility: visible;
-
width: 104px;
+
  background-color: #BFAE30;
-
display: none;
+
-
opacity: 0;
+
-
visibility: hidden;
+
-
        -webkit-transiton: opacity 0.2s;
+
-
-moz-transition: opacity 0.2s;
+
-
-ms-transition: opacity 0.2s;
+
-
-o-transition: opacity 0.2s;
+
-
-transition: opacity 0.2s;
+
}
}
 +
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
 +
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
-
.navigater ul li ul li {
+
div.sponsors {
-
 
+
background-color: white;
-
z-index:100;
+
        height: 500px;
-
width: 104px;
+
}
-
margin:0px 0px 10px 0px;  
+
.sponsors ul {
-
display: block;  
+
position: relative;
-
         padding: 0px;
+
left: -10px;
 +
  z-index:100;
 +
text-align: center;
 +
display: inline;
 +
list-style: none;
 +
         padding: 0;
 +
        margin: 0;
}
}
-
.navigater ul li ul li a:link{
+
.sponsors ul li {
-
width: 104px;
+
  z-index:100;
-
font-size:12px;
+
  font: bold 14px/20PX helvetica;
-
        padding-bottom: 9px;
+
  display: inline-block;
-
        padding-top: 9px;
+
  position: relative;
-
        margin:0px;
+
  width: 300px;
 +
  height: 200px;
 +
  padding-right: 5px;
 +
  margin: 0;
 +
  background-color: transparent;
 +
  background-repeat:no-repeat;
 +
  text-align:center;
}
}
-
.navigater ul li ul li:hover {  
+
.sponsors ul li a:link{
-
background-color: #BFAE30;
+
display: block;
-
background-repeat: no-repeat;
+
font-size:16px/20px;
-
background-position: 50% 60%;
+
width: 110px;
-
+
height: 14px;
 +
text-align:center;
 +
text-decoration:none;
}
}
-
.navigater ul li:hover ul {
+
 
 +
.sponsors ul li:hover ul {
   z-index:100;
   z-index:100;
   display: block;
   display: block;
Line 88: Line 153:
   background-color: #BFAE30;
   background-color: #BFAE30;
}
}
-
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
+
.sponsors ul li a:hover {text-decoration:none; background-color: transparent;}
-
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
+
.sponsors ul li a:visited {text-decoration:none; background-color: transparent;}
 +
 
 +
.clear {
 +
    clear: both;
 +
    height: 50px;
 +
}
 +
 
 +
.bigclear {
 +
    clear: both;
 +
    height: 150px;
 +
}
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 02:28, 20 June 2014

Retrieved from "http://2014hs.igem.org/Template:Lambert.css"