Собственно сабж. Чем больше картинок в посте при просмотре оного, тем дальше уезжает оформление поста, например как тут: http://www.cgtutorials.ru/?p=11
Если картинок мало или нет совсем, то все путево работает: http://www.cgtutorials.ru/?p=73
Код стайл.цсс:
/*
Theme Name: Rounded V2 blue edition
Theme URI: http://www.itcouldbethisone.com
Description: Rounded fresher.
Version: 1.0
Author: Ghyslain Armand
Author URI: http://www.itcouldbethisone.com/
This theme was designed and built by Ghyslain Armand, Release company based in France (Montpellier);
http://www.release.fr
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
@import url("layout.css");
@import url("comments.css");
@import url("metas.css");
@import url("sidebar.css");
@import url("footer.css");
@import url("calendar.css");
html,body{
margin: 0;
padding: 0;
background-color: #ffffff;
}
body {
padding: 0 0 0 0;
font-family: verdana;
font-size: 10px;
color: #0f0e13;
text-align: center;
width: 100%;
min-width: 800px;
width:expression(document.body.clientWidth < 810? "800px": "auto");
}
#knopki{
margin-left: 412px;
margin-top: 0px;
padding: -2px 0 0 0;
border-width: 0;
border-style: none;
}
#masthead h1{
color: #FA77E6;
margin: 0 0 0 0px;
padding: 140px 0 0 160px;
font-size: 16px;
}
#masthead h1 a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
#masthead h2{
color: White;
font-size: 12px;
margin-left: 70px;
padding-left: 100px;
padding-top: 0px;
height: 28px;
margin-top: 0px;
}
* html #masthead h2{
margin-left: 45x;
padding-left: 33px;
float: left;
}
a img {
border: none;
}
#headeradd{
margin-left: 40px;
margin-top: 30px;
}
acronym, abbr {
border-bottom: 1px dotted #7f7f7f;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 11px;
letter-spacing: .07em;
}
blockquote {
border-left: 5px solid #7f7f7f;
margin-left: 1.5em;
padding-left: 5px;
}
h1 {
margin: 25px 10px 20px 0px;
padding: 0px;
text-align: left;
}
h2 {
font-size: 13px;
font-weight: normal;
margin: 15px 20px 0 25px;
padding-bottom: 2px;
}
h3.fix{
font-size: 14px;
font-weight: bolder;
text-transform: capitalize;
margin: 5px 0 0 20px;
color: #949494;
}
h3 a {
font-size: 14px;
font-weight: bolder;
margin: 0 0 0 20px;
padding: 0 0 0 0;
color: #0f0e13;
display: block;
text-decoration: none;
}
* html h3 a{
margin: 0 0 0 0;
padding: 0 0 0 20px;
width: 80%;
}
.date{
font-size: 10px;
font-weight: normal;
color: #505050;
}
.storytitle {
display: block;
}
h1 a:hover, h2 a:hover, h3 a:hover {
color: #949494;
}
#getit{
margin-left: 10px;
margin-top: -30px;
}
h3#respond{
height: 49px;
padding: 42px 0 0 48px;
margin: 0 0 0 0;
color: #8C8C8C;
font-size: 15px;
}
h3#comments{
height: 89px;
padding: 41px 0 0 163px;
margin: -5px 0 0 0;
color: #7f7f7f;
font-size: 14px;
}
p, li, .feedback {
font-size: 11px;
}
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.feedback {
color: #ccc;
text-align: left;
font-size: 11px;
float: right;
margin: -20px 20px 0 0;
padding: 0 0 0 0;
}
.feedback a{
color: #97C000;
text-decoration: none;
font-size: 11px;
cursor: pointer;
}
#clearer {
clear: both;
margin: 0;
padding: 0;
}
.clearer{
clear: both;
margin: 0;
padding: 0;
}
#content .post{
background: url(img/csbbody-r.gif) no-repeat bottom right;
font-size: 100%;
width: 100%;
color: #0f0e13;
margin: 0 0 0 0;
}
#content .postop {
background: url(img/csbhead-r.gif) no-repeat top right;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
#content .postop .pheadfill {
background: url(img/csbhead-l.gif) no-repeat top left;
margin: 0 0 0 0;
padding: 10px 30px 5px 0;
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
}
#content .storycontent{
background: url(img/csbbody-l.gif) no-repeat bottom left;
margin: 0 0 0 0;
padding: 5px 30px 31px 20px;
}
.thecontent{
width: 70%;
float: left;
}
#content .post .storycontent p img{
border: none;
margin-right: 15px;
margin-bottom: 10px;
}
/* roudn corners */
.post p a{
color: #0f0e13;
text-decoration: underline;
font-weight:bold;
}
.post p a:hover{
background: #0f0e13;
color: White;
}
.post p {
margin: 5px 15px 10px 20px;
}
.noposts{
font-size: 20px;
color: White;
background: url(img/noposts.jpg) no-repeat top left;
height: 60px;
padding: 18px 0 0 75px;
margin-left: 80px
}
h2#flickr{
}
#header, #header a:link {
font-size: 20px;
font-weight: normal;
color: #ccc;
text-decoration: none;
}
#header a:hover {
color: #c00;
}
.page_item {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.licontainer{
margin: 4px 0 0 0;
background: url(img/subitem.gif) repeat-x bottom left;
height: 40px;
float: left;
}
/* flickr integration */
#flickr_badge_uber_wrapper{
margin-left: 17px;
}
#flickr_badge_wrapper img{
float: left;
margin-left: 5px;
margin-top: 5px;
border: 3px solid #E9F1F8;
}
/* widgets */
li a.rsswidget{
margin-left: 10px;
}
a.rsswidget{
text-decoration: none;
color: #9C9C9C;
}
.textwidget{
margin-left: 20px;
text-transform: none;
}
/* ============= PREVNEXT ============= */
.prevnextnav{
padding:20px;
text-align:center;
}
.prevnextnav a{
color:#0f0e13;
text-decoration:none;
}
.prevnextnav a:hover{
color:#0f0e13;
text-decoration:none;
}