RaeDiffSandbox

From BluWiki

/* Theme Name: DFire Theme URI: http://chain.darkfaerytale.com/themes/dfire/ Description: dFire is a dark but viewable theme vying for a slightly different style. Version: 1.0 Author: Tracy Ou (aka Viitoria L.) Author URI: http://www.darkfaerytale.com

• /

body { font-family: serif; font-size: 12px; color: #FFFFFF; text-align: center; background: #E1B26B url("images/bg.gif"); margin: 0; padding: 0; }

/* Design Containers and Specifications */

1. wrap {

background: url("images/bgtp.gif") repeat-x; width: 100%; margin: 0; padding: 0; border: 0; float: left; }

1. keep {

width: 765px; clear: left; margin: 0 auto; }

1. outside {

background: #B5B6B4 url("images/bgcon.gif") repeat-y top center; width: 765px; float: right; }

1. inside {

background: url("images/bghead.gif") no-repeat top center; width: 765px; clear: both; }

1. holder {

margin-left: 30px; width: 698px; padding: 0; }

• html #holder {

margin-left: 15px; float: left; }

1. search {

background: url("images/search.gif") no-repeat bottom; width: 272px; height: 53px; float: left; text-align: left; }

1. title {

background: url("images/title.jpg") no-repeat; width: 426px; height: 53px; text-align: right; float: right; position: relative; }

1. menu {

background: url("images/menu.jpg") no-repeat; width: 485px; height: 125px; float: left; text-align: left; }

1. tree {

background: url("images/tree.jpg") no-repeat; width: 213px; height: 153px; float: right; }

1. content {

width: 432px; margin-left: 20px; float: left; text-align: justify; font-size: 13px; color: #CACACA; font-family: "times new roman", georgia, serif; }

• html #content {

margin-left: 15px; width: 410px; }

1. sidebar {

width: 205px; float: right; text-align: left; margin: 0 35px 15px 0; }

• html #sidebar {

margin: 0px; }

1. footer {

background: url("images/footer.jpg") no-repeat bottom; width: 698px; height: 83px; clear: both; font-family: "agency fb", arial, helvetica, sans-serif; }

/* Information */

1. handle {

text-align: right; margin: 0 0 7px 0; }

1. inf {

width: 99%; font-size: 13px; color: #959595; font-family: "trebuchet ms", sans-serif; margin: 0 0 35px 0; padding: 0 7px; }

1. com {

width: 40%; float: left; }

1. ent {

width: 55%; float: right; }

1. clr {

background-color: #000000; width: 100%; clear: both; height: 7px; }

1. inf ul {

list-style-type: none; padding: 0; margin: 0 0 20px 0; }

1. inf li {

display: block; border-bottom: #4E370F 1px solid; padding-top: 3px; margin: 0; min-height: 20px; font-weight: normal; }

1. com li a {

text-decoration: none; color: #75961B; }

1. com li a:hover {

text-decoration: none; color: #99C521; }

1. ent li a {

text-decoration: none; color: #DEDDDC; }

1. ent li a:hover {

text-decoration: none; color: #FFFFFF; }

.intr { padding: 0 7px; }

/* Headers */

.edit, .edit a:link, .edit a:visited { text-align: right; text-transform: lowercase; color: #2E2E2E; font-size: 17px; float: right; }

.edit a:hover { color: #E1E1E1; }

h4 { background: url("images/sidebg.jpg") no-repeat bottom; width: 198px; height: 28px; text-transform: lowercase; margin: 0px; padding-right: 50px; color: #E5B655; font-size: 18px; text-align: right; font-family: "times new roman", georgia, serif; }

• html h4 {

padding: 0 50px 0 0; }

h3 { color: #F3F1B7; font-size: 18px; font-family: "agency fb", sans-serif; font-weight: bold; padding: 0; margin: 0; }

h1, h1 a:link, h1 a:visited { color: #FFA303; font-size: 20px; font-family: "times new roman", serif; text-transform: uppercase; font-weight: bold; padding: 0; margin: 7px 0 0 0; text-decoration: none; }

.id { color: #686C24; padding-right: 3px; }

h2, #wp-calendar caption { font-weight: bold; padding: 0; margin: 0 0 10px 0; color: #FFFED9; font-size: 11px; text-align: center; font-family: "tw cent mt", arial, helvetica, sans-serif; }

h2 a:link, h2 a:visited { color: #A12600; text-decoration: none; }

h2 a:hover { color: #DF3500; text-decoration: none; }

h6 { padding: 0; margin: 0; font-size: 35px; float: right; text-align: right; color: #222; }

.btitle a:link, .btitle a:visited { padding: 0 25px 0 0; color: #FFA052; font-size: 30px; font-family: "trebuchet ms", sans-serif; text-decoration: none; }

.stitle { padding: 0 10px 0 0; color: #FFFFFF; font-size: 12px; font-family: arial; font-weight: bold; font-style: italic; }

.tinfo { color: #D4C082; font-size: 14px; font-family: "times new roman", serif; text-transform: uppercase; border-bottom: #4E370F 1px solid; padding: 0 0 3px 0; }

/* Top Search */

1. sform {

padding: 10px 0 0 20px; margin: 0; }

1. search input {

width: 170px; font-size: 10px; color: #CCC; font-family: trebuchet ms, arial, sans-serif; background:#1A1A1A; border: #414141 1px solid; }

1. search input:focus {

border:#2E2E2E 1px solid; }

1. simage {

background: url("images/s2.gif") no-repeat; width: 39px; height: 23px; }

/* Top Menu*/

1. menu ul {

list-style-type: none; margin: 80px 0 0 0; padding: 0; }

1. menu ul li {

display: inline; text-transform: lowercase; }

1. menu ul li a {

text-decoration: none; color: #494949; font-weight: bold; font-size: 13px; font-family: verdana, tahoma, sans-serif; padding: 83px 13px 0 13px; font-weight: bold; }

1. menu ul li a:hover {

background: #000; -moz-opacity: 0.7; color: #FFF; border-bottom: #99280A 5px solid; text-decoration: none; background: }

/* Side Navigation */

.navigate { padding: 10px 0 30px 35px; font-size: 10px; font-family: verdana, sans-serif; }

.navigate ul { list-style-type: none; font-size: 11px; padding: 0; margin: 0; }

.navigate li a { background: url("images/arw.gif") no-repeat top left; text-decoration: none; display: block; color: #7F8062; border-bottom: #1F270B 1px solid; padding: 4px 0 4px 21px; margin: 0; }

• html .navigate li a {

height: 13px; }

.navigate li a:hover { background: url("images/arw2.gif") no-repeat top left; text-decoration: none; color: #F7FABF; }

.navigate li li a { background: url("images/sub.gif") no-repeat top left; text-decoration: none; display: block; color: #7F8062; border-bottom: #1F270B 1px solid; padding: 4px 0 4px 41px; margin: 0; }

.navigate li li a:hover { background: url("images/sub2.gif") no-repeat top left; text-decoration: none; color: #F7FABF; }

/* Posts */

.info { background: #3A130A; -moz-border-radius: 10px; color: #FFFFFF; font-family: verdana, sans-serif; font-size: 11px; text-align: left; padding: 7px; margin: 15px 0 50px 0; }

.info a:link, .info a:visited { color: #FFFFFF; text-decoration: none; }

.comm, .comm a:link, .comm a:visited { color: #A5B968; font-weight: bold; text-decoration: none; }

.comm a:hover { color: #C7DC87; text-decoration: none; }

/* Footer Styles */

.credits { text-align: center; padding-top: 30px; color: #A1A1A1; font-size: 12px; }

1. footer a:link, #footer a:visited {

color: #A1A1A1; text-decoration: none; }

1. footer a:hover {

color: #E1E1E1; text-decoration: none; }

/* Miscellaneous */

img { border: 0; }

a:link, a:visited { color: #AAAF54; text-decoration: none; }

a:hover, a:active { color: #C3C963; }

blockquote { background: url("images/quote.gif") no-repeat top left; min-height: 90px; overflow: visible; color: #C3BCA5; margin: 0; padding: 15px 20px; }

code { font-family: monospace; color: #EFE4BE; }

pre { font-family: monospace; color: #C3BCA5; }

input, textarea { width: 98%; font-size: 11px; color: #CCC; font-family: "trebuchet ms", arial, sans-serif; background: #1A1A1A; border: #414141 1px solid; margin: 2px 0 0 0; }

textarea { padding: 3px; width: 96%; }

input:focus, textarea:focus { border: #2E2E2E 1px solid; }

1. subc img {

padding: 2px; border: #343434 5px solid; margin: 5px; }

1. subc img:hover {

border: #5C5C5C 5px solid; }

1. subc img a {

border: #343434 5px solid; border:0; }

small { color: #555; font-family: arial, helvetica, sans-serif; }

label { color: #555; font-size: 10px; }

table { font-family: verdana, tahoma, sans-serif; font-size: 12px; border: #2E2E2E 1px solid; background: #131313; }

/* Post Specifications */

.hundred { display: block; text-align: center; margin: 0 0 10px 0; }

.alignright { float: right; }

.alignleft { float: left; }

.post-info { font-size: 10px; color: #DCDCDC; border: #2E2E2E 1px solid; margin: 10px; font-family: "trebuchet ms", sans-serif; padding: 5px; }

.post-info a, .post-info a:visited, .comm-date a, .comm-date a:visited { color: #EABD52; }

.post-info a:hover { color: #F8BF3E }

.comment { padding: 10px 20px; }

.comm-entry { font-size: 11px; font-family: "trebuchet ms", sans-serif; }

.s-entry { padding: 15px 0 0 15px; }

/* Links Page */

1. linkpage input {

width: 70px; }

1. linkpage select {

font-size: 11px; color: #CCC; font-family: "trebuchet ms", arial, sans-serif; background: #1A1A1A; border: #414141 1px solid; }

1. linkpage ul {

list-style-type: none; padding: 0; margin: 0; }

1. linkpage li {

padding: 10px 0; }

1. linkpage p {

margin: 0; padding: 0; }

/* Wp-Calendar */

1. wp-calendar {

width: 100%; font-size: 11px; font-weight: normal; }

1. wp-calendar #next a {

padding-right: 10px; text-align: right; }

1. wp-calendar #prev a {

padding-left: 10px; text-align: left; }

1. wp-calendar a {

display: block; text-decoration: none; }

1. wp-calendar a:hover {

text-decoration: underline; }

1. wp-calendar td {

color: #7F8062; background: #1F1F1F; border: 1px solid #2E2E2E; margin: 0 4px 4px 0; padding: 2px; text-align: center; letter-spacing: normal; }

1. wp-calendar td:hover{

background: #171717; border: 1px solid #292929; }

1. wp-calendar td.pad:hover {

background: #171717; border: 1px solid #292929; }

1. wp-calendar #today {

background: #333; border: 1px solid #222; border-width: 1px 0 0 1px; color: #FFF; }

1. wp-calendar th {

background: transparent; border: 0; font-style: normal; text-transform: uppercase; text-align: center; padding: 2px; color: #999; font-weight: normal; }