Team:USTC/LeftBar

From 2010.igem.org

(Difference between revisions)
(New page: __NOTOC__ <html> <style type="text/css"> body { font-family: Verdana, Arial; font-size: 12px; margin: 0; } #dyhead { margin-bottom: 5px; } #dyleft { width: 200px; float: left; } #dyright {...)
 
Line 2: Line 2:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
/*----------------------------------------------------------------------------*/
 +
/*  header area                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 +
#header {
 +
    width: 970px;
 +
    height: 300px;
 +
    position: relative;
 +
}
 +
 +
#header_left .plainlinks a {
 +
    width: 288px;
 +
    height: 153px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 5px;
 +
    text-decoration: none;
 +
    background: url(http://2009.igem.org/wiki/images/d/d0/TUDheaderorange_01.png) no-repeat left top !important;
 +
}
 +
 +
#header_middle .plainlinks a {
 +
    width: 667px;
 +
    height: 136px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 293px;
 +
    text-decoration: none;
 +
    background: url(http://2009.igem.org/wiki/images/0/01/TUDheader_022.png) no-repeat left top !important;
 +
}
 +
 +
 +
#header_bar_link {
 +
    width: 667px;
 +
    height: 17px;
 +
    position: absolute;
 +
    top: 136px;
 +
    left: 292px;
 +
    background-color:#FF6600;
 +
    background: url(http://2009.igem.org/wiki/images/b/b8/TUDheader_03.png) no-repeat left top !important;
 +
}
 +
 +
#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: 87%;
 +
    font-weight: bolder;
 +
}
 +
 +
#header_bar_link a:hover {
 +
    color: #ccc;
 +
}
 +
 +
#header_bar_link .selflink {
 +
    color: #444;
 +
}
 +
 +
 +
/*reset*/
 +
p {
 +
    margin:0;
 +
}
 +
 +
.editsection {
 +
    font-size: 75%;
 +
    font-weight: normal;
 +
}
 +
body {
body {
-
font-family: Verdana, Arial;
+
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
-
font-size: 12px;
+
    line-height: 1.5;
-
margin: 0;
+
    color: #222;
}
}
-
#dyhead {
+
 
-
margin-bottom: 5px;
+
/* hide table of contents */
 +
toc {
 +
    display: none;
}
}
-
#dyleft {
+
 
-
width: 200px;
+
h1 {
-
float: left;
+
    font-size: 160%;
}
}
-
#dyright {
+
-
margin-left: 210px;
+
/* add margin beneath a paragraph */
 +
p {
 +
    margin-bottom: 10px;
 +
}
 +
 
 +
.today {
 +
    background-color: #ccc;
}
}
-
#dyfoot {
+
/* link color */
-
margin-top: 5px;
+
a, a:visited {
-
clear: both;
+
    color: #27809f;
}
}
-
div {
+
a:hover {
-
color: #363636;
+
    color: #00a7e7;
-
background-color: #eee;
+
    text-decoration: none;
-
border: 1px dashed #630;
+
}
}
 +
ul {
 +
    margin-bottom: 5px;
 +
}
 +
 +
#element {
 +
    overflow: hidden;
 +
}
 +
.gallery {
 +
    max-width: 550px;
 +
    margin: 10px 2px !important;
 +
}
 +
.gallerytext {
 +
    text-align: left;
 +
}
 +
.footnote {
 +
    text-align: left;
 +
    font-size: smaller;
 +
}
 +
 +
/*----------------------------------------------------------------------------*/
 +
/* menu left                                                                  */
 +
/*----------------------------------------------------------------------------*/
 +
 +
#menu {
 +
    width: 200px;
 +
    margin: 20px 13px 0 7px;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 +
#menu a {
 +
display: block;
 +
background: #FF6600 url(http://2009.igem.org/wiki/images/3/31/TUDarr.png) no-repeat center left;
 +
color: #FFFFFF;
 +
padding: 5px 0 5px 19px;
 +
margin: 0 0 1px 0;
 +
text-decoration: none;
 +
}
 +
 +
#menu a:hover {
 +
color: #000000;
 +
background: #FFCC66 url(http://2009.igem.org/wiki/images/0/0b/TUDarr_on.png) no-repeat center left;
 +
}
 +
 +
#menu .selflink {
 +
display: block;
 +
background: #FFCC66 url(http://2009.igem.org/wiki/images/3/31/TUDarr.png) no-repeat center left;
 +
color: #000000;
 +
padding: 5px 0 5px 19px;
 +
margin: 0 0 1px 0;
 +
text-decoration: none;
 +
}
 +
 +
 +
/*----------------------------------------------------------------------------*/
 +
/* spacer                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 +
#menuspacer a {
 +
display: block;
 +
background: #FFFFFF;
 +
color: #FFFFFF;
 +
padding: 0px;
 +
margin: 0 0 10px 8px;
 +
        text-indent: 0px;
 +
text-decoration: none;
 +
}
 +
 +
#menuospacer a:hover {
 +
color: #000000;
 +
background: #FFFFFF;
 +
}
 +
 +
#menuspacer .selflink {
 +
display: block;
 +
background: #FFFFFF;
 +
color: #000000;
 +
padding: 0px;
 +
margin: 0 0 10px 8px;
 +
text-decoration: none;
 +
}
 +
 +
/*----------------------------------------------------------------------------*/
 +
/* content area                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 +
#tudelft_content_wrapper {
 +
    width: 593px;
 +
    position: relative;
 +
    float: left;
 +
    margin-top: 20px;
 +
}
 +
 +
#tudelft_content_boxtop {
 +
    width: 593px;
 +
    height: 10px;
 +
    background:url(http://2009.igem.org/wiki/images/a/a1/Tudelft_content_top.png) no-repeat bottom left;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 +
#tudelft_content_boxbottom {
 +
    width: 593px;
 +
    height: 10px;
 +
    background:url(http://2009.igem.org/wiki/images/8/89/Tudelft_content_bottom.png) no-repeat top left;
 +
    position: relative;
 +
    float: left;
 +
}
 +
 +
#tudelft_content {
 +
    width: 571px;
 +
    padding: 10px;
 +
    border-left: 1px solid #FF6600;
 +
    border-right: 1px solid #FF6600;
 +
    position: relative;
 +
    float: left;
 +
    font-size: 9pt;
 +
    text-align: justify;
 +
}
 +
 +
/*----------------------------------------------------------------------------*/
 +
/*  general stuff                                                            */
 +
/*----------------------------------------------------------------------------*/
 +
 +
/*turn off title at top.*/
 +
.firstHeading{width: 0px;
 +
    height: 0px;
 +
margin-bottom: 0px;
 +
display: none;
 +
    position: relative;
 +
    top:0;
 +
    left:0;
 +
    margin:0;
 +
 +
}
 +
 +
#contentSub {display:none;
 +
margin: 0px 0px 0px 0px;
 +
}
 +
 +
 +
 +
 +
 +
body{margin:0;
 +
    padding:0;}
 +
 +
.noborder{border-top:0px;}
 +
 +
/* colors lab notebook */
 +
.day-empty {
 +
    color: red;
 +
}
 +
.day-active {
 +
    color: green;
 +
}
 +
 +
/*----------------------------------------------------------------------------*/
 +
/* sidebar right                                                              */
 +
/*----------------------------------------------------------------------------*/
 +
 +
#sidebar {
 +
    width: 172px;
 +
    margin: 20px 7px 0 13px;
 +
    position: relative;
 +
    float: left;
 +
    text-align: right;
 +
}
 +
 +
#sidebar_extra {
 +
    margin-top: 0px;
 +
}
 +
 +
#sidebar ul {
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style: none;
 +
}
 +
 +
.section_box {
 +
margin: 0px;
 +
padding: 5px;
 +
border: 1px dashed #FF6600;
 +
background: #FFFFFF;
 +
}
 +
.subtitle {
 +
padding-bottom: 6px;
 +
font-size: 14px;
 +
font-weight: bold;
 +
color: #FF6600;
 +
}
 +
 +
 +
/*----------------------------------------------------------------------------*/
 +
/* menu left                                                                  */
 +
/*----------------------------------------------------------------------------*/
 +
 +
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}
 +
 +
#content{padding:1px 5px 5px 5px;
 +
}
 +
 
</style>
</style>
</html>
</html>
-
<!–CTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”  “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt–>
+
<!-- *** HEADER *** -->
-
<div id=”dyhead”>头部</div>
+
<html>
-
<div id=”dyleft”>左栏固定
+
<body>
-
宽度为200px</div>
+
<p>
-
<div id=”dyright”>右栏宽度自适应</div>
+
<object type="application/x-shockwave-flash" height="320" width="970" data="http://2010.igem.org/wiki/images/5/5e/USTC2010~022CutOfTitile.swf">
-
<div id=”dyfoot”>底部</div>
+
<param name="movie" value="http://2010.igem.org/wiki/images/5/5e/USTC2010~022CutOfTitile.swf" />
 +
<param name="quality" value="high" />
 +
</object>
 +
</p>
 +
<!--end header-->
 +
<html>
 +
<!-- *** LEFTSIDEMENU *** -->
 +
 
 +
<object type="application/x-shockwave-flash" height="700" width="300" data="http://2010.igem.org/wiki/images/2/23/USTC2010~SideMenu.swf">
 +
<param name="movie" value="http://2010.igem.org/wiki/images/2/23/USTC2010~SideMenu.swf" />
 +
<param name="quality" value="high" />
 +
</object>
 +
<div id="watermark">
 +
 
 +
</div>
 +
</html>

Latest revision as of 17:10, 18 October 2010