Template:SUSTC A test

From 2012.igem.org

Revision as of 14:12, 12 September 2012

<style type="text/css">

1. globalWrapper {width: 100%; }
2. top-section {width: 100%; height:100%; border:none;}
3. p-logo {display:none;}
4. search-controls {display:none;}

.printfooter {display:none;}

1. footer-box {border:none;}

.firstHeading {display:none;}

1. content { border:none; width:1024px; }
2. bodyContent {border:none; }
3. visualClear {display:none; }
4. footer-box {display:none; }
5. 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; }

1. templatemo_wrapper {

width: 1024px; margin: 0 auto;

       background-color:transparent;

}

1. temmplatmeo_header {

height: 96px;

       margin-right: 50px

background: url() no-repeat bottom; }

/* site title */

1. temmplatmeo_header #site_title {

float: left; width: 200px; padding: 10px 0 0 50px;

       background-color:transparent;

}

1. site_title a {

margin: 0px; padding: 0px; font-size: 30px; color: #ffffff; font-weight: bold; text-decoration: none;

       background-color:transparent;

}

1. site_title h1 a:hover {

font-weight: bold; text-decoration: none;

       background-color:transparent;

}

/* end of site title */

/* menu */

1. temmplatmeo_header #templatemo_menu {

float: right; padding-top: 53px; height: 43px; margin-right: 70px }

1. templatemo_menu ul {

margin: 0; padding: 0; list-style: none; }

1. templatemo_menu ul li {

padding: 0; margin: 0; display: inline; }

1. 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; }

1. templatemo_menu li a:hover, #templatemo_menu li .current {

z-index: 200; background:url(); }

/* end of menu */

/* banner */

1. templatemo_banner {

width: 954px; height: 236px; padding: 50px 35px; background: url() no-repeat; }

1. banner_left {

float: left; width: 365px; color: #fff; text-align: justify; }

1. banner_left h2 {

font-size: 28px; font-weight: normal; margin-top: 0; }

1. banner_left a {

color: #1cc9c4; }

1. banner_right {

position: relative; float: right; width: 517px; height: 215px; padding: 9px; margin-right: 30px; overflow: hidden; }

1. banner_right span {

position: absolute; width: 535px; height: 233px; top: 0; left: 0; z-index: 800; background: url() no-repeat; } /* end of banner */

/* content */

1. templatemo_content {

clear: both; width: 900px; padding: 35px 62px 15px 62px; background: url() repeat-y center; }

1. 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; }

1. templatemo_content h2 {

color: #9ea0a1; font-weight: normal; font-size: 25px; margin: 0 0 25px 0; }

1. templatemo_content p {

margin-bottom: 6px; text-align: justify; }

1. templatemo_content strong {

color: #17aba6; font-weight: bold; }

1. templatemo_content .services_list {

margin: 20px 150px 0 0; padding: 0; list-style: none; }

1. 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 */

1. templatemo_footer {

clear: both; width: 1000px; padding: 10px 12px; margin: 0 auto; color: #252525; text-align: center; }

1. 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>