170 lines
2.6 KiB
CSS
170 lines
2.6 KiB
CSS
/* Global Styles */
|
|
body {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
color: #c08000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited, a:link, a:hover {
|
|
color: #c08000;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Table and Layout */
|
|
table {
|
|
width: 80%;
|
|
margin: 20px auto;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Headers */
|
|
h2 {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 20px;
|
|
margin-bottom: 20px;
|
|
color: #c08000;
|
|
}
|
|
|
|
/* Text Classes */
|
|
.smalltext {
|
|
font-size: 10px;
|
|
background-color: #f0f0f0;
|
|
color: #000000;
|
|
}
|
|
|
|
.bodytext {
|
|
line-height: 21px;
|
|
font-size: smaller;
|
|
color: #000000;
|
|
}
|
|
|
|
.footertext {
|
|
font-size: smaller;
|
|
color: #000000;
|
|
text-align: center;
|
|
}
|
|
|
|
.toplinks {
|
|
font-size: smaller;
|
|
color: #000000;
|
|
text-align: right;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.topnum {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Input Fields */
|
|
input.text, textarea, select {
|
|
color: #000000;
|
|
background-color: #ffffff;
|
|
padding: 5px;
|
|
border: 1px solid #c08000;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
input.button {
|
|
background-color: #c08000;
|
|
color: #000000;
|
|
padding: 5px 10px;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input.button:hover {
|
|
background-color: #a06500;
|
|
}
|
|
|
|
/* Quote Styling */
|
|
.qt {
|
|
font-family: 'Courier New', 'Lucida Console', monospace;
|
|
font-size: 10pt;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.qa {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.quote {
|
|
font-family: 'Courier New', 'Lucida Console', monospace;
|
|
font-size: smaller;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Borders for Quotes and Other Content */
|
|
td.quote-box {
|
|
border: 1px solid #c08000;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: smaller;
|
|
background-color: #c08000;
|
|
padding: 10px;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Pagination */
|
|
#pagination {
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
#pagination a {
|
|
color: #c08000;
|
|
text-decoration: none;
|
|
padding: 5px 10px;
|
|
border: 1px solid #c08000;
|
|
margin: 0 5px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#pagination a:hover {
|
|
background-color: #f0f0f0;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Quote List */
|
|
.quote-list {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.quote-item {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.quote-id {
|
|
color: #c08000;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.quote-id:hover {
|
|
text-decoration: underline;
|
|
}
|