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...")
 
(7 intermediate revisions not shown)
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 48: Line 51:
background-image:url(https://static.igem.org/mediawiki/2013/7/7d/Exeter_logo.png);
background-image:url(https://static.igem.org/mediawiki/2013/7/7d/Exeter_logo.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
-
width:900px;
+
width:450px;
-
height:402px;
+
height:200px;
}
}
Line 57: Line 60:
{
{
color:#B1C6FC
color:#B1C6FC
 +
}
 +
 +
#menu
 +
{
 +
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: 85px;
 +
height: 20px;
 +
display: block;
 +
text-align: center;
 +
text-decoration: none;
 +
color:#1E4297
 +
font-weight: bold;
 +
font-size: 15px;
 +
}
 +
 +
#menu a:hover{
 +
color:#BAD1F3;
 +
}
 +
 +
#content p
 +
{
 +
 +
}
 +
 +
 +
html, body {
 +
text-align: center;
 +
}
 +
p {text-align: left;}

Latest revision as of 12:47, 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(Exeter_logo.png); background-repeat:no-repeat; width:450px; height:200px; }


.lightblue { color:#B1C6FC }

  1. menu

{ 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: 85px; height: 20px; display: block; text-align: center; text-decoration: none; color:#1E4297 font-weight: bold; font-size: 15px; }

  1. menu a:hover{

color:#BAD1F3; }

  1. content p

{

}


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

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