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: | + | height:300px; |
text-align:center; | text-align:center; | ||
- | |||
} | } | ||
+ | |||
+ | |||
+ | .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: | + | position:absolute; |
- | top: | + | top:320px; |
- | + | left:0px; | |
- | background-color: | + | background-color:white; |
- | + | 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: | + | width:170px; |
- | height: | + | height:45px; |
} | } | ||
.sideNavBar a:link { | .sideNavBar a:link { | ||
- | border:3px | + | 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 | + | 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 | + | 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 | + | border-width:1px 1px 1px 3px; |
- | color: | + | border-style: none none none solid; |
+ | border-color:#660000 #660000 #660000 #660000; | ||
+ | color: gold; | ||
} | } | ||
- | + | .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