Team:Manchester/Projecttest

From 2013.igem.org

(Difference between revisions)
Line 228: Line 228:
}
}
-
#content1, #content2, #content3,#content4, #content5, #content6
+
 
 +
#content1  
{
{
float:left;
float:left;
Line 235: Line 236:
}
}
-
#content1 p, #content2 p,#content3 p, #content4 p, #content5 p, #content6 p
+
#content1 p  
{
{
margin:10px 20px 10px 20px;
margin:10px 20px 10px 20px;
Line 246: Line 247:
}
}
-
#content1 img,#content2 img,#content3 img,#content4 img,#content5 img, #content6 img
+
#content1 img
{
{
position:relative;
position:relative;
Line 255: Line 256:
}
}
-
#content1 .myButton, #content2 .myButton, #content3 .myButton,#content4 .myButton,#content5 .myButton, #content6 .myButton  
+
#content1 .myButton
{
{
margin:10px 0 10px 20px;       
margin:10px 0 10px 20px;       
Line 282: Line 283:
     }
     }
-
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover, #content5 .myButton:hover, #content6 .myButton:hover   
+
#content1 .myButton:hover  
{         
{         
         background-color:#a20dbd;
         background-color:#a20dbd;
}
}
-
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active, #content5 .myButton:active, #content6 .myButton:active     
+
#content1 .myButton:active    
{
{
         position:relative;
         position:relative;
         top:1px;
         top:1px;
     }
     }
 +
 +
#content2
 +
{
 +
float:right;
 +
margin:0;
 +
width:500px;
 +
}
 +
 +
#content2 img
 +
{
 +
float:left;
 +
margin:5px 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
 +
{
 +
position:relative;
 +
top:10px;
 +
right:10px;
 +
left:10px;
 +
bottom:10px;
 +
font-family: Cambria, Georgia, serif;
 +
font-style: italic;
 +
font-size:15px;
 +
}
 +
 +
#content2 .myButton {
 +
clear:both;
 +
margin: 10px 0 5px 230px;
 +
       
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:Trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
 +
    #content2 .myButton:hover {
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
 +
    #content2 .myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 +
#content3
 +
{
 +
clear:both;
 +
float:left;
 +
margin:0;
 +
width:500px;
 +
}
 +
 +
#content3 p
 +
{
 +
margin:10px 20px 10px 20px;
 +
width:300px;
 +
float:left;
 +
float:left;
 +
font-family: Cambria, Georgia, serif;
 +
font-style: italic;
 +
font-size:15px;
 +
}
 +
 +
#content3 img
 +
{
 +
position:relative;
 +
top: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);
 +
}
 +
 +
#content3 .myButton {
 +
margin:10px 0 10px 20px;
 +
       
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:Trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
 +
    #content3 .myButton:hover {
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
 +
    #content3 .myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 +
#content4
 +
{
 +
float:right;
 +
margin:0;
 +
width:500px;
 +
}
 +
 +
#content4 img
 +
{
 +
float:left;
 +
margin:5px 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);
 +
}
 +
 +
#content4 p
 +
{
 +
position:relative;
 +
top:10px;
 +
right:10px;
 +
left:10px;
 +
bottom:10px;
 +
font-family: Cambria, Georgia, serif;
 +
font-style: italic;
 +
font-size:15px;
 +
}
 +
 +
#content4 .myButton {
 +
clear:both;
 +
margin: 10px 0 5px 230px;
 +
       
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:Trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
 +
    #content4 .myButton:hover {
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
 +
    #content4 .myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 +
#content5
 +
{
 +
clear:both;
 +
float:left;
 +
margin:0;
 +
width:500px;
 +
}
 +
 +
#content5 p
 +
{
 +
margin:10px 20px 10px 20px;
 +
width:300px;
 +
float:left;
 +
float:left;
 +
font-family: Cambria, Georgia, serif;
 +
font-style: italic;
 +
font-size:15px;
 +
}
 +
 +
#content5 img
 +
{
 +
position:relative;
 +
top: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);
 +
}
 +
 +
#content5 .myButton {
 +
margin:10px 0 10px 20px;
 +
       
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:Trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
 +
    #content5 .myButton:hover {
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
 +
    #content5 .myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
 +
#content6
 +
{
 +
float:right;
 +
margin:0;
 +
width:500px;
 +
}
 +
 +
#content6 img
 +
{
 +
float:left;
 +
margin:5px 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);
 +
}
 +
 +
#content6 p
 +
{
 +
position:relative;
 +
top:10px;
 +
right:10px;
 +
left:10px;
 +
bottom:10px;
 +
font-family: Cambria, Georgia, serif;
 +
font-style: italic;
 +
font-size:15px;
 +
}
 +
 +
#content6 .myButton {
 +
clear:both;
 +
margin: 10px 0 5px 230px;
 +
       
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
        box-shadow:inset 0px 1px 0px 0px #e184f3;
 +
       
 +
        background-color:#c123de;
 +
       
 +
        -moz-border-radius:6px;
 +
        -webkit-border-radius:6px;
 +
        border-radius:6px;
 +
       
 +
        border:1px solid #a511c0;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:Trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;
 +
        text-decoration:none;
 +
       
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
       
 +
    }
 +
 +
    #content6 .myButton:hover {
 +
       
 +
        background-color:#a20dbd;
 +
    }
 +
 +
    #content6 .myButton:active {
 +
        position:relative;
 +
        top:1px;
 +
    }
 +
.container
.container

Revision as of 15:38, 23 July 2013

Safety

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. READ

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.

READ

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. READ

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.

READ

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. READ

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.

READ

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