Template:Minnesota Main Styles2

From 2012.igem.org

(Difference between revisions)
m
m
 
(38 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=====================*/
/*============Main Layout code=====================*/
Line 29: Line 74:
width:1000px;
width:1000px;
height:150px;
height:150px;
-
background-color:red;
+
background-color:#660000;//#7b111b;
-
opacity:1;
+
opacity:0.6;
-
z-index:1;
+
z-index:-1;
}
}
Line 88: Line 133:
#MainBoxOtherLinks p.otherLinks{
#MainBoxOtherLinks p.otherLinks{
position:absolute;
position:absolute;
-
left:200px;
+
left:100px;
top:25px;
top:25px;
background-color: none;
background-color: none;
Line 106: Line 151:
body{
body{
-
background-image:url("http://i1158.photobucket.com/albums/p607/iGEM_MN/win_tree_temp_bg.png");
+
background-image:url("https://static.igem.org/mediawiki/2012/9/94/MainBanner2-4.jpg");
background-color:gray;
background-color:gray;
}
}
Line 426: 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