Team:Exeter/Template/style

From 2013.igem.org

(Difference between revisions)
(Created page with "- →A Free Design by Bryant Smith (bryantsmith.com): body { margin: 0; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; font-size: 13px; color: #061C...")
Line 1: Line 1:
/* A Free Design by Bryant Smith (bryantsmith.com) */
/* A Free Design by Bryant Smith (bryantsmith.com) */
 +
 +
 +
body {
body {
margin: 0;
margin: 0;
Line 46: Line 49:
#mainpic
#mainpic
{
{
-
background-image:url(https://static.igem.org/mediawiki/2013/7/7d/Exeter_logo.png);
+
background-image:url(images/main.jpg);
background-repeat:no-repeat;
background-repeat:no-repeat;
width:900px;
width:900px;
Line 59: Line 62:
}
}
 +
 +
 +
 +
 +
#menu
 +
{
 +
background-image:url(images/menu.png);
 +
background-repeat:no-repeat;
 +
width:940px;
 +
height:69px;
 +
float:left;
 +
clear:both;
 +
}
 +
 +
#content
 +
{
 +
width:880px;
 +
height:auto;
 +
background-color:#FFF;
 +
padding-left:10px;
 +
padding-right:10px;
 +
padding-bottom:5px;
 +
}
 +
 +
#footer
 +
{
 +
width:inherit;
 +
height:auto;
 +
}
 +
 +
#footer h3 a,#footer h3 a:visited
 +
{
 +
display:inline;
 +
text-align:center;
 +
font-size:12px;
 +
text-decoration:none;
 +
color:#7198E1;
 +
}
 +
 +
 +
#menu ul {
 +
list-style: none;
 +
padding: 0px;
 +
margin-left:auto;
 +
width:900px;
 +
}
 +
 +
#menu li {
 +
list-style: none;
 +
padding: 0px;
 +
display: inline;
 +
 +
}
 +
 +
#menu a {
 +
float: left;
 +
width: 150px;
 +
height: 40px;
 +
display: block;
 +
text-align: center;
 +
text-decoration: none;
 +
color: #ffffff;
 +
font-weight: bold;
 +
padding-top: 17px;
 +
font-size: 15px;
 +
}
 +
 +
#menu a:hover{
 +
color:#BAD1F3;
 +
background: url(images/menuhov.jpg) no-repeat;
 +
}
 +
 +
#content p
 +
{
 +
 +
}
 +
 +
 +
html, body {
 +
text-align: center;
 +
}
 +
p {text-align: left;}

Revision as of 12:21, 3 September 2013

/* A Free Design by Bryant Smith (bryantsmith.com) */


body { margin: 0; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; font-size: 13px; color: #061C37; background: #1E4297; background-repeat:repeat-x; }

{ 

 margin: 0 auto 0 auto;
text-align:left;}
  1. container

{ 

 display: block; 
 height:auto;
 position: relative; 
 width: 940px;

}

  1. mainpic h1

{ position:absolute; text-align:right;

font-size:30px; color:#FFF; left:550px; top:100px; }


  1. mainpic h2

{ position:absolute; text-align:right; color:#E1E7F7; left:550px; top:130px; }

  1. mainpic

{ background-image:url(images/main.jpg); background-repeat:no-repeat; width:900px; height:402px; }


.lightblue { color:#B1C6FC

}



  1. menu

{ background-image:url(images/menu.png); background-repeat:no-repeat; width:940px; height:69px; float:left; clear:both; }

  1. content

{ width:880px; height:auto; background-color:#FFF; padding-left:10px; padding-right:10px; padding-bottom:5px; }

  1. footer

{ width:inherit; height:auto; }

  1. footer h3 a,#footer h3 a:visited

{ display:inline; text-align:center; font-size:12px; text-decoration:none; color:#7198E1; }


  1. menu ul {

list-style: none; padding: 0px; margin-left:auto; width:900px; }

  1. menu li {

list-style: none; padding: 0px; display: inline;

}

  1. menu a {

float: left; width: 150px; height: 40px; display: block; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; padding-top: 17px; font-size: 15px; }

  1. menu a:hover{

color:#BAD1F3; background: url(images/menuhov.jpg) no-repeat; }

  1. content p

{

}


html, body { text-align: center; } p {text-align: left;}

Retrieved from "http://2013.igem.org/Team:Exeter/Template/style"