"

From 2014.igem.org

/* Start Removing iGEM Style */

1. searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

  display:none;

}

1. content {

  font-family: 'Open Sans', sans-serif;
  width:auto;
  padding:0px;
  border:none;
  background:none;

}

1. globalWrapper {

  width:auto;
  padding:0px;

}

1. top-section {

  height:10%;
  width:100%;
  border:none;
  border-top:none;

}

/* End Removing iGEM Style */

body { margin: 0px; padding: 0px; color: #ffffff; font-family: Calibri, sans-serif; font-size: 16px; line-height: 1.75em; text-align: justify; background-color: #2a2a2a; background-image: url(../images/tooplate_body.png); background-repeat: repeat; }

a, a:link, a:visited { text-decoration: none; color:#ffffff; }

a:hover { color: #00BAC6; text-decoration: none; -webkit-transition: color .2s ease;

   -moz-transition: color .2s ease;
   -ms-transition: color .2s ease;
   -o-transition: color .2s ease;
   transition: color .2s ease; 

}

p { margin: 0 0 25px 0; padding: 0; }

img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: Calibri, serif; } h1 { font-size: 40px; font-weight: normal; margin: 0 0 20px 0; padding: 5px 0; } h2 { font-size: 36px; font-weight: normal; margin: 0 0 30px 0; font-weight: normal; } h3 { font-size: 22px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal; } h4 { font-size: 18px; margin: 0 0 5px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l { float: left; } .float_r { float: right; }

.image_wrapper { display: inline-block; border: 1px solid #000; padding: 4px; background: #222; margin-bottom: 10px; }

.image_fl { float: left; margin: 3px 30px 10px 0; }

.image_fr { float: right; margin: 3px 0 0 30px; }

blockquote { font-style: italic; margin: 0 0 0 10px; }

cite { font-weight: bold; color:#333; }

cite span { color: #666; }

em { color: #cccac2; }

.tooplate_list { margin: 20px 0 20px 20px; padding: 0; list-style: none; }

.tooplate_list li { background: transparent url(../images/tooplate_list.png) no-repeat; margin:0 0 20px; padding: 0 0 0 20px; line-height: 1em; }

.tooplate_list li a { color: #fff; }

.tooplate_list li a:hover { color: #ff4301; }

.btn_more a { display: inline-block; font-weight: bold; color: #fff; padding: 2px 15px 2px 0; text-decoration: none; }

.btn_more a:hover { padding-right: 20px; text-decoration: underline; }

.col_700 { width: 750px;}

.col_300 { width: 280px; background:url(../images/Team_bg.png); padding:20px 20px 0 20px; border-radius: 10px; }

1. social_box {

display: block; height: 48px; padding: 0; margin: 0; }

1. social_box li {

display: block; float: left; padding: 0; margin: 0; }

1. social_box li a {

width: 48px; height: 48px; margin-right: 60px; }

.service_list { margin: 40px 0 0 0px; padding: 0; list-style: none; }

.service_list li { margin: 0; padding: 0; }

.service_list li a { font-size: 16px; display: block; height: auto; margin-bottom: 20px; padding-left: 30px; text-decoration: none; }

.service_list li .service_one { background: url(../images/pin.png) center left no-repeat; }

.service_list li .service_two { background: url(../images/mail.png) center left no-repeat; }

.service_list li .service_three { background: url(../images/call.png) center left no-repeat; }

.service_list li .service_four { background: url(../images/FB_active_eindhoven.png) center left no-repeat; }

.service_list li .service_five { background: url(../images/onebit_12.png) center left no-repeat; }

1. contact_form {

padding: 0; }

1. contact_form form {

margin: 0px; padding: 0px; }

1. contact_form form .input_field {

width: 300px; padding: 5px; background: #191919; border: 1px solid #3c3c3c; color: #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 5px; }

1. contact_form form label {

display: block; width: 100px; margin-right: 10px; font-size: 14px; }

1. contact_form form textarea {

width: 390px; height: 80px; padding: 5px; background: #191919; border: 1px solid #3c3c3c; color: #fff; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: 5px; }

1. contact_form form .submit_btn {

margin: 5px 0px; padding: 5px 20px; background: #191919; color: #aaa; border: 1px solid #3c3c3c; font-size: 13px; }

/* gallery */

1. gallery_container {

clear: both; margin-top: 30px; padding-right: 40px; width: 740px; height: 300px; overflow: auto; }

1. gallery_container .gallery_box {

clear: both; display: block; padding: 0; margin: 0 0 40px 0; }

.gallery_box img { float: left; width: 280px; height: 100px; padding: 4px; background: #1b2c35; border: 1px solid #0b1418; margin: 3px 30px 0 0; } /* end of gallery */