Template:Minnesota Main Styles

From 2012.igem.org

(Difference between revisions)
m
m
 
(105 intermediate revisions not shown)
Line 58: Line 58:
.mainBox{
.mainBox{
 +
position: absolute;
 +
top: 375px;
 +
left: 210px;
width:700px;
width:700px;
-
height:500px;
+
height:300px;
text-align:center;
text-align:center;
-
vertical-align:middle;
 
}
}
 +
 +
 +
.mainBox td{
 +
  align:center;
 +
  height:130px;
 +
  padding:10px; /*between border & content&*/
 +
  border:solid #E0E0E0 1px;
 +
}
 +
.mainBox td.profpic{
 +
  width:150px;
 +
  padding:0px; /*between border & content&*/
 +
}
 +
p.filler
p.filler
{
{
position:relative;
position:relative;
-
top:100px;
+
padding-top:100px;
font-family:arial;
font-family:arial;
color:gray;
color:gray;
font-size:20px;
font-size:20px;
 +
padding:50px;
}
}
Line 85: Line 101:
}
}
-
#sideNavBar
+
/*=========Start side nav bar code==============*/
 +
.sideNavBar
{
{
-
display:block;
+
position:absolute;
-
background-color:green;
+
top:320px;
 +
left:0px;
 +
background-color:white;
 +
margin:0;
 +
padding:0;
 +
border:0px;
 +
}
 +
 
 +
.sideNavBar ul li
 +
{
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
}
 +
.sideNavBar a{
 +
    font-family: Verdana, Century Gothic, Tahoma, sans-serif;
 +
    font-size:20px;
 +
    /*font-weight:600;*/
 +
    padding-top:15px;
 +
    padding-left:30px;
 +
    text-decoration:none;
 +
    background-color:white;
 +
    display:block;
 +
    width:170px;
 +
    height:45px;
}
}
-
#sideNavBar a:link {
+
.sideNavBar a:link {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
     color: gray;
     color: gray;
 +
}
}
-
#sideNavBar a:visited {
+
.sideNavBar a:visited {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
     color: gray;
     color: gray;
}
}
-
#sideNavBar a:hover {
+
.sideNavBar a:hover { /*cool button*/
-
     border:black 1px solid;
+
     border-width:1px 1px 1px 3px;
-
     color: yellow;
+
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
 +
     color: gold;
}
}
-
#sideNavBar a:active {
+
.sideNavBar a:active {
-
     border:black 1px solid;
+
     border-width:1px 1px 1px 3px;
-
     color: yellow;
+
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
 +
     color: gold;
}
}
-
[title=current]{
+
.sideNavBar a.current{ /*force black for current button*/
     color: black;
     color: black;
}
}
 +
.sideNavBar a.current:hover{ /*allow for gold to still happen for current button*/
 +
    color: #660000;
 +
}
 +
/*=============End side nav bar code=================*/
 +
 +
/*=============Start top nav bar code===============*/
 +
.insideTopBar {
 +
    position:absolute;
 +
    top:300px;
 +
    left:230px;
 +
    background-color:white;
 +
 +
}
 +
.insideTopBar ul{
 +
    padding:0;
 +
    margin:0;
 +
    list-style:none;
 +
}
 +
.insideTopBar ul li{
 +
    float:right;
 +
    padding-left:7px;
 +
    margin:0px;
 +
 +
}
 +
 +
.insideTopBar a{
 +
 +
    display:block;
 +
    background-color:white;
 +
    text-decoration:none;
 +
}
 +
 +
.insideTopBar img{
 +
    opacity:0.4;
 +
    filter:alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
.insideTopBar img:hover{
 +
    opacity:1.0;
 +
    filter:alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 +
/*=============End top nav bar code=================*/
</style>
</style>
</head>
</head>
<body>
<body>
-
<div class="sideNavBar">
+
 
-
Hello
+
-
<a href="">Home</a>
+
-
<a href="">Team</a>
+
-
<a href="">Project</a>
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 19:30, 12 July 2012

Team:Minnesota - Main Style Template

Retrieved from "http://2012.igem.org/Template:Minnesota_Main_Styles"