Team:Exeter/Template/style

From 2013.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 51: 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 60: Line 60:
{
{
color:#B1C6FC
color:#B1C6FC
-
 
}
}
-
 
-
 
-
 
#menu
#menu
Line 117: Line 113:
#menu a {
#menu a {
float: left;
float: left;
-
width: 150px;
+
width: 85px;
-
height: 40px;
+
height: 20px;
display: block;
display: block;
text-align: center;
text-align: center;
text-decoration: none;
text-decoration: none;
-
color: #ffffff;
+
color:#1E4297
font-weight: bold;
font-weight: bold;
-
padding-top: 17px;
 
font-size: 15px;
font-size: 15px;
}
}

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;}