Template:UCSF/NewHead

From 2010.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Template:UCSF/BannerAndNav}}
-
<style>
+
{{Template:UCSF/LeftStart}}
 +
'''LEFT CONTENT'''<br>
 +
replace this area with your content.
 +
{{Template:UCSF/LeftEnd}}
-
body{
+
{{Template:UCSF/RightStart}}
-
background-color:#494d51;
+
'''RIGHT CONTENT'''<br>
-
//background-image:url(https://static.igem.org/mediawiki/2010/4/4c/Green-floral-big.png);
+
replace this area with your content.
-
//background-repeat:no-repeat;
+
{{Template:UCSF/RightEnd}}
-
}
+
-
 
+
-
 
+
-
h1{
+
-
font-weight:normal;
+
-
color:red;
+
-
float:right;
+
-
}
+
-
 
+
-
h2{
+
-
font-weight:normal;
+
-
color:black;
+
-
text-indent: 10px;
+
-
}
+
-
 
+
-
p, pre{
+
-
margin-left:35px;
+
-
margin-right:35px;
+
-
}
+
-
 
+
-
p{
+
-
text-align:justify;
+
-
}
+
-
 
+
-
h3{
+
-
font-weight:normal;
+
-
text-vertical-align:middle;
+
-
background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png);
+
-
text-indent: 35px;
+
-
background-repeat: no-repeat;
+
-
color:green;
+
-
}
+
-
 
+
-
h4{
+
-
color: grey;
+
-
font-weight:normal;
+
-
text-indent: 35px;
+
-
}
+
-
 
+
-
div#search-controls{
+
-
    display: none;
+
-
}
+
-
 
+
-
div#top-section{
+
-
//display:none;
+
-
background-color:grey; 
+
-
//border:0px;
+
-
//width:100%;
+
-
height: 24px;
+
-
}
+
-
 
+
-
#mw-searchButton{
+
-
    display: none;
+
-
}
+
-
 
+
-
div#contentSub{
+
-
    display: none;
+
-
}
+
-
 
+
-
 
+
-
div#menubar{
+
-
    //display: none;
+
-
    //text-indent:10px;
+
-
    top: 0;
+
-
}
+
-
 
+
-
div#p-logo{
+
-
    display: none;
+
-
    width:1000px;
+
-
}
+
-
 
+
-
h1.firstHeading {
+
-
        height:0px;
+
-
display: none;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#content{
+
-
padding-left:0px;
+
-
padding-right:0px;
+
-
z-index:0;
+
-
width:975px;
+
-
}
+
-
 
+
-
#navigation ul,
+
-
#navigation li{
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
outline: 0;
+
-
font-weight: inherit;
+
-
font-style: inherit;
+
-
font-size: 100%;
+
-
font-family: inherit;
+
-
vertical-align: baseline;
+
-
}
+
-
+
-
#navigation ul li.active > a,
+
-
#navigation > ul li a:hover,
+
-
#navigation ul li.sub-nav:hover > a {
+
-
border-color: #53a5ed;
+
-
background: #256fdf;
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf));
+
-
background: -moz-linear-gradient(top,  #2f88ec,  #256fdf);
+
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf');
+
-
}
+
-
#navigation ul li.sub-nav > a:hover:before,
+
-
#navigation ul li.sub-nav:hover > a:before {
+
-
border-top-color: #53a5ed !important;
+
-
}
+
-
#navigation ul li.sub-nav > a:hover:after,
+
-
#navigation ul li.sub-nav:hover > a:after {
+
-
border-top-color: #256fdf !important;
+
-
}
+
-
#navigation ul ul li a:hover {
+
-
background: #246cde;
+
-
}
+
-
#navigation {
+
-
filter:alpha(opacity=95);
+
-
opacity: 0.95;
+
-
    position: relative;
+
-
    //top: 5px;
+
-
    margin-top:5px;
+
-
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+
-
}
+
-
#navigation > ul {
+
-
      height: 27px;
+
-
      background: #fff;
+
-
      border: 1px solid #222;
+
-
      padding: 0 5px;
+
-
      -moz-border-radius: 4px;
+
-
    -webkit-border-radius: 4px;
+
-
    border-radius: 4px;
+
-
}
+
-
#navigation > ul li {
+
-
        display: block;
+
-
        float: left;
+
-
        font-size: 11px;
+
-
      line-height: 15px;
+
-
      margin: 0 1px;
+
-
      margin-top: -2px;
+
-
      list-style: none;
+
-
      padding-bottom: 15px;
+
-
}
+
-
 
+
-
#navigation > ul li.right{
+
-
        display: block;
+
-
        float: right;
+
-
        font-size: 11px;
+
-
      line-height: 15px;
+
-
      margin: 0 1px;
+
-
      margin-top: -2px;
+
-
      list-style: none;
+
-
      padding-bottom: 15px;
+
-
}
+
-
 
+
-
#navigation > ul li a {
+
-
        position: relative;
+
-
        display: block;
+
-
        float: left;
+
-
        padding: 6px 7px 8px 7px;
+
-
        border: 1px solid transparent;
+
-
        color: black;
+
-
        text-decoration: none;
+
-
}
+
-
#navigation ul li.active > a,
+
-
#navigation > ul li a:hover,
+
-
#navigation ul li.sub-nav:hover > a {
+
-
        color: #fff;
+
-
        -moz-border-radius: 4px;
+
-
        -webkit-border-radius: 4px;
+
-
        border-radius: 4px;
+
-
}
+
-
#navigation ul li.sub-nav > a:hover:before,
+
-
#navigation ul li.sub-nav:hover > a:before {
+
-
content: "\00a0";
+
-
display: block;
+
-
position: absolute;
+
-
bottom: -14px;
+
-
left: 37%;
+
-
width: 0;
+
-
height: 0;
+
-
border: 7px solid transparent;
+
-
}
+
-
#navigation ul li.sub-nav > a:hover:after,
+
-
#navigation ul li.sub-nav:hover > a:after {
+
-
content:"\00a0";
+
-
display:block;
+
-
position:absolute;
+
-
bottom: -13px;
+
-
left: 37%;
+
-
width: 0;
+
-
height: 0;
+
-
border: 7px solid transparent;
+
-
}     
+
-
#navigation ul li ul {
+
-
  clear: left;
+
-
  position: absolute;
+
-
  left: -999em;
+
-
  z-index: 999;
+
-
  width: 140px;
+
-
  background: #fff;
+
-
  border: 1px solid #363636;
+
-
  list-style: none;
+
-
  padding: 5px 4px;
+
-
  outline: 1px solid #000;
+
-
}
+
-
#navigation ul li li {
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
}
+
-
#navigation ul ul li a {
+
-
  border: none;
+
-
  background: none;
+
-
  color: #000;
+
-
  display: block;
+
-
  float: left;
+
-
  font-size: 12px !important;
+
-
  width: 120px;
+
-
  padding: 4px 10px 5px 10px;
+
-
}
+
-
#navigation ul ul li a:hover {
+
-
  border: none;
+
-
  -moz-border-radius: 0px;
+
-
  -webkit-border-radius: 0px;
+
-
  border-radius: 0px;
+
-
}
+
-
#navigation ul li:hover ul,
+
-
#navigation ul li.sfhover ul{
+
-
  left: auto;
+
-
  top: 42px;
+
-
}
+
-
</style>
+
-
 
+
-
 
+
-
<style>
+
-
#banner{
+
-
 
+
-
}
+
-
#Main{
+
-
width:975px;
+
-
overflow:hidden;
+
-
background-color:blue;
+
-
margin-top:2px;
+
-
}
+
-
#left{
+
-
margin-top:-10px;
+
-
float:left;
+
-
width:725px;
+
-
height:200px;
+
-
background-color:red;
+
-
}
+
-
#right{
+
-
margin-top:-10px;
+
-
float:right;
+
-
width:250px;
+
-
height:200px;
+
-
background-color:yellow;
+
-
}
+
-
</style>
+
-
<div id="banner">
+
-
<img src="https://2010.igem.org/wiki/skins/common/images/wiki.png"/>
+
-
</div>
+
-
 
+
-
<div id="Main">
+
-
</html>
+
-
{{Template:UCSF/Nav}}
+
-
<html>
+
-
 
+
-
<div id="left"></div>
+
-
<div id="right"></div>
+
-
</div>
+
-
</html>
+

Latest revision as of 09:28, 23 October 2010

LEFT CONTENT
replace this area with your content.