Template:UTDallasLayout

From 2010.igem.org

(Difference between revisions)
(New page: __NOTOC__ <html> <style type="text/css"> - →----------------------------------------------------------------------------: /* color scheme ...)
 
(56 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 area                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
#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;
}
}
-
#header_bar_link {
 
-
    width: 330px;
 
-
    height: 17px;
 
-
    position: absolute;
 
-
    top: 100px;
 
-
    left: 0px;
 
-
    background-color:#FF6600;
 
-
}
 
-
#header_bar_link a, #header_bar_link .selflink {
 
-
    text-decoration: none;
 
-
    color:#fff;
 
-
    position: relative;
 
-
    float: right;
 
-
    margin: 0 10px 5px 0;
 
-
    height: 17px;
 
-
    font-size: 95%;
 
-
    font-weight: bolder;
 
-
}
 
-
 
-
#header_bar_link a:hover {
 
-
    color: #000000;
 
-
}
 
-
 
-
#header_bar_link .selflink {
 
-
    color: #444;
 
-
}
 
-
 
-
 
-
/*reset*/
 
-
p {
 
-
    margin:0;
 
-
}
 
-
 
-
.editsection {
 
-
    font-size: 75%;
 
-
    font-weight: normal;
 
-
}
 
body {
body {
Line 100: Line 29:
}
}
-
/* hide table of contents */
+
 
toc {
toc {
     display: none;
     display: none;
Line 109: Line 38:
}
}
   
   
-
/* add margin beneath a paragraph */
+
 
p {
p {
-
     margin-bottom: 10px;
+
     margin-bottom: 13px;
}  
}  
Line 117: Line 46:
     background-color: #ccc;
     background-color: #ccc;
}
}
-
/* link color */
+
 
-
a, a:visited {
+
 
-
    color: #27809f;
+
 
-
}
+
-
a:hover {
+
-
    color: #00a7e7;
+
-
    text-decoration: none;
+
-
}
+
ul {
ul {
-
     margin-bottom: 5px;
+
     margin-bottom: 8px;
}
}
Line 143: Line 67:
     font-size: smaller;
     font-size: smaller;
}
}
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* menu left  overall                                                                */
 
-
/*----------------------------------------------------------------------------*/
 
#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 172: Line 94:
#menu .selflink {
#menu .selflink {
display: block;
display: block;
-
        background: #CCFF00;
+
background: #FF9966;
color: #000000;
color: #000000;
padding: 5px 0 5px 19px;
padding: 5px 0 5px 19px;
Line 179: Line 101:
}
}
-
/*----------------------------------------------------------------------------*/
 
-
/* menu blue overall                                                                  */
 
-
/*----------------------------------------------------------------------------*/
 
-
#menublue a {
+
#menuupper a {
display: block;
display: block;
background: #FF9900;
background: #FF9900;
Line 192: Line 111:
}
}
-
#menublue a:hover {
+
#menuupper a:hover {
color: #000000;
color: #000000;
         font-weight: bolder;
         font-weight: bolder;
Line 198: Line 117:
}
}
-
#menublue .selflink {
+
#menuupper .selflink {
display: block;
display: block;
-
background: #006600;
+
background: #FF9900;
color: #FFFFFF;
color: #FFFFFF;
padding: 5px 0 5px 19px;
padding: 5px 0 5px 19px;
Line 207: Line 126:
}
}
-
/*----------------------------------------------------------------------------*/
+
#menuuppersection a {
-
/* menu blue                                                              */
+
-
/*----------------------------------------------------------------------------*/
+
-
 
+
-
#menubluesection a {
+
display: block;
display: block;
-
background: #002266;
+
background: #FF9900;
color: #FFFFFF;
color: #FFFFFF;
padding: 5px 0 5px 19px;
padding: 5px 0 5px 19px;
Line 221: 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 236: Line 151:
}
}
-
/*----------------------------------------------------------------------------*/
+
#menulowersection a {
-
/* gray menu                                                              */
+
-
/*----------------------------------------------------------------------------*/
+
-
 
+
-
#menuorangesection a {
+
display: block;
display: block;
background: #666666;
background: #666666;
Line 250: Line 161:
}
}
-
#menuorangesection a:hover {
+
#menulowersection a:hover {
color: #FF9900;
color: #FF9900;
         font-weight: bolder;
         font-weight: bolder;
Line 256: Line 167:
}
}
-
#menuorangesection .selflink {
+
#menulowersection .selflink {
display: block;
display: block;
background: #666666 ;
background: #666666 ;
Line 275: Line 186:
}
}
-
#menuospacer a:hover {
+
#menuspacer a:hover {
color: #000000;
color: #000000;
background: #FFFFFF;
background: #FFFFFF;
Line 289: Line 200:
}
}
-
/*----------------------------------------------------------------------------*/
 
-
/* the content and text                                                          */
 
-
/*----------------------------------------------------------------------------*/
 
-
#utdallas_content_wrapper {
+
 
-
     width: 593px;
+
 
 +
 
 +
<!---------------------------------------------------------------------------------------------------->
 +
 
 +
#utd_content_wrapper {
 +
     width: 590px;
     position: relative;
     position: relative;
     float: left;
     float: left;
Line 300: 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 {
 +
    padding: 5px;
 +
    border-left: 1px solid #8E8E8E;
 +
    border-right: 1px solid #8E8E8E;
 +
    background:#8E8E8E none repeat scroll 0 0;
 +
    position: relative;
 +
    font-size: 9pt;
 +
    text-align: justify;
 +
}
 +
 
 +
#utd_content_boxbottom {
     width: 593px;
     width: 593px;
     height: 10px;
     height: 10px;
-
     background:url (http://ten.greens-efa.org/fileadmin/images/content_bottom_bg.gif) no-repeat bottom left;
+
     background:#FFFFFF;
     position: relative;
     position: relative;
     float: left;
     float: left;
}
}
-
#utdallas_content {
+
#utd_content {
     width: 571px;
     width: 571px;
     padding: 10px;
     padding: 10px;
-
     border-left: 1px solid #FF6600;
+
     border-left: 1px solid #ccc;
-
     border-right: 1px solid #FF6600;
+
     border-right: 1px solid #ccc;
     position: relative;
     position: relative;
     float: left;
     float: left;
Line 327: Line 250:
}
}
-
/*----------------------------------------------------------------------------*/
 
-
/*                                                        */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
/*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 344: Line 262:
#contentSub {display:none;
#contentSub {display:none;
-
margin: 0px 0px 0px 0px;
+
    margin: 0px 0px 0px 0px;
}
}
-
 
-
 
-
 
Line 356: Line 271:
.noborder{border-top:0px;}
.noborder{border-top:0px;}
-
/* colors lab notebook */
 
-
.day-empty {
 
-
    color: red;
 
-
}
 
-
.day-active {
 
-
    color: green;
 
-
}
 
-
/*----------------------------------------------------------------------------*/
+
#utdallas_content {
-
/* sidebar right                                                              */
+
     width: 750px;
-
/*----------------------------------------------------------------------------*/
+
     padding: 10px;
-
 
+
    border-left: 2px solid #FF9900;
-
#sidebar {
+
    border-right: 2px solid #FF9900;
-
     width: 172px;
+
-
     margin: 20px 7px 0 13px;
+
     position: relative;
     position: relative;
     float: left;
     float: left;
-
     text-align: right;
+
    font-size: 9pt;
 +
     text-align: left;
}
}
-
#sidebar_extra {
 
-
    margin-top: 0px;
 
-
}
 
-
#sidebar ul {
+
.firstHeading{width: 0px;
-
     padding: 0;
+
     height: 0px;
-
     margin: 0;
+
     margin-bottom: 0px;
-
     list-style: none;
+
     display: none;
-
}
+
    position: relative;
 +
    top:0;
 +
    left:0;
 +
    margin:0;
-
.section_box {
+
}
-
margin: 0px;
+
 
-
padding: 5px;
+
#contentSub {display:none;
-
border: 1px dashed #FF6600;
+
    margin: 0px 0px 0px 0px;
-
background: #FFFFFF;
+
-
}
+
-
.subtitle {
+
-
padding-bottom: 6px;
+
-
font-size: 14px;
+
-
font-weight: bold;
+
-
color: #FF6600;
+
}
}
-
/*----------------------------------------------------------------------------*/
+
 
-
/* menu specifics and text                                                    */
+
 
-
/*----------------------------------------------------------------------------*/
+
 
 +
body{margin:0;
 +
    padding:0;}
 +
 
 +
.noborder{border-top:0px;}
 +
 
 +
 
 +
 
 +
 
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 411: 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]]
[[Team:UTDallas/Team | Team]]
[[Team:UTDallas/Team | Team]]
[[Team:UTDallas/Modelling | Modelling]]
[[Team:UTDallas/Modelling | Modelling]]
-
[[Team:UTDallas/Deliverables | Deliverables]]
 
-
[[Team:UTDallas/Achievements | Achievements]]
 
[[Team:UTDallas/Conclusions | Conclusions]]
[[Team:UTDallas/Conclusions | Conclusions]]
-
[[Team:UTDallas/Future Work | Future work]]
+
[[Team:UTDallas/Future Work | Future]]
-
[[Team:UTDallas/Safety | Safety]]
+
-
[[Team:UTDallas/Notebook | Lab Notebook]]
+
[[Team:UTDallas/Protocols | Protocols]]
[[Team:UTDallas/Protocols | Protocols]]
-
[http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2010&group=UTDallas Parts]
+
[[Team:UTDallas/Safety | Safety]]
 +
[[Team:UTDallas/Notebook | Notebook]]
 +
[[Team:UTDallas/Parts | Parts]]
 +
 
<html>
<html>
</div>
</div>
Line 448: Line 353:
</html>
</html>
[[Team:UTDallas | ]]
[[Team:UTDallas | ]]
 +
 +
<html>
<html>
</div>
</div>
</html>
</html>

Latest revision as of 16:31, 29 June 2010