Template:Team:Edinburgh/CSS

From 2014.igem.org

/* GENERAL HOUSEKEEPING */

body { background: #EEE; }

  1. top-section #p-logo, #top-section #search-controls {

display: none; }

  1. top-section {

height: auto; padding: 0px; margin: 0px; border: 0px none; width: auto; }

.firstHeading, #catlinks, #footer-box { display: none; }

  1. content {

margin-top: 20px; margin-bottom: 20px; border: 0px; box-shadow: 10px 10px 5px #888888; }

/* GENERAL */

  1. igem {

Font-family: 'Roboto Slab'; font-size: large; padding: 20px 100px 20px 100px; }

  1. igem h1, h2, h3 {

border-bottom: none; }

/* GENERAL */

  1. header {

text-align: center; }

  1. logo {

border-radius: 100px; }

/* MAIN PAGE*/

  1. header, #aims, #team, #project, #sides, #sponsors {

margin-bottom: 60px; text-align: center; }

img { display: block; margin-left: auto; margin-right: auto;}

a: hover { color: #00F; text-decoration: underline; }


  1. aims a{

color: inherit; text-decoration: none; transition: 0.5s; }

  1. aims:hover {

color: #00F; text-decoration: none; }

  1. team {

text-align: center; font-size: 80%; }

  1. team h2 {

margin: 30px 200px 20px 200px; }

  1. team table {

margin: 0px auto 0px auto; }

  1. team img {

width: 150px; height: 150px; border-radius: 100px; border: 2px black solid; }

  1. team td {

padding-bottom: 20px; }

  1. project a{

color: inherit; text-decoration: none; transition: 0.5s; }

  1. project a:hover {

color: #00F; text-decoration: none; }

  1. icons {

margin: 100px auto 50px auto; font-size: 80%; }

  1. icons .text td {

vertical-align: top; }

  1. icons td {

text-align: center; padding-left: 10px; padding-right: 10px;

}

  1. icons img {

opacity: 0.7; transition: 0.5s; }

  1. icons img:hover {

opacity: 1; }

  1. sponsors table {

border-spacing: 20px; margin: 10px auto 10px auto; }

  1. HPpage td {

vertical-align: top; }

  1. leftnav {

padding-right: 50px; }

  1. leftnav ul {

list-style: none; }

  1. criteria {

position: absolute; left: 30px; top: 100px; font-style: italic; font: 'roboto slab'; padding: 9px; font-size: 180%; font-family: "Roboto slab"; font-weight: bold; }

  1. criteria a {

color: #826A21; }

  1. tourleft {

position: absolute; left: 30px; top: 100px; font-style: italic; font: 'roboto slab'; padding: 9px; font-size: 180%; font-family: "Roboto slab"; font-weight: bold; }


  1. tourleftbottom {

position: absolute; left: 30px; bottom: 20px; font-style: italic; font: 'roboto slab'; padding: 9px; font-size: 180%; font-family: "Roboto slab"; font-weight: bold; margin-bottom: 30px; }


  1. tourright {

position: absolute; right: 30px; top: 100px; font-style: italic; font: 'roboto slab'; padding: 9px; font-size: 180%; font-family: "Roboto slab"; font-weight: bold; }

  1. tourrightbottom {

position: absolute; right: 30px; bottom: 20px; font-style: italic; font: 'roboto slab'; padding: 9px; font-size: 180%; font-family: "Roboto slab"; font-weight: bold; margin-bottom: 30px; }

  1. navlink {

border-radius: 5px; }

  1. navlink a {

transition: 0.5s; padding: 4px; border-radius: 10px; }

  1. navlink a:hover {

background: #2E75B6; text-decoration: none; color: #FFF; }