Template:Leanna css

From 2010.igem.org

(Difference between revisions)
Line 6: Line 6:
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
-
 
-
 
-
<style type="text/css">
 
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" />
-
 
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
-
 
+
<script> google.load("jquery", "1.4.2"); </script>
-
<script>
+
<script language="javascript" src="jquery.dimensions.js"></script>
-
google.load("jquery", "1.4.2");
+
<script type="text/javascript">
 +
//SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
 +
ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default
</script>
</script>
-
<script language="javascript" src="jquery.dimensions.js"></script>
 
Line 43: Line 40:
});
});
</script>
</script>
-
 
-
 
<style>
<style>
-
                a:link {
+
#header {
-
color: darkgreen;
+
position: relative;
-
text-decoration: none;
+
left: 5px;
-
}
+
text-align: left;
-
a:visited {
+
margin: 0px;
-
color: orange;
+
width: 955px;
-
text-decoration: none;
+
/* height: 575px; */
-
}
+
}
-
a:hover {
+
-
                        color: darkgreen;
+
-
text-decoration: none;
+
-
}
+
-
a:active {
+
-
color: yellow;
+
-
                        background-color:darkgreen;
+
-
text-decoration: none;
+
-
}
+
-
 
+
#header a {
-
 
+
-
 
+
-
 
+
-
h2{
+
-
font-family: Verdana;
+
  color: white;
  color: white;
-
padding: 5px;
 
  }
  }
-
 
-
p{
 
-
padding: 15px 20px 15px 20px;
 
-
font-size: 95%;
 
-
font-family: serif;}
 
-
 
-
#header {
 
-
position: absolute;
 
-
top:27px;
 
-
margin: 0px;
 
-
width: 955px;
 
-
height: 200px;
 
-
left: 10px;
 
-
background-image: url('https://static.igem.org/mediawiki/2010/3/3d/Photo2clear.png');
 
-
background-color: #e0fee0;
 
-
background-repeat: no-repeat;}
 
#content {
#content {
  background-color: #FFF;
  background-color: #FFF;
  border: 1px black solid;
  border: 1px black solid;
 +
font-family: Osaka, verdana, Sans-Serif;
  }
  }
-
#stones {
+
.mainContent {
 +
width: 943px;
  position: absolute;
  position: absolute;
-
  display: box;
+
  padding:5px;
-
  top: 33px;
+
  top: 160px;
-
  left: -40px;
+
  font-size: 14px;
-
  padding: 2px;
+
  border: 1px solid black;
-
  background: transparent;
+
  margin:5px;
  }
  }
-
#graybar {
+
.headtable {
-
  position: absolute;
+
  height: 115px;
-
  top: 0px;
+
  text-align: left;
-
background-image: url('https://static.igem.org/mediawiki/2010/3/31/Pike.png');
+
-
background-repeat: repeat-x;
+
-
background-position: bottom;
+
-
height: 35px;
+
-
left: 10px;
+
-
width: 955px;
+
  }
  }
-
#bodyContent {
+
#ghost {
-
  border: none;
+
  display: table-cell;
-
  padding:0px;
+
  text-align: left;
-
  margin:0;
+
  font-family: "Lucida Console", Monaco, monospace;
-
width:100%;
+
  font-size: medium;
-
height: 700px;
+
-
z-index: -1;
+
-
  background-color: white;
+
  }
  }
-
#feet {
+
#baby {
-
  float: left;
+
  padding: 5px;  
-
  position: absolute;
+
  border-bottom: 1px solid white;
-
  width: 97%;
+
  font-family: "Lucida Console", Monaco, monospace;
-
  height: 150px;
+
  font-size: medium;
-
top: 495px;
+
  }
  }
-
#mainContent{
+
#bodybaby {
-
  background-color: #c5edc5;
+
  padding: 5px;
-
  background-repeat: repeat;
+
  border-bottom: 3px solid black;
-
  width: 70%;
+
  font-family: "Lucida Console", Monaco, monospace;
-
height: 400px;
+
  font-size: medium;
-
position: absolute;
+
-
z-index:1;
+
-
top: 233px;
+
-
left: 10px;
+
-
border: none;
+
-
  font-family: Osaka, verdana, Sans-Serif;
+
  }
  }
-
#rightside{
+
.sidep {
-
  background-image: none;
+
  display: inline;
-
  background-color: #ffffb2;
+
  background-color: #boc4de;
-
border:none;
+
  width: 170px;
-
position: absolute;
+
  float: right;
-
  width: 27%;
+
  font-size: x-small;
-
  height: 400px;
+
  border: 1px solid #b0c4de;
-
right: 10px;
+
  }
-
  top: 233px;
+
-
  z-index: 2;
+
-
  padding: 80px 15px 10 px 15px;}
+
-
#rightHeader{
+
<!-- .headtable ul li:hover {
-
height: 20px;
+
  opacity: 0.5;
-
text-align: center;
+
  } --!>
-
padding: 8px;
+
.headtable ul {
-
padding-top: 9px;
+
  }
-
  background-color: #ffff61;
+
.headtable a {
-
  color: black;
+
-
font-size: large;
+
-
}
+
-
 
+
-
#rightMenu{
+
-
border:2px solid green;
+
-
background-image: url('https://static.igem.org/mediawiki/2010/8/85/Bgyellow.jpg') ;
+
-
position:absolute;
+
-
right:20px;
+
-
top:320px;
+
-
width:225px;
+
-
height: auto;
+
-
z-index:3;
+
-
}
+
-
 
+
-
#minorRight{
+
-
  z-index 2;
+
-
position: absolute;
+
-
top: 233px;
+
-
padding-left: 20px;
+
-
right: 50px;
+
-
background-color:#e6ffe6;
+
-
border: 1px solid #ccffcc;
+
-
}
+
-
 
+
-
.ui-widget-header {
+
-
background-color: #8fbc8f;
+
-
height: 20px;
+
-
padding: 8px;
+
-
font-size: large;
+
-
font-family: Verdana;
+
  color: white;
  color: white;
-
}
 
-
 
-
.ui-widget-content {
 
-
background:url("http://s3.amazonaws.com/data.tumblr.com/tumblr_l4wm4nLXAN1qcxxxao1_1280.jpg?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1281114325&Signature=ZcFIZOa6CCO%2BWoFuglXi9dZTh%2Fs%3D") repeat-x scroll 50% 50% #FFFFFF;
 
-
border:1px solid #003300;
 
-
font-family: Osaka, verdana, Sans-Serif;
 
-
color:#222222;
 
-
}
 
-
 
-
.txtContainer{
 
-
  width: auto;
 
-
  height: auto;
 
-
  border: 1px solid gray;
 
-
  padding: 5px;
 
-
  margin: 10px;
 
-
  position: relative;
 
-
  background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 
  }
  }
#freedom {
#freedom {
-
  float:left;
+
width: 233px;
-
  width:90px;
+
position: relative;
-
  color: white;
+
left: -20px;
-
  font:1.3em Cambria, Times New Roman, serif;
+
top: 2px;
-
  font-style:italic;
+
display: block;
-
  list-style: none;
+
list-style: none;
 +
text-align: left;
 +
color: white;
 +
font-family: "Lucida Console", Monaco, monospace;
 +
font-size: medium;
}
}
#freedom li a {
#freedom li a {
-
  width:80px;
+
text-align: left;
-
  text-align:left;
+
}
-
  padding:2px 6px 4px;
+
 
-
  background: white;
+
-
  margin:1px;
+
-
  *margin:0px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  font-weight:bold;
+
-
  font-size:0.7em;
+
-
  font-style:normal;
+
-
}
+
#freedom li a:hover {
#freedom li a:hover {
-
   background:#95c395;
+
   opacity: 0.5;
-
  color: white;
+
-
  width:86px;
+
}
}
#freedom li a.selected {
#freedom li a.selected {
-
  background:#e0fee0;
 
-
  color:#000;
 
-
  width:90px;
 
-
  cursor:default;
 
}
}
.tabContainer {
.tabContainer {
-
  top: -33px;
+
position: relative;
-
  width:500px;
+
top: 0px;
-
  height: 350px;
+
left: 4px;
-
  margin:20px auto;
+
height: 23px;
-
  padding-top:13px;
+
width: 99%;
-
  left: 50px;
+
-
  position: relative;
+
-
  background:#e0fee0;
+
-
}
+
-
.tabContainer h3 {
+
-
  padding-bottom:4px;
+
-
  color:#F60;
+
}
}
.tabContainer p {
.tabContainer p {
-
  padding:2px 12px 10px 10px;
 
-
  background-color: transparent;
 
   text-align:left;
   text-align:left;
 +
top: 1px;
}
}
Line 330: Line 210:
.firstHeading {
.firstHeading {
  display: none; }
  display: none; }
-
 
-
#navigation {
 
-
position:absolute;
 
-
left:-2px;
 
-
top:159px;
 
-
width:793px;
 
-
height:69px;
 
-
z-index:100;
 
-
float: left;
 
-
}
 
-
 
-
 
-
#rightMenu ul {
 
-
    margin:0;
 
-
    padding:0;
 
-
    list-style-type:none;
 
-
    position:relative;
 
-
    line-height:1.5em;
 
-
    text-decoration:none;
 
-
}
 
-
 
-
ul#rightMenu {
 
-
list-style:none;
 
-
}
 
-
 
-
 
-
 
-
#rightMenu a:link, #rightMenu a:active, #rightMenu a:visited{
 
-
    display:block;
 
-
    padding:5px;
 
-
    color:#333;
 
-
    text-decoration:none;
 
-
    font-weight: bold;
 
-
 
-
}
 
-
 
-
#rightMenu a:hover{
 
-
    background-position:50px 0;
 
-
    color:#0066CC;
 
-
    font-weight: bold;
 
-
}
 
-
 
-
 
-
# rightMenu li {
 
-
float:left;
 
-
width:100px;
 
-
margin:0;
 
-
text-align:center;
 
-
        background-image: url('https://static.igem.org/mediawiki/2010/8/85/Bgyellow.jpg');
 
-
}
 
-
 
-
 
-
 
-
 
-
#menu * {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
#menu {
 
-
font-size: 12px;
 
-
background-color: transparent;
 
-
       
 
-
}
 
-
 
-
/* this controls link space of items on top menu*/
 
-
#menu ul a {
 
-
        display: block;
 
-
        width: 115px;
 
-
        height: 35px;
 
-
}
 
-
 
-
#menu ul {
 
-
        float: left;
 
-
list-style: none;
 
-
}
 
-
 
-
/*top menu stuff*/
 
-
 
-
#menu ul li {
 
-
        float: left;
 
-
        opacity: 80%;
 
-
        top:300px;
 
-
list-style: none;
 
-
        padding: 5px 9px 0px 11px;
 
-
        width: 100px;
 
-
        height: 40px;
 
-
        color: black;
 
-
        text-align: left;
 
-
}
 
-
 
-
.topMenu{
 
-
    display:block;
 
-
    border-right: 2px solid green;
 
-
    font-family: Osaka, verdana, Sans-Serif;
 
-
    color: #000066;
 
-
    font-size: 14px;
 
-
    font-weight: bold;
 
-
   
 
-
}
 
-
   
 
-
 
-
#menu a {
 
-
color: #000066;
 
-
display: inline;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#menu a:visited {
 
-
color:#000066;
 
-
text-decoration: none
 
-
}
 
-
 
-
#menu a:hover {
 
-
color: #0066CC;
 
-
        font-weight: bolder;
 
-
        opacity:0.7;
 
-
}
 
-
 
-
#menu ul li ul {
 
-
display: none;
 
-
        background-image: none;
 
-
        width: 105px;
 
-
        position: relative;
 
-
font-size: 12px;
 
-
list-style: none;
 
-
        z-index:500;
 
-
        left: -7px;
 
-
}
 
-
 
-
#menu ul li:hover ul {
 
-
display: block;
 
-
        background-position: bottom;
 
-
}
 
-
 
-
/* controls properties of drop down menu */
 
-
#menu ul li ul li {
 
-
        height: 25px;
 
-
        top: 10px;
 
-
list-style: none;
 
-
        margin-top: 2px;
 
-
        display: block;
 
-
        padding-right: 14px;
 
-
        width:105px;
 
-
        background-color: #66cdaa;
 
-
        text-weight: bold;
 
-
        text-align: center;
 
-
        letter-spacing: normal;
 
-
        left: -7px;
 
-
}
 
-
 
-
}
 
-
 
-
#menu ul li ul li a {
 
-
color: white;
 
-
display:block;
 
-
width: 105px;
 
-
}
 
-
 
-
#menu ul li ul li:hover {
 
-
background-color: #aef694;
 
-
}
 
-
 
-
 
-
 
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }

Revision as of 16:37, 10 October 2010

Retrieved from "http://2010.igem.org/Template:Leanna_css"