|
|
(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>
| + | |