Updated CSS
This commit is contained in:
briandilley
parent
b03c91426b
commit
84a082701c
@ -1,12 +1,31 @@
|
||||
/* Stupid IE stuff... at least they get to see something hilite */
|
||||
.tab a:active
|
||||
/* Begin Stupid IE stuff */
|
||||
body
|
||||
{
|
||||
background-color: #8b8bca;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tab a:hover
|
||||
.tabmenu .tab
|
||||
{
|
||||
background-color: #dfdff0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.kwoteeven, .kwoteodd
|
||||
{
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.kwotenavigation
|
||||
{
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.kwotenavigation a
|
||||
{
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.kwoteeven p, .kwoteodd p
|
||||
{
|
||||
margin-top: 0px;
|
||||
}
|
||||
/* End stupid IE stuff */
|
||||
|
||||
|
||||
@ -1,34 +1,40 @@
|
||||
body
|
||||
{
|
||||
font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
|
||||
font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
a:link
|
||||
{
|
||||
color: #ff6103;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
a:visited
|
||||
{
|
||||
color: #ff6103;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
a:hover, a:active
|
||||
a:hover
|
||||
{
|
||||
color: #f00;
|
||||
text-decoration: underline;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
a img
|
||||
a:active
|
||||
{
|
||||
color: #f00;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* Containers */
|
||||
.container
|
||||
#container
|
||||
{
|
||||
position: relative;
|
||||
width: 700px;
|
||||
@ -36,121 +42,163 @@ a img
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.kwote-container
|
||||
{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Header Section */
|
||||
.id-search
|
||||
#searchbox
|
||||
{
|
||||
float: right;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.id-search input
|
||||
#searchbox input
|
||||
{
|
||||
height: 16px;
|
||||
background-color: #6c97fb;
|
||||
border: solid 1px black;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.title
|
||||
#title
|
||||
{
|
||||
font-weight: bold;
|
||||
font-weight:normal;
|
||||
font-size: large;
|
||||
font-family: Tahoma;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
#footer
|
||||
{
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
#footer a
|
||||
{
|
||||
margin-right: 10px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer a:hover
|
||||
{
|
||||
color: #f00;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Search */
|
||||
.note
|
||||
{
|
||||
font-size: small;
|
||||
color: Red;
|
||||
}
|
||||
|
||||
/* Kwotes */
|
||||
.kwote-odd
|
||||
.kwoteeven, .kwoteodd
|
||||
{
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.kwote-even
|
||||
.kwoteeven
|
||||
{
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.kwoteeven + .kwoteodd, .kwoteodd + .kwoteeven
|
||||
{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.kwoteeven p, .kwoteodd p
|
||||
{
|
||||
clear: both;
|
||||
font-size: 1em;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
a.kwoteid
|
||||
{
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.kwote-id
|
||||
{
|
||||
float: left;
|
||||
font-size: 0.8em;
|
||||
font-size: 0.9em;
|
||||
padding-left: 5px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.vote-controls
|
||||
a.kwoteid:visited
|
||||
{
|
||||
color: #000;
|
||||
}
|
||||
|
||||
a.kwoteid:hover
|
||||
{
|
||||
color: #f00;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.votecontrols
|
||||
{
|
||||
position: relative;
|
||||
float: right;
|
||||
font-size: 0.8em;
|
||||
font-size: 0.9em;
|
||||
padding: 0px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.vote-controls a
|
||||
.votecontrols a
|
||||
{
|
||||
font-size: 1.25em;
|
||||
font-size: 1.35em;
|
||||
font-weight: bolder;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
padding: 0px 1px 0px 1px;
|
||||
}
|
||||
|
||||
.kwote-content
|
||||
.votecontrols a:hover
|
||||
{
|
||||
clear: both;
|
||||
font-size: 0.9em;
|
||||
border-top: 1px solid black;
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
/* Is this needed? */
|
||||
.kwote-navigation
|
||||
/* Next and Back links */
|
||||
.kwotenavigation a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer
|
||||
.kwotenavigation a:hover
|
||||
{
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.footer a
|
||||
{
|
||||
margin-right: 10px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Horizontal Menu */
|
||||
.tab-menu
|
||||
.tabmenu
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
background-color: #5b86ea;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* This is used by all browsers */
|
||||
.tab-menu .tab
|
||||
.tabmenu a
|
||||
{
|
||||
display: inline;
|
||||
margin: 0px;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
font-size: 0.7em;
|
||||
/* This must be marked as important or IE ignores it. */
|
||||
color: #000 ! important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Good browsers use this too (IE doesn't use this) */
|
||||
.tab-menu .tab
|
||||
.tabmenu a:hover
|
||||
{
|
||||
/* This must be marked as important.
|
||||
The above important rule causes all browsers to ignore this otherwise. */
|
||||
color: #f00 ! important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tabmenu .tab
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.tab:active
|
||||
{
|
||||
background-color: #6f95ec;
|
||||
}
|
||||
|
||||
.tab:hover
|
||||
{
|
||||
background-color: #e2eafb;
|
||||
margin: 0px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user