CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* A Free Design by Bryant Smith (bryantsmith.com) */
+
/*
-
 
+
Design by Bryant Smith
-
 
+
http://www.bryantsmith.com
-
 
+
Free use with link
-
 
+
*/
-
 
+
-
 
+
-
 
+
body {
body {
Line 53: Line 50:
color:#000000;
color:#000000;
margin-bottom:0px;
margin-bottom:0px;
 +
border-bottom:dashed 1px;
}
}
.topNaviagationLink a:hover
.topNaviagationLink a:hover
{
{
-
text-align:center;
+
color:#000000;
-
color:#FFFFFF;
+
display: block;
display: block;
width:121px;
width:121px;
Line 64: Line 61:
line-height: 35px;
line-height: 35px;
background-image:url(tab.png);
background-image:url(tab.png);
-
border-bottom:none;
+
 
}
}
Line 72: Line 69:
width:670px;
width:670px;
height:345px;
height:345px;
-
background-color:#000000;
+
background-color:#FFFFFF;
}
}
Line 81: Line 78:
height:325px;
height:325px;
top:10px;
top:10px;
-
margin-left:10px;
 
background-image:url(mainImage.jpg);
background-image:url(mainImage.jpg);
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 108: Line 104:
.contentBox
.contentBox
{
{
-
margin-top:10px;
+
position:relative;
width:670px;
width:670px;
height:auto;
height:auto;
-
background-color:#000000;
+
background-color:#FFFFFF;
 +
height:auto;
}
}
Line 117: Line 114:
{
{
position:relative;
position:relative;
-
 
width:650px;
width:650px;
height:auto;
height:auto;
top:10px;
top:10px;
-
margin-left:10px;
 
background-image:url(contentBack.png);
background-image:url(contentBack.png);
background-color:#FFFFFF;
background-color:#FFFFFF;
Line 140: Line 135:
{
{
font-size:13px;
font-size:13px;
-
line-height:24px;
+
line-height :24px;
margin-left:13px;
margin-left:13px;
margin-right:13px;
margin-right:13px;
}
}
-
h4 {
+
#footer {
text-align:center;
text-align:center;
padding-top:30px;
padding-top:30px;
Line 154: Line 149:
}
}
-
h4
+
#footer a
{
{
text-decoration:none;
text-decoration:none;
Line 162: Line 157:
a
a
{
{
-
color:#484848;
+
color:#000000;
-
border-bottom:dotted 1px;
+
text-decoration:none;
}
}
Line 175: Line 170:
{
{
color:#000000;
color:#000000;
-
 
}
}
Line 192: Line 186:
border-color:#484848;
border-color:#484848;
}
}
-
 
-
html, body {
 
-
text-align: center;
 
-
}
 
-
p {text-align: left;}
 

Revision as of 15:29, 1 September 2014

/* Design by Bryant Smith http://www.bryantsmith.com Free use with link

  • /

body { margin: 0; padding: 0; text-align: left; font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #000000; background: #000000 url(background.png); background-repeat:repeat-x; }

{ 

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

{ 

 display: block; 
 height:auto;
 position: relative; 
 overflow: hidden; 
 width: 670px;

}

.topNaviagationLink { text-align:center; position:relative; margin-top:30px; font-size:16px; margin-left:-10px; width:121px; height: 35px; line-height: 35px; float:left; color:#000000; font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; }


.topNaviagationLink a { text-decoration:none; color:#000000; margin-bottom:0px; border-bottom:dashed 1px; }

.topNaviagationLink a:hover { color:#000000; display: block; width:121px; height: 35px; line-height: 35px; background-image:url(tab.png);

}

  1. mainPicture

{ clear:both; width:670px; height:345px; background-color:#FFFFFF; }

  1. mainPicture .picture

{ position:relative; width:650px; height:325px; top:10px; background-image:url(mainImage.jpg); background-repeat:no-repeat; }

  1. headerTitle

{ position:relative; top:14px; left:22px; font-size:27px; color:#000000; font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; }

  1. headerSubtext

{ position:relative; top:12px; left:22px; font-size:14px; color:#484848; font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif; }

.contentBox { position:relative; width:670px; height:auto; background-color:#FFFFFF; height:auto; }

.contentBox .innerBox { position:relative; width:650px; height:auto; top:10px; background-image:url(contentBack.png); background-color:#FFFFFF; background-repeat:repeat-x; }

h1 { font-size:25px; margin-bottom:10px; padding-top:18px; margin-left:15px; margin-top:15px; color:#1F1603; }

.contentText { font-size:13px; line-height :24px; margin-left:13px; margin-right:13px; }

  1. footer {

text-align:center; padding-top:30px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin:0px; }

  1. footer a

{ text-decoration:none; font-size:9px; }

a { color:#000000; text-decoration:none; }

a:hover { color:#000000; text-decoration:none; border-bottom:dotted 2px; } a:visited { color:#000000; }


blockquote { font-size:12px; text-align:justify; width:400px; color:#000000; padding:15px; margin:10px; font-family:Arial, Helvetica, sans-serif; background-image:url(blockquote.png); background-repeat:no-repeat; border:dashed 1px; border-color:#484848; }

Retrieved from "http://2014.igem.org/CSS/gifu/home"