Fuck Yeah Body Horror!

[Albert Osbourne]

Дизайн сей является адаптацией с тумблера, незначительно и по нашему вкусу облагороженной.

посмотреть можно здесь

Настройки

Код

.advertising, #bordered_advertising, .Attention {display:none !important;}
 body { background: url("ФОН") repeat fixed top center; color: #d5d5d5; font: 12px/18px Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; }
 #side{position: relative; top:20px;}
 #wrapper{ min-width: 580px !important; width: 580px !important; margin-top: 150px;}
 {------add_blocks--------}
 #add_block1 {background: url('ADD-BLOCK-1') no-repeat fixed center top transparent; height: 800px !important; position: fixed; right: 0px; top: 0px; width: 100% !important; z-index: -10! important;}
 #add_block2{ background: url("ADD-BLOCK-2") repeat-y scroll center top rgba(0, 0, 0, 0); height: 90px; left: 20px; right: 0; margin: 0 auto; position: fixed; top: 0; width: 600px; z-index: 90; }
 #add_block3 {background: url("ПОЛОСА") no-repeat scroll center top rgba(0, 0, 0, 0); width: 600px; height: 2px; left: 20px; right: 0; margin: 0 auto; position: absolute; top: 0; width: 600px; z-index: 101; top: 80px;}
 #Journal .postContent {padding-top: 30px;}
 .postContent { background: url('ПОДЛОЖКА-1') repeat-y scroll center top; min-width: 560px !important; width: 560px !important; padding: 10px 20px 40px 20px; }
 .authorName, .communityName { background: url('ПОДЛОЖКА-1') repeat-y scroll center top; min-width: 580px !important; width: 580px !important; padding:10px;}
 .postTitle{background: url("ПОДЛОЖКА-2") no-repeat scroll center bottom rgba(0, 0, 0, 0); height: 1px; margin: 0px -5px; width: 580px; padding: 15px;}
 .postLinks{position:relative; top:-40px !important; border-top: 1px solid #2D2D2D; width:550px !important; display:block; line-height: 25px}
 .postLinksBackg {background: url("ПОДЛОЖКА-3") no-repeat scroll center top rgba(0, 0, 0, 0); height: 10px; width: 552px; padding: 10px 25px 15px 25px; margin: -1px ;}
 .prevPostLink a { background: url("ПРЕД.ПОСТ") no-repeat scroll center top rgba(0, 0, 0, 0); display: block; line-height: 500px; overflow: hidden; float: left; height: 40px; text-indent: -9999em; width: 40px; }
 .prevPostLink a:hover { background: url("ПРЕД.ПОСТ") no-repeat scroll center bottom rgba(0, 0, 0, 0); line-height: 500px; overflow: hidden;}
 .nextPostLink a { background: url("СЛЕД.ПОСТ") no-repeat scroll center top rgba(0, 0, 0, 0); display: block; line-height: 500px; overflow: hidden;float: right; height: 40px; text-indent: -9999em; width: 40px; }
 .nextPostLink a:hover { background: url("СЛЕД.ПОСТ") no-repeat scroll center bottom rgba(0, 0, 0, 0); line-height: 500px; overflow: hidden;}
 h2 { padding-left: 8px !important; }
 .authorName a{position:relative;top:13px; left :14px;}
 .communityName a{position:relative;top:22px; left :14px;}
 .postTitle span{ line-height: 60px !important; padding-left: 14px !important;}
 .postActionLinks{margin-top:20px;}
 .postLinksBackg.prevnext {background: none !important; }
 .commentAuthor { display: inline; float: left; margin-left: 5px; overflow: hidden; position: relative; width: 100px; }
 .sign { width: 100px !important; line-height: 12px !important;}
 .avatar img {height: 90px !important; opacity: 0.6; width: 90px !important; }
 a:link {text-decoration: none;}
 .urlLink { margin-top: -35px; margin-left: 15px; }
 .formcontainer { background-color: rgba(0, 0, 0, 0.6); border: 8px solid rgba(70, 70, 70, 0.7); margin-left: 0px !important; width: 574px; box-shadow: 0.5px 1px 0px rgba(0,0,0,0.3);}
 .paragraph { line-height: 130%; margin-left: 120px; padding: 0 5px 5px; text-align: justify; }
 {------настройка тегов--------}
 .atTag a:before {content:"#"; color: #444444; }
 .atTag a:before {content:"#"; color: #444444;}
 a:link {text-decoration: none;}
 #Journal .section { background-color: rgba(0, 0, 0, 0.6); border: 8px solid rgba(70, 70, 70, 0.7); margin-left: 0px !important; width: 574px; box-shadow: 0.5px 1px 0px rgba(0,0,0,0.3);}
 #side h1 a { color: #FFFFFF; font-family: Raleway,Georgia,serif; font-size: 45px; font-weight: lighter; text-shadow: 1px 1px 3px #000000; }
 #side h1 a:hover { color: #FFFFFF; font-family: Raleway,Georgia,serif; font-size: 45px; font-weight: lighter; text-align: center; text-shadow: 1px 1px 20px #46566e; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #side h1 { margin-top: -50px; margin-left: -60px; width: 600px; }
 {..display-none..}
 #topNavLinks, .top #YaSearch, .order_button, #sortOrder, #thisDiaryLinks, #lastComments, #pchs, #myLinks, #YaSearch, #iAmQuit b, #more_login, #thisDiaryOwner_title, #subscribeEmail, #unsubscribeEmail, #tagslistlink, #postsCalendar, #rssLink, #upInChart, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #myQuotLink, #Stats, #myDraftLink, #myNotepadLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, .order_button, #from_form, #doNotSmile_box, #addPicture_box,#ReplaceBrDiv,#change_bg_area_comm, #vkl li, #side h1 .opac6, #writeToAuthor, #addToFav, #shsmile, #delFromFav, #myAccountLink, #referenceLink, #headlineList, #mySFavLink, #login_form {display:none !important;}
 #page-t { margin-left: 0 !important; }
 {-------меню-------}
 #myDiaryLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: -50px; top: 0px; z-index: 100 !important; font-weight: normal !important;}
 #myCommunityLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: -50; top: 0px; z-index: 100 !important;font-weight: normal !important;}
 #writeThisDiary a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: 70px; top: 0px; z-index: 100 !important;}
 #umailLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: 190px; top: 0px; z-index: 100 !important;}
 #discussionLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: 250px; top: 0px; z-index: 100 !important;}
 #myFavLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: 350px; top: 0px; z-index: 100 !important;}
 #mainpageLink a { height: 40px !important; margin-right: 0px !important; overflow: hidden; position:fixed; margin-left: 450px; top: 0px; z-index: 100 !important;}
 #side li a { color: #D1D1D1; display: block; font: bold 14px/51px Arial,Helvetica,sans-serif; height: 51px; padding: 0px 0px 10px 5px; text-shadow: 1px 1px 2px #000000; text-transform: uppercase; }
 #side li a:hover { background: url("ОЧ.НУЖН.КАРТ") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; }
 .postDate {position: absolute !important; margin-left: 415px;}
 {-------оповещения-------}
 #umailLink span.count_box a { position: fixed; top: 15px; margin-left: 206px; z-index: 105 !important;}
 #umailLink span.count_box a:hover{ background: none !important; position: fixed; top: 15px; margin-left: 206px; z-index: 105 !important;}
 .count_box {color: rgba(0, 0, 0, 0); }
 #myDiaryLink span.count_box a { position: fixed; top: 15px; margin-left: 6px; z-index: 105 !important;font-weight: bold !important;}
 #myDiaryLink span.count_box a:hover {background: none !important; position: fixed; top: 15px; margin-left: 6px; z-index: 105 !important;font-weight: bold !important;}
 #discussionLink span.count_box a { position: fixed; top: 15px; margin-left: 290px; z-index: 105 !important;font-weight: bold !important;}
 #discussionLink span.count_box a:hover{ background: none !important; position: fixed; top: 15px; margin-left: 290px; z-index: 105 !important;font-weight: bold !important;}
 {-------никнэйм-------}
 #authorName { color: #D5D5D5; font: 18px Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; text-shadow: 1px 1px 3px #000000; margin: 0px 0px 0px 390px; position: absolute; top: -70px; }
 {-------другой аватар-------}
 #selectedavataruri {height: 90px !important; opacity: 0.6; width: 90px !important; }
 {-------надписи на стр. коммент-я-------}
 #commentsArea_title { color: #D5D5D5; font: 15px Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; text-shadow: 1px 1px 3px #000000; text-align: center; text-transform: uppercase;margin-top: -23px; }
 #addCommentArea_title { color: #D5D5D5; font: 15px Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; text-shadow: 1px 1px 3px #000000; text-align: center; text-transform: uppercase; }
 {-------вставить цитату/отправить-------}
 input.submit, .submit { background-color: #3D3D3D !important; border: medium none; color: #7f807f; margin-left: 10px !important;}
 #cc {opacity: 1.0 !important;}
 input.text, select, #trspisok textarea, #de#ion, #close_text, #side #search_selectbtid {color: #4c4b4b !important; background-color: #363636 !important; }
 {-------цитированный текст-------}
 .quote_text { background: none repeat scroll 0 0 #3D3D3D; font: 13px Times; color: #656565; padding: 0 2px 2px; }
 .blockquote { border-left: 3px solid #3B3B3B; font-style: italic; margin: 20px 20px 0; padding-left: 10px; }
 {------читать дальше--------}
 .LinkMore:hover {background-color: #212020 !important; color:#4c4b4b!important; text-decoration: none!important; padding: 2px 5px 2px 5px !important; box-shadow: 0px 0px 3px rgb(70, 86, 110); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .LinkMore {background-color: #212020 !important; color:#4c4b4b!important; text-decoration: none!important; padding: 2px 5px 2px 5px !important;}
 .LinkMore:hover, .LinkMore a:hover {background-color: #212020 !important;color:#4c4b4b!important; }
 {------оформление картинок--------}
 .postContent .postInner img:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
 .postContent .postInner img:hover { box-shadow: 0px 0px 3px rgb(70, 86, 110); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 img {max-width: 380px !important; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;}
 {---------------------------------------голосование----------------------------------------}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"] { background: #3d3d3d; padding: 10px 0 0 0; height: 0px; border: none !important;}
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"] { background: #3d3d3d; padding: 10px 0 0 0; height: 0px;border: none !important;}
 .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"], .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"] { background: #3d3d3d; padding: 10px 0 0 0; height: 0px;border: none !important;}
 .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"], .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"] { background: #3d3d3d; padding: 10px 0 0 0; height: 0px;border: none !important;}
 .voting td {vertical-align: baseline;border: none !important;}
 {------наверх--------}
 #bottom_up { display: block !important; position: fixed; top: 550px; margin-right: 0px ; }
 #bottom_up a {position:absolute; top:-29px; width:38px; height:38px; background:url('НАВЕРХ') no-repeat; padding-top:52px;clip:rect(0px 38px 38px 1px);left: -100px; }
 #bottom_up a:hover {position:absolute; top:-29px; width:38px; height:38px; background:url('НАВЕРХ') no-repeat; padding-top:52px;clip:rect(0px 38px 38px 1px); left: -100px; background-position: 0 -38px; }
 #topNavLinks { background: url("ПОЛОСА") no-repeat scroll center top rgba(0, 0, 0, 0); width: 600px; height: 2px; color: #595959; font: 10px Arial,Helvetica,sans-serif; margin-top: 20px; padding: 15px 0; }
 #bottomNav {display:block; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:none !important;border:none !important;height:1px;}
 #bottomNav li {display:none;}

ФОН
ADD-BLOCK-1
ADD-BLOCK-2
ПОЛОСА
ПОДЛОЖКА-1
ПОДЛОЖКА-2
ПОДЛОЖКА-3
ПРЕД.ПОСТ
СЛЕД.ПОСТ
ОЧ.НУЖН.КАРТ
НАВЕРХ

Вопрос: Скормить мышку?

1. Да!		23	(92%)
2. Стать кормом самому.		2	(8%)
Всего:		25

@темы: темный, Серый, CSS, болотный король, Albert Osbourne

Comments

[Наталько]

Красота
Люблю такие вот стильные дизы)

[Albert Osbourne]

Наталько, спасибо, мы рады, что работа понравилась)

[Babe 13]

Гениально! Как пополню счёт, установлю! Спасибо!)