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
 
(49 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
 +
 +
/*========general scrolling div for maincontentbox=====*/
 +
.ScrollDiv{
 +
position:absolute;
 +
top:-10px;
 +
width:720px;
 +
height:450px;
 +
margin-left:10px;
 +
overflow-y:scroll;
 +
text-align:left;
 +
}
 +
 +
 +
/*==========special table code============*/
 +
table.ScrollList{
 +
position:absolute;
 +
width:700px;
 +
border: #787878 solid 2px;
 +
background-color:#A3FFA3;
 +
}
 +
 +
table.ScrollList tr{
 +
background-color:#B0B0B0;
 +
height:40px;
 +
}
 +
 +
table.ScrollList tr td{
 +
padding-left:10px;
 +
width:auto;
 +
}
 +
 +
table.ScrollList tr.header{
 +
padding-left:0px;
 +
height:30px;
 +
background-color:transparent;
 +
font-weight:bold;
 +
}
 +
table.ScrollList tr.header td{
 +
padding-left:0px;
 +
}
 +
 +
 +
 +
 +
 +
/*============Main Layout code=====================*/
 +
 +
 +
#ContentAll{
 +
position:absolute;
 +
width:1000px;
 +
height:700px;
 +
/*autocenter horizontally*/
 +
left:50%;
 +
margin-left:-500px;
 +
 +
background-color:transparent;
 +
 +
}
 +
 +
 +
#MainBanner{
 +
/*set to be flush against content*/
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
margin:0px;
 +
padding:0px;
 +
width:1000px;
 +
height:150px;
 +
background-color:#660000;//#7b111b;
 +
opacity:0.6;
 +
z-index:-1;
 +
}
 +
 +
#MainBannerImage{//outside and on top of main banner to allow for escape from opacity
 +
/*set to be flush against content*/
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
margin:0px;
 +
padding:0px;
 +
width:1000px;
 +
height:150px;
 +
background-color:transparent;
 +
opacity:1.0;
 +
z-index:2;
 +
}
 +
 +
 +
#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:100px;
 +
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("https://static.igem.org/mediawiki/2012/9/94/MainBanner2-4.jpg");
 +
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============*/
Line 208: Line 471:
/*=============End top nav bar code=================*/
/*=============End top nav bar code=================*/
 +
 +
 +
/*====I hate doing this, but this is a GREAT CSS photo gallery...==*/
 +
/* ================================================================
 +
This copyright notice must be untouched at all times.
 +
 +
The original version of this stylesheet and the associated (x)html
 +
is available at http://www.cssplay.co.uk/menu/lightbox.html
 +
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
 +
This stylesheet and the associated (x)html may be modified in any
 +
way to fit your requirements.
 +
=================================================================== */
 +
 +
/* slides styling */
 +
 +
.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
 +
 +
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
 +
 +
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
 +
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
 +
 +
.photo ul.topic li a ul,
 +
.photo ul.topic li ul
 +
{display:none;}
 +
 +
.photo ul.topic li.active a
 +
{color:#000; background:#bbb;}
 +
 +
.photo ul.topic li a:hover,
 +
.photo ul.topic li:hover a
 +
{color:#fff; background:#aaa;}
 +
 +
.photo ul.topic li.active ul
 +
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}
 +
 +
.photo ul.topic li a:hover ul,
 +
.photo ul.topic li:hover ul
 +
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}
 +
 +
.photo ul.topic li ul li
 +
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
 +
 +
.photo ul.topic li ul li a
 +
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
 +
 +
.photo ul.topic li ul li a img
 +
{display:block; width:100px; height:75px; border:5px solid #eee;}
 +
 +
.photo ul.topic li a:hover ul li a:hover,
 +
.photo ul.topic li:hover ul li a:hover
 +
{white-space:normal; position:relative;}
 +
 +
.photo ul.topic li a:hover ul li a:hover img,
 +
.photo ul.topic li:hover ul li a:hover img
 +
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
 +
 +
 +
</style>
</style>
</head>
</head>

Latest revision as of 03:16, 4 October 2012

Team:Minnesota - Main Style Template

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