Template:Minnesota Main Styles
From 2012.igem.org
(Difference between revisions)
m |
m |
||
(131 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <title>Team:Minnesota - Main Style Template</title> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
/*============the following section is hacking the original wiki template============*/ | /*============the following section is hacking the original wiki template============*/ | ||
- | .firstHeading | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
- | display: none; | + | display:none; |
} | } | ||
- | # | + | #top-section { |
+ | border: none; | ||
+ | height: 0px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | border: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menubar > ul > li:last-child { | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | #menubar { //resizes menu bar | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | /*hacks menubar links to do cool things*/ | ||
+ | #menubar a:link {color:transparent;} | ||
+ | #menubar a:visited {color:transparent;} | ||
+ | #menubar a:hover {color:black;} | ||
+ | #menubar a:active {color:gray;} | ||
+ | |||
#top-section { /*section with the buttons and search bar - might be bad to remove*/ | #top-section { /*section with the buttons and search bar - might be bad to remove*/ | ||
Line 16: | Line 40: | ||
position:absolute; | position:absolute; | ||
left:140px; | left:140px; | ||
- | /*display:none; | + | /*display:none;*/ |
} | } | ||
Line 23: | Line 47: | ||
} | } | ||
#menubar ul li a { /*menubar subcategory items*/ | #menubar ul li a { /*menubar subcategory items*/ | ||
- | color: | + | color: black; |
} | } | ||
.right-menu li a { | .right-menu li a { | ||
color: black; | color: black; | ||
- | background-color: | + | background-color: transparent; |
} | } | ||
Line 34: | Line 58: | ||
.mainBox{ | .mainBox{ | ||
- | + | position: absolute; | |
- | + | top: 375px; | |
+ | left: 210px; | ||
+ | width:700px; | ||
+ | height:300px; | ||
+ | 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 | ||
+ | { | ||
+ | position:relative; | ||
+ | padding-top:100px; | ||
+ | font-family:arial; | ||
+ | color:gray; | ||
+ | font-size:20px; | ||
+ | padding:50px; | ||
} | } | ||
body | body | ||
{ | { | ||
- | background-color: | + | background-color:transparent; |
+ | margin:0; | ||
+ | padding:0; | ||
} | } | ||
Line 47: | Line 100: | ||
border:0px; | border:0px; | ||
} | } | ||
- | + | ||
+ | /*=========Start side nav bar code==============*/ | ||
+ | .sideNavBar | ||
{ | { | ||
+ | position:absolute; | ||
+ | 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 { | ||
+ | border-width:1px 1px 1px 3px; | ||
+ | border-style:none none none solid; | ||
+ | border-color:white; | ||
+ | color: gray; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sideNavBar a:visited { | ||
+ | border-width:1px 1px 1px 3px; | ||
+ | border-style:none none none solid; | ||
+ | border-color:white; | ||
+ | color: gray; | ||
+ | } | ||
+ | |||
+ | .sideNavBar a:hover { /*cool button*/ | ||
+ | border-width:1px 1px 1px 3px; | ||
+ | border-style: none none none solid; | ||
+ | border-color:#660000 #660000 #660000 #660000; | ||
+ | color: gold; | ||
+ | } | ||
+ | .sideNavBar a:active { | ||
+ | border-width:1px 1px 1px 3px; | ||
+ | border-style: none none none solid; | ||
+ | border-color:#660000 #660000 #660000 #660000; | ||
+ | color: gold; | ||
+ | } | ||
+ | |||
+ | .sideNavBar a.current{ /*force black for current button*/ | ||
+ | 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> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 19:30, 12 July 2012