Template:Team:Aberdeen Scotland/CSS

From 2014.igem.org

Revision as of 12:27, 31 July 2014 by Kgizdov (Talk | contribs)
  1. top, .firstHeading {

display: none; }

body { background: #8B2942; /*E6E6E6*/ color: #8B2942; font-family: Arial, Helvetica, sans-serif; }

.pg_break { clear: both; border: 1px dotted #8B2942; }

  • {

animation: none;

   animation-delay: 0;
   animation-direction: normal;
   animation-duration: 0;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: none;
   animation-play-state: running;
   animation-timing-function: ease;
   backface-visibility: visible;
   background: 0;
   background-attachment : scroll;
   background-clip: border-box;
   background-color: transparent;
   background-image: none;
   background-origin: padding-box;
   background-position: 0 0;
   background-position-x: 0;
   background-position-y: 0;
   background-repeat: repeat;
   background-size: auto auto;
   border: 0;
   border-style: none;
   border-width: medium;
   border-color: inherit;
   border-bottom: 0;
   border-bottom-color: inherit;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-style: none;
   border-bottom-width: medium;
   border-collapse: separate;
   border-image: none;
   border-left: 0;
   border-left-color: inherit;
   border-left-style: none;
   border-left-width: medium;
   border-radius: 0;
   border-right: 0;
   border-right-color: inherit;
   border-right-style: none;
   border-right-width: medium;
   border-spacing: 0;
   border-top: 0;
   border-top-color: inherit;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: none;
   border-top-width: medium;
   bottom: auto;
   box-shadow: none;
   box-sizing: content-box;
   caption-side: top;
   clear: none;
   clip: auto;
   color: inherit;
   columns: auto;
   column-count: auto;
   column-fill: balance;
   column-gap: normal;
   column-rule: medium none currentColor;
   column-rule-color: currentColor;
   column-rule-style: none;
   column-rule-width: none;
   column-span: 1;
   column-width: auto;
   content: normal;
   counter-increment: none;
   counter-reset: none;
   cursor: auto;
   direction: ltr;
   display: inline;
   empty-cells: show;
   float: none;
   font: normal;
   font-family: inherit;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   height: auto;
   hyphens: none;
   left: auto;
   letter-spacing: normal;
   line-height: normal;
   list-style: none;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: disc;
   margin: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right : 0;
   margin-top: 0;
   max-height: none;
   max-width: none;
   min-height: 0;
   min-width: 0;
   opacity: 1;
   orphans: 0;
   outline: 0;
   outline-color: invert;
   outline-style: none;
   outline-width: medium;
   overflow: visible;
   overflow-x: visible;
   overflow-y: visible;
   padding: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   page-break-after: auto;
   page-break-before: auto;
   page-break-inside: auto;
   perspective: none;
   perspective-origin: 50% 50%;
   position: static;
   /* May need to alter quotes for different locales (e.g fr) */
   quotes: '\201C' '\201D' '\2018' '\2019';
   right: auto;
   tab-size: 8;
   table-layout: auto;
   text-align: inherit;
   text-align-last: auto;
   text-decoration: none;
   text-decoration-color: inherit;
   text-decoration-line: none;
   text-decoration-style: solid;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   top: auto;
   transform: none;
   transform-style: flat;
   transition: none;
   transition-delay: 0s;
   transition-duration: 0s;
   transition-property: none;
   transition-timing-function: ease;
   unicode-bidi: normal;
   vertical-align: baseline;
   visibility: visible;
   white-space: normal;
   widows: 0;
   width: auto;
   word-spacing: normal;
   z-index: auto;

}

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

a { margin: 0px; padding: 0px; text-decoration: none; }

ul { margin: 0px; padding: 0px; list-style: none; }

  1. wrapper{

background: #8B2942; width: 975px; margin: auto; }

  1. wrapper h1 {

}

  1. header {

width: auto; margin: auto; }

.logo a { background-image: url(Head.png); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }

  1. navbar {

margin-top: -33px; z-index: 1; }

ul.navbar { float: center; margin: 0px; margin-left: 10px; padding: 0px; text-align: center; display: block; }

ul.navbar li { padding: 0px; margin: 0px; display: inline-block; float: left; }

.navbar li a { float: left; margin-top: 3px; margin-bottom: 1px; padding-left: 12px; padding-right: 12px; font-family: "Calibri", tahoma, arial, sans-serif; font-size: 18px; color: #FFF; background: #8B2942; line-height: 30px; text-decoration: none; border-right: 1px dotted #FFF; }

.navbar li a.Act { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

.navbar li a:hover { background: #FFF; color: #8B2942; position: relative; margin-top: 0px; border-bottom: 3px solid #FFF; }

.navbar li a.Act:hover { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

  1. social {

float: right; background: url(Blur.png); background-repeat: no-repeat; width: 114px; height: 29px; padding-top: 5px; display: block; }

ul.social { display: block; }

.social li a { float: right; margin-right: 12px; width: 22px; height: 22px; display: inline-block; }

.social li a:hover { position: relative; margin-top: -2px; margin-left: -1px; margin-right: 13px; }

.social li a:hover img { display: block; width: 23px; height: 23px; }

  1. pcontent {

background: #FFF; color: #8B2942; margin-top: -1px; z-index: 1; display: inline-block; }

  1. sidebar {

float: left; margin: 0; padding-left: 20px; width: 130px; display: inline-block; }

  1. container {

clear: right; float: right; width: 825px; display: inline-block;

}

  1. t_overview {

float: left; }

  1. t_overview h1 {

float: left; padding-top: 1px; }

  1. t_overview p {

margin: 2px; }

  1. member {

}

div#member { width: 100%; float: left; display: block; /*background: rgba(139, 41, 66,0.1);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 20px solid #FFF; -webkit-border-radius: 30px; border-radius: 30px; }

  1. member div {

display: inline-block; }

  1. members {

}

img.prof_pic { float: right; height: auto; max-width: 190px; margin-left: 25px; margin-right: 25px; margin-bottom: 5px; margin-top: 0px; }

  1. member img {

}

.name { float: left; margin: auto; padding: 15px; }

.member_descr { margin: auto; padding: 15px; display: inline-block; text-align: justify; }

.member_descr h2 { margin-top: 0px; font-size: 20px; }

.member_descr p {

}

.clear { clear: both; }

  1. footer {

background: #FFF; color: #8B2942; width: 975px; margin-top: 0px; display: inline-block; }

.sponsors li a img { width: 150px; }