Template:UTDallasLayout

From 2010.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 4: Line 4:
-
/*----------------------------------------------------------------------------*/
 
-
/*  color scheme                                                            */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
/* COLOR #1 background of the top most bar */
 
-
.logo-div{background-color:#8dcff4;}
 
-
 
-
/* COLOR #2 background of the horizontal bar */
 
-
#topbar-nav{background-color:#bfe2f9;}
 
-
 
-
/* COLOR #3 background of buttons in the horizontal bar on hover */
 
-
#topbar-nav a:hover{background-color:#8dcff4;}
 
-
 
-
/* COLOR #4 background of button when on that page, no link (should be same as COLOR #8) */
 
-
#topbar-nav .selflink{background-color:#bfe2f9;}
 
-
 
-
/* COLOR #5 background left side menu */
 
-
#leftsidemenu .body {background-color:#bfe2f9;}
 
-
#leftsidemenu .normal{background-color:#bfe2f9;}
 
-
#leftsidemenu .counter {background-color:#bfe2f9;}
 
-
 
-
/* COLOR #6 background left side menu lighter color boxes (eg Sponsors) */
 
-
#leftsidemenu .light{background-color:#bfe2f9;}
 
-
 
-
/* COLOR #7 background of buttons in left side menu on hover */
 
-
#leftsidemenu a:hover{background-color:#8dcff4;}
 
-
 
-
/* COLOR #8 background of button when on that page, no link */
 
-
#leftsidemenu .selflink{background-color:#8dcff4;}
 
#header {
#header {
-
     width: 965px;
+
     width: 991px;
-
     height: 153px;
+
     height: 258px;
     position: relative;
     position: relative;
}
}
#header_middle .plainlinks a {
#header_middle .plainlinks a {
-
     width: 330px;
+
     width: 951px;
-
     height: 100px;
+
     height: 258px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
-
     left: 0px;
+
     left:0 px;
     text-decoration: none;
     text-decoration: none;
-
     background: url(https://static.igem.org/mediawiki/2010/8/89/UTDallas_logo.png) no-repeat left top !important;
+
     background: url(https://static.igem.org/mediawiki/2010/9/92/Banner_example_smaller.png) no-repeat left top !important;
}
}
-
/*reset*/
 
-
p {
 
-
    margin:0;
 
-
}
 
-
.editsection {
 
-
    font-size: 75%;
 
-
    font-weight: normal;
 
-
}
 
body {
body {
Line 66: Line 29:
}
}
-
/* hide table of contents */
+
 
toc {
toc {
     display: none;
     display: none;
Line 75: Line 38:
}
}
   
   
-
/* add margin beneath a paragraph */
+
 
p {
p {
-
     margin-bottom: 10px;
+
     margin-bottom: 13px;
}  
}  
Line 87: Line 50:
ul {
ul {
-
     margin-bottom: 5px;
+
     margin-bottom: 8px;
}
}
Line 107: Line 70:
#menu {
#menu {
     width:145px;
     width:145px;
-
     margin: 20px 13px 0 7px;
+
     margin: 0px 13px 0 7px;
     position: relative;
     position: relative;
     float: left;
     float: left;
}
}
 +
 +
<!---------------------------------------------------------------------------------------------------->
#menu a {
#menu a {
display: block;
display: block;
Line 125: Line 90:
         font-weight: bolder;
         font-weight: bolder;
         background: #FF9966;
         background: #FF9966;
 +
}
 +
 +
#menu .selflink {
 +
display: block;
 +
background: #FF9966;
 +
color: #000000;
 +
padding: 5px 0 5px 19px;
 +
margin: 0 0 1px 0;
 +
text-decoration: none;
}
}
-
#menublue a {
+
#menuupper a {
display: block;
display: block;
background: #FF9900;
background: #FF9900;
Line 137: Line 111:
}
}
-
#menublue a:hover {
+
#menuupper a:hover {
color: #000000;
color: #000000;
         font-weight: bolder;
         font-weight: bolder;
Line 143: Line 117:
}
}
-
#menublue .selflink {
+
#menuupper .selflink {
display: block;
display: block;
background: #FF9900;
background: #FF9900;
Line 152: Line 126:
}
}
-
#menubluesection a {
+
#menuuppersection a {
display: block;
display: block;
-
background: #002266;
+
background: #FF9900;
color: #FFFFFF;
color: #FFFFFF;
padding: 5px 0 5px 19px;
padding: 5px 0 5px 19px;
Line 162: Line 136:
-
#menubluesection a:hover {
+
#menuuppersection a:hover {
color: #000000;
color: #000000;
         font-weight: bolder;
         font-weight: bolder;
-
background: #002266;
+
background: #FF9900;
}
}
-
#menubluesection .selflink {
+
#menuuppersection .selflink {
display: block;
display: block;
-
background: #002266;
+
background: #FF9900;
color: #FFFFFF;
color: #FFFFFF;
padding: 5px 0 5px 19px;
padding: 5px 0 5px 19px;
Line 177: Line 151:
}
}
-
#menuorangesection a {
+
#menulowersection a {
display: block;
display: block;
background: #666666;
background: #666666;
Line 187: Line 161:
}
}
-
#menuorangesection a:hover {
+
#menulowersection a:hover {
color: #FF9900;
color: #FF9900;
         font-weight: bolder;
         font-weight: bolder;
Line 193: Line 167:
}
}
-
#menuorangesection .selflink {
+
#menulowersection .selflink {
display: block;
display: block;
background: #666666 ;
background: #666666 ;
Line 212: Line 186:
}
}
-
#menuospacer a:hover {
+
#menuspacer a:hover {
color: #000000;
color: #000000;
background: #FFFFFF;
background: #FFFFFF;
Line 226: Line 200:
}
}
-
#utdallas_content_wrapper {
+
 
-
     width: 593px;
+
 
 +
 
 +
 
 +
<!---------------------------------------------------------------------------------------------------->
 +
 
 +
#utd_content_wrapper {
 +
     width: 590px;
     position: relative;
     position: relative;
     float: left;
     float: left;
Line 233: Line 213:
}
}
-
#utdallas_content_boxtop {
+
#utd_content_boxtop {
-
     width: 593px;
+
     width: 590px;
     height: 10px;
     height: 10px;
-
     background:url(http://ten.greens-efa.org/fileadmin/images/content_top_bg.gif) no-repeat bottom left;
+
     background:#FFFFFF;
     position: relative;
     position: relative;
     float: left;
     float: left;
}
}
-
#utdallas_content_boxbottom {
+
#content {
-
     width: 593px;
+
     padding: 5px;
-
     height: 10px;
+
     border-left: 1px solid #8E8E8E;
-
     background:url (http://ten.greens-efa.org/fileadmin/images/content_bottom_bg.gif) no-repeat bottom left;
+
    border-right: 1px solid #8E8E8E;
 +
     background:#8E8E8E none repeat scroll 0 0;
     position: relative;
     position: relative;
-
     float: left;
+
     font-size: 9pt;
-
}
+
-
#contentbox {
+
-
    width: 755px;
+
-
    padding:20px;
+
-
    position: relative;
+
-
    float: right;
+
-
    margin: 21px -12px 0px;
+
-
    background:url(https://static.igem.org/mediawiki/2009/4/44/Cambridge_Lines2.png) repeat-y top left;
+
-
    /*color:#C4FFD4;*/
+
     text-align: justify;
     text-align: justify;
}
}
-
 
+
#utd_content_boxbottom {
-
#contentbox_top {
+
     width: 593px;
-
     width: 785px;
+
     height: 10px;
-
     height: 19px;
+
     background:#FFFFFF;
-
    margin: -39px -20px 0px;
+
-
     background:url(https://static.igem.org/mediawiki/2009/6/6b/Camrbidge_Linestop4.png) no-repeat bottom left;
+
     position: relative;
     position: relative;
-
/* float: left; */
+
    float: left;
}
}
-
#contentbox_bottom {
+
#utd_content {
-
     width: 785px;
+
     width: 571px;
-
     height: 18px;
+
     padding: 10px;
-
     margin: 10px -20px -21px;
+
     border-left: 1px solid #ccc;
-
     background:url(https://static.igem.org/mediawiki/2009/5/59/Camrbidge_Linebottom5.png) no-repeat top left;
+
     border-right: 1px solid #ccc;
     position: relative;
     position: relative;
-
  /* float: left; */
+
     float: left;
-
}
+
-
 
+
-
#pb {
+
-
margin:10px -20px 10px;
+
-
background:url(https://static.igem.org/mediawiki/2009/5/54/Cambridge_Pagebreak.png) no-repeat scroll 0 0;
+
-
height:60px;
+
-
width: 785px;
+
-
position: relative;
+
-
}
+
-
 
+
-
#content {
+
-
     padding: 5px;
+
-
    border-left: 1px solid #727072;
+
-
    border-right: 1px solid #727072;
+
-
    background:#727072 none repeat scroll 0 0;
+
-
    position: relative;
+
-
  /* float: left; /*
+
     font-size: 9pt;
     font-size: 9pt;
     text-align: justify;
     text-align: justify;
}
}
 +
.firstHeading{width: 0px;
 +
    height: 0px;
 +
    margin-bottom: 0px;
 +
    display: none;
 +
    position: relative;
 +
    top:0;
 +
    left:0;
 +
    margin:0;
 +
}
-
 
+
#contentSub {display:none;
-
#footer {
+
    margin: 0px 0px 0px 0px;
-
border-top:1px solid #CCCCCC;
+
-
font-size:11px;
+
-
padding:10px 5px;
+
-
text-align:center;
+
}
}
 +
 +
body{margin:0;
 +
    padding:0;}
 +
 +
.noborder{border-top:0px;}
-
p {
 
-
    margin:5px 0px 10px;
 
-
    /* margin:0; */
 
-
    /* margin-bottom: 10px; */
 
-
}
 
-
.editsection {
 
-
    font-size: 75%;
 
-
    font-weight: normal;
 
-
}
 
-
/* This hides the Table of Contents.
 
-
#toc {
 
-
    display: none;
 
-
}
 
#utdallas_content {
#utdallas_content {
-
     width: 571px;
+
     width: 750px;
     padding: 10px;
     padding: 10px;
-
     border-left: 1px solid #FF6600;
+
     border-left: 2px solid #FF9900;
-
     border-right: 1px solid #FF6600;
+
     border-right: 2px solid #FF9900;
     position: relative;
     position: relative;
     float: left;
     float: left;
     font-size: 9pt;
     font-size: 9pt;
-
     text-align: justify;
+
     text-align: left;
}
}
-
/*turn off title at top.*/
+
 
.firstHeading{width: 0px;
.firstHeading{width: 0px;
     height: 0px;
     height: 0px;
-
margin-bottom: 0px;
+
    margin-bottom: 0px;
-
display: none;
+
    display: none;
     position: relative;
     position: relative;
     top:0;
     top:0;
Line 346: Line 296:
#contentSub {display:none;
#contentSub {display:none;
-
margin: 0px 0px 0px 0px;
+
    margin: 0px 0px 0px 0px;
}
}
Line 358: Line 308:
.noborder{border-top:0px;}
.noborder{border-top:0px;}
-
/* colors lab notebook */
 
-
.day-empty {
 
-
    color: red;
 
-
}
 
-
.day-active {
 
-
    color: green;
 
-
}
 
-
/*----------------------------------------------------------------------------*/
+
 
-
/* menu specifics and text                                                    */
+
-
/*----------------------------------------------------------------------------*/
+
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}
Line 378: Line 319:
</style>
</style>
</html>
</html>
-
<!-- *** HEADER *** -->
+
 
 +
 
<div id="header">
<div id="header">
-
<div id="header_left"><span class="plainlinks">[https://2010.igem.org/Team:UTDallas &nbsp; ]</span></div>
 
<div id="header_middle"><span class="plainlinks">[https://2010.igem.org/Team:UTDallas &nbsp; ]</span></div>
<div id="header_middle"><span class="plainlinks">[https://2010.igem.org/Team:UTDallas &nbsp; ]</span></div>
-
<div id="header_bar_link">
+
</div><!--end header-->
-
 
+
-
[[Team:UTDallas/Meetings| Meetings]]
+
-
[[Team:UTDallas/Acknowledgements | Acknowledgements]]
+
-
[[Team:UTDallas/Calendar| Calendar]]
+
-
[[Team:UTDallas/Contact | Contact]]
+
-
</div></div><!--end header-->
+
<html>
<html>
-
<!-- *** LEFTSIDEMENU *** -->
+
 
 +
 
 +
 
 +
 
 +
 
<div id="menu" background-color:#bfe2f9;>
<div id="menu" background-color:#bfe2f9;>
-
<div id="menublue" background-color:#bfe2f9;>  
+
<div id="menuupper" background-color:#bfe2f9;>  
</html>
</html>
[[Team:UTDallas | Home]]  
[[Team:UTDallas | Home]]  
<html>
<html>
</div>
</div>
-
<div id="menuorangesection" background-color:#bfe2f9;>  
+
<div id="menulowersection" background-color:#bfe2f9;>  
</html>
</html>
[[Team:UTDallas/Project | Project]]
[[Team:UTDallas/Project | Project]]
Line 404: Line 343:
[[Team:UTDallas/Conclusions | Conclusions]]
[[Team:UTDallas/Conclusions | Conclusions]]
[[Team:UTDallas/Future Work | Future]]
[[Team:UTDallas/Future Work | Future]]
 +
[[Team:UTDallas/Protocols | Protocols]]
[[Team:UTDallas/Safety | Safety]]
[[Team:UTDallas/Safety | Safety]]
[[Team:UTDallas/Notebook | Notebook]]
[[Team:UTDallas/Notebook | Notebook]]
-
[http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2010&group=UTDallas Parts]
+
[[Team:UTDallas/Parts | Parts]]
 +
 
<html>
<html>
</div>
</div>
Line 412: Line 353:
</html>
</html>
[[Team:UTDallas | ]]
[[Team:UTDallas | ]]
 +
 +
<html>
<html>
</div>
</div>
</html>
</html>

Latest revision as of 16:31, 29 June 2010