Team:GeorgiaState/Test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<div id='cssmenu'>
+
<html>
-
<ul>
+
<head>
-
  <li class='active '><a href='index.html'><span>Home</span></a></li>
+
<title>Team:Cornell - Experimental Style Template</title>
-
  <li class='has-sub '><a href='#'><span>Our Team</span></a>
+
 
-
      <ul>
+
 
-
        <li class='has-sub '><a href='#'><span>Product 1</span></a>
+
<style type="text/css">
-
            <ul>
+
 
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
/*============the following section is for making collapsible text============*/
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
.layer1 {
-
            </ul>
+
margin: 0;
-
        </li>
+
padding: 0;
-
        <li class='has-sub '><a href='#'><span>Product 2</span></a>
+
width: 700px;
-
            <ul>
+
}
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
-
              <li><a href='#'><span>Sub Item</span></a></li>
+
.heading {
-
            </ul>
+
margin: 1px;
-
        </li>
+
color: #fff;
-
      </ul>
+
padding: 3px 10px;
-
  </li>
+
cursor: pointer;
-
  <li><a href='#'><span>About</span></a></li>
+
position: relative;
-
  <li><a href='#'><span>Contact</span></a></li>
+
background-color:black;
-
</ul>
+
text-align:center;
-
</div>
+
}
 +
.content {
 +
padding: 5px 10px;
 +
background-color:#fafafa;
 +
}
 +
p { padding: 5px 0; }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*============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 ul li a { /*menubar subcategory items*/
 +
    color: black;
 +
}
 +
 
 +
.right-menu li a {
 +
    color: black;
 +
    background-color: transparent;
 +
}
 +
 
 +
/*============End original wiki mods============*/
 +
 
 +
.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
 +
{
 +
    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;
 +
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>
 +
 
 +
 
 +
<script type="text/javascript">
 +
jQuery(document).ready(function() {
 +
  jQuery(".content").hide();
 +
  //toggle the componenet with class msg_body
 +
  jQuery(".heading").click(function()
 +
  {
 +
    jQuery(this).next(".content").slideToggle(500);
 +
  });
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
<body>
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 14:53, 13 September 2012

Team:Cornell - Experimental Style Template

Retrieved from "http://2012.igem.org/Team:GeorgiaState/Test"