№1370. Обитель зла

[dizain-by-shokolad]

Любителям игры =)

Настройки

Диз блочный, меню вверху
заголовок #ffffff
ссылки #742937
текст #d4d3d3
офф #9b8faa

КАРТИНКИ

 {------------------------------КАРТИНКИ------------------------------------}
{------1------}   body {padding: 0px!important;overflow-x: auto!important;background: #250712 url('ФОН') left top repeat-x;}
{------2------}    #add_block1 { position:absolute; width:148 top:398 background: url('ЭМБЛЕМА') no-repeat; height: 137 margin-left: -115left: 50%;}
{------3------}    #extratop {background: url('ЭКСТРАТОП') -25px 0 no-repeat; height: 475 width: 800}
{------4------}    #page-c { background-color: tranparent; background-image: url("ЗАЛИВКА-1"), url("ЗАЛИВКА-2"), url("ЗАЛИВКА-3"); background-position:left top,1px bottom, left top!important; background-repeat: no-repeat, no-repeat, repeat-y !important; padding: 25px 0 50px 0!important; width: 774px!important; min-height: 800}
{------5------}    .paragraph{padding: 0px 0 30px 0!important;background: url('РАЗДЕЛИТЕЛЬ-2') center bottom no-repeat;}
{------6------}     .header {text-align: center!important; position:relative;background: url('РАЗДЕЛИТЕЛЬ-1') center bottom no-repeat;min-height: 35}
{------7------}    .atMusic SPAN, .atMood SPAN, .atTag SPAN {background: url('ТЕГИ') 0px 0px no-repeat; display:inline-block; width:70 height:14 line-height:500 overflow:hidden; }
{------8------}    #commentsArea .header span{background: url('ДАТА') 15px 15px no-repeat; font: normal 14px Georgia!important; color: #696868!important; height: 20px!important;width: 200px!important;}
{------9------}    .postDate span {background: url('ДАТА') 0px 0px no-repeat; padding: 1px 0 0 25 font: normal 14px Georgia!important; color: #696868!important; }
{------10------}     .header span {background: url('ВРЕМЯ') 3px 0px no-repeat; width: 92px!important; height: 59px!important; display: block; position: absolute; padding: 16px 5px 0px 0px!important; color: #ffffff; font: normal 28px Georgia!important; left: -80 margin-top: -20}
{------11------}      .comments_count_link a:first-child {color: #ffffff; font: normal 25px Georgia!important; position: absolute; top: -58px!important; right: -133px!important; background: url('КОММЕНТЫ') no-repeat 0px 0 display: block !important; overflow: visible; text-decoration: none!important; text-align: center!important; width: 85 height: 42 padding: 16px 5px 0px 0px!important;}
{------12------}     .menuSection_title, .menuSection_title:hover, #iAmQuit a, #iAmQuit a:hover {background: url('МЕНЮ') 0px 0px no-repeat;}
{------13------}     #side ul {background: url('МЕНЮ-2') no-repeat!important; width: 170 min-height: 110 padding: 60px 20px 10px 30px!important;margin:-9px 0 0 -40}
{------14------}      #YaSearchForm input.submit {background: url('ПОИСК') 0px 0px no-repeat!important; width:18px !important; height:18px!important; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99); !important; margin-top:3 margin-left:-25 font-size:0;border: none!important;}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 #Journal img { max-width: 700px!important; }
 img { max-width: 500px !important; }
 #Journal .blockquote img {max-width: 600px!important;}
 .blockquote img {max-width: 500px!important;}
 a:hover {color: #953547; text-decoration: none!important;transition: all 0.3s ease-out 0.0s;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:2px solid #7e2d3c!important;padding: 5px!important;}
 #w18p {position:absolute; top: 0 width: 150 right: 0;z-index: 50;}
 .submit {padding: 5px!important;background:#7e2d3c!important;}
 .submit:hover {padding: 5px!important;background:#581824!important;}
 .quote_text {color: #d4d3d3; display: block; padding: 0px 0 0px 20 margin: 0 30px 0 30 border-left: 3px solid #7e2d3c; font-family: Courier New;font-style: normal!important;}
 {-----------------------------------------------------------------------------------}
 {------------------------------------POSTS---------------------------------------}
 #wrapper {width:839px!important; position: relative;min-width:0px!important; padding-bottom: 40px!important;}
 .singlePost {margin-bottom: 100px!important; position:relative;}
 .postLinksBackg {color: #696868; padding: 10px 0 10px 0!important; width: 500 float: right;}
 #Journal .paragraph {padding: 35px 0 30px 0!important;}
 .postLinksBackg a {color: #696868;}
 .postLinksBackg a:hover {color: #6f2635!important;}
 #postsArea {padding: 35px!important; }
 .header h2 {font: normal 24px Georgia!important; color: #ffffff; text-shadow: 0px 0px 1px #a27474, 1px 1px 2px #8b1a1a; position: absolute; width: 620 margin-left: -140bottom: 5 left:165}
 .atTag SPAN {background-position: 0 5 margin-bottom:0}
 .atMood SPAN {background-position: 0 -30 margin-bottom:-2}
 .atMusic SPAN {background-position: 0 -65 margin-bottom:-2}
 .atMusic em, .atMood em, .atTag em a,.atTag em{color: #7e2d3c!important; font-style: normal!important;font: normal 14px Georgia!important; text-decoration: none!important; border: none!important;}
 .atTag em a:hover {color: #a13c4f!important;}
 .postDate {position: absolute; bottom: -30}
 .postActionLinks {position: relative; z-index: 10; top: -30 right: 5}
 .comments {position: absolute; top: 43 right: 60}
 .comments_count_link a:hover:first-child {color: #3b0d16!important;}
 .comments_count_link { font-size: 0 !important;}
 {-------------}
 #post0 {background: none!important;margin: 0px!important; padding: 0!important;}
 #epigraph .singlePost {margin: 0px!important; }
 #epigraph .paragraph {padding: 5px 0 15px 0!important}
 #epigraph{padding: 0!important;margin-bottom: 70px!important;}
 #epigraph .postActionLinks {top: -15 }
 {-------------}
 #JournalComments #postsArea{padding-top: 70px!important;}
 #addCommentArea, #commentsArea {padding: 0 35px 30px 35px!important; }
 #commentsArea {margin-top: -50}
 .singleComment {position: relative; margin-bottom: 60px!important;}
 #commentsArea_title, #addCommentArea_title, #new_post_title {color: #7e2d3c;background: none; }
 #new_post_title {padding-top: 40}
 .singleComment .header {position:absolute; left: 65 bottom:-50background: none!important;width: 650px!important; }
 #commentsArea .paragraph{background: none!important;}
 #JournalComments #postsArea .postDate {position: absolute; bottom: -35}
 #commentsArea .header .postActionLinks {position: absolute; z-index: 10; top: -40}
 #JournalCalendar #content {text-align: center; padding: 30px 30px 30px 50}
 .header.left {margin-bottom: 50}
 {-----------------------------------------------------------------------------------}
 {------------------------------------SIDE-----------------------------------------}
 #side {position: absolute; top: 0 width: 780px!important;}
 #thisDiaryOwner_title {background-position: 0px 26 width: 110 height:70 line-height: 500overflow: hidden; }
 #thisDiaryOwner:hover #thisDiaryOwner_title{background-position: 0px -60 }
 #myDiaryLinks_title{background-position: -145px 26 width: 100 height: 70 line-height: 500overflow: hidden; }
 #myDiaryLinks:hover #myDiaryLinks_title{background-position: -145px -60 }
 #globalLinks_title{background-position: -465px 26 width: 110 height: 70 line-height: 500overflow: hidden; }
 #globalLinks:hover #globalLinks_title{background-position: -465px -60 }
 #iAmQuit a{background-position: -590px 26 width: 100 height: 70 line-height: 500overflow: hidden; display: block;transition:none;}
 #iAmQuit a:hover {background-position: -590px -60 }
 #thisDiaryOwner {position: absolute; top: 425 left: 40}
 #myDiaryLinks {position: absolute; top: 425 left: 190}
 #globalLinks {position: absolute; top: 425 left: 470}
 #iAmQuit {position: absolute; top: 425 left: 610}
 #side h1 a{font: normal 30px Georgia!important; color: #ffffff!important; text-shadow: 0px 0px 1px red, 1px 1px 2px #8b1a1a;}
 #side h1 a:hover,#authorName:hover {color: #ecc5cc!important; }
 #side h1 {width: 770 text-align: center!important; position: absolute; left: 0; top: 365}
 #authorName {font: normal 30px Georgia!important; color: #ffffff!important; text-shadow: -2px 2px #050c4d, 2px 2px #050c4d, 2px 1px #050c4d, 1px -2px #050c4d;width: 200px!important; text-align: center!important; }
 #thisDiaryInfo {position: absolute; left: 140 top: 95px!important; }
 #thisDiaryPhoto {margin-top: 40px!important;}
 #side ul li {width: 170 text-overflow: ellipsis!important;white-space: nowrap; overflow: hidden; line-height: 0.5!important;}
 #side ul a {color: #363533; font: normal 13px Verdana!important;}
 #side ul a:hover {color: #000000; font: normal 13px Verdana!important;}
 #myDiaryLinks ul {margin:-9px 0 0 -60}
 #TagsList ul {background: none!important; padding: 15px!important; background-color: #8e9095!important; margin: 0px!important;}
 #TagsList ul li {width: 170 white-space: pre-line!important;}
 {---------------}
 #YaSearch {position: absolute; top: 0px!important; left: 580px!important; -moz-opacity:.90 !important;opacity:.90 !important;}
 #YaSearch:hover {-moz-opacity:.90 !important;opacity:.90 !important;}
 #YaSearchForm{display:block !important;visibility: visible!important; }
 #YaSearchForm #yaquery { height: 15background: #2e0917; width: 140 border: none!important; border: 1px solid #7e8188!important; font: normal 10px Verdana!important; padding: 0 10px 2px 10px!important;}
 {---------------------------------------------------------------------------------}
 {------------------------------------NONE---------------------------------------}
 .order_button, .prevNextLinks, .Attention, #lastComments, #thisDiaryLinks, #myLinks, #lastComments, #pchs, #headlineList, #sortOrder, #Stats a+a, #epigraph .header, #epigraph .postLinksBackg, .urlLink, #bottomNav, #JournalQuote .quote_post,#JournalFavorite .quote_post, #more_login, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #rssLink, #upInChart, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #diarySpiritLink, #randomDiaryLink, #myCommunitiesLink, #myAccountLink,#myQuotLink, #discussionLink, #myFavLink, #mySFavLink, #login_form, #thisDiaryPhoto {display: none !important;}

При использовании дизайна просьба ставить баннер сообщества