Template:Lambert.css

From 2014hs.igem.org

(Difference between revisions)
 
(31 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.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 33: Line 62:
div.navigater {
div.navigater {
background-color: white;
background-color: white;
 +
        height: 160px;
}
}
.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 48: Line 80:
   display: inline-block;
   display: inline-block;
   position: relative;
   position: relative;
-
   width: 140px;
+
   width: 100px;
-
   height: 140px;
+
   height: 100px;
 +
  padding-right: 5px;
 +
  margin: 0;
   background-color: transparent;
   background-color: transparent;
   background-repeat:no-repeat;
   background-repeat:no-repeat;
Line 73: Line 107:
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
.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 a:visited {text-decoration:none; background-color: transparent;}
 +
 +
div.sponsors {
 +
background-color: white;
 +
        height: 500px;
 +
}
 +
.sponsors ul {
 +
position: relative;
 +
left: -10px;
 +
  z-index:100;
 +
text-align: center;
 +
display: inline;
 +
list-style: none;
 +
        padding: 0;
 +
        margin: 0;
 +
}
 +
 +
.sponsors ul li {
 +
  z-index:100;
 +
  font: bold 14px/20PX helvetica;
 +
  display: inline-block;
 +
  position: relative;
 +
  width: 300px;
 +
  height: 200px;
 +
  padding-right: 5px;
 +
  margin: 0;
 +
  background-color: transparent;
 +
  background-repeat:no-repeat;
 +
  text-align:center;
 +
}
 +
 +
.sponsors ul li a:link{
 +
display: block;
 +
font-size:16px/20px;
 +
width: 110px;
 +
height: 14px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
 +
.sponsors ul li:hover ul {
 +
  z-index:100;
 +
  display: block;
 +
  opacity: 0.95;
 +
  visibility: visible;
 +
  background-color: #BFAE30;
 +
}
 +
.sponsors ul li a:hover {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