Team:TU Eindhoven/css/tooplate style

From 2014.igem.org

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

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

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

       font-weight:bold;

}

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

       font-weight:bold;

}

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 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; 

}

li 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;

       color:white; 

}

img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: Calibri, serif; border-bottom:none; } 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: bold; } h3 { font-size: 28px; margin: 50px 0 25px 0; padding: 0; padding: 0; font-weight: bold; } h4 { font-size: 24px; margin: 50px 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: 4px solid #00BAC6; padding: 4px; background: #222; margin-bottom: 10px; }

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

.image_fr { float: right; margin: 3px 0 10px 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 { 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; }

.col_700 { width: 675px;} .col_700_2 { width: 1100px;}

.col_300 { width: 350px; background: url(TU_Eindhoven_Background_contact.png); padding: 20px 20px 0 20px; border-radius: 7px; }

  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: 18px; display: block; height: auto; margin-bottom: 20px; padding-left: 30px; text-decoration: none; }

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

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

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

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