Ayuda, ¿algún entendido en CSS?

nativodemundo · 11 Nov 2012

Hola compañeros, estoy terminando de modificiar un nuevo diseño Responsive para una web, pero tengo una duda existencial:

Página: Enlace eliminado
Entrada: Enlace eliminado

Como se puede apreciar en la página automáticamente se coloca el texto al lado de las imágenes, pero en la entrada no, en la entrada se coloca debajo.

No encuentro la parte de style.css que me permita que en las entradas se coloque el texto igual que en las páginas, a ver si me podéis echar una mano, el código del style.css es:

Insertar CODE, HTML o PHP:

/* 1. RESET
 * ================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


 /* 2. COMMON ELEMENTS
 * ================================================ */
h1, h2, h3, h4, h5, h6{
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	line-height:1.4;
}

h1{
	font-size:26px;
}

h2{
	font-size:22px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:13px;	
}

a{
	-moz-transition: background-color 0.2s linear 0s;
}

a:link {
	color: #4581B9;
	text-decoration:none;
}

a:visited {
	color: #4581B9;
}

a:active {
	color: #404B58;
}

a:hover {
	color: #404B58;
}

ul, ol {
	margin: 0 0 1.5em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

small { 
	font-size: 80%; 
}

big {
	font-size: 120%;
}

cite, em, i {
	font-style: italic;
}

cite {
	border: none;
}

blockquote {
	font-style:italic;
    margin: 7px 35px 7px 45px;    
	font-style:italic;
	background:#f7f7f7;
	padding:10px;
}

blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	background: rgba(0, 0, 0, 0.05);
	font: 87.5% "Courier 10 Pitch", Courier, monospace;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 0.75em 1.5em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 62.5%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

input[type=text], textarea {
	border: 1px solid #E7E7E7;
}

textarea {
	padding-left: 3px;
	width: 98%;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}

th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

p{
	margin-bottom: 15px;
}

img{
    background: #fff; margin: 1.5px; padding: 2px; border: 1.5px solid #CCC;
}

/*-- WordPress common classes*/
.clear{
	clear:both;
}
 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.25em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.25em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone{
	display: inline;
	float: left;
	margin-right: 1.25em;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.25em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.25em;
	max-width: 96%;
	text-align:center;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}

.gallery{
	margin-bottom:15px !important;
}

.gallery dl{
	margin:0;
}

.gallery img{
	border:none !important;
}


 /* 3. BASE
 * ================================================ */	
body{
	background: #f7f8f9;
	color: #555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.6em;	
}

#container{
	width: 960px; 
	margin: 0 auto;
}

#content-container{
	padding: 15px; 	
	background: #fff; 
	overflow:hidden;	
}

#content {
	float: left;
	width: 630px;
}

.wide-content{
	width:100% !important;	
}

/* 4. HEADER
* ================================================ */	
#header{
	background: #fff;
	padding: 15px; 
	margin: 0px auto 20px; 
	border-bottom: 1px solid #ddd;	
}

#header .header-wrap{
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#header .logo{
	float: left;
	width:300px;	
}

#header .logo h1{
	margin-bottom: 0px;
}

#header .logo img{
	display: block;
	margin-top:5px;
}

#header .ad468 {
	width:500px;
	float:right;
	text-align:right;
}

/* 5. NAVIGATION MENU
* ================================================ */
#nav{
    clear: both;
}	
	
#nav select {
    display: none;
    z-index: 3000;
    position: relative;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;	
	color:#555555;
	font-family:inherit;
}

#nav ul {
	z-index:99; 
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:left;
	
}

#nav ul li{
	position: relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	
}

#nav ul li a{	
	display: block;
	float: left;
	position:relative; 
	font-size: 14px;
	font-weight:700;
	text-transform: uppercase;
	padding:0 15px;
	height:40px;
	line-height:40px;
}

#nav ul.sub-menu{
	display: none;
	position: absolute;
	top: 30px;
	width:190px;
	left:10px;
	z-index: 9999;
	background: #ffffff !important;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 
}

 #nav ul.sub-menu a{
	display:block !important;
	width:160px;
	text-transform: none;
	font-size:12px;
	font-weight:700;
	border-bottom:1px solid #efefef;	
}

#nav ul li ul li ul{	
	margin: -30px 0 0 180px;	
}

#nav .sf-sub-indicator{
	display:none;
}

#nav ul.sub-menu li.current-menu-item a, 
#nav ul.sub-menu li.current-page-ancestor a,
#nav ul.sub-menu li.current-menu-ancestor a{
	color:#4581B9 !important;
} 

/* 6. MAIN CONTENT
 * ================================================ */

 /*-- Slider --*/
#slider{
	margin-bottom:20px;
}

#slider .lof-slidecontent{
	width:630px; 
	height:300px;
}

#slider .lof-slidecontent .slider-image{
	width:630px; 
	height:300px;
}

#slider .main-slider-content{
	width:630px; 
	height:300px;
}

#slider .lof-slidecontent {
	position:relative;	
	overflow:hidden;	
	border:1px solid #F4F4F4;
}

#slider .lof-slidecontent .preload{
	height:100%;	
	width:100%;	
	position:absolute;	
	top:0;	
	left:0;	
	z-index:100000;	
	text-align:center;	
	background:#ffffff;
}

#slider .lof-slidecontent .preload div{	
	height:100%;	
	width:100%;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;
}

#slider .lof-slidecontent  .sliders-wrapper{	
	position:relative;	
	height:100%;	
	width:900px;	
	z-index:3px;	
	overflow:hidden; 
}

#slider .lof-slidecontent  ul.sliders-wrap-inner{
	overflow:hidden;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;	
	padding:0px;	
	margin:0;	
	position:absolute;	
	overflow:hidden;
}

#slider .lof-slidecontent  ul.sliders-wrap-inner li{
	overflow:hidden;	
	padding:0px;
	margin:0px;	
	float:left;	
	position:relative;
}

#slider .lof-slidecontent  .lof-opacity  li{
	position:absolute;	
	top:0;	
	left:0;	
	float:inherit; 
}

#slider .lof-slidecontent  .navigator-content {
	position:absolute; 
	bottom:10px; 
	right:10px;
	background:url(images/s-tr-bg.png) repeat;
	padding:5px 0px;
}

#slider .lof-slidecontent  .navigator-wrapper{	
	position:relative;	
	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}

#slider .lof-slidecontent  ul.navigator-wrap-inner{	
	top:0;	
	padding:0;	
	margin:0;	
	position:absolute;	
	width:100%; 
}

#slider .lof-slidecontent  ul.navigator-wrap-inner li{ 
	cursor:hand; 	
	cursor:pointer;	
	list-style:none;	
	padding:0;	
	margin-left:0px;	
	overflow:hidden;	
	float:left;	
	display:block;	
	text-align:center;
}

#slider ul.sliders-wrap-inner li img{	
	padding:0px;	
}

#slider .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:70px;
	left:0px;
	width:350px;
	background:url(images/s-bg-trans.png);
	height:100px;
	padding:10px;
	color:#cccccc;
}

#slider .lof-main-item-desc h3 a{
	color: #e8e8e8;
}

#slider .lof-main-item-desc .date{
	font-size:12px;
}

#slider .lof-slidecontent .attachment-small-thumb{
	width:70px;
	height:25px;
}

#slider .lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}

#slider .lof-slidecontent ul.navigator-wrap-inner li.active img, 
#slider .lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}

#slider .lof-slidecontent .navigator-content .button-next, 
#slider .lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;
}

#slider .lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(images/s-arrow-l.png) no-repeat right center;
}

#slider .lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(images/s-arrow-r.png) no-repeat left center;
}

#slider .lof-slidecontent .button-control {
	position:absolute;
	top:10px;
	right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(images/s-tr-bg.png) repeat;
}

#slider .lof-slidecontent .button-control span { 
	display:block;  
	width:100%; 
	height:100%;
}
	
#slider .lof-slidecontent .action-start span  {
	background:url(images/s-play.png) no-repeat center center;
}

#slider .lof-slidecontent .action-stop span {
	background:url(images/s-pause.png) no-repeat center center;
}

/*-- Homepage carousel --*/
#carousel {
	margin-bottom:20px;
	overflow:hidden;	
	padding-bottom: 25px;
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#carousel .carousel-posts ul {
	overflow:hidden;	
}

#carousel .title{
	overflow:hidden;
	margin-bottom:10px;
}

#carousel .cat{
	display:inline-block;	
	float:left;
	
}

#carousel .buttons{
	float:right;
	margin-right:5px;
}

#carousel .prev{
	margin-right:5px;
}

#carousel .prev,
#carousel .next {
	opacity:0.5;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

#carousel .prev:hover,
#carousel .next:hover{
	opacity:0.7;
}

#carousel .carousel-posts li {
	width:190px;
	list-style:none;
	margin:0;
	margin-right:26px;
	float:left;	
}

#carousel .post-excerpt{
	max-height:100px;
	overflow:hidden;
	line-height:1.5;	
}

#carousel .post-meta{
	color: #888888;
}

#carousel .post-meta .sep{
	margin:0 5px;
}

#carousel .carousel-posts img {
	width:190px;
	height:130px;
}

/*-- Featured Categories --*/
#featured-categories{
	overflow:hidden;
}

#featured-categories .category{
	width:300px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-bottom: 15px;
	margin-bottom:25px; 
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#featured-categories .right-side{
	margin-left:30px;
}

#featured-categories .category .attachment-feat-thumb{
	width:300px;	
	height:170px;	
}

#featured-categories h3.cat-title {
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	z-index: 3;
}

#featured-categories h3.cat-title a {
	background:#999; 
	color:#ddd; 
	display:block; 
	padding:5px 12px; 
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: rgba(0, 0, 0, 0.4);
}
				
#featured-categories h3.cat-title a:hover { 
	background: rgba(0, 0, 0, 0.6);
}

#featured-categories .feat-post h3{
	margin-bottom:5px;
}
#featured-categories .more-posts .post{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#featured-categories .more-posts .post .right{
	float:left;	
	width:240px;
}

#featured-categories .more-posts img {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 1px 10px 0px 0;
}

#featured-categories .more-posts .post-meta .sep{
	margin:0 5px;
}

#posts-list .post{
	overflow:hidden;
	padding-bottom: 25px;
	margin-bottom:25px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#posts-list .post-image{
	margin-right:20px;
	float:left;
}

#posts-list .post-image img{
	width:150px
}

#posts-list .post-meta .sep{
	margin:0 5px;
}

#posts-list .post .exceprt p{
	margin-bottom:7px;
}

#content .page-title{
	margin-bottom:20px; 
}

#content .post-meta{
	font-size:12px;
	color: #888888;	
	margin-bottom:7px;
}

#content .archive-meta{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .archive-meta p{
	margin-bottom:5px;
}

#content .no-posts-notice{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .post .sticky{		
	font-size:12px;
	background:#f2f2f2;
	padding:4px 6px;
	letter-spacing:1px;
	display:inline-block;
	line-height:1;
	border-bottom:1px solid #eee;
}

#content .post,
#content .page{
	overflow:hidden;
	margin-bottom:15px;
}

#content  .post .post-entry{
	overflow:hidden;
}

#content  .post .post-entry p{
	overflow:hidden;
}


#content .post-meta .sep{
	margin:0 5px;
}

#content .post .author{
	overflow:hidden;
}

#content .post .author h3{
	margin-bottom:5px;
}

#content .post .author .avatar{
	float:left;	
	width:50px;
	margin-top:5px;
}

#content .post .author .author-meta{
	margin-left:60px;
}

#content .image-nav, 
#content .post-nav {
	margin: 12px 0;
	overflow:auto;
}

#content .image-nav .previous, 
#content .post-nav .previous {
	float: left;
	text-align: left;
	width: 50%;
}

#content .image-nav .next, 
#content .post-nav .next {
	float: right;
	text-align: right;
	width: 50%;
}

#content .parent-post-link{
	margin:10px 0;
	text-align: center;	
}

#content  .pagination{
	text-align:center; 
	text-shadow: none;  
}

#content .pagination .current { 
	background:#f1f1f1;
}

#content .pagination  .page-numbers {
	border:solid 1px #DEDEDE;
	display: block;
	float: left;	
	margin-right:3px;
	padding: 3px 8px;
	position: relative;
}

#content .post .widget{
	margin:20px 0;
	padding-bottom: 20px;
	background: url("images/sep-bg.png") repeat-x center bottom;
	overflow:hidden;
}

#content .post .widget li{
	border-bottom:none;
}


/*-- Post comments --*/
#comments h2{
	margin:15px 0;
}

#comments span.date-and-time a { 
	display: block; 
	font-size:13px;
	color:#999; 
	text-decoration: none; 
	font-weight: normal; 
	margin: 2px 0;
}

#comments p.comment-notes {
	font-size: 12px; 
	color: #333333; 
}

#comments ol.commentlist{
	margin:0;
}

#comments ol.commentlist li div.comment-author { 
	margin-top: 5px; 
}

#comments ol.commentlist .comment-meta .comment-awaiting-moderation{ 
	color:red; 
	font-style:italic; 
}

#comments ol.commentlist .pingback{
	margin-bottom:10px;
}

#comments ol.commentlist .pingback .title{
	font-size:14px;
	font-weight: 700;
}

#comments ol.commentlist li div.vcard {
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 0;   
}

#comments ol.commentlist li div.vcard span.edit-link a {
	font-size: 13px; 
	font-weight: 400; 
	margin-bottom: 0;
}

#comments ol.commentlist .comment-content p{ 
	margin-bottom:10px;
}

#comments ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}

#comments ol.commentlist li div.vcard img.avatar {
	float:left; 
	margin-right: 10px; 
}

#comments ol.commentlist li { 
	list-style: none; 
}

#comments ol.commentlist li div.reply { 
	margin-bottom: 15px;
}

#comments ol.commentlist li ul.children { 
	list-style:none; 
	margin:15px 0 0; 
	text-indent:0;
}

#comments ol.commentlist li ul.children li.depth-2 { 
	margin: 0 0 30px 40px;  
}

#comments ol.commentlist li ul.children li.depth-3 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-4 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-5 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist > li.bypostauthor {

}
 
#respond p.comment-form-comment label{
	display:none;
}

#commentform p.comment-notes{
	color:#888;
}

#commentform p.form-allowed-tags{
	display:none;
}

#respond input[type="text"], #respond input[type="password"] {
	width: 320px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0px 0px 0px 10px; 
	margin-right: 12px; 
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
}

#respond textarea{
	height: 165px; 
	padding: 10px; 
	width: 90%;
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
	
#respond #submit{
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: #41464b;
	border: 1px solid #41464b;
	border-radius: 3px 3px 3px 3px;
	color:#eeeeee;
	margin:0 0 20px;
	padding: 5px 7px;	
}

#respond #submit:hover {
	cursor:pointer;
	color:#fff;
	background:#292f33;
} 
	
/* 7. SIDEBAR
 * ================================================ */
#sidebar {
	width: 280px;
	float: right;
	margin-left:20px;
}

#sidebar h3{
	margin-bottom:10px;
}

#sidebar .widget{
	padding-bottom: 20px;
	margin-bottom:20px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
	width:280px;
	overflow:hidden;
}

.widget ul {
	margin:0;
	padding:0;
}
.widget:first-child{
	margin-top: 0px;
}

.widget:last-child{
	border-bottom: none;
}

.widget ul li {
	background: url("images/arrow-sidebar.png") no-repeat left 9px;
	border-bottom: 1px dotted #E7E7E7;
	color: #444444;
	margin: 0;
	overflow: hidden;
	padding: 6px 15px;
}

.widget ul li:last-child{
	border-bottom: none;
}

/*-- subscriber counter widget --*/
#sidebar .widget_social_count ul{
	overflow:hidden;
}

#sidebar .widget_social_count a{
	color:#737373;
}

#sidebar .widget_social_count li {
	float: left;	
	font-size: 23px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
	padding-top: 9px;
	padding-left: 40px;
	border-bottom: none;	
 }

#sidebar .widget_social_count li .small {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
    color: #999;
}

#sidebar .widget_social_count li .small a {
	color: #999;
}

#sidebar .widget_social_count .rss {
	background: url(images/rss32.png) 0px 5px no-repeat;
	margin-right:15px;
	width:78px;
}

#sidebar .widget_social_count .twitter {
	background: url(images/twitter32.png) 0px 5px no-repeat;
	width: 75px;
}

#sidebar .widget_ad125 ul{
	overflow:auto;
	margin-top:10px;
	margin-left:15px;	
}

#sidebar .widget_ad125 li{
	float:left;
	margin-bottom:5px;
	border-bottom: none;	
	background:none;
	padding:0;	
}

#sidebar .widget_ad125 li a{
	display:block;
}

#sidebar .widget_ad125 li:first-child{
	float:left;
	margin-right:10px;
}

#sidebar .widget_ad125 li:last-child{
	float:left;
	margin-left:12px;
}

/*-- twitter widget --*/
.widget_tweets{
	height:272px;
}

.widget_tweets  .twtr-ft{
	display:none;
}

.twtr-tweet-text em{
	display:none !important;
}

/*-- search widget --*/
.searchfield{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;
	border:1px solid #E7E7E7;
	font:inherit;
	color: #888;
	background: url("images/magnify.png") no-repeat 96% 50%;
}

/*-- Tags Widget --*/
.tagcloud{
	overflow:hidden;
	margin-top:10px;
}

.tagcloud a {
	background: #F7F7F7;
	color: #494F56;
	display: block;
	float: left;
	font-size: 12px !important;
	line-height: 12px;
	margin-bottom: 8px;
	margin-right: 15px;
	padding: 8px 12px;
	text-decoration: none;
}

.tagcloud a:hover{
	background: #ececec;
}

/*-- Calendar Widget --*/
.widget_calendar h3.widgettitle {
	display:none;
}

.widget_calendar h4 {
	display:none;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.widget_calendar table#wp-calendar {
	width:100%;
	border:none;
	margin-bottom:0;
}

.widget_calendar thead>tr>th {
	width:14%; 
	height:23px; 
	text-align:center; 
	background-color:#f7f7f7; 
}
	
.widget_calendar td {
	width:14%;	
	height:23px;	
	text-align:center;	
	border:none;
}

.widget_calendar tfoot>tr>td#prev {
	width:58px;	
	height:20px;	
	text-align:left;	
}

.widget_calendar tfoot>tr>td#next {
	width:58px; 
	height:20px;	
	text-align:right;	
}

.widget_social ul li{
	padding-left:24px;
}

.widget_social ul li.facebook{
	background:url(images/fb16.png) no-repeat left center;
}
.widget_social ul li.twitter{
	background:url(images/twitter16.png) no-repeat left center;
}
.widget_social ul li.gplus{
	background:url(images/gplus16.png) no-repeat left center;
}
.widget_social ul li.rss{
	background:url(images/rss16.png) no-repeat left center;
}
.widget_social ul li.contact{
	background:url(images/email16.png) no-repeat left center;
}


 /* 8. FOOTER
 * ================================================ */
 
#footer{
	color: #bbbbbb;
	background: url(images/footer-bg.png) repeat; 
	overflow: hidden;
}

#footer h4{
	color:#cdcdcd;
	margin-bottom: 10px; 	
}

#footer a{
	color: #999; 
	font-weight: normal;
}

#footer a:hover{
	color: #fff;
}

#footer .footer-widgets{
	padding:15px;
	overflow:hidden;
}

/*--- footer widgets --*/
#footer .widget{
	float: left; 
	width: 210px; 
	margin-right: 20px;	
	margin-bottom: 20px;	
	overflow:hidden;
}

#footer .widget ul li{
	color: #bbbbbb;
	border-bottom: 1px dotted #292f33;
}

/*--- tags widget  --*/
#footer .tagcloud a {
	background: #292F33;
	color: #878787;	
}

/*--- calendar widget --*/
#footer .widget_calendar thead > tr > th{
	background: none;
	color: #bbbbbb;
}

/*--- twitter widget --*/
#footer  .widget_tweets .twtr-tweet .twtr-tweet-text p {
    color: #bbbbbb !important;
}
#footer  .widget_tweets  .twtr-hd h3 {
	color: #bbbbbb !important;
}

#footer  .widget_tweets .twtr-hd *,
#footer  .widget_tweets .twtr-hd h4 a {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-tweet a:link,
#footer  .widget_tweets .twtr-tweet a:visited,
#footer  .widget_tweets .twtr-tweet a:hover {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-widget .twtr-tweet{
	border-bottom:1px dotted #292F33 !important;
}

/*--- footer info --*/
#footer .footer-info{
	clear: both; 
	margin-top: 0px; 
	padding: 10px 15px; 
	overflow: hidden;
	background: #3e4348;
	background: rgba(41, 47, 51, 0.2);
}

#footer .footer-info p{
	float: left; 
	margin: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	font-style: italic;	
}

#footer .footer-info .credit{
	float: right;
}

#footer .footer-info .credit img{
	margin-bottom:-2px;
}

 /* 9. MEDIA QUERIES
 * ================================================ */
 [MENTION=16931]medi[/MENTION]a screen and (min-width : 630px) and (max-width : 960px) {
	
	#container {
		width: 630px;
	}
	
	/*-- header --*/
	#header .logo{
		float: none; 
		margin-bottom: 10px;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav{
		clear: both; 
		float: left;
	}	
	
	/*-- content --*/	
	#content{
		width:600px;
	}
	
	#slider .lof-slidecontent{
		width:600px; 
		height:285px;
	}

	#slider .lof-slidecontent .slider-image{
		width:600px; 
		height:285px;
	}

	#slider .main-slider-content{
		width:600px; 
		height:285px;
	}
	
	#carousel .carousel-posts li {
		margin-right:16px;		
	}
	
	#featured-categories .category{
		width:290px;
		float:left;
		position:relative;
		margin-bottom:10px;		
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .more-posts .right{
		width:230px !important;
	}	
	
	/*-- sidebar --*/
	#sidebar {
		width: 600px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar .widget{
		width:280px;
		float:left;
		margin-right:20px;
	}
	
	/*-- footer --*/
	#footer .widget{
		width:190px;
		margin-right:10px;
	}

}

 [MENTION=16931]medi[/MENTION]a screen and (min-width : 460px) and (max-width : 629px) {
	
	#container {
		width: 460px;
	}
	
	/*-- header --*/
	#header .ad468{
		display:none;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav ul { 
		display:none; 
	}
	
	#nav select {
		margin-top:20px;
		display: block;
		width: 430px; 
	}

	/*-- content --*/
	#content-container{
		padding:10px;		
	}
	
	#content {
		width: 440px;
	}
	
	#slider .lof-slidecontent{
		width:440px; 
		height:210px;
	}

	#slider .lof-slidecontent .slider-image{
		width:440px; 
		height:210px;
	}
	
	#slider .main-slider-content{
		width:440px; 
		height:210px;
	}
	
	#carousel{
		display:none;
	}
	
	#featured-categories .category{
		width:210px;
		float:left;
		margin-bottom:10px;
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .category .attachment-feat-thumb{
		width:210px;	
		max-height:120px;
	}	

	#featured-categories .more-posts img{
		display:none;
	}
	
	#featured-categories .more-posts .right{
		width:210px !important;
	}	
	
	#posts-list .post-image{
		margin-right:10px;
	}
	
	#posts-list .post-image img{
		width:120px;
	}
	
	#posts-list .post .right .date-by{
		margin-bottom:5px;
	}
	
	/*-- Sidebar --*/
	#sidebar {
		width: 440px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar  .widget{
		width: 210px;
		float: left;
		margin-right:10px;
	}
	
	.widget_search input{
		width: 170px;		
	}
	
	#sidebar .widget_ad125 li:last-child{
		margin-left:0;
	}
	
	/*-- footer --*/	
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer  .widget{		
		float:left;
		margin-right:10px		
	}
	
	#footer .footer-info{
		padding:10px;
	}	
}

 [MENTION=16931]medi[/MENTION]a screen and (max-width: 459px) {
	
	#container {
		width: 320px;		
	}

	#content-container{
		padding:10px;
	}	
	
	/*-- header --*/
	#header{
		padding: 10px;		
	}
	
	#header .logo {
		width:300px;
		text-align:center;	
	}
	
	#header .ad468{
		display: none; 
	}
	
	#header .logo img {
		display:inline-block;
	}
	
	#nav ul {  
		display:none; 
	}
	
	#nav select  {	
		margin-top:20px;
		display: block;
		float:left;
		width: 300px; 
	}
	
	/*-- content --*/
	#slider{
		display:none;
	}
	
	#content {
		width: 300px;
	}
	
	#carousel{
		display:none;
	}
	

	#featured-categories .right-side{
		margin-left:0;
	}
	
	#posts-list .post-image{
		display:none;
	}
	
	#content .single-post .author .avatar{
		display:none;
	}

	#content .single-post .author .author-meta{
		margin-left:0px;
	}
	
	#comments ol.commentlist li ul.children li.depth-2 { 
		margin: 0 0 30px 30px;  
	}

	#comments ol.commentlist li ul.children li.depth-3 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-4 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-5 { 
		margin: 0 0 30px 0px; 
	}
	
	#respond input[type="text"], #respond input[type="password"] {
		width: 200px; 
	}
	
	/*-- sidebar --*/
	#sidebar {
		width: 300px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	/*-- footer --*/
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer .widget{
		width: 300px;
	}
	
	#footer .footer-info{
		padding:10px;
	}
	
	#footer  .footer-info .credit{
		float:left;
	}

lombervid · 13 Nov 2012

La imagen tiene una clase alignnone, creo que con que le quites esa clase queda bien :witless:

Saludos!!

EDITO: yo estaba queriendo que no saliera el texto al lado 😀, creo que ya lo habias solucionado, no? porque parece que sale el texto al lado de la imagen 😛

Ya entendi lo que quieres hacer 😀

- - - Actualizado - - -

por qué no metes el texto en un mismo <p> con la imagen? si lo pones asi te sale el texto a la derecha de la imagen.

Tarihta · 14 Nov 2012

Ya veo que lo has arreglado 🙂

Ayuda, ¿algún entendido en CSS?

nativodemundo

lombervid

Tarihta

Temas similares