как сделать, чтобы поле записей было шире и соответственно видео-картинки влазили нормально? Разрешение монитора 1366 х 768, и получается, что между фоном и началом текстовых блоков слишком большое расстояние, а сами блоки чересчур узкие. В css я даже не полный ноль, а скорее "-1", поэтому вынужден просить помощи, ибо даже не совсем понимаю, как корректно составить поисковый запрос.
На всякий случай код:
читать дальше
.block_design {background: #543d30 url('/userdir/2/2/6/4/2264120/81515704.jpg' 0 0 fixed; padding: 0 !important;}
#wrapper{ min-width: 980 width: 980 padding: 0 !important; margin-top: 110 margin-bottom: 20}
#extratop { background: #000; width: 100%; height: 50 }
{------------------------------------------------------ backgrounds -------------------------------------------------------}
.menuSection, .paragraph, .avatar img, textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text, #thisDiaryPhoto img, #authorName, #JournalCalendar #content, #favGroups { background: url('/userdir/2/2/6/4/2264120/81515182.png'; }
.singlePost, #side, .communityName, .authorName, .singleComment, #addCommentArea, #msg_form, #JournalCalendar #page-t, .tags_ul_all, #pageBar {background: url('/userdir/2/2/6/4/2264120/81515181.png';}
{------------------------------------------------------ menu -------------------------------------------------------}
#side {width: 160 position: relative; margin: 0 0 0px 10px !important; }
.bordered {padding: 0px !important; margin: 0 0 -20px 0px !important; }
.menuSection { padding: 0px 0px 10px 0px!important; margin: 0 0 -1px 0px !important;}
.menuSection_title {display: block; background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important;}
.menuSection_title b {font: normal 12px Arial;}
#thisDiaryInfo {background: none; margin: 0 0 10px 0px !important; }
#thisDiaryPhoto img {padding: 10px !important; min-width: 100 width: 100 max-width: 100px !important; margin: 10px 0 0px 0px !important;}
#authorName {width: 160px !important; display: block; padding: 10px 0 10px 0; margin: 15px 0 0px 0px !important;}
#side h1 a {position: absolute; top: -35 left: 330 font: normal 22px Arial; text-align: center; width: 300 color: #b7b7b7 !important;}
#myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner {}
#myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li {border-bottom: 1px solid #1c1b1b; padding: 0px 0 2px 20px !important; margin: 0px 10px 1px 10px !important; text-transform: lowercase;}
#Stats { background: #000; text-transform: lowercase; text-align: center; padding: 10px !important; margin: 0px 0 10px 0px !important; font: normal 12px Arial;}
#TagsList ul { width: 130px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -30px !important; }
#TagsList li {padding: 2px 0 0 5px !important; }
#TagsList span {margin: 0 20px 0 0 !important; }
#sortOrder, .urlLink, .sign, #commentsArea_title, #photolibLink, #JournalDraft .list_box, #lastComments, #pchs, #YaSearch, #login_form {display: none !important;}
{------------------------------------------------------ menu top -------------------------------------------------------}
#writeThisDiary, #optionsLink, #myProfileLink, #myFavLink {position: absolute; top: -124 text-transform: uppercase !important; border: none !important; }
#writeThisDiary a, #optionsLink a, #myProfileLink a, #myFavLink a { border: none !important; width: 157 text-align: center; padding: 50px 0px 10px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 5px no-repeat; color: #959595 !important; font: bold 11px Arial; }
#optionsLink { left: 770}
#writeThisDiary { left: 380}
#myProfileLink { left: 640}
#myFavLink { left: 510}
#writeThisDiary { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#optionsLink a, #myProfileLink a, #myFavLink a { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
#optionsLink a:hover, #myProfileLink a:hover, #myFavLink a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 0px no-repeat; height: 27px !important; border: 0px solid #fff !important;}
#writeThisDiary a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; text-decoration: none; margin: -11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515179.png' 0% 0px no-repeat; height: 27px !important; }
#authorFav, #authorQuot {position: absolute; top: -180 text-transform: uppercase !important; border: none !important; }
#authorFav { left: -40}
#authorQuot { left: 90}
#authorFav a, #authorQuot a { border: none !important; width: 57 text-align: center; padding: 30px 50px 40px 50px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png' 0% 5px no-repeat; border: 0px solid #fff !important; color: #959595 !important; font: bold 11px Arial; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#authorFav a:hover, #authorQuot a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; text-decoration: none; margin: 11px 0px 0px 0px !important; display: block !important; background: url('/userdir/2/2/6/4/2264120/81515174.png' 0% 9px no-repeat; height: 27px !important; }
{------------------------------------------------------ posts -------------------------------------------------------}
#page-t {margin: 0px 10px 0 200px !important;}
#Journal #page-t {margin: -30px 10px 0 200px !important;}
.singlePost {position: relative; margin: 0px 0 40px 0px !important; }
#Journal .postInner {background: url('/userdir/2/2/6/4/2264120/81515383.png' 640px 0px no-repeat; }
.paragraph { padding: 15px !important; overflow: hidden !important;}
#Journal .singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 100 }
.singlePost .paragraph {margin: 0px 140px 0px 0px !important; min-height: 110 }
.postLinksBackg {background: #000 !important; margin: 0px 0 -5px 0 !important; padding: 10px 15px 10px 15px !important; width: 600 font: normal 12px Arial; text-transform: lowercase; color: #62878f;}
.singlePost .commentAuthor { position: absolute; top: 60 right: 0 width: 130 margin: 0px 0 0px 0 !important;}
.avatar img { padding: 10px !important; min-width: 100 width: 100 max-width: 100px !important; margin: 0px 0px 0px 10px !important; }
.avatar {margin: 0px 0px 0px -10px !important; }
.authorName { margin: 0px 0 0px 0 !important; padding: 3px 15px 3px 15px !important; width: 600 border-bottom: 1px solid #111010; border-top: 1px solid #111010;}
.communityName { margin: 0px 0 -1px 0 !important; padding: 0px 15px 0px 15px !important; width: 600 height: 20 border-top: 1px solid #111010;}
.atTag em { font-style: normal; }
{------------------------------------------------------ headers -------------------------------------------------------}
.postDate {position: absolute; top: 10 right: 220 color: #62878f !important;}
.postTitle {background: #000 !important; margin: -5px 0 0 0 !important; padding: 30px 15px 10px 15px !important; width: 600 }
.header h2 {font: normal 13px Verdana;}
.header span {position: absolute; top: 10 right: 155 color: #62878f !important;}
.singleComment .postTitle {background: #000 !important; margin: -5px 0 0 140px !important; padding: 5px 15px 5px 15px !important; width: 600 }
.singleComment .header span {position: absolute; top: 5 left: 155 color: #62878f !important; text-align: center; width: 550}
#addCommentArea_title {background: #000 !important; margin: 0px 0 15px -15px !important; padding: 5px 15px 5px 15px !important; width: 100%; font: normal 13px Verdana; text-transform: lowercase; }
#new_post_title {font: normal 13px Verdana; text-transform: lowercase; margin: 30px 0 0px 0px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740 border-top: 1px solid #111010;}
.header.calHeader {font: normal 13px Verdana; text-transform: lowercase; margin: -10px 0 -10px -10px !important; background: #000 !important; padding: 5px 15px 5px 15px !important; width: 740 border-top: 1px solid #111010;}
#draft_title {background: #000 !important; margin: 0px 0 0px 0px !important; padding: 5px 15px 5px 15px !important; width: 740 font: normal 13px Verdana; text-transform: lowercase; border-top: 1px solid #111010; border-bottom: 1px solid #111010; }
{------------------------------------------------------ comments -------------------------------------------------------}
#commentsArea {margin: 80px 0 0px 0px !important;}
.singleComment {position: relative; margin: 0px 0 20px 0px !important; }
.singleComment .paragraph {margin: 0px 0px 0px 140px !important; min-height: 110 }
.singleComment .postLinksBackg { margin: 0px 0px -5px 140px !important; }
.singleComment .authorName { margin: 0px 0 0px 140px !important; }
.singleComment .commentAuthor { width: 120 margin: 0px 0 0px 10px !important;}
#addCommentArea { margin: 60px 0 20px 0px !important; padding: 0 15px 15px 15px!important;}
textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text { border: 1px solid #111010 !important;}
#JournalComments #msg_form {background: none; padding: 0px 15px 10px 10px !important;}
#JournalComments textarea#message {margin: 0px 0px 10px 5px !important; width: 710px !important;}
#msg_form {padding: 10px 15px 10px 15px !important;}
textarea#message {margin: 10px 0px 10px 5px !important; width: 715px !important;}
#JournalCalendar #page-t {padding: 10px 15px 20px 10px !important;}
#JournalCalendar #content {margin: 10px 0px 0px -10px !important; width: 100% !important; padding: 10px 15px 30px 10px !important;}
.calnd small b {border: 1px solid #111010; padding: 5 background: #000 !important;}
.tags_ul_all {margin: 30px 0px 0px 10px !important; padding: 20px 15px 30px 30px !important;}
#epigraph { margin: 30px 0px 0px 0px !important; }
#post0 { background: none; margin: 0px 0px -15px 0px !important; }
#epigraph .editPostLink {display: none !important;}
a {text-decoration: none !important; }
a:hover, a:active, #side h1 a:hover, #side h1 a:active {color: #448391 !important; text-decoration: none !important;}
#favGroups {margin: 0px 0px 0px 0px !important; padding: 10px 15px 10px 15px !important;}
#JournalFavorite .list_box {margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; border: 1px solid #111010 !important;}
span.quote_text { font: italic 12px Georgia; display: block; margin: 10 padding: 10 background: #; border-top: 1px solid #1c1b1b; border-bottom: 1px solid #1c1b1b;}
img { max-width: 590px !important; }
#pageBar { margin: 0px 0px 30px 0px !important;}
div.voting img { height: 0px !important; border: 4px #448391 solid; background: #448391 !important;}