/* @override http://solidsprite.com/wp-content/themes/papelble/style.css */ /* @override http://solidsprite.com/wp-content/themes/papelble/style.css file:////Users/solidsprite/Documents/ */ /* Theme Name:Papelble Description:The base theme for solidsprite.com. Author:solidsprite Author URI:http://solidsprite.com/ Version:1.1 */ input#ws-plugin--qcache-ajax-clear {height: 2em !important; padding: 0 !important; border: 0; background-color: transparent ; color: #ccc !important; } div.ab-item:hover input#ws-plugin--qcache-ajax-clear {color: #fff!important;cursor:pointer;} @font-face {font-family: SeganLight; src:url(/skins/fonts/Segan-Light.ttf);} body {font-family: Segan, SeganLight, "Helvetica Neue", Arial, Helvetica, sans-serif ; font-weight:200; letter-spacing:auto; font-size: 16px; line-height: 1.35em; margin: 0 auto;} /* body { background: url('http://solidsprite.com/skins/bkgd-texture.png') repeat-x; } */ a, a:link,a:visited,a:hover,a:active,a:focus {border-bottom-width:.12em; border-bottom-style: solid; text-decoration:none;} a img {border: none; display: block;} a:link, a:visited, h3, h4 {font-weight:400;} h1, h2, h3, h4, h5, h6 {font-weight:200; margin-bottom:.025em; line-height:1.2em; padding: 0 0.750em 0.313em 0.750em; text-decoration: none; } code { display:block; padding: .9em 2em .9em 2em; margin: .5em 0; font-weight: 100;white-space: nowrap; font-size: .9em; border-radius: 0.188em;overflow-x: scroll;} img.alignnone, .wp-post-image {margin: 0 auto .5em auto;} .alignright {float: right; margin: .5em 0 .5em .5em;} .alignleft {float: left; margin: .5em .5em .5em 0;} .alignnone, .aligncenter {margin: 0 auto;} .post-title, .post-title a { margin: 0; padding: 0; line-height: 1.1em; text-decoration: none; } #ss-footer {line-height:1em; } *.small-print {font-size: .6em; text-transform:uppercase; letter-spacing:.12em;} p {margin:.5em 0 .5em 0; text-align:left; display: block;} ol li { margin:.5em 0 .8em 0; } div.content-item, .feature img {padding: 1.875em;} div.content-item {margin-bottom: 1.25em;} a.tweet, #pg-nav a {border: none;} #pg-nav {text-align:center; margin-bottom: 2em; display: block; clear: both; } .feature{text-align:center;z-index:3;} .feature img {margin: 0 auto; margin-bottom: 1.25em;} header {margin-bottom:0; background-repeat:no-repeat; background-position:center -2.5em;height:5.75em;} #ss-content a:link img, #ss-content img {padding: 0.188em ;border-width: 0.125em;border-style: solid; } .noframe {border: 0 !important; background: transparent !important;} div.content-item {position: relative;} #addendum { margin-top: 1em;} #foot-up, #foot-down { padding: 6px; } a.tweet, #pg-nav a, div.wp-caption p.wp-caption-text {display: inline; padding: .5em .75em .4em .75em;} h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, #ss-nav a, a.moretext, a.tweet{border-bottom:none;} h1, h2 {margin-left:-.750em; width: 100%;} i, em {padding: 0 .3em 0 0 ;} h3, h4, h5, h6, h7, h8 {padding: 0;} h1,h2 {font-size: 1.375em; letter-spacing:-0.063em; line-height: 1em;} h3 {font-size:1.4em; margin-bottom: .25em; margin-top:1.2em} h4 {font-size:1.1em; line-height:1.4em;margin-bottom: -.5em;} h5 {font-size:.9em; line-height:1.6em;} h6 {font-size:.7em; line-height:1.8em; text-transform:uppercase;} footer {clear:both; margin:0 auto; text-align:center; width: 100%; } .contain {width: 32.5em; margin: 0 auto; } /* Defines the width of all uniform stacked content */ .hide {display: none;} /** NINJA */ #ninja {opacity: .85; float:left; height: 2.938em; width: 1.938em; margin-left:.750em; background-position:top left; position:absolute; top:2.5em; background:url("/skins/ninji.png") no-repeat;} #ninja:hover {opacity: 1;} /** BLOCKQUOTES */ blockquote {margin:0.625em 0.375em 1em 1.125em; padding: 0 0 0 .75em ; } blockquote:before {font:3em bold italic sans-serif, Verdana; content:'\201C'; display:inline; margin-left:-.6em; margin-top:-.25em; float:left; } /** IMAGE CAPTIONS */ div.wp-caption {display: block; width: auto; position: relative;} body div.wp-caption p.wp-caption-text {bottom: 0.875em ; right: 0.813em ; font-size: 0.9em; position: absolute; opacity: 1; z-index: 1; visibility: visible;} body div.wp-caption:hover p.wp-caption-text{opacity: 0; visibility:hidden;} body div.wp-caption p.wp-caption-text {background: rgba(140, 163, 181, 0.9); } /** 'MORE' BUTTON */ a.moretext, a.more-link {width: 30%; display: inline; padding: 0.4em; padding: 0;} a.more-link:before, a.more-link:after {content: ''; font-size: 1.250em; white-space: nowrap;} a.more-link:after {content: '...';} /** Navigation */ #ss-nav{height:4.9em;margin:0 auto;padding: 0; z-index:2; position:relative;} #ss-nav ul{text-align:right;font-size:1.5em; margin: 0; right: 0; bottom: 0; position: absolute; text-transform:lowercase; /* force text to lowercase */;} #ss-nav ul li {display:inline;} #ss-nav ul li a{margin:0 .5em 0 .9em; list-style-type:none;} #ss-nav a:hover, #ss-nav a:focus {opacity:1;} /** FOR Tree-styled Related Posts */ figure.widget_SPOSTARBUST figcaption {display: none; } figure.widget_SPOSTARBUST {padding: 0; margin:0 -.6em 0 -.6em; text-align: center;} figure.widget_SPOSTARBUST ul {display: inline-block; padding: 0; margin: 0 auto; width: auto;} figure.widget_SPOSTARBUST ul li {vertical-align: top; width: 12.813em; display: inline-block; margin-bottom: 1em; } figure.widget_SPOSTARBUST ul li{text-align: center; letter-spacing: .15em; width: 10.75em; padding: 0; display: inline-block;} figure.widget_SPOSTARBUST ul li ul {padding: .6em .5em 0 .5em; margin: 0 ;width: 10em; } figure.widget_SPOSTARBUST ul li ul li{font-size: .9em; text-align: left; letter-spacing: 0px; line-height: 1.15em; padding: 0 ; width: 100%; margin: 0 0 .8em 0;} /** TRANSITIONS */ * {-webkit-transition: background-color .18s linear, color .18s linear, opacity .18s linear, box-shadow .16s linear, border-color .18s linear; -moz-transition: background-color .18s linear, color .18s linear, opacity .18s linear, box-shadow .16s linear, border-color .18s linear; -o-transition: background-color .18s linear, color .18s linear, opacity .18s linear, box-shadow .16s linear, border-color .18s linear; transition: background-color .18s linear, color .18s linear, opacity .18s linear, box-shadow .16s linear, border-color .18s linear;} *:hover, *:active, .spoiler:hover a, #ss-content p:hover a {-webkit-transition: background-color .06s linear, color .06s linear, opacity .06s linear, box-shadow .06s linear, border-color .06s linear; -moz-transiton: background-color .06s linear, color .06s linear, opacity .06s linear, box-shadow .06s linear, border-color .06s linear; -o-transiton: background-color .06s linear, color .06s linear, opacity .06s linear, box-shadow .06s linear, border-color .06s linear; transition: background-color .06s linear, color .06s linear, opacity .06s linear, box-shadow .06s linear, border-color .06s linear;} /** SPOILERS */ /** Images not currently spoilerable */ .spoiler, .spoiler a {color:rgba(255, 255, 255, 0); color: #dee9ef;} .spoiler {border: none; border-bottom: 0.063em #b9c9ce dashed; display: inline; background-color: #dee9ef; position: relative;} .spoiler:before {content: 'Spoilers'; color: #a0b6c8; position: absolute; font-size: .8em; padding: .1em .5em; text-transform: uppercase;} .spoiler:hover:before, .spoiler:active:before, .spoiler:focus:before {opacity: 0; background-color: transparent;} .spoiler:hover, .spoiler:active, .spoiler:focus {color: #b9c9ce; background-color: transparent; border-bottom: 0.063em dashed rgba(185, 200, 205, 0.5); } .spoiler:hover a, .spoiler:active a, .spoiler:focus a {border-bottom-style: solid;} /** COLORS */ html,body {background-color: #f5f6f7;} a.tweet, #pg-nav a, #ninja-stamp {background-color: rgba(160, 183, 201,1);} a:hover.tweet, #pg-nav a:hover {background-color:#ff7855;} a, h1, h2, h3, h4, .spoiler:hover a, #ss-content p:hover a, #ss-footer, #home-links .post-title a:link {/*color: #7296b2; border-color: rgba(134, 191, 240, 0.33);*/ color: rgb(141, 169, 192); border-color: rgba(134, 191, 240, 0.33);} .feature img, div.content-item, .shadow, #ss-splash .wp-caption {box-shadow: 0 .25em 1.125em rgba(70,91,106,.13);} body h1 a, body h2 a, body h3.post-title a {color: #495660;} code {color: #f1f6f8; background-color: #69747e; box-shadow:inset #49545e .125em .125em .313em;} a:hover, a:active, a:focus, body h1 a:hover, body h2 a:hover, body h3 a:hover, body h4 a:hover, body h5 a:hover, body h6 a:hover, body .frontpage a:hover h3, .spoiler a:hover, #ss-content p a:hover, #home-links .post-title a:hover {border-color: rgba(255, 113, 88, 0.33);color: #ff7855;} div.content-item, .feature img {background-color: #fff; border: 0.063em solid #e8eaec;} body, .spoiler:hover {color: #4a5d6d;} body h3, body h4, body h5, body h6 {color: #a1b8ca;} #ss-content a img, #ss-content img {border-color:#ebeced; background-color: #ebeced;} #ss-content a:hover img,#ss-content a:active img,#ss-content a:focus img {background:#ff7855;} #ss-nav nav ul li a {color: #6e737c;} #ss-nav nav ul li a:hover {color: #42454a;} #ss-nav nav ul li.current-menu-item a, #ss-nav nav ul li.current-post-ancestor a {border-bottom: 0.09em solid #e8e9e9; border-color: rgba(160, 183, 201,.3);} blockquote {color: #8596a0;} blockquote:before {color: #b0b9bf;} /* #ss-nav nav ul li.current-menu-item a, #ss-nav nav ul li { position: relative; } #ss-nav nav ul li.current-menu-item a, #ss-nav nav ul li.current-post-ancestor a:after {content: '・'; position: ; } */ a.tweet, #pg-nav a, div.wp-caption p.wp-caption-text, a.tweet:hover, a.tweet:active {color:#fff;} #ss-splash {width: 698px !important; margin: 0 auto; clear: both; position: relative; margin-bottom: .4em; } /*#ss-splash #home-art-1 { position: absoute; top: 0; left: 0;}*/ #ss-splash #home-comics {position: absolute; right: 0; top: 0; } #ss-splash .wp-caption { border: 6px solid #fff; padding: 1px !important; margin-bottom: -2px; margin-top: 0; background-color: #eaf1f4; } #ss-splash .wp-caption-text { text-transform: uppercase; background-color: rgba(133, 161, 184, 0.8); letter-spacing: .12em; font-size: .72em; padding: .65em .8em; padding-bottom: .4em; bottom: 0; right: 0; margin: 1em; text-align: center; line-height: 1.4; } #ss-splash #home-comics-2 img, #ss-splash #home-comics-2 { height: 140px !important; } body #ss-splash div.wp-caption:hover p.wp-caption-text{opacity: 100; visibility:visible;} body #ss-splash div.wp-caption a:hover p.wp-caption-text{opacity: 100; visibility:visible; background-color: rgba(255, 119, 85, 0.9);} /* #ss-splash div.wp-caption:hover {border-color: rgb(187, 195, 202) !important;background-color: rgb(153, 171, 181) !important; } */ #post-date { float: right; text-transform: uppercase; font-size: .6em; color: #cecdcd; cursor: default; } body.page-template-tpl-home-php #ss-content,#ss-supplement{ display: inline-block; vertical-align: top;; } body.page-template-tpl-home-php #ss-content {width: 431px; } body.page-template-tpl-home-php #ss-supplement {width:215px; } #home-links, #ss-supplement { float: right; } #home-links { margin-top: .08em; } /* SIDEBAR INSIDE COLOR */ body.page-template-tpl-home-php #ss-supplement .content-item { margin-bottom: 6px !important; background-color: #f5fafb; } body.page-template-tpl-home-php .home.link {border: #fff solid 06px; padding: 10px; } body.page-template-tpl-home-php .home #ss-supplement iframe,.home #ss-supplement img { display: none; } body.page-template-tpl-home-php #wrapper, body.page-template-tpl-home-php #ss-footer { width:650px; margin: 0 auto; position: relative; } #wrapper, #ss-footer { width: 32.5em; margin: 0 auto; } #addendum {line-height: 1.13em;} #ss-footer #foot-1,#ss-footer #foot-2{float: left; padding: 0 8px; margin-top: 4px; text-transform: none; } #foot-2 {width: 140px;} #addendum * h4, #ss-footer h4 { margin: 0; padding: 0;line-height: 1.2em; } #addendum a, #foot-up a {font-size: .9em; } footer {clear: both ; position: relative;} #ss-footer { margin-top: -22px !important; background: -webkit-gradient(linear, left top, left bottom, from(rgb(227, 233, 239)), to(#dee4ea), to(hsla(0, 0%, 0%, 0))) rgba(227, 233, 239, 0.62); background: -webkit-linear-gradient(top, rgb(227, 233, 239) 0%, #dee4ea 100%, hsla(0, 0%, 0%, 0) 100%) rgba(227, 233, 239, 0.62); background: -moz-linear-gradient(top, rgb(227, 233, 239) 0%, #dee4ea 100%, hsla(0, 0%, 0%, 0) 100%) rgba(227, 233, 239, 0.62); background: -ms-linear-gradient(top, rgb(227, 233, 239) 0%, #dee4ea 100%, hsla(0, 0%, 0%, 0) 100%) rgba(227, 233, 239, 0.62); background: -o-linear-gradient(top, rgb(227, 233, 239) 0%, #dee4ea 100%, hsla(0, 0%, 0%, 0) 100%) rgba(227, 233, 239, 0.62); background: linear-gradient(to bottom, rgb(227, 233, 239) 0%, #dee4ea 100%, hsla(0, 0%, 0%, 0) 100%) rgba(227, 233, 239, 0.62); /* >>> #cbd5de */ margin: 0em auto 0 auto; text-align: left; /*box-shadow: 0 .25em 1.125em rgba(70,91,106,.13); */ border-top: 1px solid #d7e1e4; position: relative; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e9ef', endColorstr='#dee4ea',GradientType=0 ); /* IE6-9 */} /** html, body { background-image: url("file:///Users/solidsprite/Desktop/Diagonal Pixels.png") ; background-size: 600px; } */ #foot-up img { display: block; } #foot-up { /float: left; } #foot-down {display: block; clear: left; margin: 0 auto; text-align: center; padding-top: 6px; margin: 0px; } a#mytwitter {padding: .2em .6em ; display: inline-block; ; /*background-color: #01aaeb;*/ line-height: 2.2em;white-space: nowrap; } a#mytwitter span {display: none;} /* a#mytwitter #twitterbird {background-image: url('file:///Users/solidsprite/Desktop/tweets.png'); background-position: center left; background-repeat: no-repeat; display: inline; width: 28px; height: 2.2em; float: left; }*/ #foot-1-row-2 {line-height: 2.3em;} #foot-1-row-2 a {line-height: 2em;} #foot-3 { float:right; width: 76px; height: 76px; padding: 12px; } .nowrap {white-space: nowrap;} /** For RETINA Displays */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) { #ninja {background:url("/skins/ninji@2x.png") no-repeat; background-size: 31px;} /* a#mytwitter #twitterbird { background-size: 40px; background-position-x: -12px; } */ /** IE6... */