Juan Quiñónez Seguir
Épsilon
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 6 Abr 2010
- Mensajes
- 982
Llevo un rato configurando el nuevo theme de mi web pero veo que tiene un problema en el espacio entre la parte derecha de los párrafos y la barra lateral:
En Firefox, IE y Dolphin para Android
En Chrome
Imagino que si le cambio los valores de alineación y eso, puedo dañarlo ya que sólo sucede en Chrome, ¿hay alguna solución que no implique afectar la manera en que se ve en el resto de navegadores? Aquí está el CSS:
En Firefox, IE y Dolphin para Android
En Chrome
Imagino que si le cambio los valores de alineación y eso, puedo dañarlo ya que sólo sucede en Chrome, ¿hay alguna solución que no implique afectar la manera en que se ve en el resto de navegadores? Aquí está el CSS:
PHP:
/*
Theme Name: Freshlife
Theme URI: http://www.theme-junkie.com
Description: Proudly designed by <a href="http://www.theme-junkie.com">Theme Junkie</a>.
Author: Theme Junkie
Author URI: http://www.theme-junkie.com
Version: 2.0
Tags: advertise-ready, widget-ready, advanced-theme-options
Copyright: (c) 2010 Theme Junkie.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
@import url("reset.css");
/* =Global
----------------------------------------------- */
body {
background: #e9e9e9;
font: 13.5px/18px Arial, Helvetica, Sans-serif;
color: #333;
}
/* Links */
a,
a:visited,
a:active {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 13px;
}
h5,h6 {
font-size: 12px;
}
/* Input Form & TextArea */
input, textarea {
border-color: #ccc #efefef #efefef #ccc;
border-width: 1px;
border-style: solid;
color: #777;
padding: 6px;
}
input:focus {
background: #ffffff;
}
/* =Structure
----------------------------------------------- */
#wrapper {
background: #fff;
margin: 0 auto 15px auto;
padding: 10px 15px 0 15px;
width: 950px;
}
#top {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
height: 33px;
line-height: 33px;
}
#header {
height: 90px;
}
#content {
background: #fff;
float: left;
padding: 0 0 20px 0;
width: 630px;
}
#sidebar {
background: #fff;
float: right;
margin: 0 0 20px 0;
width: 300px;
}
#footer {
border-top: 1px solid #e6e6e6;
padding: 10px 0 0 0;
}
/* =Header
----------------------------------------------- */
/* Search Form */
#search {
display: inline;
float: right;
height: 24px;
margin: 0 0 0 0;
}
#search input {
float: left;
width: 190px;
margin: 2px 0 0 0;
padding: 4px 6px 6px 6px;
font-size: 11px;
color: #999;
line-height: 12px;
border: 1px solid #e6e6e6;
}
#search input.btn {
background: none;
border: none;
margin: 6px 0 0 -22px;
padding: 0;
width: auto;
}
/* Logo */
#text-logo {
float: left;
width: 220px;
}
#site-title {
color: #333;
font-size: 34px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1;
margin: 18px 0 5px 0;
}
#site-title a, #site-title a:hover {
color: #3B5998;
text-decoration: none;
}
#site-desc {
color: #999;
font-size: 11px;
}
#logo {
line-height: 1;
margin: 11px 0 0 0;
overflow: hidden;
}
/* Un-widgetized Advertisement */
.header-ad {
float: right;
margin: 15px 0 0 0;
width: 468px;
height: 60px;
}
/* =Navigation
----------------------------------------------- */
.topnav {
list-style: none;
line-height: 1;
margin: 0;
padding: 1px 0;
z-index: 99;
}
.topnav a {
display: block;
position: relative;
text-decoration: none;
z-index: 100;
}
.topnav li {
float: left;
width: auto;
}
.topnav li a {
font-size: 11px;
font-weight: bold;
line-height: 18px;
padding: 7px 13px 6px 13px;
text-decoration: none;
text-transform: uppercase;
}
.topnav li a:hover, .topnav li a:active {
color: #fff;
text-decoration: none;
}
.topnav li.first a {
color: #fff;
}
.topnav .first {
color: #fff;
}
.topnav li ul {
background: #fff;
border: 1px solid #e6e6e6;
border-bottom: none;
left: -999em;
position: absolute;
width: 166px;
z-index: 999;
}
.topnav li ul li {
border-bottom: 1px solid #e6e6e6;
}
.topnav li ul li a, .topnav li ul li a:visited {
background: #fff;
border-bottom: none;
font-size: 11px;
font-weight: bold;
padding: 7px 13px 6px 13px;
text-transform: uppercase;
width: 140px;
}
.topnav li ul li a.sf-with-ul {
padding: 7px 13px 6px 13px;
}
.topnav li ul li a:hover {
color: #fff !important;
border-bottom: none;
}
.topnav li ul ul {
margin: -32px 0 0 166px;
}
.topnav li:hover, .topnav li.hover {
position: static;
}
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul {
left: -999em;
}
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul {
left: auto;
}
.topnav .sf-sub-indicator {
display: none;
}
.topnav li ul .sf-sub-indicator {
background: url(images/bullet.png) no-repeat;
display: block;
overflow: hidden;
position: absolute;
width: 10px;
height: 10px;
text-indent: -999em;
top: 1.1em;
right: 0.4em;
}
/* Category Navigation */
#cat-menu {
height: 35px;
margin: 0 0 20px 0;
}
.nav {
border-top: 1px solid #e6e6e6;
float: left;
list-style: none;
line-height: 1;
margin: 0;
width: 100%;
z-index: 99;
}
.nav a {
color: #333;
display: block;
position: relative;
text-decoration: none;
z-index: 100;
}
.nav li {
float: left;
width: auto;
}
.nav li a {
border-right: 1px solid #e6e6e6;
color: #333;
font: 13px/15px Arial, Helvetica, sans-serif;
padding: 8px 12px;
text-decoration: none;
}
.nav li a:hover, .nav li a:active {
color: #fff;
}
.nav li ul {
background: #fff;
border: 1px solid #e6e6e6;
border-bottom: none;
left: -999em;
margin-left: -1px;
position: absolute;
width: 168px;
z-index: 999;
}
.nav li ul li {
border-bottom: 1px solid #e6e6e6;
}
.nav li ul li a {
background: #fff;
color: #333;
font-size: 13px;
font-weight: normal;
padding: 8px 12px;
width: 144px;
}
.nav li ul li a.sf-with-ul {
padding: 8px 12px;
}
.nav li ul li a:hover {
color: #fff;
text-decoration: none;
}
.nav li ul ul {
margin: -32px 0 0 168px;
}
.nav li:hover,.nav li.hover {
position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
left: auto;
}
.nav .sf-sub-indicator {
display: none;
}
.nav li ul .sf-sub-indicator {
background: url(images/bullet.png) no-repeat;
display: block;
overflow: hidden;
position: absolute;
width: 10px;
height: 10px;
text-indent: -999em;
top: 0.95em;
right: 0.4em;
}
/* =Content
----------------------------------------------- */
/* Featured Content */
#featured-content {
margin: 0 0 20px;
overflow: hidden;
}
#featured-content ul {
clear: both;
padding: 5px 0 0;
}
#featured-content ul li {
display: block;
float: left;
margin: 0 15px 15px 0;
position: relative;
width: 200px;
height: 200px;
}
#featured-content .entry-title {
background: url(images/transparent.png);
bottom: 0;
left: 0;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 10px;
position: absolute;
}
#featured-content .entry-title a,
#featured-content .entry-title a:visited {
color: #fff;
}
#featured-content ul li.featured-3,
#featured-content ul li.featured-6,
#featured-content ul li.featured-9 {
margin: 0;
}
#featured-content .entry-date {
background: url(images/transparent.png);
color: #929292;
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 11px;
padding: 5px;
position: absolute;
text-transform: uppercase;
top: 10px;
left: 0;
}
.heading {
border-top: 1px solid #e6e6e6;
color: #929292;
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 11px;
margin: 7px 0 10px;
text-transform: uppercase;
}
.heading-text {
background: #fff;
float: left;
margin: -7px 0 0;
padding: 0 5px 0 0;
}
/* Entry Box */
.entry-box {
background: #fff;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
padding: 10px 0 5px 0;
}
.entry-box .entry-title {
font-size: 22px;
font-weight: normal;
line-height: 24px;
margin: 0 0 5px 0;
}
.entry-cat {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.entry-cat a {
color: #999 !important;
}
.entry-meta {
color: #999;
float: left;
font-size: 11px;
margin: 10px 0 0 0;
padding-bottom: 4px;
}
.entry-comment a {
background: url(images/icon-comment.png) no-repeat 3px 1px;
color: #999 !important;
padding: 0 0 4px 20px;
}
.entry-social {
float: right;
padding: 5px 0 0 10px;
}
.twitter-share-button {
float: left;
padding: 0 10px 0 0;
}
.fb-button {
float: left;
margin-right: 10px;
}
.gpone {
margin-left: 10px;
}
.entry-thumb {
float: left;
margin: 0 15px 15px 0;
}
/* =Content
----------------------------------------------- */
/* Breadcrumbs */
#breadcrumbs {
margin-bottom: 15px;
padding: 0 0 10px 0;
font-size: 10px;
color: #999;
text-transform: uppercase;
border-bottom: 1px solid #e6e6e6;
}
#breadcrumbs a {
background: url(images/bullet.png) no-repeat right center;
margin-right: 1px;
padding-right: 10px;
color: #999;
}
#breadcrumbs .cat-feed a {
float: right;
display: block;
background: url(images/ico-feed.png) no-repeat right 3px;
padding-right: 16px;
color: #999;
font-size: 10px;
}
#fullcontent {
background: #fff;
width: 950px;
}
.page-title {
font-size: 20px;
font-weight: bold;
padding: 0 0 10px 0;
}
.single .entry-title {
font-size: 26px;
font-weight: bold;
line-height: 28px;
margin: 0 0 5px 0;
}
/* Entry */
.entry {
display: table;
padding: 10px 0 10px 0;
line-height: 23px;
}
.single .entry {
width: 100%;
}
.entry p {
margin: 0 0 10px 0;
}
.entry strong {
font-weight: bold;
}
.entry em {
font-style: italic;
font-weight: normal;
}
.entry strong em, .entry em strong {
font-style: italic;
font-weight: bold;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin:5px 0 10px 0;
}
.entry a img {
border: none;
}
.entry ul {
margin: 0 0 0 7px;
padding-bottom: 10px;
list-style: none;
}
.entry ol {
margin: 0 0 10px 25px;
list-style-type: decimal;
}
.entry ol ol {
list-style: upper-alpha;
}
.entry ol ol ol {
list-style: lower-roman;
}
.entry ol ol ol ol {
list-style: lower-alpha;
}
.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul {
margin-bottom: 0;
}
.entry ul li {
background: url(images/icon-bullet.png) no-repeat 0 5px;
padding: 3px 0 3px 19px;
font-size: 12px;
line-height: 19px;
}
.entry ol li {
padding: 3px 0 3px 0;
font-size: 12px;
line-height: 19px;
}
.entry li ul {
margin: 0;
padding: 0;
}
.entry del {
text-decoration: line-through;
color: #aaa;
}
.entry ins {
text-decoration: underline;
font-weight: bold;
}
.entry blockquote {
margin: 20px 0;
padding: 15px 15px 1px 15px;
background: #f5f5f5;
border: 1px solid #eee;
border-width: 1px 0;
font-family: Georgia, serif;
}
.entry blockquote p, blockquote a, blockquote {
color: #666;
font-style: italic;
font-size: 1em;
}
.entry dfn {
font-weight: bold;
}
.entry pre, .entry code, .entry tt {
margin: 1.5em 0;
white-space: pre;
display: block;
}
.entry pre, .entry code, .entry tt {
font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height: 20px;
background: #f5f5f5;
overflow: auto;
padding: 1em;
color: #666;
}
.entry hr {
background: #e6e6e6;
color: #e6e6e6;
clear: both;
width: 100%;
height: 1px;
margin: 15px 0;
border: none;
}
.entry input, .entry textarea {
font-size: 1em;
padding: 3px;
}
/* Entry Images */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
padding: 0;
margin: 0 0 10px 0;
display: inline;
}
img.alignright {
padding: 0;
margin: 0 0 10px 10px;
display: inline;
}
img.alignleft {
padding: 0;
margin: 0 10px 10px 0;
display: inline;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 0 10px 10px 0;
}
.wp-caption {
background: #F7F7F7;
text-align: center;
padding: 4px 0 5px 0;
border: 1px solid #e6e6e6;
}
.wp-caption img {
margin: 0 0 5px 0;
padding: 0;
border: 0;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
.entry-tags {
background: url(images/icon-tag.png) no-repeat 0 1px;
float: left;
margin: 10px 0;
padding: 0 0 0 21px;
color: #222;
}
.entry-edit {
float: right;
margin: 10px 0;
}
/* Author BIO Box */
.authorbox {
background: #EEF5FF;
margin: 0 0 15px 0;
padding: 10px;
border: 1px solid #e9e9e9;
}
.authorbox p {
margin: 0;
padding: 0;
}
.authorbox p strong {
font-size: 14px;
}
.authorbox img {
background: #fff;
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px solid #e9e9e9;
}
/* Entry Bottom Utilities */
.entry-bottom {
background: #fff;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 15px 0 15px 0;
}
.entry-bottom h3 {
font-size: 13px;
font-weight: bold;
margin: 0 0 10px 0;
}
.entry-bottom li {
margin: 5px 0;
border-top: 1px dotted #ddd;
}
/* Newsletter */
.newsletter {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #ddd;
}
.newsletter p {
font-size: 12px;
color: #777;
}
.subscribe-form {
margin: 6px 0 3px;
}
.subscribe-form .email {
width: 150px;
}
/* Social Connections */
.entry-social-connect {
float: left;
width: 250px;
}
/* Related Posts */
.entry-related-posts {
float: right;
width: 360px;
}
.entry-related-posts li {
background: url(images/dot.png) no-repeat left center;
padding: 9px 0 8px 10px;
}
/* =Sidebar
----------------------------------------------- */
#sidebar .fullwidth {
width: 300px;
}
#sidebar .sidebar-left {
float: left;
width: 140px;
}
#sidebar .sidebar-right {
float: right;
width: 140px;
}
/* =Widgets
----------------------------------------------- */
.widget {
background: #fff;
margin: 0 0 15px 0;
}
.widget-title {
border-bottom: 1px solid #e9e9e9;
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
}
.widget-title a, .widget-title a:hover {
color: #333;
text-decoration: none;
}
.widget ul li {
background: url(images/dot.png) no-repeat 0 18px;
border-bottom: 1px solid #f0f0f0;
padding: 10px 0 10px 10px;
}
.widget > div {
padding: 10px 0;
}
.widget_tag_cloud div,
.textwidget {
padding: 10px 0;
}
/* Social Widget */
#subscribe {
background: #fbfbfb;
border: 1px solid #ECEDE8;
font-size: 90%;
margin: 0 0 15px 0;
padding: 7px 5px 3px 5px;
width: 288px;
}
.subscribe-icons {
margin: 0 auto;
width: 286px;
}
.subscribe-icons li {
display: inline;
float: left;
font-size: 11px;
margin: 0 2px 5px 2px;
width: 52px;
text-align: center;
}
.subscribe-icons a {
color: #444 !important;
display: block;
padding: 40px 0 2px;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.subscribe-icons a:hover {
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
color: #369 !important;
text-decoration: none;
}
.subscribe-icons .subscribe-youtube a {
background: url(images/icon-youtube.png) center top no-repeat;
}
.subscribe-icons .subscribe-twitter a {
background: url(images/icon-twitter.png) center top no-repeat;
}
.subscribe-icons .subscribe-facebook a {
background: url(images/icon-facebook.png) center top no-repeat;
}
.subscribe-icons .subscribe-rss a {
background: url(images/icon-rss.png) center top no-repeat;
}
.subscribe-icons .subscribe-email a {
background: url(images/icon-email.png) center top no-repeat;
}
/* Tabs Widget */
#tabber {
background: #fff;
display: block;
height: auto;
margin: 0 0 25px 0;
}
#tabber .inside {
border-top: 3px solid #48d;
border-bottom: 1px solid #e9e9e9;
}
#tabber ul.tabs {
background: #fff;
padding: 0 0;
}
#tabber ul.tabs li {
background: none;
border-bottom: 0;
color: #fff;
cursor: pointer;
display: inline;
float: left;
font-size: 11px;
font-weight: bold;
margin: 0 2px 0 0;
padding: 0 0 0 0;
}
#tabber ul.tabs li a.selected, #tabber ul.tabs li a:hover {
background: #48d;
color: #fff;
text-decoration: none;
}
#tabber ul.tabs li a {
background: #EEF5FF;
color: #555;
display: block;
float: left;
line-height: 22px;
padding: 5px 10px 3px 10px;
text-transform: uppercase;
}
#tabber #tag-cloud, #tabber .inside li {
padding: 10px 0;
}
#tabber .inside li {
background: none;
border-bottom: 1px solid #e9e9e9;
}
#tabber .inside li a {
color: #333;
line-height: 19px;
}
#tabber .inside li div.info {
display: table;
margin: 0 !important;
padding: 0 !important;
top: 0 !important;
}
#tabber .inside li span.meta {
color: #999;
display: block;
font: 11px/20px Arial;
}
#tabber .inside li span.meta a {
color: #999;
}
#tabber .inside li span.meta a:hover {
text-decoration: none;
}
#tabber .inside li img.avatar, #tabber .inside li img.thumb {
float: left;
margin: 0 10px 10px 0;
}
#tabber .tab-thumb {
float: left;
margin: 0 10px 10px 0;
}
/* Twitter Widget */
.widget_tj_twitter {
margin: 0 0 15px 0;
}
.widget_tj_twitter > div {
border-top: none;
padding: 0;
}
.widget_tj_twitter .widget-title {
background: url(images/twitter-standing.png) no-repeat right -7px;
display: block;
width: 300px;
}
.widget_tj_twitter li {
background: url(images/icon-small-twitter.png) no-repeat 0 9px !important;
display: block !important;
padding: 10px 15px 10px 24px !important;
}
.widget_tj_twitter li a {
background: none !important;
display: inline !important;
padding-left: 0 !important;
}
.widget_tj_twitter li .time {
color: #999;
}
.widget_tj_twitter li a:hover {
background: none !important;
}
/* Author Info Widget */
.widget_tj_authorinfo .left {
margin-right: 10px;
}
.widget_tj_authorinfo .right {
margin-left: 10px;
}
/* Calendar Widget */
#wp-calendar {
width: 100%;
}
#wp-calendar, #wp-calendar th, #wp-calendar caption {
text-align: center;
}
#wp-calendar th {
background: #f5f5f5;
border: 1px solid #f0f0f0;
padding: 3px;
}
#wp-calendar td {
border: 1px solid #f0f0f0;
padding: 5px 2px;
text-align: center;
}
#wp-calendar caption {
background: transparent;
color: #333;
font-weight: bold;
padding: 3px 0 7px 0;
}
#wp-calendar #today {
background: #f5f5f5;
font-weight: bold;
}
/* Archives Widget */
.widget_archive select {
margin: 10px 0 0 0;
}
/* Widgetized Advertisement */
.widget-ads {
margin: 0 0 15px 0;
}
.widget-ads h3.ad-title {
color: #999;
font-size: 10px;
font-weight: normal;
margin-bottom: 7px;
text-align: center;
text-transform: uppercase;
}
.widget-ad125 {
border-top: 0 !important;
border-bottom: 1px solid #e9e9e9;
margin: 0 0 15px 0;
padding-bottom: 5px;
}
.widget-ad125 img {
margin: 5px 7px 0 0;
}
/* Flickr Widget */
.widget_tj_flickr {
border-bottom: 1px solid #e9e9e9;
margin: 0 0 15px 0;
padding-bottom: 5px;
}
.widget_tj_flickr > div {
border-top: 0;
}
.widget h3 span {
color: #0061D8;
}
.widget h3 span span {
color: #FF1183;
}
.widget .flickr_badge_image {
float: left;
margin: 0px;
}
.widget .flickr_badge_image .photo-wrap {
position: relative;
margin-bottom: 20px;
padding: 0;
}
.widget .flickr_badge_image a img {
display: inline;
float: left;
background: #fff;
margin: 4px 4px 0px 0px;
padding: 4px;
border: 1px solid #e9e9e9;
}
.widget .flickr_badge_image a:hover img {
background: #fbfbfb;
border-color: #e5ecf1;
}
/* Calendar Widget */
#wp-calendar {
width: 100%;
}
#wp-calendar, #wp-calendar th, #wp-calendar caption {
text-align: center;
}
#wp-calendar th {
background: #f5f5f5;
border: 1px solid #f0f0f0;
padding: 3px;
}
#wp-calendar td {
border: 1px solid #f0f0f0;
padding: 5px 2px;
}
#wp-calendar caption {
background: transparent;
color: #333;
font-weight: bold;
padding: 3px 0 7px 0;
}
#wp-calendar #today {
background: #f5f5f5;
font-weight: bold;
}
/* =Comments
-------------------------------------------------------------- */
#respond {
margin: 15px 0 0 0;
}
#respond p {
color: #777;
margin: 0;
}
.comments-box {
padding: 30px 0 0 0;
}
.comments-box h3 {
font-size: 14px;
font-weight: bold;
}
.cancel-comment-reply {
font-size: 11px;
padding: 5px 0 0 0;
}
.text {
border: 1px solid #e6e6e6;
color: #777;
padding: 2px;
width: 200px;
}
/* comment framework */
#pings {
margin-bottom: 40px;
}
ul.children {
margin-left: 0;
}
ol.commentlist {
margin: 15px 0 0 0;
}
cite.fn {
display: block;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: -0.05em;
padding-top: 9px;
}
cite.fn a, cite.fn a:hover {
text-decoration: none;
}
span.says {
display: none;
}
.commentlist li {
border: 1px solid #e9e9e9;
list-style: none;
margin: 10px 0 0 0;
padding: 15px;
}
.commentlist li.depth-2 {
background: #ffffff;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
margin-left: 15px;
}
.commentlist li.depth-3 {
background: #fafafa;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
margin-left: 15px;
}
.commentlist li.depth-4 {
background: #ffffff;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
margin-left: 15px;
}
.commentlist li.depth-5 {
background: #fafafa;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
margin-left: 15px;
}
.commentlist code {
background: #e6e6e6;
padding: 5px;
}
.commentlist p {
clear: both;
}
.commentlist .moderation {
color: #660000;
margin-top: 10px;
}
.commentlist .thread-even {
background: #fafafa;
}
.commentlist .children {
margin-top: 15px;
}
.commentlist .comment-author {
margin-bottom: 5px;
}
.commentlist .avatar {
background: #fff;
border: 1px solid #e9e9e9;
float: left;
margin-right: 10px;
padding: 3px;
}
.commentlist .reply {
margin: 15px 0 0 0;
}
.commentlist .reply a, .commentlist .reply a:visited {
background: url(images/bg-button.png) repeat-x left center;
color: #fff;
font-size: 11px;
padding: 0 6px 1px !important;
text-align: center;
text-decoration: none !important;
}
.commentlist .comment-meta {
float: left;
margin-bottom: 15px;
}
.commentlist .comment-meta a {
color: #666;
}
.commentlist .comment-date a, .commentlist .comment-date a:visited {
color: #888;
font-size: 1.1em;
}
/* Comment Form */
#commentform {
margin: 10px 0 0 0;
}
#commentform input.txt, #commentform textarea {
border-color: #ccc #efefef #efefef #ccc;
border-style: solid;
border-width: 1px;
font: 14px/14px Arial, Helvetica, sans-serif;
}
#commentform input.txt {
color: #666;
background: #fcfcfc;
width: 170px;
margin: 0 5px 10px 0;
padding: 5px 7px;
}
#commentform textarea {
color: #666;
background: #fcfcfc;
width: 95% !important;
padding: 5px 7px;
}
#commentform #submit {
background: url(images/bg-button.png) repeat-x left center;
margin: 15px 0 0 0;
font-size: 12px;
}
/* Submit & Reply Button */
.button, .button:visited, .reply a {
font-weight: bold;
background: url(images/alert-overlay.png);
display: inline-block;
padding: 5px 10px 6px;
color: #424242 !important;
text-decoration: none;
border: none;
position: relative;
cursor: pointer;
}
.button, .button:visited, .reply a {
background-color: #fff;
}
.button:hover, .reply a:hover {
color: #000 !important;
text-decoration: none;
}
.button, .button:visited, .reply a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: 1px 1px 0 #fff;
border: 1px solid #ddd;
}
.button:hover, .reply a:hover {
opacity: 0.8;
}
/* =Nagivation
-------------------------------------------------------------- */
.pagination {
font-size: 12px;
margin: 0;
}
.pagination a {
background: #fff;
border: 1px solid #dfdfdf;
display: block;
margin: 0;
padding: 5px 10px;
}
.pagination a:hover {
background: #f9f9f9;
border: 1px solid #dfdfdf;
}
.pagination .left a {
background-image: url(images/icon-arrow-left.png);
background-position: 8px center;
background-repeat: no-repeat;
padding-left: 20px;
}
.pagination .right a {
background-image: url(images/icon-arrow-right.png);
background-position: 95% center;
background-repeat: no-repeat;
padding-right: 20px;
}
/* wp-pagenavi */
.wp-pagenavi {
font-weight: bold;
letter-spacing: 1px;
margin: -10px 0 0 0;
padding: 5px 0 4px 0;
text-transform: uppercase;
}
.wp-pagenavi a:link,
.wp-pagenavi a:visited {
background: #fff;
border: 0;
display: inline;
margin: 0 0 0 2px;
padding: 7px 10px 4px 10px;
text-decoration: none;
}
.wp-pagenavi .on,
.wp-pagenavi .current,
.wp-pagenavi a:hover {
border-top: 0;
border-left: 0;
border-right: 0;
margin: 0 0 0 2px;
padding: 7px 10px 4px 10px;
}
.wp-pagenavi .on,
.wp-pagenavi .current {
background: #efefef;
}
.wp-pagenavi .extend,
.wp-pagenavi span.pages {
background: #fff;
border: 0;
color: #777;
padding: 0 10px;
}
/* comments navigation */
.navigation {
font-style: italic;
padding: 20px 0 0 0;
}
/* =Footer
-------------------------------------------------------------- */
#footer-widget-1,
#footer-widget-2,
#footer-widget-3 {
display: inline;
float: left;
margin: 15px 20px 0 0;
width: 222px;
}
#footer-widget-4 {
float: right;
margin: 15px 0 0 0;
width: 224px;
}
/* Bottom */
#bottom {
border-top: 1px solid #e6e6e6;
color: #999;
font-size: 11px;
padding: 15px 0;
}
#bottom a,
#bottom a:visited {
border-bottom: 1px dotted #ccc;
color: #999;
}
#bottom a:hover {
border-bottom: 1px dotted #999;
text-decoration: none;
}
#bottom .footer-rss {
background: url(images/ico-footer-rss.png) no-repeat 3px 4px;
padding: 3px 0 3px 16px;
}