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