Template:Minnesota Main Styles2

From 2012.igem.org

(Difference between revisions)
m (Created page with "<html> <head> <title>Team:Minnesota - Main Style Template</title> <style type="text/css"> - →============the following section is hacking the original wiki template============: ...")
m
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
 +
/*============Main Layout code=====================*/
 +
 +
 +
#ContentAll{
 +
position:absolute;
 +
width:1000px;
 +
height:700px;
 +
/*autocenter horizontally*/
 +
left:50%;
 +
margin-left:-500px;
 +
 +
background-color:#E17E7E;
 +
}
 +
 +
 +
#MainBanner{
 +
/*set to be flush against content*/
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
margin:0px;
 +
padding:0px;
 +
width:1000px;
 +
height:150px;
 +
background-color:white;
 +
 +
 +
}
 +
 +
#SideBarAll{
 +
/*set to be flush against left and MainBanner*/
 +
position:absolute;
 +
top:150px;
 +
left:0px;
 +
width:200px;
 +
height:550px;
 +
background-color:white;
 +
}
 +
 +
#MainBoxAll{
 +
/*set to be flush against MainBanner and SideBarAll*/
 +
position:absolute;
 +
top:150px;
 +
left:200px;
 +
width: 800px;
 +
height:550px;
 +
background-color:white;
 +
}
 +
 +
#MainBoxContent{
 +
position:absolute;
 +
width:750px;
 +
height:450px;
 +
background-color:gray;
 +
left:25px;
 +
top:25px;
 +
}
 +
 +
#MainBoxOtherLinks{
 +
position:absolute;
 +
width: 800px;
 +
height: 75px;
 +
background-color: white;
 +
top: 475px;
 +
}
 +
 +
#MainBoxOtherLinks p.otherLinks{
 +
position:absolute;
 +
left:200px;
 +
top:25px;
 +
background-color: none;
 +
color: gray;
 +
 +
}
 +
 +
#MainBoxOtherLinks p.otherLinks a{
 +
  text-decoration:none;
 +
  color: gray;
 +
}
 +
 +
#MainBoxOtherLinks p.otherLinks a:hover{
 +
  text-decoration:underline;
 +
}
 +
 +
 +
body{
 +
background-image:url("http://i1158.photobucket.com/albums/p607/iGEM_MN/win_tree_temp_bg.png");
 +
background-color:gray;
 +
}
 +
 +
/*end container boxs*/
 +
 +
/*Start Revised sidebar styles*/
 +
 +
.sideNavBar2
 +
{
 +
position:absolute;
 +
top:25px;
 +
left:0px;
 +
margin:0;
 +
padding:0;
 +
border:0px;
 +
}
 +
 +
.sideNavBar2 ul li
 +
{
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
}
 +
 +
.sideNavBar2 a{
 +
    font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
 +
    font-size:20px;
 +
    //font-weight:600;
 +
 +
    padding-top:5px;
 +
    padding-left:15px;
 +
 +
 +
    text-decoration:none;
 +
    background-color:white;
 +
    display:block;
 +
    width:150px;
 +
    height:35px;
 +
}
 +
 +
.sideNavBar2 a:link {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
 +
    color: gray;
 +
 +
}
 +
 +
.sideNavBar2 a:visited {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style:none none none solid;
 +
    border-color:white;
 +
    color: gray;
 +
}
 +
 +
.sideNavBar2 a:hover { /*cool button*/
 +
    border-width:1px 1px 1px 3px;
 +
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
 +
    color: #FBB917;
 +
}
 +
.sideNavBar2 a:active {
 +
    border-width:1px 1px 1px 3px;
 +
    border-style: none none none solid;
 +
    border-color:#660000 #660000 #660000 #660000;
 +
    color: #FBB917;
 +
}
 +
 +
.sideNavBar2 a.current{ /*force black for current button*/
 +
    color: #660000;
 +
}
 +
 +
.sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/
 +
    color: #FBB917;
 +
}
 +
 +
.sideSocialMediaButtons{
 +
position:absolute;
 +
width:120px;
 +
height:60px;
 +
top:460px;
 +
left:30px;
 +
background-color:white;
 +
}
 +
 +
 +
/*End Revised sidebar styles*/
 +
 +
/*Start Main Content items*/
 +
.rightNavButtons {
 +
position:absolute;
 +
top:140px;
 +
left:695px;
 +
width:80px;
 +
height:220px;
 +
background-color:transparent;
 +
}
 +
 +
.rightNavButtons a{
 +
display:block;
 +
}
 +
 +
.mainContentTextBanner{
 +
position:absolute;
 +
top:350px;
 +
left:0px;
 +
width:730px;
 +
height:80px;
 +
background-color:#660000;
 +
opacity:0.7;
 +
font-size:20px;
 +
color:white;
 +
padding: 10px;
 +
}
 +
/*============the following section is hacking the original wiki template============*/
/*============the following section is hacking the original wiki template============*/

Revision as of 20:38, 29 September 2012

Team:Minnesota - Main Style Template

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