Team:Virginia/Team

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
  <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+
html, body
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
{
 +
height: 100%;
 +
}
-
<style>
+
body
-
.firstHeading, #top-section, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;}
+
{
 +
margin: 0px;
 +
padding: 0px;
 +
background: #088573;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 13px;
 +
color: #4F4F4F;
 +
}
 +
h1, h2, h3
 +
{
 +
margin: 0;
 +
padding: 0;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
color: #098A76;
 +
}
 +
 +
p, ol, ul
 +
{
 +
margin-top: 0px;
 +
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
ol, ul
-
border: 0px;
+
{
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
 +
list-style:  none
}
}
 +
p
 +
{
 +
line-height: 180%;
 +
}
 +
strong
 +
{
 +
}
-
h1{
+
a
-
border-bottom:0px;
+
{
-
color:white;
+
color: #088674;
}
}
-
  #igemlogo{
+
a:hover
-
    width:55px;
+
{
-
    }
+
text-decoration: none;
 +
}
 +
a img
 +
{
 +
border: none;
 +
}
 +
img.border
 +
{
 +
}
-
header{
+
img.alignleft
-
     
+
{
-
      font-family:"Raleway";
+
float: left;
-
      background-size:cover;
+
}
-
      text-align: center;
+
-
      color:white;
+
-
    margin: 0 auto;        background:url("http://www.bernesemountaindogpuppies.us/typo3temp/GB/abb767970c.jpg");
+
-
      background-size:cover;
+
-
        background-position: 0px -60px;
+
-
        -moz-box-shadow:    3px 3px 5px 6px #ccc;
+
-
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
+
-
    box-shadow:        3px 3px 5px 6px #ccc;
+
-
     
+
img.alignright
-
    }
+
{
-
   
+
float: right;
-
    body{
+
}
-
      max-width:900px;
+
-
      margin: 0 auto;
+
-
      background: #E0E0E0
+
-
    }
+
-
+
-
   
+
-
    a{
+
img.aligncenter
-
      color:white;
+
{
-
      text-decoration:none;
+
margin: 0px auto;
-
     
+
}
-
    }
+
-
a:visited{
+
hr
-
  color:white;
+
{
 +
display: none;
}
}
-
    p{
 
-
     
 
-
      font-family: "Raleway";
 
-
      font-style: normal;
 
-
      font-weight: 400;
 
-
      font-size:20px;
 
-
      line-height:120%;
 
-
     
 
-
    }
 
-
    .aBody{
 
-
    height:500px;
 
-
    background:white;
 
-
    padding:20px;
 
-
    }
 
-
   
 
-
    h1{
 
-
      padding: 0px 0px 20px 0 px;
 
-
      margin: 20px;
 
-
      font-size: 71px;
 
-
   
 
-
      font-family:'Open Sans';
 
-
    }
 
-
 
 
-
    li{
+
ul.style1
-
    display:inline;
+
{
-
    padding:10px;
+
-
    }
+
-
   
+
-
    ul{
+
-
      padding:10px 0px 10px 0px;
+
-
      font-size:18px;
+
-
      background: rgba(0,0,0,0.5);
+
-
margin:0px;
+
-
    }
+
-
   
+
-
#placeimg{
+
-
height: 250px;
+
}
}
-
  </style>
 
-
<head>
+
ul.style1 li
 +
{
 +
padding: 1.50em 0em 1.90em 0em;
 +
border-top: 1px solid #e8e8e8;
 +
}
-
<body>
+
ul.style1 a
-
  <div>
+
{
-
    <header>
+
text-decoration: none;
-
        <h1><a href="igem.org"><img id="igemlogo" src=
+
color: #6e6d6d;
-
        "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a> Our
+
}
-
        Team</h1>
+
-
<img id="placeimg" src=
+
ul.style1 a:hover
-
        "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
+
{
 +
text-decoration: underline;
 +
}
-
        <ul>
+
ul.style1 .posted
-
            <li><a href="https://2014.igem.org/Team:Virginia">Home</a></li>
+
{
 +
font-size: 0.90em;
 +
color: #b6b6b6;
 +
}
-
            <li><a href="https://2014.igem.org/Team:Virginia/Team">Team</a></li>
+
ul.style1 .first
 +
{
 +
padding-top: 0em;
 +
border-top: none;
 +
}
-
            <li><a href=
+
/** WRAPPER */
-
            "https://igem.org/Team.cgi?year=2014&amp;team_name=Virginia">Official
+
-
            Team Profile</a></li>
+
-
            <li><a href=
+
#wrapper
-
            "https://2014.igem.org/Team:Virginia/Project">Project</a></li>
+
{
 +
background: #FFFFFF;
 +
}
-
            <li><a href=
+
.container
-
            "https://2014.igem.org/Team:Virginia/Parts">Parts</a></li>
+
{
 +
width: 1000px;
 +
margin: 0px auto;
 +
}
-
            <li><a href=
+
.clearfix
-
            "https://2014.igem.org/Team:Virginia/Modeling">Modeling</a></li>
+
{
 +
clear: both;
 +
}
-
            <li><a href=
+
/** HEADER */
-
            "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
+
-
            <li><a href=
+
#header-wrapper
-
            "https://2014.igem.org/Team:Virginia/Safety">Safety</a></li>
+
{
 +
overflow: hidden;
 +
height: 150px;
 +
background: #088573;
 +
border-bottom: 1px solid #3B3B3A;
 +
}
-
            <li><a href=
+
#header
-
            "https://2014.igem.org/Team:Virginia/Attributions">Attributions</a></li>
+
{
-
        </ul>
+
overflow: hidden;
-
    </header>
+
}
-
  </div>
+
-
 
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
  <div class="aBody">
+
-
    <p>
+
-
      The standard Lorem Ipsum passage, used since the 1500s
+
-
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+
/** LOGO */
-
    </p>
+
-
    <p>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
+
-
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p>
+
#logo
-
   
+
{
-
   
+
position: relative;
-
  </div>
+
float: left;
 +
width: 380px;
 +
height: 100px;
 +
}
 +
#logo h1, #logo p
 +
{
 +
margin: 0px;
 +
line-height: normal;
 +
}
-
</body>
+
#logo h1 a
-
</html>
+
{
 +
display: block;
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
width: 100%;
 +
height: 100%;
 +
line-height: 150px;
 +
color: #FFFFFF;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-size: 1.50em;
 +
}
 +
 
 +
/** MENU */
 +
 
 +
#menu
 +
{
 +
float: right;
 +
padding: 40px 0px 0px 0px;
 +
height: 99px;
 +
}
 +
 
 +
#menu ul
 +
{
 +
float: right;
 +
margin: 0px;
 +
padding: 0px;
 +
background: #0DA993;
 +
list-style: none;
 +
line-height: normal;
 +
}
 +
 
 +
#menu li
 +
{
 +
float: left;
 +
padding: 2em 2em 2em 2em;
 +
}
 +
 
 +
#menu a
 +
{
 +
display: block;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
font-size: 1.10em;
 +
color: #FFFFFF;
 +
}
 +
 
 +
#menu a:hover
 +
{
 +
text-decoration: underline;
 +
}
 +
 
 +
#menu .active a
 +
{
 +
color: #088674;
 +
}
 +
 
 +
#menu .first
 +
{
 +
background: #FFFFFF;
 +
border-left: none;
 +
box-shadow: none;
 +
color: #088674;
 +
}
 +
 
 +
/** PAGE */
 +
 
 +
#page
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
}
 +
 
 +
#page h2
 +
{
 +
padding: 0px 0px 30px 0px;
 +
letter-spacing: -1px;
 +
font-family: 'Open Sans', sans-serif;
 +
font-weight: 400;
 +
font-size: 2em;
 +
color: #098A76;
 +
}
 +
 
 +
/** CONTENT */
 +
 
 +
#content
 +
{
 +
float: left;
 +
width: 650px;
 +
}
 +
 
 +
#content h2
 +
{
 +
padding: 10px 0px 20px 0px;
 +
font-size: 2.50em;
 +
}
 +
 
 +
#content img
 +
{
 +
float: left;
 +
margin-right: 40px;
 +
}
 +
 
 +
/** SIDEBAR */
 +
 
 +
#sidebar
 +
{
 +
float: right;
 +
width: 300px;
 +
}
 +
 
 +
#sidebar h2
 +
{
 +
padding: 10px 0px 20px 0px;
 +
}
 +
 
 +
/* Footer */
 +
 
 +
#footer
 +
{
 +
overflow: hidden;
 +
padding: 3em 0em;
 +
}
 +
 
 +
#footer p
 +
{
 +
text-align: center;
 +
color: #FFFFFF;
 +
}
 +
 
 +
#footer a
 +
{
 +
color: #FFFFFF;
 +
}
 +
 
 +
/** Banner */
 +
 
 +
#banner
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
background: #E2E0DE;
 +
border-bottom: 1px solid #D8D8D8;
 +
}
 +
 
 +
/** Slider */
 +
 
 +
#slider
 +
{
 +
overflow: hidden;
 +
margin: 0 auto;
 +
width: 1000px;
 +
position: relative;
 +
}
 +
 
 +
#slider .button
 +
{
 +
display: inline-block;
 +
background: #0074C6;
 +
color: #ffffff;
 +
text-align: center;
 +
line-height: 50px;
 +
height: 50px;
 +
text-decoration: none;
 +
outline: 0;
 +
border-radius: 8px;
 +
font-size: 1.25em;
 +
border-bottom: solid 2px #0054A6;
 +
text-shadow: 0 1px 1px #003A6C;
 +
}
 +
 
 +
#slider .button:hover
 +
{
 +
background: #2094E6;
 +
}
 +
 
 +
#slider .viewer
 +
{
 +
width: 1000px;
 +
height: 500px;
 +
margin: 0 auto;
 +
overflow: hidden;
 +
}
 +
 
 +
#slider .viewer .reel
 +
{
 +
display: none;
 +
}
 +
 
 +
#slider .viewer .reel .slide
 +
{
 +
position: relative;
 +
width: 1000px;
 +
height: 500px;
 +
}
 +
 
 +
#slider .viewer .reel h2
 +
{
 +
position: absolute;
 +
top: 230px;
 +
left: 0;
 +
padding: 0px 30px;
 +
line-height: 80px;
 +
background: #111111;
 +
text-align: center;
 +
opacity: 0.75;
 +
font-weight: normal;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
color: #ffffff;
 +
font-size: 4.50em;
 +
}
 +
 
 +
#slider .viewer .reel p
 +
{
 +
position: absolute;
 +
top: 310px;
 +
left: 0;
 +
display: block;
 +
padding: 5px 35px;
 +
background: #0074C6;
 +
text-align: center;
 +
opacity: 0.75;
 +
font-family: 'Archivo Narrow', sans-serif;
 +
font-weight: normal;
 +
color: #ffffff;
 +
font-size: 2.00em;
 +
}
 +
 
 +
#slider .indicator
 +
{
 +
margin: 30px auto 0 auto;
 +
}
 +
 
 +
#slider .indicator ul
 +
{
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
text-align: center;
 +
}
 +
 
 +
#slider .indicator ul li
 +
{
 +
display: inline-block;
 +
width: 12px;
 +
height: 12px;
 +
text-indent: -9999em;
 +
background: #c8c8c8;
 +
margin: 0 2px 0 2px;
 +
border-radius: 8px;
 +
border-bottom: solid 1px #ffffff;
 +
border-top: solid 1px #909090;
 +
}
 +
 
 +
#slider .indicator ul li.active
 +
{
 +
background: #505050;
 +
border-top: solid 1px #505050;
 +
}
 +
 
 +
#featured
 +
{
 +
overflow: hidden;
 +
padding: 50px 0px;
 +
border-bottom: 1px solid #D8D8D8;
 +
}
 +
 
 +
#featured #fbox1
 +
{
 +
float: left;
 +
width: 235px;
 +
margin-right: 20px;
 +
}
 +
 
 +
#featured #fbox2
 +
{
 +
float: left;
 +
width: 235px;
 +
margin-right: 20px;
 +
}
 +
 
 +
#featured #fbox3
 +
{
 +
float: left;
 +
width: 235px;
 +
}
 +
 
 +
#featured #fbox4
 +
{
 +
float: right;
 +
width: 235px;
 +
}
 +
 
 +
#featured img
 +
{
 +
}
 +
 
 +
#featured p
 +
{
 +
text-align: center;
 +
}
 +
 
 +
#featured h2
 +
{
 +
padding: 20px 0px 20px 0px;
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 1.00em;
 +
font-weight: 700;
 +
font-family: 'Open Sans', sans-serif;
 +
color: #098A76;
 +
}
 +
 
 +
#featured .title
 +
{
 +
margin-bottom: 40px;
 +
border-top: 1px solid #D8D8D8;
 +
border-bottom: 1px solid #D8D8D8;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 2.50em;
 +
color: #098A76 !important;
 +
}

Revision as of 14:10, 9 June 2014

html, body { height: 100%; }

body { margin: 0px; padding: 0px; background: #088573; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #4F4F4F; }

h1, h2, h3 { margin: 0; padding: 0; font-family: 'Archivo Narrow', sans-serif; color: #098A76; }

p, ol, ul { margin-top: 0px; }

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

p { line-height: 180%; }

strong { }

a { color: #088674; }

a:hover { text-decoration: none; }

a img { border: none; }

img.border { }

img.alignleft { float: left; }

img.alignright { float: right; }

img.aligncenter { margin: 0px auto; }

hr { display: none; }

ul.style1 { }

ul.style1 li { padding: 1.50em 0em 1.90em 0em; border-top: 1px solid #e8e8e8; }

ul.style1 a { text-decoration: none; color: #6e6d6d; }

ul.style1 a:hover { text-decoration: underline; }

ul.style1 .posted { font-size: 0.90em; color: #b6b6b6; }

ul.style1 .first { padding-top: 0em; border-top: none; }

/** WRAPPER */

  1. wrapper

{ background: #FFFFFF; }

.container { width: 1000px; margin: 0px auto; }

.clearfix { clear: both; }

/** HEADER */

  1. header-wrapper

{ overflow: hidden; height: 150px; background: #088573; border-bottom: 1px solid #3B3B3A; }

  1. header

{ overflow: hidden; }

/** LOGO */

  1. logo

{ position: relative; float: left; width: 380px; height: 100px; }

  1. logo h1, #logo p

{ margin: 0px; line-height: normal; }

  1. logo h1 a

{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 150px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 1.50em; }

/** MENU */

  1. menu

{ float: right; padding: 40px 0px 0px 0px; height: 99px; }

  1. menu ul

{ float: right; margin: 0px; padding: 0px; background: #0DA993; list-style: none; line-height: normal; }

  1. menu li

{ float: left; padding: 2em 2em 2em 2em; }

  1. menu a

{ display: block; text-decoration: none; text-transform: uppercase; font-weight: 400; font-family: 'Archivo Narrow', sans-serif; font-size: 1.10em; color: #FFFFFF; }

  1. menu a:hover

{ text-decoration: underline; }

  1. menu .active a

{ color: #088674; }

  1. menu .first

{ background: #FFFFFF; border-left: none; box-shadow: none; color: #088674; }

/** PAGE */

  1. page

{ overflow: hidden; padding: 50px 0px; }

  1. page h2

{ padding: 0px 0px 30px 0px; letter-spacing: -1px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 2em; color: #098A76; }

/** CONTENT */

  1. content

{ float: left; width: 650px; }

  1. content h2

{ padding: 10px 0px 20px 0px; font-size: 2.50em; }

  1. content img

{ float: left; margin-right: 40px; }

/** SIDEBAR */

  1. sidebar

{ float: right; width: 300px; }

  1. sidebar h2

{ padding: 10px 0px 20px 0px; }

/* Footer */

  1. footer

{ overflow: hidden; padding: 3em 0em; }

  1. footer p

{ text-align: center; color: #FFFFFF; }

  1. footer a

{ color: #FFFFFF; }

/** Banner */

  1. banner

{ overflow: hidden; padding: 50px 0px; background: #E2E0DE; border-bottom: 1px solid #D8D8D8; }

/** Slider */

  1. slider

{ overflow: hidden; margin: 0 auto; width: 1000px; position: relative; }

  1. slider .button

{ display: inline-block; background: #0074C6; color: #ffffff; text-align: center; line-height: 50px; height: 50px; text-decoration: none; outline: 0; border-radius: 8px; font-size: 1.25em; border-bottom: solid 2px #0054A6; text-shadow: 0 1px 1px #003A6C; }

  1. slider .button:hover

{ background: #2094E6; }

  1. slider .viewer

{ width: 1000px; height: 500px; margin: 0 auto; overflow: hidden; }

  1. slider .viewer .reel

{ display: none; }

  1. slider .viewer .reel .slide

{ position: relative; width: 1000px; height: 500px; }

  1. slider .viewer .reel h2

{ position: absolute; top: 230px; left: 0; padding: 0px 30px; line-height: 80px; background: #111111; text-align: center; opacity: 0.75; font-weight: normal; font-family: 'Archivo Narrow', sans-serif; color: #ffffff; font-size: 4.50em; }

  1. slider .viewer .reel p

{ position: absolute; top: 310px; left: 0; display: block; padding: 5px 35px; background: #0074C6; text-align: center; opacity: 0.75; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; color: #ffffff; font-size: 2.00em; }

  1. slider .indicator

{ margin: 30px auto 0 auto; }

  1. slider .indicator ul

{ list-style: none; padding: 0; margin: 0; text-align: center; }

  1. slider .indicator ul li

{ display: inline-block; width: 12px; height: 12px; text-indent: -9999em; background: #c8c8c8; margin: 0 2px 0 2px; border-radius: 8px; border-bottom: solid 1px #ffffff; border-top: solid 1px #909090; }

  1. slider .indicator ul li.active

{ background: #505050; border-top: solid 1px #505050; }

  1. featured

{ overflow: hidden; padding: 50px 0px; border-bottom: 1px solid #D8D8D8; }

  1. featured #fbox1

{ float: left; width: 235px; margin-right: 20px; }

  1. featured #fbox2

{ float: left; width: 235px; margin-right: 20px; }

  1. featured #fbox3

{ float: left; width: 235px; }

  1. featured #fbox4

{ float: right; width: 235px; }

  1. featured img

{ }

  1. featured p

{ text-align: center; }

  1. featured h2

{ padding: 20px 0px 20px 0px; text-align: center; text-transform: uppercase; font-size: 1.00em; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #098A76; }

  1. featured .title

{ margin-bottom: 40px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; font-family: 'Open Sans', sans-serif; font-size: 2.50em; color: #098A76 !important; }

Retrieved from "http://2014.igem.org/Team:Virginia/Team"