Team:Manchester/Outreachtest

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} {{:Team:Manchester/Navbartest}} <html> <head> <title> Safety </title> <style type="text/css"> * { margin:0; padding:0; } #content, body { ...")
Line 89: Line 89:
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
}
 
-
 
-
#content1, #content3, #content5
 
-
{
 
-
float:left;
 
-
margin:0;
 
-
width:470px;
 
-
}
 
-
 
-
#content1 p, #content3 p, #content5 p 
 
-
{
 
-
margin:0;
 
-
width:300px;
 
-
float:left;
 
-
font-family: Trebuchet MS;
 
-
font-size:15px;
 
-
padding:8px 2px;
 
-
background:#E6E6E6;
 
-
color:#4c0082;
 
-
 
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
}
 
-
 
-
#content1 img, #content3 img, #content5 img
 
-
{
 
-
float:right;
 
-
margin-right:5px;
 
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
}
 
-
 
-
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
 
-
{
 
-
clear:both;
 
-
margin-top:5px;     
 
-
        -moz-box-shadow:inset 0px 1px 0px 0px #660099;
 
-
        -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
 
-
        box-shadow:inset 0px 1px 0px 0px #660099;
 
-
       
 
-
        background-color:#660099;
 
-
       
 
-
        -moz-border-radius:6px;
 
-
        -webkit-border-radius:6px;
 
-
        border-radius:6px;     
 
-
       
 
-
        display:inline-block;
 
-
        color:#ffffff;
 
-
        font-family:Trebuchet MS;
 
-
        font-size:15px;
 
-
        font-weight:bold;
 
-
        padding:6px 24px;
 
-
        text-decoration:none;
 
-
        text-align:center;       
 
-
 
-
        text-shadow:0px 1px 0px #9b14b3;
 
-
        width:250px;
 
-
    }
 
-
 
-
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
 
-
#content5 .myButton:hover, #content6 .myButton:hover
 
-
{       
 
-
        background:#A901DB;
 
-
}
 
-
 
-
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
 
-
#content5 .myButton:hover, #content6 .myButton:hover         
 
-
{
 
-
        position:relative;
 
-
        top:1px;
 
-
}
 
-
 
-
#content2 .myButton, #content4 .myButton, #content6 .myButton
 
-
{
 
-
margin-left:10px;
 
-
}
 
-
 
-
#content2, #content4, #content6
 
-
{
 
-
float:right;
 
-
margin:0;
 
-
width:470px;
 
-
}
 
-
 
-
#content2 img, #content4 img, #content6 img
 
-
{
 
-
float:left;
 
-
margin:0 5px 5px 0;
 
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
}
 
-
 
-
#content2 p, #content4 p, #content6 p
 
-
{
 
-
float:right;
 
-
width:300px;
 
-
margin:0;
 
-
font-family: Trebuchet MS;
 
-
font-size:15px;
 
-
padding:8px 2px;
 
-
background:#E6E6E6;
 
-
color:#4c0082;
 
-
 
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 
-
}
 
-
 
-
hr
 
-
{
 
-
clear: both;
 
-
border: 0;
 
-
height: 0;
 
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
 
-
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 
}
}
Line 240: Line 122:
<div class="global">
<div class="global">
<div class="wrapper" >
<div class="wrapper" >
-
        <div id="content1">
 
-
            <p>
 
-
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.
 
-
        </p>
 
-
                        <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>     
 
-
<a href="#" class="myButton" > PUBLIC OUTREACH </a>
 
-
 
-
 
-
  </div>
 
-
 
-
  <div id="content2">
 
-
  <img src="https://static.igem.org/mediawiki/2013/e/ea/Ethics.jpg" height="230" width="150"/>     
 
-
            <p>
 
-
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.
 
-
</p>         
 
-
            <a href="#" class="myButton" > ETHICS </a>
 
-
  </div>
 
-
<hr> </hr>
 
-
    <div id="content3">
 
-
            <p>
 
-
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.
 
-
            </p>
 
-
                        <img src="https://static.igem.org/mediawiki/2013/2/25/Businessplan.jpg" height="230" width="150"/>     
 
-
<a href="#" class="myButton" >BUSINESS PLAN </a>
 
-
 
-
 
-
  </div>
 
-
  <div id="content4">
+
 
-
  <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
+
-
            <p>
+
-
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.
+
-
</p>         
+
-
            <a href="#" class="myButton" > KNOWLEDGE DEFICIT ASSUMPTION </a>
+
-
  </div>
+
-
<hr> </hr>
+
-
        <div id="content5">
+
-
            <p>
+
-
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.
+
-
          </p>
+
-
                        <img src="https://static.igem.org/mediawiki/2013/2/29/Judge.jpg" height="230" width="150"/> 
+
-
<a href="#" class="myButton" > CONFERENCES AND DISCUSSIONS </a>
+
-
  </div>
+
-
 
+
-
  <div id="content6">
+
-
  <img src="https://static.igem.org/mediawiki/2013/f/fe/Socialmedia.jpg" height="230" width="150"/>
+
-
            <p>
+
-
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.
+
-
</p>         
+
-
            <a href="#" class="myButton" > SOCIAL MEDIA </a>
+
-
  </div>
+
</div>
</div>
</div>
</div>

Revision as of 01:39, 29 July 2013


Safety

Retrieved from "http://2013.igem.org/Team:Manchester/Outreachtest"