100 lines
1.7 KiB
CSS
100 lines
1.7 KiB
CSS
body {
|
|
background-color:#E2E2E2;
|
|
font:0.8em Arial;
|
|
margin:20px auto;
|
|
max-width:1078px;
|
|
min-width:800px;
|
|
}
|
|
|
|
#header {
|
|
background-color:#3A5926;
|
|
background-image:url('/static/header.jpg');
|
|
background-position:0px -18px;
|
|
color:#F4F1E9;
|
|
padding:4px;
|
|
text-align:center;
|
|
}
|
|
|
|
#inner {
|
|
background-color:white;
|
|
border-color:#A2A2A2;
|
|
border-style:solid;
|
|
border-width:0px 0px 8px 0px;
|
|
padding:20px;
|
|
}
|
|
|
|
.menu {
|
|
background:#505050;
|
|
background:-webkit-linear-gradient(#505050, #222222); /* Safari 5.1+, Chrome 10+ */
|
|
background:linear-gradient(#505050, #222222);
|
|
overflow:hidden;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
.menu ul {
|
|
clear:left;
|
|
float:left;
|
|
left:50%;
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
position:relative;
|
|
text-align:center;
|
|
}
|
|
|
|
.menu ul li {
|
|
display:block;
|
|
float:left;
|
|
list-style:none;
|
|
margin:0px 8px 0px 0px;
|
|
padding:0;
|
|
position:relative;
|
|
right:50%;
|
|
width:80px;
|
|
}
|
|
|
|
.menu ul li a {
|
|
border-radius: 8px 8px 0px 0px;
|
|
color:#E2E2E2;
|
|
display:block;
|
|
font-family:Arial;
|
|
font-size:8pt;
|
|
font-weight:bold;
|
|
letter-spacing:.08em;
|
|
padding:10.5px 11px;
|
|
text-decoration:none;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.menu ul li a:hover:not(.active) {
|
|
background:#D0D0D0;
|
|
background:-webkit-linear-gradient(#D0D0D0, white); /* Safari 5.1+, Chrome 10+ */
|
|
background:linear-gradient(#D0D0D0, white);
|
|
color:#222222;
|
|
}
|
|
|
|
.menu ul li a.active {
|
|
background-color:white;
|
|
color:#222222;
|
|
}
|
|
|
|
h2 {
|
|
font-weight:normal;
|
|
}
|
|
|
|
img {
|
|
padding:10px;
|
|
}
|
|
|
|
button {
|
|
width:60px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
#summary {
|
|
display:block;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|