/* Theme Name: VerySmallAnna Theme URI: http://wordpress.org/ Description: Customized Theme Author: Zack Brand Author URI: http://zackbrand.com/ ================================================================ 1: General HTML 2: Header 3: Content 3.a: Navigation 3.b: Page 3.c: Post 3.d: Entry 3.e: Meta 3.f: Comments 3.g: Gallery 4: Sidebar 5: Footer ================================================================*/ /* .page-item-1629 {width: 300px; background: url(images/new.png) no-repeat 19em 50%;} .page-item-1629 a {color:#cb6562; font-weight:700;} */ .skip-post {position:absolute; margin:-16px 0 0 424px; font-family:Verdana,Arial,sans; text-decoration:none; font-size:0.8em; color:#999;} /* 1: General ================================*/ h1, h2, h3, ol, ul, li, p { margin: 0; padding: 0; border: 0; list-style:none; } body {background:#FFF6ED; font:1em/1.5 Georgia,serif;} a {color:#000;} .hidden {display:none;} .description {display:none;} .screen-reader-text {display:none;} /* 2: Header ================================*/ #skip {float:right; padding:5px; margin:0 50px 0 0; color:#FFF6ED} #skip:hover, #skip:focus, #skip:active {background:#F5007C;} #headerimg h1 { display:block; margin:0 auto; background:url(images/logo-dragon.png) no-repeat; width:980px; height:200px; text-indent:-9999em; } #headerimg h1 a { display:block; width:980px; height:200px; outline:none; } /* 3: Content ================================*/ #content a:focus, #content a:active {background:#F5007C; color:#FFF6ED;} #content {float:left; width:570px; margin: 0 0 20px; padding:0 0 0 26px;} /* 3.a: Navigation ================================*/ .navigation {float:left; width: 570px; margin:-1.6em 0 0;} .bottom-nav {margin:0;} .alignleft {float:left;} .alignright {float:right;} /* 3.b: Page ================================*/ .pagetitle {margin:0 0 1em;} #page {width:980px; margin:0 auto;} #no-machine-required .entry ul {padding:0 0 20px 20px;} #no-machine-required .entry li {padding:0 0 20px; list-style-image: url(images/list-style-icecream.png);} /* 3.c: Post ================================*/ .post h2 {font:4em Georgia, serif; border-bottom: 1px solid #000;} .post h2 a {text-decoration:none;} .post-wrap {clear:left; border:5px solid #F5007C; padding:5px;} .post {width:514px; border:3px solid #87A146; padding:15px;} .results .post {margin:0 0 10px;} /* 3.d: Entry ================================*/ .entry a {color:#F5007C; font-size:0.8em;} .entry a:hover, .entry a:focus, .entry a:active {background:#F5007C; color:#FFF6ED; border-color:#F5007C;} .entry a:focus img, .entry a:active img {border-color:#F5007C;} .entry img {display:block; border: 5px solid #F3F3F3;} .entry div.wp-caption {border:1px solid #ccc; margin: 0 0 30px;} #shop div.wp-caption {border:none;} .entry h4 {margin:0; padding:0;} .entry {margin:0 50px 0 0;} .entry p {padding: 0 0 20px;} .entry p.wp-caption-text { font:0.6em Verdana,Arial,sans; background:#F3F3F3; text-align:center; margin:0; padding:0 0 5px 0; } .entry ol {padding: 0 0 20px 20px;} /* 3.e: Meta ================================*/ .date {color:#999; font:0.8em/1.5 Verdana,Arial,sans; font-style:italic;} .postmetadata { margin: 10px 0 30px; font-size:0.8em; text-align:center; border-top:1px dashed #999; color:#999; } /* 3.f: Comments ================================*/ #comment {width:400px;} #commentform {margin:0 0 20px;} .commentlist li {margin: 0 0 50px; padding:10px; border-bottom:1px dashed #999;} .comment-meta a {color:#999; font:0.8em/1.5 Verdana,Arial,sans; font-style:italic;} cite {font-weight:700; padding:0 0 10px 5px;} .commentlist li.comment-author-admin {border:3px solid #87A146; background:#E3DAD3} /* 3.g: Gallery ================================*/ #gallery .entry {margin:0;} #gallery .entry a {color:#000; font-size:1em; text-decoration:none;} #gallery .entry a:hover {color:#F5007C; background:none;} #gallery .entry a:focus, #gallery .entry a:active {color:#F5007C; border-color:#F5007C; background:none;} #gallery #sidebar {display:none;} #gallery #content, #gallery .post {width: 980px; padding:0; border:none; text-align:center;} #gallery .entry {padding:0 0 0 4px;} #gallery .entry div { float:left; margin:10px 4px; padding:5px; border:1px solid #E3DAD3; background:#F3F3F3; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; } #gallery .entry p {padding:0; background:#F3F3F3;} #gallery .entry img {border: 1px solid #E3DAD3;} #gallery .entry span.winnar {cursor:pointer; display:inline-block; border:none; position:absolute; margin:-20px 0 0 240px; text-indent:-9999px; width:85px; height:115px; background:url(images/dragon-stickers.png) no-repeat;} #gallery .entry span.yum {cursor:pointer; display:inline-block; border:none; position:absolute; margin:-20px 0 0 222px; text-indent:-9999px; width:92px; height:81px; background:url(images/dragon-stickers.png) no-repeat top right;} #gallery .post-edit-link {display:block; clear:left;} /* 3.h: Shop ================================*/ #shop .entry {margin:0;} #shop .entry a {color:#000; font-size:1em; text-decoration:none; float:left; padding:65px 59px 60px;} #shop .entry .h a {color:#000; font-size:1em; text-decoration:none; float:left; padding:60px 70px 60px; margin:0;} #shop .entry a:hover {color:#F5007C; background:none;} #shop .entry a:focus, #shop .entry a:active {color:#F5007C; border-color:#F5007C; background:none;} #shop #sidebar {display:none;} #shop #content, #shop .post {width: 980px; padding:0; border:none; text-align:center;} #shop .entry {padding:0 0 0 4px;} #shop .entry div { margin:50px auto; padding:5px; background:url(images/shopframe.png) no-repeat; width:350px !important; height:445px; } #shop .entry div.h { margin:50px auto; padding:5px; background:url(images/shopframe-h.png) no-repeat; width:445px !important; height:350px; } #shop .entry div.wpcf7 {background:none; text-align:left;} #shop .entry div.wpcf7 p{display:block; background:none;} #shop .entry div.wpcf7-response-output {background:none; height:30px;} #shop .entry p {padding:0; text-align:left; margin:10px auto; width:650px;} #shop .entry img {border: 1px solid #E3DAD3;} #shop .entry span.winnar {cursor:pointer; display:inline-block; border:none; position:absolute; margin:-20px 0 0 240px; text-indent:-9999px; width:85px; height:115px; background:url(images/dragon-stickers.png) no-repeat;} #shop .entry span.yum {cursor:pointer; display:inline-block; border:none; position:absolute; margin:-20px 0 0 222px; text-indent:-9999px; width:92px; height:81px; background:url(images/dragon-stickers.png) no-repeat top right;} #shop .post-edit-link {display:block; clear:left;} #shop .cart {margin:10px 0;} #shop span {display:block; clear:left; padding:10px 0 0;} /* 4: Sidebar ================================*/ #sidebar h2 {font-weight:700; font:2em Palatino, Georgia, serif;} #sidebar a {padding:3px; } #sidebar li a:hover, #sidebar a:focus, #sidebar a:active {background:#F5007C; color:#FFF6ED;} #sidebar { font:0.75em/1.5 Verdana,Arial,sans; width:345px; float:left; margin-left: 10px; } #sidebar ul {margin:0 0 10px;} #searchform {padding:0 0 10px;} #pages-2 li, #pages-2 li a, #pages-2 li a:hover, #pages-2 li a:focus ,#pages-2 li a:active { background-color:transparent; background-image:url(images/dragon-nav-bg.png); background-repeat:no-repeat; display:block; height:30px; width: 300px; overflow:hidden; text-indent:-5000px; } .page-item-899 {} .page-item-1317 a {background-position: 0 -30px;} .page-item-2350 a {background-position: 0 -60px;} .page-item-1629 a {background-position: 0 -90px;} .page-item-897 a {background-position: 0 -120px;} .page-item-2091 a {background-position: 0 -150px;} #pages-2 .page-item-899 a:hover, #pages-2 .page-item-899 a:focus, #pages-2 .page-item-899 a:active {background-position: 0 -177px;} #pages-2 .page-item-1317 a:hover, #pages-2 .page-item-1317 a:focus, #pages-2 .page-item-1317 a:active {background-position: 0 -207px;} #pages-2 .page-item-2350 a:hover, #pages-2 .page-item-2350 a:focus, #pages-2 .page-item-2350 a:active {background-position: 0 -237px;} #pages-2 .page-item-1629 a:hover, #pages-2 .page-item-1629 a:focus, #pages-2 .page-item-1629 a:active {background-position: 0 -267px;} #pages-2 .page-item-897 a:hover, #pages-2 .page-item-897 a:focus, #pages-2 .page-item-897 a:active {background-position: 0 -297px;} #pages-2 .page-item-2091 a:hover, #pages-2 .page-item-2091 a:focus, #pages-2 .page-item-2091 a:active {background-position: 0 -327px;} #twitter_update_list li {padding:0 0 5px;} #twitter_update_list li#tweet-load { background:url(images/loader.gif) no-repeat; padding:0 0 0 20px; font-style:italic; color:#999; } #ctc {margin: 10px 0; padding:10px 0;} #archives {border-top: 1px dashed #999; padding: 5px 0 0;} #sidebar #vote-banner { position:absolute; top:0; right:0; background:url(images/dragon-vote.png) no-repeat; height:180px; text-indent:-9999em; border-bottom:none; } #vote-banner a{ display:block; width:154px; height:180px; } #sidebar li { border-bottom:1px dashed #999;} #sidebar li li { border-bottom:none;} #sidebar #linkcat-49 { clear:left;} #sidebar #vote-banner a:hover {background:none;} #sidebar #vote-banner a:focus, #sidebar #vote-banner a:active {background:none;} #sidebar a.badge {display:block;} #sidebar a.badge:hover {background:none;} #sidebar a.badge img {border:none;} #etsy h2 {word-spacing:-0.22em;} #etsy-art {display:block; width:350px; height:136px; background: url(images/elephant-painter.png) no-repeat top left; text-indent:-9999px;} #sidebar #etsy-art:hover, #sidebar #etsy-art:focus, #sidebar #etsy-art:active {background: url(images/elephant-painter.png) no-repeat bottom left;} /* 5: Footer ================================*/ #footer { clear:left; text-align:center; color:#999; border-top:5px solid #F5007C; width:925px; margin: 0 0 0 50px; } /* 6: Mobile ================================*/ @media only screen and (max-device-width: 480px) { body {font:2em/1.8 Georgia,serif;} #gallery {font:1em/1.5 Georgia,serif;} h2 {font-size:2.5em !important;} }