html, body
{
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
body
{
background-color: #939598;
color: #fff;
text-align: center;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}
div#errbody
{
width: 760px;
padding: 0px 0px 0px 0px;
margin: auto;
text-align: left;
background-color: #FF0000;
}
h1
{
display: block;
float: left;
width: 210px;
height: 96px;
overflow: hidden;
text-indent: -9999px;
padding: 0;
margin: 0 24px 0 0;
background-image: url("../images/logo-pimpsurveys.png");
}
ul#nav
{
float: left;
padding: 0;
margin: 0 0 0 10px;
list-style-type: none;
}
ul#nav li
{
padding: 0;
margin: 0;
float: left;
}
a#home, a#browse, a#pimpest, a#random
{
display: block;
width: 122px;
height: 30px;
overflow: hidden;
text-indent: -9999px;
}
a#home:hover, a#browse:hover, a#pimpest:hover, a#random:hover
{
background-position: 0 -30px;
}
a#home
{
background-image: url("../images/nav-home.png");
}
a#browse
{
background-image: url("../images/nav-browse.png");
}
a#pimpest
{
background-image: url("../images/nav-pimpest.png");
}
a#random
{
background-image: url("../images/nav-random.png");
}
div#yellow
{
clear: both;
padding-top:2px;
padding-bottom:7px;
margin: 0;
background-image: url("../images/misc-yellowleft.png");
background-repeat: no-repeat;
background-color: #231F20;
color: #323;
text-align: center;
font-size: 11px;
font-weight: bold;
}
div#yellow a
{
color: #FF5ABA;
text-decoration: none;
font-weight: bold;
}
div#purple
{
background-color: #939598;
font-size: .8em;
}
h2
{
padding: 0;
margin: 0;
background-repeat: repeat-x;
border-bottom: 1px solid #fff;
text-indent: 3px;
font-size: 1.3em;
font-family: Arial;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
color:#319E5A;
}
p, table
{
padding: 0;
margin: 5px 0 15px 0;
}
div#leftbar
{
padding-top:5px;
float: left;
width: 150px;
padding-left: 10px;
padding-right: 10px;
background-color: #231F20;
height:650px;
}
div#content
{
float: left;
width: 420px;
padding-top:5px;
padding-right: 10px;
background-color: #231F20;
color:#319E5A;
height: 650px;
}
div#rightbar
{
padding-top:5px;
float: left;
width: 160px;
background-color: #231F20;
height:650px;
}
div#pimpest
{
padding-top:5px;
background-color: #231F20;
color:#319E5A;
}
div#random
{
padding-top:5px;
background-color: #231F20;
color:#319E5A;
}
div#leftbar p, div#rightbar p
{
font-size: .8em;
}
input, textarea
{
background-color: #545;
color: #fff;
border-width: 0;
margin: 1px 0;
}
select {
background-color: #545;
color: #fff;
border-width: 0;
margin: 1px 0;
font-size: .8em;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}
input[type=button], input[type=submit] /* non-ie and guess who cares? */
{
background-color: #319E5A;
color: #231F20;
font-weight: bold;
}
a
{
color: #fff;
}
a:hover
{
text-decoration: none;
}
table
{
width: 100%;
}
th
{
background-color: #ffffff;
padding: 4px 2px;
}
td
{
padding: 3px;
}
td.column0
{
width: 60%;
}
td.even
{
background-color: #33332A;
}
td.even input, td.even textarea
{
background-color: #656;
}
td.surveyanswer
{
width: 60%;
}
td.surveyanswer input
{
width: 100%;
}
div#moderator, div#adsensetop
{
position: absolute;
top: 0;
width: 185px;
padding: 5px 15px;
background-color: #434;
background-repeat: no-repeat;
font-size: .8em;
}
div#moderator
{
color: #989;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2em;
}
#footer
{
padding: 3px; margin: 0;
background-color: #231F20;
}
#links, #links a
{
margin: 0px;
padding: 0px;
font-size: .8em;
color: #332233;
}
legal
{
text-align: right;
}
div#moderator
{
left: 0;
background-image: url("../images/misc-moderatorcorner.gif"); /* argh@irfan */
background-position: 100% 100%;
}
div#moderator a, div#links a
{
color: #989;
text-decoration: none;
}
div#links
{
font-size: .64em;
}
div#adsensetop
{
left: 100%;
width: 465px;
margin-left: -478px;
padding: 2px 5px;
background-image: url("../images/misc-linkscorner.gif"); /* argh@irfan */
background-position: 0 100%;
}
img
{
border-width: 0;
}
div#iconnav
{
display: inline;
float: left;
width: 235px;
margin: 0px 5px 0 25px;
background-color: #231F20;
}
div#favorites
{
float: right;
width: 400px;
text-align: center;
padding-right:30px;
color:#319E5A;
background-color:#231F20;
}
div#favorites p
{
color:#FFFFFF;
}
div#iconnav div.icon
{
margin-bottom: 20px;
}
div#iconnav div.icon a
{
text-decoration: none;
}
div#iconnav div.icon span
{
display: block;
padding: 20px 0 20px 50px;
font-size: 1.5em;
font-family: Arial;
font-weight: bold;
font-style: italic;
vertical-align: left;
background-repeat: no-repeat;
background-position: 0 50%;
color:#319E5A;
}
div#iconnav div.icon span#iconfind
{
background-image: url("../images/icon-find.png");
}
div#iconnav div.icon span#iconmake
{
background-image: url("../images/icon-make.png");
}
div#iconnav div.icon span#iconregister
{
background-image: url("../images/icon-register.png");
}
div#iconnav div.icon span#iconlogin
{
background-image: url("../images/icon-login.png");
}
div#favorites div#advert
{
width: 300px;
height: 250px;
background-color: #545;
margin: 0 auto 15px auto;
}
div#favorites h2, table
{
text-align: left;
}
div#favorites table
{
font-size: 1.1em;
}
span#plusquestion, span#plusheading, span#plusresult, span#plusquestion2
{
cursor: pointer;
margin: 5px;
padding: 5px;
}
span#plusquestion, span#plusresult, span#plusquestion2
{
background-color: #545;
}
span#plusheading
{
background-color: #323;
font-weight: bold;
}
input.question
{
display: block;
width: 80%;
margin: 5px 0;
padding: 2px;
}
input.heading
{
display: block;
width: 100%;
margin: 5px 0;
padding: 5px;
background-color: #323;
font-weight: bold;
}
p.error {
text-align: center;
font-weight:bold;
background-color: #323;
border: solid 1px #eb1;
padding:1px;
}
div#surveyview
{
float: left;
width: 590px;
}
div#stats
{
float: right;
margin-top: 5px;
padding: 0;
width: 165px;
background-image: url("../images/star-blank.png");
background-repeat: repeat-x;
font-size: .8em;
}
div#stats img
{
margin-left: 5px;
cursor: pointer;
}
div#rightsideads
{
float: left;
margin-top: 5px;
padding: 0;
width: 165px;
}
div.minitabs
{
text-align: right;
margin-top: -21px;
//margin-top: -20px;
}
img.minitab
{
border-bottom: 1px solid #319E5A;
}
.hand
{
cursor: pointer;
}
#spy
{
width: 100%;
clear: both;
}
.name
{
float: left;
}
.date
{
float: right;
}
.spy
{
background-color: #332233;
font-size: 1.2em;
}
.spy2
{
background-color: #332233;
text-align: right;
font-size: 1.2em;
}
div#comments div.comment
{
padding: 5px;
}
div#comments div.odd
{
background-color: #545;
}
div#comments div.admin, div#comments div.author
{
background-color: #eb1;
color: #323;
}
div#comments div.admin a, div#comments div.author a
{
color: #323;
}
div#comments div div.commentauthor
{
font-size: 1.3em;
}
div#comments div div.datetime, div#comments div div.authortitle, div#comments a
{
font-size: .7em;
text-transform: uppercase;
}
div#comments div div.comment
{
margin-top: 5px;
}
div#comments div div.comment a
{
margin-top: 5px;
font-size: .7em;
}
div#comments.scroll
{
height: 275px;
overflow: auto;
}
input.sheading[type="text"] { border:1px solid #0080C0;font-weight:bold;}
input.sq[type="text"] { border:1px solid #c0c0c0;}
input.sheading[type="button"] { border:1px solid #0080C0; background:#0080C0 ; color:#ffffff; font-weight:bold; margin:3px; padding:2px; }
input.sq[type="button"] { border:1px solid #0080C0; background:#CAEEFF ; color:#004080; font-weight:bold; margin:3px; padding:2px; }