Template:Leanna widecss

From 2010.igem.org

(Difference between revisions)
 
(176 intermediate revisions not shown)
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>
-
<script src="http://www.eggchops.com/scrollTo_example/js/jquery.scrollTo.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>
Line 16: Line 14:
<script language="javascript" src="jquery.dimensions.js"></script>  
<script language="javascript" src="jquery.dimensions.js"></script>  
 +
 +
<script type="text/javascript">
 +
function initMenu()
 +
<style type="text/css">
 +
.toggler { width: 500px; height: 200px; position: relative;}
 +
#button { padding: .5em 1em; text-decoration: none; }
 +
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
 +
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
 +
</style>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
$("#button").toggle(
 +
function() {
 +
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
 +
},
 +
function() {
 +
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
 +
}
 +
);
 +
});
 +
</script>
<style>
<style>
#header {  
#header {  
  position: absolute;
  position: absolute;
-
  top:27px;
+
  top:20px;
  margin: 0px;
  margin: 0px;
  width: 955px;
  width: 955px;
-
  height: 300px;
+
  height: 595px;
  left: 10px;
  left: 10px;
-
  background-image: url('https://static.igem.org/mediawiki/2010/a/aa/Bgtry.png');
+
  background-image: url('https://static.igem.org/mediawiki/2010/f/ff/Bgtry3.png');
  background-repeat: no-repeat;
  background-repeat: no-repeat;
}
}
Line 38: Line 58:
  top: 45px;
  top: 45px;
  left: 0px;
  left: 0px;
 +
width: 43px;
  padding: 2px;
  padding: 2px;
-
  background-image: url('https://static.igem.org/mediawiki/2010/9/9b/Bubble.png');
+
  background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
-
  background-repeat: repeat-y;
+
/* background-image: url('https://static.igem.org/mediawiki/2010/9/9b/Bubble.png');  
 +
  background-repeat: repeat-y; */
  }
  }
Line 46: Line 68:
  position: absolute;
  position: absolute;
  top: 0px;
  top: 0px;
-
  background-image: url('https://static.igem.org/mediawiki/2010/3/31/Pike.png');
+
  /* background-image: url('https://static.igem.org/mediawiki/2010/3/31/Pike.png'); */
  background-repeat: repeat-x;
  background-repeat: repeat-x;
-
  background-position: bottom;
+
  background-position: bottom;  
-
  height: 35px;
+
  height: 35px; --!>
 +
background: #d8e6e6 none no-repeat fixed inherit;
 +
height: 20px;
  left: 10px;
  left: 10px;
  width: 955px;
  width: 955px;
Line 59: Line 83:
  margin:0;
  margin:0;
  width:100%;
  width:100%;
-
  height: 650px;
+
  height: 600px;
  background-color: white;
  background-color: white;
  }
  }
-
#feet {
+
.mainContent {
-
position: absolute;
+
  background-color: snow;
-
top: 3000px;
+
  /* background-image: url('https://static.igem.org/mediawiki/2010/c/c9/Maincontent.png'); */
-
width: 966px;
+
  width: 900px;
-
height: 400px;
+
-
border: 1px solid black;
+
-
  background-color: pink;
+
-
  }
+
-
 
+
-
#mainContent {
+
-
background-color: /*#c5edc5*/ transparent;
+
-
background-image: url('https://static.igem.org/mediawiki/2010/c/c9/Maincontent.png');
+
-
  width: 98%;
+
  height: 400px;
  height: 400px;
 +
overflow: hidden;
  position: absolute;
  position: absolute;
-
  top: 233px;
+
padding:0px 0px;
-
  left: 10px;
+
margin:0px 0px;
 +
  top: 170px;
 +
  left: 40px;
  border: none;
  border: none;
  font-family: Osaka, verdana, Sans-Serif;
  font-family: Osaka, verdana, Sans-Serif;
Line 85: Line 103:
.txtContainer{
.txtContainer{
-
   width: auto;
+
   width: 878px;
-
   height: auto;
+
   height: 378px;
-
  border: 1px solid gray;
+
overflow: auto;
-
  padding: 5px;
+
background-color: white;
-
  margin: 10px;
+
color: #424242;
 +
padding:10px;
 +
margin: 0px 0px;
   position: relative;
   position: relative;
   background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
   background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 +
}
 +
 +
.column{
 +
font-family: sans-serif;
 +
color: #424242;
 +
border: 1px solid gray;
 +
width: 30%;
 +
height: 180px;
 +
padding: 10px;
 +
display: inline-table;
 +
}
 +
 +
.aboveColumn{
 +
border: none;
 +
padding-left: 10px;
 +
margin: 0px;
 +
display: inline-table;
 +
width: 30%;
 +
font-family: sans-serif;
 +
font-size: medium;
 +
}
 +
 +
.half {
 +
border: 1px solid gray;
 +
width: 45%;
 +
height: 220px;
 +
padding: 10px;
 +
display: inline-table;
 +
}
 +
 +
.entry{
 +
background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png');
 +
border: 1px solid gray;
 +
font-family: sans-serif;
 +
width: 93%;
 +
height: 300px;
 +
color: #424242;
 +
padding: 10px;
  }
  }
Line 128: Line 186:
.tabContainer {
.tabContainer {
-
   top: -33px;
+
   top: -20px;
   width:500px;
   width:500px;
-
   height: 350px;
+
color: #424242;
-
  margin:20px auto;
+
border: 1px solid gray;
 +
   height: 325px;
 +
margin: 10px 120px;
   padding-top:13px;
   padding-top:13px;
   left: 50px;
   left: 50px;
Line 227: Line 287:
  background-color: transparent;
  background-color: transparent;
  position: relative;
  position: relative;
-
  left: 20px;
+
  left: 35px;
-
  top: 10px;
+
  top: -35px;
  padding-left: 8px;
  padding-left: 8px;
}
}
Line 258: Line 318:
.topMenu{
.topMenu{
     display:block;
     display:block;
-
     border-left: 5px solid white;
+
     border-left: 5px solid gray;
     font-family: Sans-Serif;
     font-family: Sans-Serif;
-
    color: #000066;
 
     font-size: 10px;
     font-size: 10px;
}
}
Line 266: Line 325:
#menu a {
#menu a {
-
color: white;
+
color: gray;
display: inline;
display: inline;
text-decoration: none;
text-decoration: none;
Line 277: Line 336:
#menu a:hover {
#menu a:hover {
-
color: gray;
+
color: black;
         opacity:0.7;
         opacity:0.7;
}
}
Line 302: Line 361:
         display: block;
         display: block;
         width:100px;
         width:100px;
-
         background-color: black;
+
         background-color: #c6c6c6;
         text-align: center;
         text-align: center;
         letter-spacing: normal;
         letter-spacing: normal;
Line 316: Line 375:
#menu ul li ul li:hover {
#menu ul li ul li:hover {
-
  background-color: #aef694;
+
  background-color: white;
  }
  }

Latest revision as of 10:25, 25 August 2010

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