Team:Edinburgh/HP/

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Team:Edinburgh/CSS}} {{Team:Edinburgh/header}} <div id="igem"> <h1>Human Practices</h1> </div>")
Line 1: Line 1:
-
<html>
+
{{Team:Edinburgh/CSS}}
-
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+
{{Team:Edinburgh/header}}
-
<style>
+
-
  #top-section #p-logo, #top-section #search-controls {
+
-
      display: none;
+
-
  }
+
-
 
+
-
  #top-section {
+
-
      height: auto;
+
-
      padding: 0px;
+
-
      margin: 0px;
+
-
      border: 0px none;
+
-
      width: auto;
+
-
  }
+
-
 
+
-
  .firstHeading, #catlinks, #footer-box {
+
-
      display: none;
+
-
  }
+
-
 
+
-
  #tempheader {
+
-
      background: #80B584;
+
-
      color: #FFF;
+
-
      padding: 100px 20px 100px 20px;
+
-
      margin: 0px 0px 0px 0px;
+
-
      font-size: x-large;
+
-
      text-align: center;
+
-
      transition: 0.5s
+
-
  }
+
-
 
+
-
  #tempheader a {
+
-
      color: #FFF;
+
-
      text-decoration: none;
+
-
  }
+
-
 
+
-
  #tempheader:hover {
+
-
      background: #9C9;
+
-
  }
+
-
 
+
-
  #tempheader #rewired {
+
-
      font-family: 'Courier new';
+
-
      font-size: 300%;
+
-
  }
+
-
     
+
-
 
+
-
  #tempheader p {
+
-
      font-family: 'Roboto Slab';
+
-
      font-style: italic;
+
-
      margin-top: 40px;
+
-
  }
+
-
 
+
-
  #igem {
+
-
      padding: 20px 100px 20px 100px;
+
-
      font-size: x-large;
+
-
      font-family: 'Roboto Slab';
+
-
  }
+
-
 
+
-
  #igem h1, h2 {
+
-
      border-bottom: none;
+
-
  }
+
-
 
+
-
  .img {
+
-
      text-align: center;
+
-
  }
+
-
</style>
+
-
<div id="tempheader"><a href="https://2014.igem.org/Team:Edinburgh">
+
-
<div id="rewired">RewirED</div>
+
-
<p>Please enjoy this temporary wiki design while our final design finishes cooking.</p>
+
-
</a></div>
+
<div id="igem">
<div id="igem">
<h1>Human Practices</h1>
<h1>Human Practices</h1>
</div>
</div>
-
</html>
 

Revision as of 15:15, 10 October 2014

/* 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; }

Human Practices