Template:Minnesota Main Styles

From 2012.igem.org

(Difference between revisions)
m
m
 
(96 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 88: Line 104:
.sideNavBar
.sideNavBar
{
{
-
position:relative;
+
position:absolute;
-
top:-1000px;
+
top:320px;
-
font-size:20px;
+
left:0px;
-
background-color:yellow;
+
background-color:white;
-
text-index:50px;
+
margin:0;
 +
padding:0;
 +
border:0px;
}
}
Line 103: Line 121:
.sideNavBar a{
.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;
     text-decoration:none;
     background-color:white;
     background-color:white;
     display:block;
     display:block;
-
     width:200px;
+
     width:170px;
-
     height:60px;
+
     height:45px;
}
}
.sideNavBar a:link {
.sideNavBar a:link {
-
     border:3px white solid;
+
     border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
     color: gray;
     color: gray;
Line 117: Line 142:
.sideNavBar a:visited {
.sideNavBar a:visited {
-
     border:3px white solid;
+
     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:3px white outset;
+
     border-width:1px 1px 1px 3px;
 +
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
     color: gold;
     color: gold;
}
}
.sideNavBar a:active {
.sideNavBar a:active {
-
     border:3px white outset;
+
     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=================*/
/*=============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>

Latest revision as of 19:30, 12 July 2012

Team:Minnesota - Main Style Template