Team:TU Eindhoven/css/coda-slider

From 2014.igem.org

  1. slider, #wrapper_header {

position: relative; width: 100%; }

  1. wrapper_header01 {
       width:100%;

background: url(TU_Eindhoven_Background_header_repeat2.png) repeat-x top; }

  1. wrapper_header02 {

width: 100%; }

  1. wrapper_header03 {

width: 1400px; padding: 0; margin: 0 auto; background: url(TU_Eindhoven_Background_header2.png) no-repeat top center }

  1. tooplate_100_wrapper_02 {

width: 100%; }

  1. tooplate_wrapper {

width: 1100px; padding: 0 90px; margin: 0 auto; }

  1. header {

width: 1100px; height: 45px; text-align: center; padding-top: 225px; }

  1. header h1 {

margin: 0; padding: 30px 0 0 0; height: 60px; display: block; text-indent: -10000px; }

  1. contentwiki {

width: 1100px; padding: 80px 0 0 0; }

  1. footer {

width: 1100px; color: #999; background: url(TU_Eindhoven_Background_footer.png) top center no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 60px; padding-right: 90px; padding-bottom: 20px; padding-left: 90px; height: 120px; }

  1. footer_left {

float: left; width: 500px; margin-top: 19px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align:left; }

  1. social_box {

float: right; width: 500px; height: auto; padding: 0; text-align: right; }

  1. social_box a {

display: inline-block; margin-left: 20px; width: 60px; height: 60px; }

.scroll {

   height: auto;
   width: 1000px;
   overflow: auto;
   overflow-x: hidden;
   position: relative;
   clear: left;

}

.scrollContainer div.panel {

   height: 390px;
   width: 780px;

padding: 30px 20px 20px; overflow: hidden; }

ul.navigation { width: 1100px;

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

}

ul.navigation li {

   display: inline;
   margin: 0;

padding: 0; }

ul.navigation a { float: left; display: block; width: 120px; height: 38px; padding: 12px 0 0 0; color: #333; font-size: 14px; font-weight: bold;

   text-decoration: none;

text-align: center; }

ul.navigation a:focus {

   outline: none;

}

.scrollButtons {

   position: absolute;
   top: 300px;
   cursor: pointer;

}

.scrollButtons.left {

   left: -50px;

}

.scrollButtons.right {

   right: -50px;

}

.hide {

   display: none;

}