Team:UCL Academy/styles.css

From 2014hs.igem.org

Revision as of 16:33, 24 May 2014 by HSharif (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

body {

   background: url("Body-bg.png") repeat-x scroll 0 0 #FFFFFF;
   color: #666666;
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;

}

  • {
   margin: 0;
   padding: 0;

} table {

   text-align: left;
   width: 100%;

} th, td {

   padding: 10px;

} th {

   background: none repeat-x scroll left top #0173CB;
   color: #FFFFFF;

} td {

   border-bottom: 1px solid #CCCCCC;

} code, blockquote {

   border-left: 5px solid #222222;
   display: block;
   margin-bottom: 20px;
   padding: 10px;

} code {

   background-color: #222222;
   border: medium none;
   color: #CCCCCC;

} blockquote {

   border-left: 5px solid #222222;

} blockquote p {

   color: #333333;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
   height: 1%;
   margin: 0;

} p {

   font-size: 12px;
   line-height: 1.9em;
   margin-bottom: 20px;

} a {

   color: #000000;

} a:hover {

   color: #0173CB;
   text-decoration: underline;

} a:focus {

   outline: medium none;

} fieldset {

   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
   border-right: medium none;
   border-style: solid none none;
   border-width: 1px medium medium;
   display: block;

} fieldset legend {

   color: #333333;
   font-size: 13px;
   font-weight: bold;
   padding-right: 10px;

} fieldset form {

   padding-top: 15px;

} fieldset p label {

   float: left;
   width: 150px;

} form input, form select, form textarea {

   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background-color: #FFFFFF;
   border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
   border-style: solid;
   border-width: 1px;
   color: #333333;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 13px;
   padding: 5px;

} form input.formbutton {

   background: none repeat scroll 0 0 #0173CB;
   border: medium none;
   color: #FFFFFF;
   font-family: Tahoma,Geneva,sans-serif;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 1px;
   overflow: visible;
   padding: 6px 10px;
   width: auto;

} form.searchform p {

   margin: 5px 0;

} span.required {

   color: #FF0000;

} .imgleft {

   border: 1px solid #CCCCCC;
   float: left;
   margin-bottom: 5px;
   margin-right: 5px;
   padding: 5px;

} h1 {

   color: #000000;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 35px;

} h2 {

   color: #000000;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 27px;
   font-weight: normal;
   letter-spacing: 0;
   margin: 0;
   padding: 0 0 5px;

} h3 {

   color: #888888;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 24px;
   font-weight: normal;
   letter-spacing: -1px;
   margin-bottom: 10px;

} h4 {

   color: #0173CB;
   font-size: 15px;
   padding-bottom: 10px;

}

h5 {

   color: #0173CB;
   font-size: 13px;
   padding-bottom: 10px;

}

ul, ol {

   margin: 0 0 35px 35px;

}

li {

   padding-bottom: 5px;

}

li ol, li ul {

   font-size: 1em;
   margin-bottom: 0;
   padding-top: 5px;

}

  1. container {
   box-shadow: 0 5px 18px #000000;
   margin: 0 auto;
   padding: 0;
   width: 980px;

}

  1. inner {
   margin: 0 auto;
   padding: 0;
   width: 960px;

}

  1. header {
   margin: 10px auto 0;
   padding: 10px 15px;

}

  1. header h1 a {
   color: #FFFFFF;
   font-size: 50px;
   font-weight: normal;
   letter-spacing: -3px;
   text-decoration: none;

}

  1. header h2 {
   color: #000000;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 13px;
   letter-spacing: 0;
   margin-top: 3px;
   padding-left: 4px;

}

  1. nav {
   background-color: #000000;

box-shadow: 0 4px 7px #BBBBBB;

   height: 45px;
   margin-bottom: 0;
   margin-top: 10px;
   width: 960px;

}

  1. nav ul {
   height: 45px;
   list-style: none outside none;
   margin: 0;
   padding: 0;

}

  1. nav ul li {
   display: block;
   float: left;
   padding: 0;

}

  1. nav ul li a {
   color: #FFFFFF;
   display: block;
   font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   padding: 15px 20px;
   text-decoration: none;
   text-transform: uppercase;

}

  1. nav ul li a:hover {
   color: #FFFFFF;
   text-decoration: underline;

}

  1. banner {
   margin: 0 auto;

}

  1. slider-wrapper {
   box-shadow: 0 4px 7px #BBBBBB;
   height: 250px;

}

  1. slider {
   background: url("images/loading.gif") no-repeat scroll 50% 50% transparent;
   height: 250px;
   position: relative;
   width: 960px;

}

  1. slider img {
   display: none;
   left: 0;
   position: absolute;
   top: 0;

}

  1. slider a {
   border: 0 none;
   display: block;

} .nivoSlider {

   position: relative;

} .nivoSlider img {

   left: 0;
   position: absolute;
   top: 0;

} .nivoSlider a.nivo-imageLink {

   border: 0 none;
   display: none;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 6;

} .nivo-slice {

   display: block;
   height: 100%;
   position: absolute;
   z-index: 5;

} .nivo-box {

   display: block;
   position: absolute;
   z-index: 5;

} .nivo-caption {

   background: none repeat scroll 0 0 #000000;
   bottom: 0;
   color: #FFFFFF;
   font-family: arial;
   left: 0;
   opacity: 0.8;
   position: absolute;
   text-transform: uppercase;
   width: 100%;
   z-index: 8;

} .nivo-caption p {

   margin: 0;
   padding: 5px;

} .nivo-caption a {

   color: red;
   display: inline !important;
   text-decoration: none;

} .nivo-caption a:hover {

   color: blue;
   text-decoration: underline;

} .nivo-html-caption {

   display: none;

} .nivo-directionNav a {

   background: url("Arrows.png") no-repeat scroll 0 0 transparent;
   cursor: pointer;
   display: block;
   height: 30px;
   position: absolute;
   text-indent: -9999px;
   top: 45%;
   width: 30px;
   z-index: 9;

} a.nivo-prevNav {

   left: 15px;

} a.nivo-nextNav {

   background-position: -30px 50%;
   right: 15px;

} .nivo-controlNav {

   bottom: -30px;
   left: 50%;
   margin-left: -40px;
   position: absolute;

} .nivo-controlNav a {

   background: url("Bullets.png") no-repeat scroll 0 0 transparent;
   cursor: pointer;
   float: left;
   height: 22px;
   margin-top: 250px;
   position: relative;
   text-indent: -9999px;
   width: 22px;
   z-index: 9;

} .nivo-controlNav a.active {

   background-position: 0 -22px;

} .welcome-bar {

   background: none repeat scroll 0 0 #FBC00C;
   margin-top: 40px;

} .bar-top {

   padding: 23px 30px;

} .bar-title {

   float: left;
   width: 720px;

} .bar-title h3 {

   color: #000000;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
   letter-spacing: 0;
   line-height: 1.5em;
   margin: 0;

} .bar-button {

   float: right;
   height: 42px;
   margin-top: 7px;

} .button {

   background: none repeat scroll 0 0 #FFFFFF;
   border-radius: 10px 10px 10px 10px;
   color: #FBC00C;
   cursor: pointer;
   display: inline-block;
   font: 12px/100% Arial,Helvetica,sans-serif;
   outline: medium none;
   padding: 0.6em 1.5em;
   position: relative;
   text-align: center;
   text-decoration: none;
   vertical-align: baseline;

} .button:active {

   position: relative;
   top: 1px;

} .medium {

   font-size: 16px;
   padding: 0.8em 1.4em 0.7em;

}

  1. main {
   background: none repeat scroll 0 0 transparent;
   margin: 0 auto;
   padding: 20px 12px 0;
   width: 936px;

}

  1. content {
   float: left;
   width: 635px;

}

  1. content-home {
   float: left;
   width: 935px;

} .sidebar {

   float: right;
   padding: 10px 0 0;
   width: 250px;

} .sidebar ul {

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

} .sidebar ul li {

   line-height: 1.9em;
   margin-bottom: 20px;

} .sidebar li ul { } .sidebar li ul li {

   border: medium none;
   display: block;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 13px;
   line-height: 1.5em;
   margin: 0;
   padding: 6px 2px;

} .sidebar li ul li a {

   color: #222222;
   font-weight: normal;

} .sidebar li ul li a:hover {

   color: #0173CB;

} .sidebar li ul.blocklist li {

   display: inline;
   padding: 0;

} .sidebar li ul.blocklist li a {

   border-bottom: 1px solid #EEEEEE;
   display: block;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 1px;
   padding: 7px 10px;
   text-decoration: none;
   text-transform: uppercase;

} .sidebar li ul.blocklist li a:hover {

   background-color: #0173CB;
   color: #FFFFFF;

} .clear {

   clear: both;

}

  1. content-bottom {
   margin: 0 auto;
   width: 960px;

}

  1. content-bottom p {
   color: #CCCCCC;
   font-size: 12px;
   margin: 0;
   padding: 0;
   text-align: left;

}

  1. content-bottom p a {
   color: #CCCCCC;
   font-weight: bold;

} .content-bottom-inner {

   padding: 20px 0 30px;

}

  1. content-bottom .content-bottom-inner ul {
   background-color: #FFFFFF;
   border-radius: 10px 10px 10px 10px;
   float: left;
   list-style: none outside none;
   margin: 0 15px 0 0;
   padding: 15px;
   width: 280px;

}

  1. content-bottom .content-bottom-inner li {
   padding: 7px 5px;

}

  1. content-bottom .content-bottom-inner h4 {
   border-bottom: 1px solid #CCCCCC;

}

  1. content-bottom .content-bottom-inner li a {
   background-color: #FBC00C;
   border-radius: 5px 5px 5px 5px;
   color: #FFFFFF;
   padding: 7px;
   text-decoration: none;

}

  1. content-bottom .content-bottom-inner h4 {
   color: #FBC00C;
   font-size: 25px;
   font-weight: normal;
   padding-bottom: 0;

}

  1. content-bottom .content-bottom-inner ul.lastcol {
   margin-right: 0;

}

  1. content-bottom .content-bottom-inner span.sitename {
   color: #AAAAAA;
   float: left;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 40px;
   font-weight: normal;
   letter-spacing: -2px;

} .footer {

   border-top: 1px solid #CCCCCC;
   padding: 10px;
   text-align: center;

} .footer p {

   margin-bottom: 10px;
   text-align: center;

} .footer p, .footer p a {

   color: #666666;
   font-size: 10px;

}