Template:Team:HKUST/TonyStyleExp.css

From 2009.igem.org

(Difference between revisions)
(New page: <html> <style> bodyxx { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align:center; background-color:#5ba0d6;...)
Line 2: Line 2:
<style>
<style>
-
bodyxx {
+
body {
color: #000000;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
Line 13: Line 13:
* {margin:0px;padding:0px;}
* {margin:0px;padding:0px;}
.clear{clear:both;}
.clear{clear:both;}
-
#containerxx {
+
#container {
margin: 0px auto;
margin: 0px auto;
text-align: left;
text-align: left;
width: 979px;
width: 979px;
}
}
-
#headerxx {
+
#header {
background-image:url(images/header_done.jpg);
background-image:url(images/header_done.jpg);
width:979px;
width:979px;
Line 24: Line 24:
display:block;
display:block;
}
}
-
#borderxx {
+
#border {
background-image:url(images/border.gif);
background-image:url(images/border.gif);
background-repeat: repeat-y;
background-repeat: repeat-y;
width:979px;
width:979px;
}
}
-
#mainxx {
+
#main {
background-image:url(images/contentbg.gif);
background-image:url(images/contentbg.gif);
background-color:#abe4fe;
background-color:#abe4fe;
Line 35: Line 35:
background-repeat: repeat-x;
background-repeat: repeat-x;
}
}
-
#leftxx {
+
#left {
width:261px;
width:261px;
float:left;
float:left;
Line 43: Line 43:
}
}
-
#rightxx {
+
#right {
float:right;
float:right;
width:580px;
width:580px;
}
}
/***************** Content ***********************/
/***************** Content ***********************/
-
.contentxx {
+
.content {
width:530px;
width:530px;
}
}
-
.contentxx h3 {
+
.content h3 {
background-image:url(images/welcome.gif);
background-image:url(images/welcome.gif);
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 62: Line 62:
padding: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
}
-
.contentxx p {
+
.content p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-size: 13px;
Line 70: Line 70:
font-weight:900;
font-weight:900;
}
}
-
.contentxx a {
+
.content a {
color:#2e260f;
color:#2e260f;
}
}
-
.contentxx a:hover {
+
.content a:hover {
color:#cf0002;
color:#cf0002;
}
}
-
.productxx {
+
.product {
width:530px;
width:530px;
margin: 20px 0px;
margin: 20px 0px;
}
}
-
.productxx h3 {
+
.product h3 {
background-image:url(images/products.gif);
background-image:url(images/products.gif);
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 91: Line 91:
padding: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
}
-
.productxx a {
+
.product a {
border: 1px solid #6698bd;
border: 1px solid #6698bd;
display:inline;
display:inline;
Line 97: Line 97:
margin: 6px 0px 6px 11px;
margin: 6px 0px 6px 11px;
}
}
-
.productxx a:hover {
+
.product a:hover {
border: 1px solid #c40000;
border: 1px solid #c40000;
}
}
-
.productxx img {
+
.product img {
border: 6px solid #ffffff;
border: 6px solid #ffffff;
}
}
/***************** Menu ***********************/
/***************** Menu ***********************/
-
#menuxx {
+
#menu {
background-image:url(images/menu.gif);
background-image:url(images/menu.gif);
width:261px;
width:261px;
Line 110: Line 110:
margin-left:93px;
margin-left:93px;
}
}
-
#menuxx ul {
+
#menu ul {
padding: 30px 0px 0px 0px;
padding: 30px 0px 0px 0px;
width:220px;
width:220px;
margin-left:15px;
margin-left:15px;
}
}
-
#menuxx li {
+
#menu li {
background-image: url(images/arrow.gif);
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 124: Line 124:
text-align:right;
text-align:right;
}
}
-
#menuxx a {
+
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-style: italic;
Line 133: Line 133:
}
}
-
#menuxx a:hover {
+
#menu a:hover {
color:#c40000;
color:#c40000;
}
}
Line 169: Line 169:
}
}
/***************** Footer ***********************/
/***************** Footer ***********************/
-
#footerxx {
+
#footer {
background-color:#8bcaef;
background-color:#8bcaef;
background-image:url(images/borderfooter.gif);
background-image:url(images/borderfooter.gif);

Revision as of 11:16, 12 September 2009

Retrieved from "http://2009.igem.org/Template:Team:HKUST/TonyStyleExp.css"