"
Template:SUSTC A test
From 2012.igem.org
| Line 1: | Line 1: | ||
| + | <head> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
| Line 566: | Line 568: | ||
</div> <!-- end of templatemo_wrapper --> | </div> <!-- end of templatemo_wrapper --> | ||
| + | |||
| + | |||
| + | </body> | ||
| + | |||
| + | </html> | ||
Revision as of 14:13, 12 September 2012
<head>
<style type="text/css">
- globalWrapper {width: 100%; }
- top-section {width: 100%; height:100%; border:none;}
- p-logo {display:none;}
- search-controls {display:none;}
.printfooter {display:none;}
- footer-box {border:none;}
.firstHeading {display:none;}
- content { border:none; width:1024px; }
- bodyContent {border:none; }
- visualClear {display:none; }
- footer-box {display:none; }
- printfooter {display:none; }
/*
* Color, Border, and Button Rules */
.contentslider {
padding: 0; /* This acts as a border for the content slider */ background: none; /* This is the color of said border */ overflow:hidden;
} .cs_wrapper, .cs_article { /* background-color: none; Background color for the entries */ } .cs_leftBtn, .cs_rightBtn { margin-top: 50px;
width:52px; /* Should be as wide as the button graphic being used */
/* background: none; This will probably match the contentslider bg color */ }
/*
* Article styles (font, color, etc.) * * If textResize is set to TRUE, sizing shouldn't need to be touched. However, * depending on the sizes you have defined, additional tweaking may be * required in order to get the text to display properly. */
/*
****************************************************************************** * These styles may be affected by the plugin, so avoid changing them if * it's not absolutely necessary. ****************************************************************************** */
.contentslider {
position:relative; display:block; width: 535px; height: 233px; margin:0 auto; overflow:hidden;
} .cs_wrapper {
position:relative; display:block; width:100%; height:100%; margin:0; padding:0; overflow:hidden;
} .cs_slider {
position:absolute; width:10000px; height:100%; margin:0; padding:0; overflow:hidden;
} .cs_article {
float:left; position:relative; top:0; left:0; display:block; width: 535px; height: 233px; margin:0 auto; padding: 0;
/* background-color: none; */
overflow:hidden;
}
.cs_article img { float: left; }
.cs_leftBtn, .cs_rightBtn {
position:absolute; top: 0px; height: 233px; padding:0; z-index:10000;
} .cs_leftBtn {
left:0; outline:0;
} .cs_rightBtn {
right:0; outline:0;
} .cs_leftBtn img, .cs_rightBtn img {
border:0; position:relative; top: 10px; margin:0;
}
/* Div IDs */ /***********/ body, #content,#table {
background: transparent;
}
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
color: #6f6f6f;
background: #2ac5c0 url() repeat-x;
}
a:link, a:visited { color: #17aba6; text-decoration: underline; font-weight: bold; } a:active, a:hover { color: #CC9900; text-decoration: none; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; }
.margin_r10 { margin-right: 10px; }
.float_l { float: left; } .float_r { float: right; }
- templatemo_wrapper {
width: 1024px; margin: 0 auto;
background-color:transparent;
}
- temmplatmeo_header {
height: 96px;
margin-right: 50px
background: url(
) no-repeat bottom;
}
/* site title */
- temmplatmeo_header #site_title {
float: left; width: 200px; padding: 10px 0 0 50px;
background-color:transparent;
}
- site_title a {
margin: 0px; padding: 0px; font-size: 30px; color: #ffffff; font-weight: bold; text-decoration: none;
background-color:transparent;
}
- site_title h1 a:hover {
font-weight: bold; text-decoration: none;
background-color:transparent;
}
/* end of site title */
/* menu */
- temmplatmeo_header #templatemo_menu {
float: right; padding-top: 53px; height: 43px; margin-right: 70px }
- templatemo_menu ul {
margin: 0; padding: 0; list-style: none; }
- templatemo_menu ul li {
padding: 0; margin: 0; display: inline; }
- templatemo_menu ul li a {
position: relative;
float: left;
display: block;
height: 33px;
width: 123px;
margin: 0 0 0 -20px;
padding: 10px 0 0 20px;
font-family: "Times New Roman", Times, serif;
text-align: center;
font-size: 16px;
text-decoration: none;
color: #fff;
font-weight: normal;
outline: none;
background:url(
) no-repeat;
}
- templatemo_menu li a:hover, #templatemo_menu li .current {
z-index: 200;
background:url(
);
}
/* end of menu */
/* banner */
- templatemo_banner {
width: 954px;
height: 236px;
padding: 50px 35px;
background: url(
) no-repeat;
}
- banner_left {
float: left; width: 365px; color: #fff; text-align: justify; }
- banner_left h2 {
font-size: 28px; font-weight: normal; margin-top: 0; }
- banner_left a {
color: #1cc9c4; }
- banner_right {
position: relative; float: right; width: 517px; height: 215px; padding: 9px; margin-right: 30px; overflow: hidden; }
- banner_right span {
position: absolute;
width: 535px;
height: 233px;
top: 0;
left: 0;
z-index: 800;
background: url(
) no-repeat;
}
/* end of banner */
/* content */
- templatemo_content {
clear: both;
width: 900px;
padding: 35px 62px 15px 62px;
background: url(
) repeat-y center;
}
- content_bottom {
width: 1024px; height: 6px; background: url(images/templatemo_content_bottom.png) no-repeat; }
.float_l_img { float: left; margin: 3px 15px 5px 0; }
- templatemo_content h2 {
color: #9ea0a1; font-weight: normal; font-size: 25px; margin: 0 0 25px 0; }
- templatemo_content p {
margin-bottom: 6px; text-align: justify; }
- templatemo_content strong {
color: #17aba6; font-weight: bold; }
- templatemo_content .services_list {
margin: 20px 150px 0 0; padding: 0; list-style: none; }
- templatemo_content .services_list li {
margin: 0 0 5px 0;
padding: 4px 0 5px 15px;
border-bottom: 1px dashed #c7c7c7;
background: url(
) no-repeat center left;
}
.section_w900 { clear: both; width: 900px; }
.section_w580 { width: 580px; }
.section_w280 { float: right; width: 280px; }
.services_section {
clear: both;
padding: 20px;
background: url(
) no-repeat top center;
}
.testimonial {
height: 160px;
padding: 60px 20px 20px 70px;
margin-bottom: 30px;
overflow: hidden;
background:url(
) no-repeat;
text-align: justify;
}
.twitter {
width: 280px;
height: 180px;
overflow: hidden;
background: url(
) no-repeat center;
text-align: justify;
}
.twitter ul { margin: 0; padding: 70px 30px 30px 30px; list-style: none; }
.twitter ul li { margin: 0 0 10px 0; padding: 0; }
.twitter ul li span { clear: both; display: block; font-style: italic; color: #26aba7; }
.showcase { margin: 0; padding: 0; list-style: none; }
.showcase li {
margin: 0;
padding: 0;
display: block;
float: left;
width: 180px;
height: 196px;
margin: 0 13px 12px 0;
background: url(
) no-repeat;
}
.showcase li a { display: block; margin: 20px; text-decoration: none; }
.showcase li a img { margin-bottom: 5px; }
.showcase li a span { margin-top: 5px; color: #5e5e5e; font-weight: normal; } /* end of content */
/* footer */
- templatemo_footer {
clear: both; width: 1000px; padding: 10px 12px; margin: 0 auto; color: #252525; text-align: center; }
- templatemo_footer a {
font-weight: normal; color: #252525; text-decoration: underline; }
/* end of footer */
</style>
</head> <body>
<a href="#" target="_parent">
<img src="
" alt="Scene Template" />
</a>
<img src="" alt="Seagulls" />
<img src="" alt="Seagull" />
<img src="" alt="Seagull" />
<a href="#" target="_parent">
<img src="
" alt="Seagulls" />
</a>
<script type="text/javascript" src="http://taftproot.gotoip2.com/ld/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="http://taftproot.gotoip2.com/ld/js/jquery.ennui.contentslider.js"></script> <script type="text/javascript"> $(function() { $('#one').ContentSlider({ width : '535px', height : '233px', speed : 800, easing : 'easeInOutQuart' }); }); </script> <script src="http://taftproot.gotoip2.com/ld/js/jquery.chili-2.2.js" type="text/javascript"></script> <script src="http://taftproot.gotoip2.com/ld/js/chili/recipes.js" type="text/javascript"></script>
</body>
</html>
