Team:AUC TURKEY/cssslider/demo.css

From 2014hs.igem.org

/* General Demo Style */ @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);

html { height: 100%; }

  • ,
    after,
    before {

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after {

   content: " ";
   display: table;

}

.clearfix:after {

   clear: both;

}

.clearfix {

   *zoom: 1;

}

body {

   font-family: 'Lato', Calibri, Arial, sans-serif;
   background: #fff;
   font-weight: 400;
   font-size: 15px;
   color: #333;
   overflow: scroll;
   overflow-x: hidden;

}

a { color: #555; text-decoration: none; }

.container { width: 100%; position: relative; }

.container > header { width: 90%; max-width: 1240px; margin: 0 auto; position: relative; padding: 30px; }

.main { padding-bottom: 80px; }

.container > header h1 { font-size: 34px; line-height: 38px; margin: 0; font-weight: 700; color: #333; float: left; }

.container > header h1 span { display: block; font-size: 20px; line-height: 26px; font-weight: 300; }

/* Header Style */ .codrops-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); }

.codrops-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; }

.codrops-top a:hover { background: rgba(255,255,255,0.8); color: #000; }

.codrops-top span.right { float: right; }

.codrops-top span.right a { float: left; display: block; }

/* Demo Buttons Style */ .codrops-demos { float: right; padding-top: 10px; }

.codrops-demos a {

   display: inline-block;
   margin: 10px;
   color: #666;
   font-weight: 700;
   line-height: 30px;
   border-bottom: 4px solid transparent;

}

.codrops-demos a:hover { color: #000; border-color: #000; }

.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { color: #aaa; border-color: #aaa; }