199 lines
3.4 KiB
CSS
199 lines
3.4 KiB
CSS
body {
|
|
background-color: #CCDDFF;
|
|
color: #333;
|
|
font-family: verdana, sans-serif, arial, courier new
|
|
}
|
|
|
|
body, p, ol, ul, td {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
pre {
|
|
background-color: #eee;
|
|
padding: 10px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
a {
|
|
color: #000;
|
|
}
|
|
a:visited {
|
|
color: #666;
|
|
}
|
|
a:hover {
|
|
color: #fff;
|
|
background-color:#000;
|
|
}
|
|
|
|
h1 {
|
|
color: #44A4BD;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
text-shadow: 2px 2px 2px #27606E;
|
|
}
|
|
h2 {
|
|
color: #3399CC;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: left;
|
|
text-shadow: 1px 1px 1px #44A4BD;
|
|
}
|
|
h3 {
|
|
color: #44A4BD;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: left;
|
|
text-shadow: 1px 1px 1px #3399CC;
|
|
}
|
|
h4 {
|
|
color: #3399CC;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center
|
|
}
|
|
h5 {
|
|
color: #44A4BD;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: left
|
|
}
|
|
h6 {
|
|
color: #339944;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center
|
|
}
|
|
|
|
img.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table.shelf{
|
|
width: 100px;
|
|
height: 100px;
|
|
border: 2px solid #27606E;
|
|
background-color: #44A4BD rgba(0.1,0.1,0.1,0.5);
|
|
color: #27606E;
|
|
box-shadow: 64px 64px 24px 40px rgba(0,0,0,0.4), 12px 12px 0px 18px rgba(0,0,0,0.4) inset;
|
|
font-family: "Trebuchet MS", sans-serif;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
line-height: 1.4em;
|
|
font-style: normal;
|
|
border-collapse:separate;
|
|
}
|
|
|
|
.shelf tfoot td {
|
|
color: #9CD009;
|
|
font-size:32px;
|
|
text-align:center;
|
|
padding:10px 0px;
|
|
text-shadow:1px 1px 1px #444;
|
|
}
|
|
|
|
.shelf tfoot th {
|
|
color:#666;
|
|
}
|
|
|
|
.highlight {
|
|
background-color: #3399CC;
|
|
}
|
|
|
|
.key {
|
|
color: #27606E;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: left;
|
|
font-weight: bolder;
|
|
text-shadow: 1px 1px 1px #44A4BD;
|
|
}
|
|
|
|
.shelf {
|
|
color: #27606E;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center;
|
|
}
|
|
|
|
.caption {
|
|
color: #27606E;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center;
|
|
font-weight: bolder;
|
|
text-shadow: 1px 1px 1px #44A4BD;
|
|
}
|
|
|
|
.links {
|
|
float: center;
|
|
color: #27606E;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-align: center;
|
|
font-weight: bolder;
|
|
text-shadow: 1px 1px 1px #44A4BD;
|
|
}
|
|
|
|
.link {
|
|
color: #27606E;
|
|
font-family: verdana, sans-serif, arial, courier new;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
font-weight: bolder;
|
|
text-shadow: 1px 1px 1px #44A4BD;
|
|
}
|
|
|
|
.field {
|
|
color: #27606E;
|
|
text-align: center;
|
|
}
|
|
|
|
.input {
|
|
width: 300px;
|
|
}
|
|
|
|
.heading {
|
|
text-decoration: none;
|
|
color: #44A4BD;
|
|
}
|
|
|
|
.img {
|
|
float: left;
|
|
display: inline;
|
|
margin-right: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.fieldWithErrors {
|
|
padding: 2px;
|
|
background-color: red;
|
|
display: table;
|
|
}
|
|
|
|
#errorExplanation {
|
|
width: 400px;
|
|
border: 2px solid red;
|
|
padding: 7px;
|
|
padding-bottom: 12px;
|
|
margin-bottom: 20px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
#errorExplanation h2 {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
padding: 5px 5px 5px 15px;
|
|
font-size: 12px;
|
|
margin: -7px;
|
|
background-color: #c00;
|
|
color: #fff;
|
|
}
|
|
|
|
#errorExplanation p {
|
|
color: #333;
|
|
margin-bottom: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
#errorExplanation ul li {
|
|
font-size: 12px;
|
|
list-style: square;
|
|
}
|
|
|