Team:St Andrews/lystyle.css
From 2010.igem.org
Line 53: | Line 53: | ||
} | } | ||
- | li. | + | li.li |
{ | { | ||
float:left; | float:left; | ||
} | } | ||
- | a. | + | a.li:link,a.li:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:140px; |
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
Line 71: | Line 71: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
- | a. | + | a.li:hover,a.li:active |
{ | { | ||
color:#FFFFFF; | color:#FFFFFF; | ||
background-color:#C8C8C8; | background-color:#C8C8C8; | ||
} | } | ||
- | a. | + | a.ri:link,a.ri:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:140px; |
font-weight:bold; | font-weight:bold; | ||
text-align:left; | text-align:left; | ||
Line 92: | Line 92: | ||
- | li. | + | li.lee |
{ | { | ||
float:left; | float:left; | ||
} | } | ||
- | a. | + | a.lee:link,a.lee:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:192px; |
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#FF0000; |
- | text-align: | + | text-align:center; |
padding:4px; | padding:4px; | ||
padding-bottom:8px; | padding-bottom:8px; | ||
Line 110: | Line 110: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
- | a. | + | a.lee:hover,a.lee:active |
{ | { | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#c8c8c8; |
} | } | ||
- | a. | + | a.ree:link,a.ree:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:192px; |
font-weight:bold; | font-weight:bold; | ||
- | text-align: | + | text-align:center; |
padding:4px; | padding:4px; | ||
padding-bottom:8px; | padding-bottom:8px; | ||
Line 127: | Line 127: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#FF0000; |
} | } | ||
- | + | li.lc | |
- | li. | + | |
{ | { | ||
float:left; | float:left; | ||
} | } | ||
- | a. | + | a.lc:link,a.lc:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:142px; |
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#000066; |
- | text-align: | + | text-align:left; |
padding:4px; | padding:4px; | ||
padding-bottom:8px; | padding-bottom:8px; | ||
Line 149: | Line 148: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
- | a. | + | a.lc:hover,a.lc:active |
{ | { | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#C8C8C8; |
} | } | ||
- | a. | + | a.rc:link,a.rc:visited |
{ | { | ||
display:block; | display:block; | ||
- | width: | + | width:142px; |
font-weight:bold; | font-weight:bold; | ||
- | text-align: | + | text-align:left; |
padding:4px; | padding:4px; | ||
padding-bottom:8px; | padding-bottom:8px; | ||
Line 166: | Line 165: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#808080; |
} | } | ||
+ | |||
body | body |
Revision as of 02:00, 17 July 2010
ul.ly { list-style-type:none; margin:0px; padding:0px; overflow:hidden; } ul.li { list-style-type:none; margin:0px; padding:0px; overflow:hidden; }
li.ly
{
float:left;
}
a.ly:link,a.ly:visited
{
display:block;
width:192px;
font-weight:bold;
color:#FFFFFF;
background-color:#000066;
text-align:center;
padding:4px;
padding-bottom:8px;
padding-top:8px;
text-decoration:none;
text-transform:uppercase;
}
a.ly:hover,a.ly:active
{
color:#FFFFFF;
background-color:#C8C8C8;
}
a.ry:link,a.ry:visited
{
display:block;
width:192px;
font-weight:bold;
text-align:center;
padding:4px;
padding-bottom:8px;
padding-top:8px;
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
background-color:#808080;
}
li.li { float:left; } a.li:link,a.li:visited { display:block; width:140px; font-weight:bold; color:#FFFFFF; background-color:#000066; text-align:left; padding:4px; padding-bottom:8px; padding-top:8px; text-decoration:none; text-transform:uppercase; } a.li:hover,a.li:active { color:#FFFFFF; background-color:#C8C8C8; } a.ri:link,a.ri:visited { display:block; width:140px; font-weight:bold; text-align:left; padding:4px; padding-bottom:8px; padding-top:8px; text-decoration:none; text-transform:uppercase; color:#FFFFFF; background-color:#808080; }
li.lee
{
float:left;
}
a.lee:link,a.lee:visited
{
display:block;
width:192px;
font-weight:bold;
color:#FFFFFF;
background-color:#FF0000;
text-align:center;
padding:4px;
padding-bottom:8px;
padding-top:8px;
text-decoration:none;
text-transform:uppercase;
}
a.lee:hover,a.lee:active
{
color:#FFFFFF;
background-color:#c8c8c8;
}
a.ree:link,a.ree:visited
{
display:block;
width:192px;
font-weight:bold;
text-align:center;
padding:4px;
padding-bottom:8px;
padding-top:8px;
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
background-color:#FF0000;
}
li.lc { float:left; } a.lc:link,a.lc:visited { display:block; width:142px; font-weight:bold; color:#FFFFFF; background-color:#000066; text-align:left; padding:4px; padding-bottom:8px; padding-top:8px; text-decoration:none; text-transform:uppercase; } a.lc:hover,a.lc:active { color:#FFFFFF; background-color:#C8C8C8; } a.rc:link,a.rc:visited { display:block; width:142px; font-weight:bold; text-align:left; padding:4px; padding-bottom:8px; padding-top:8px; text-decoration:none; text-transform:uppercase; color:#FFFFFF; background-color:#808080; }
body
{
background-color:#808080;
}
h1.firstHeading
{
text-decoration:none;
color:#FFFFFF;
font-size:0px;
}
h2
{
color:#808080;
text-align:left;
}
p.right
{
background-color:#808080;
float:left
}
p.photo
{
font-family:"Verdana";
font-size:11px;
}
p.back
{
text-indent: 1em;
font-family:"Verdana";
font-size:15px;
}
p.padding
{
text-indent: 1em;
font-family:"Verdana";
font-size:12px;
}
div.exphoto
{
background:#808080;
color:#FFFFFF;
float:center;
margin-left:150px;
width:570px;
padding:10px;
border:15px solid gray;
border-right:195px solid gray;
border-bottom:0px solid gray;
}
div.exmain
{
float:center;
margin-left:150px;
width:570px;
padding:20px;
border:25px solid gray;
border-top:0px solid gray;
border-right:165px solid gray;
border-bottom:70px solid gray;
}
div.ly
{
float:left;
margin-left:0px;
width:150px;
padding:0px;
border:0px solid gray;
border-right:0px solid gray;
border-bottom:0px solid gray;
}
div.ry
{
float:right;
margin-left:0px;
width:175px;
padding:0px;
border:0px solid gray;
border-right:0px solid gray;
border-bottom:0px solid gray;
}