Template:SUSTC A test

From 2012.igem.org

Revision as of 14:13, 12 September 2012 by XinYang (Talk | contribs)

<head>

<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(Templatemo_body_top.jpg) 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(Templatemo_menu.jpg) 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(Templatemo_menu_button.png) no-repeat; }

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

z-index: 200; background:url(SUSTC_SHENZHEN_A_temp_menu_button_hover.png); }

/* end of menu */

/* banner */

  1. templatemo_banner {

width: 954px; height: 236px; padding: 50px 35px; background: url(Templatemo_banner.png) 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(Templatemo_banner_image_frame.png) no-repeat; } /* end of banner */

/* content */

  1. templatemo_content {

clear: both; width: 900px; padding: 35px 62px 15px 62px; background: url(Templatemo_content_bg.png) 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(List_icon.png) 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(Templatemo_services.jpg) no-repeat top center; }

.testimonial {

height: 160px; padding: 60px 20px 20px 70px; margin-bottom: 30px; overflow: hidden; background:url(Templatemo_testimonial.png) no-repeat; text-align: justify; }

.twitter { width: 280px; height: 180px; overflow: hidden; background: url(Templatemo_twitter.jpg) 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(Templatemo_portfolio_frame.jpg) 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="Templatemo_logo.png" alt="Scene Template" />
           </a>
  • <a href="index.html" class="current">Home</a>
  • <a href="#">About1</a>
  • <a href="#">About2</a>
  • <a href="portfolio.html">Portfolio</a>
  • <a href="#">Contact Us</a>




</body>

</html>

Retrieved from "http://2012.igem.org/Template:SUSTC_A_test"