Username: Asix
Site URL: It's an off-site site, but I love your themes. :3
CSS description/ref. image: http://i56.tinypic.com/2iidibs.png
Complete CSS or Template/Layout CSS: I'd just like the code to it.. It's for an EasyRPG website.
Pay: Would you like real money?
Will I credit the CSS creator in the footer/elsewhere? Of course... You made it!
Please PM me for more information!
Here's an example of their coding for CSS:
PHP Code:
body
{
font-family: Verdana;
font-size: 8pt;
background-color: #cef3a7;
background-image: url(/images/layout/black-and-red/bg.png);
background-repeat: repeat;
margin-top: 50px;
margin-bottom: 50px;
}
p
{
text-align: justify;
font-family: Verdana;
font-size: 8pt;
}
hr
{
border: 1px solid #990000;
}
/* Tabled: Layout Table (Full Div/CSS layout work too) */
table
{
text-align: justify;
font-family: Verdana;
font-size: 8pt;
}
table.container
{
border: 4px solid #FFFFFF;
background-image: url(/images/layout/black-and-red/header.png);
background-repeat: repeat-x;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
}
td.header
{
font-size: 30px;
text-shadow: 0px 1px 3px #FFFFFF;
text-align: center;
height: 100px;
min-height: 100px;
max-height: 100px;
padding-left: 15px;
padding-right: 15px;
}
td.footer
{
background-image: url(/images/layout/black-and-red/footer.png);
background-repeat: repeat-x;
color: #FFFFFF;
text-shadow: 0px 1px 3px #6A6A6A;
text-align: center;
height: 50px;
min-height: 50px;
max-height: 50px;
}
td.content
{
background-color: #FFFFFF;
padding: 15px;
}
td.bar
{
background-image: url(/images/layout/black-and-red/bar.png);
background-repeat: repeat-x;
height: 50px;
min-height: 50px;
max-height: 50px;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
}
td.barfooter
{
background-image: url(/images/layout/black-and-red/bar_footer.png);
background-repeat: repeat-x;
height: 50px;
min-height: 50px;
max-height: 50px;
padding: 12px;
color: #FFFFFF;
}
td.navigate
{
background-color: #898989;
border-left: 4px solid #575757;
border-right: 4px solid #575757;
padding: 15px;
}
/* Styled form elements */
button
{
border: 1px solid #990000;
background-image: url(/images/layout/black-and-red/button.png);
background-repeat: 0 0 repeat-x;
height: 25px;
max-height: 25px;
min-height: 25px;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
button:hover
{
background-image: url(/images/layout/black-and-red/button_hover.png);
}
button.bbcode
{
border: 1px solid #CCCC66;
background-color: #E1E1A8;
background-image: none;
color: #009933;
height: 18px;
max-height: 18px;
min-height: 18px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
button.bbcode:hover
{
background-color: #EDEDCB;
background-image: none;
}
input[type=text],input[type=password],textarea,select
{
border: 2px solid #3B3B3B;
background-color: #787878;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type=text]:hover,input[type=password]:hover,textarea:hover,select:hover
{
background-color: #DFEAF4;
color: #000000;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus
{
border: 2px solid #CC0000;
background-color: #FFCAD5;
color: #000000;
}
/* Styled Divs and Spans */
div.gelbar
{
background-image: url(/images/layout/black-and-red/mini_bar.png);
color: #ffffff;
font-family: Trebuchet MS;
font-size: 12pt;
font-weight: normal;
height: 24px;
text-align: center;
vertical-align: middle;
border: 1px solid #990000;
text-shadow: 0px 1px 3px #000000;
margin-bottom: 5px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
div.error
{
padding: 10px;
border: 2px solid #CC0000;
background-color: #FF5353;
color: #FFFFFF;
font-weight: bold;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
div.success
{
padding: 10px;
border: 2px solid #009933;
background-color: #99CC66;
color: #FFFFFF;
font-weight: bold;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
div.rounded /* Used around the Embed/Paste Codes and inboxes */
{
padding: 15px;
border: 0px;
background-color: #585858;
color: #000000;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
div.rounded_custom /* Used around the Embed/Paste Codes customize options and inboxes. */
{
padding: 15px;
border: 0px;
background-color: #818181;
color: #FFFFFF;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
span.captcha
{
letter-spacing: 5px;
color: #FFFFFF;
border: 2px solid #CC0000;
background-color: #FF0000;
font-weight: bold;
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
span.pagelist
{
background-color: #868686;
border: 2px solid #3C3C3C;
padding: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* Styled Linkages! */
a:link,a:active,a:visited
{
color: #FF0000;
text-decoration: none;
font-weight: bold;
text-shadow: 0px 1px 3px #FF7D7D;
}
a:hover
{
color: #CC0000;
}
a.currentpage
{
border: 1px solid #3C3C3C;
background-color: #C0C0C0;
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Thank you!!