Template:Minnesota Main Styles
From 2012.igem.org
(Difference between revisions)
m (Created page with "#globalwrapper { width:975px; padding:20px 0px; margin: 0 auto; background-color:#ffffff; height:100%; } .firstHeading { height:0px; visibility:hidde...") |
m |
||
(134 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html> | |
- | + | <head> | |
- | + | <title>Team:Minnesota - Main Style Template</title> | |
- | + | ||
- | + | <style type="text/css"> | |
- | + | /*============the following section is hacking the original wiki template============*/ | |
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none; | ||
} | } | ||
- | + | ||
- | + | #top-section { | |
- | + | border: none; | |
+ | height: 0px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | #content { | ||
+ | border: none; | ||
+ | background-color: transparent; | ||
} | } | ||
- | # | + | |
- | + | ||
+ | #menubar > ul > li:last-child { | ||
+ | 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*/ | ||
+ | border: 0px transparent solid; | ||
+ | position:absolute; | ||
+ | left:140px; | ||
+ | /*display:none;*/ | ||
} | } | ||
- | # | + | #menubar { /*main menubar settings*/ |
- | + | background-color: transparent; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #menubar { | + | #menubar ul li a { /*menubar subcategory items*/ |
- | + | color: black; | |
} | } | ||
- | + | ||
- | + | .right-menu li a { | |
- | + | ||
color: black; | color: black; | ||
- | background-color: | + | background-color: transparent; |
} | } | ||
- | + | /*============End original wiki mods============*/ | |
- | + | ||
- | + | .mainBox{ | |
- | width: | + | 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 | ||
+ | { | ||
+ | background-color:transparent; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | table,td | ||
+ | { | ||
+ | border:0px; | ||
+ | } | ||
+ | |||
+ | /*=========Start side nav bar code==============*/ | ||
+ | .sideNavBar | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:320px; | ||
+ | left:0px; | ||
+ | background-color:white; | ||
+ | margin:0; | ||
padding:0; | padding:0; | ||
+ | border:0px; | ||
+ | } | ||
+ | |||
+ | .sideNavBar ul li | ||
+ | { | ||
+ | list-style:none; | ||
margin:0; | margin:0; | ||
- | + | padding:0; | |
} | } | ||
- | + | .sideNavBar a{ | |
- | + | font-family: Verdana, Century Gothic, Tahoma, sans-serif; | |
- | + | font-size:20px; | |
- | + | /*font-weight:600;*/ | |
- | text-decoration:none; | + | padding-top:15px; |
- | color:white; | + | padding-left:30px; |
- | + | text-decoration:none; | |
- | + | background-color:white; | |
- | + | display:block; | |
+ | width:170px; | ||
+ | height:45px; | ||
} | } | ||
- | |||
- | |||
- | + | .sideNavBar a:link { | |
- | width: | + | 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> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 19:30, 12 July 2012