№1369. "Dead or Alive" и "Цветы"

dizain-by-shokolad | понедельник, 20 апреля 2015
Данный дизайн был опубликован в другом соо на время фандомной битвы.
Дизайны на выбор =)

"Dead or Alive"

детали (+5)
Установить автоматически

НастройкиДля внесения корректировок нужно вручную задать Настройки.

блочный вверху
#222222 заголовок
#ff0000 ссылки
#222222 запись
#999 офф
#EEF7FF фон днева

КАРТИНКИ
 {------------------------------------КАРТИНКИ---------------------------------------}
/*--------1------*/   body {padding: 0px!important;overflow-x: auto!important; background: #EEF7FF url('ФОН') no-repeat; background-size: contain;background-attachment: fixed; background-position: 600px 0; }
/*--------2------*/   .atMusic SPAN, .atTag em a, .atTag em a:hover {background: url('ЗНАЧКИ') 2px 0px no-repeat;}
/*--------3------*/  .quote_text {color: #5f4242; display: block; padding: 10px 20px 0px 30 margin: 0 30px 0 30 background-color: transparent; background-image: url("ЦИТАТА_1"), url("ЦИТАТА_2") !important; background-position: left top, right bottom !important; background-repeat: no-repeat, no-repeat !important;font: italic 20px Times New Roman!important;}
/*--------4------*/  .menuSection_title, .menuSection_title:hover, #iAmQuit a, #iAmQuit a:hover {background: url('МЕНЮ') 0px 0px no-repeat;}
/*--------5------*/  .singlePost .opac6 { background: url('ДОСТУП_2') 0 0 no-repeat; width:0;padding: 0 0 0px 294px !important;height: 42opacity: 1.0; position: absolute; top: 3 left: 90}
/*--------6------*/  .singlePost .postTitle { background: url('ДОСТУП_1') 90px 0px no-repeat !important; min-height: 42 }
/*--------7------*/  .singlePost .postTitle [src$="offlock2.gif"]{ background: #eff3f4 url('ДОСТУП_2') 0px 0px no-repeat !important; min-height: 42 padding-right: 20px!important;}
/*--------8------*/  #extrabottom { background: url("ЭКСТРАБОТТОМ") no-repeat; height: 44 width: 120}
/*--------9------*/  .postContent .TagJIco {display: line-block; line-height: 50 overflow:hidden; background: url('ИКОНКА') -2px 3px no-repeat; height: 20 border: none!important; padding-top: 3}
/*--------10------*/  #epigraph {background-image: url("ВЕРХ_ЭПИГРАФА"), url("НИЗ_ЭПИГРАФА") !important;}
/*--------11------*/  .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('КНОПКИ') no-repeat !important;  }
/*--------12------*/   #bottom_up a { background: url("ВВЕРХ") no-repeat;}
/*--------13------*/    #YaSearchForm #yaquery { height: 24background: url('ПОИСК')0px 4px no-repeat!important; width: 150 padding-left: 10padding-right:30px!important;border: none!important;}
 /*--------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:800px!important; }
 img { max-width: 650px !important; }
 #Journal .blockquote img {max-width: 500px!important;}
 .blockquote img {max-width: 400px!important;}
 .postContent a {text-decoration: none; border-bottom: 1px solid #fb6061!important; }
 .postContent a:hover {text-decoration: none; border-bottom: 1px solid #464e5f!important; }
 a:hover {color: #464e5f; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #c7c5c5!important;padding: 5px!important; max-width: 800}
 #w18p {position:absolute; top: 0 width: 700 right: 0;z-index: 50;}
 .submit {padding: 5px!important;background:#000000!important; color: #ffffff!important;opacity: 1.0!important; text-transform: uppercase;}
 .submit:hover {padding: 5px!important;background:#830000!important;color: #ffffff!important;opacity: 1.0!important; text-transform: uppercase;}
 #cc {margin-top: 0}
 .avatar img{border: 1px solid #830000;opacity: 0.8;}
 .avatar img:hover{opacity: 1.0;}
 .postContent .TagJIco:hover { border: none!important;}
 {---------------------------------------------------------------------------------------------}
 {-----------------------------------------------POSTS---------------------------------------}
 #wrapper {width:850px!important; position: relative;min-width:0px!important; float: left; padding-left: 40}
 .singlePost {margin-bottom: 50px!important; border-bottom: 2px dashed #7f8585!important; padding-bottom: 70px!important; position: relative;}
 #page-c {margin-top: 450px!important;}
 #postsArea{background: #eff3f4; padding: 30px 15px 15px 15px!important; box-shadow: 0px 0px 7px #000000; }
 .singlePost .postContent{position: relative; padding-top: 40}
 {----------}
 .postDate span{background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important; }
 .postDate {position :absolute; right: 0; top:5white-space: nowrap!important;}
 .singlePost .header span {background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important;}
 .header h2 {display: block; padding: 20px 0 0px 35px!important; font: normal 25px Georgia!important;text-transform: uppercase; }
 {----------}
 .atMusic SPAN {display:inline-block; width:12 height:15 line-height:500 overflow:hidden; margin-bottom: -5px!important;}
 .atMood {padding: 0px 0 10px 10px!important; }
 .postContent .atMusic{position: absolute; top: 0 color: #808080!important; left: 35 }
 .atMusic em, .atMood em {color: #808080!important;font: normal 15px Georgia!important; text-decoration: none!important; }
 .atTag em a:after {content: "|"; padding-left: 10font: normal 15px Georgia!important;}
 .atTag em {color: transparent; font-size: 0; float: left;text-align: left;padding: 0px 0 0 15px!important; }
 .atTag em a {background-position: 0px -70color: #706f6f!important;font: normal 15px Georgia!important; text-decoration: none!important; border: none!important; display: inline-block; padding: 0 10px 0 15 }
 .atTag em a:hover { background-position: 5px -34color: #222222!important;text-decoration: none!important; border: none!important;transform: scale(1.1); padding: 0 5px 0 20background-color:#EFF3F4!important; }
 {----------}
 #epigraph .postContent,#epigraph{padding: 0!important;}
 #epigraph .singlePost .postTitle{display: none }
 #epigraph .singlePost{padding:5px!important; width: 450overflow-y: auto;height: 115 margin: 10px 0 0 -30 background: rgba(244, 254, 255, 0.6)!important; box-shadow: 0px 0px 5px #ffffff;}
 #post0 {background: none!important; border: none!important;}
 #epigraph {background-image: url("/userdir/1/3/0/8/1308297/82487468.png"), url("/userdir/1/3/0/8/1308297/82487470.png") !important; }
 #epigraph {color: #000000; display: block; padding: 0px 20px 10px 50px!important; background-color: transparent; background-position: left top, left bottom !important; background-repeat: no-repeat, no-repeat !important;font: italic 20px Georgia!important; position:absolute; top: 270 border :none!important; width: 480px!important; left: 60 height: 150 }
 #epigraph .postActionLinks {position: absolute; z-index:10; left: 0 margin-top: -10}
   #post0 .postTitle {background: none!important;}
 {-----------}
 .postActionLinks {position: relative; z-index:100;opacity: 1.0; }
 .singlePost .postActionLinks {position: absolute; z-index:10; left: 0 margin-top: -25}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('/userdir/1/3/0/8/1308297/82504828.png') no-repeat !important; width: 15px!important; padding: 15px 3px 0px 0px !important; height:0px !important; }
 .upPostLink [src*="postup.gif"] {background-position: 0px 0px!important;}
 .delPostLink [src*="postdelite.gif"] {background-position: -20px 0px!important;}
 .editPostLink [src*="postedit.gif"] {background-position: -42px 0px!important; }
 .upPostLink [src*="postup.gif"]:hover {background-position: 0px -40px!important;}
 .delPostLink [src*="postdelite.gif"]:hover {background-position: -20px -40px!important;}
 .editPostLink [src*="postedit.gif"]:hover {background-position: -42px -40px!important; }
 {----------}
 .singlePost .postLinksBackg {float: right;color: #4c4c4c!important; padding-bottom: 10px!important;}
 .postLinksBackg a{color: #4c4c4c!important;font: normal 15px Georgia!important;}
 .comments_count_link a:nth-child(1):before {content:"+"; padding: 0 5px 0 0}
 .comments_count_link:nth-child(2) {visibility: hidden; font-size: 0 !important;}
 .comments_count_link a:nth-child(1) {visibility: visible;}
 .singlePost .postLinksBackg li { padding: 8px!important; display: inline-block; }
 .singlePost .postLinksBackg li:hover {color: #ffffff!important;background: #000000; transform: scale(1.2);}
 .singlePost .postLinksBackg li:hover a {color: #ffffff!important; }
 .b-share {margin-top: -20px!important;}
 [src="/favicon.ico"] {margin: 10px 30px 0 0px!important;}
 {----------}
 #commentsArea, #addCommentArea {background: #eff3f4; padding: 15px!important; box-shadow: 0px 0px 7px #000000; }
 .singleComment {margin-bottom: 0px!important; border-bottom: 2px dashed #7f8585!important; padding-bottom: 40px!important; position: relative;}
 #commentsArea_title, #addCommentArea_title, #new_post_title, .header.calHeader {font: normal 25px Georgia!important;text-transform: uppercase;text-align: center;}
 .header.left {font: normal 25px Georgia!important;text-transform: uppercase;text-align: center; padding-bottom: 30px!important;}
 .authorName a{color: #830000;}
 .TagL {color: #830000;}
 a.TagL { border: none!important;}
 .authorName a:hover {color: #464e5f; text-decoration: none!important;}
 .singleComment .authorName {position: absolute; left: 135}
 .singleComment {position: relative;}
 .singleComment .paragraph{ width: 515 margin-top: 60}
 .singleComment .postLinksBackg{width: 140 text-align: left; position: absolute; right: 0; top: 45 padding-left: 5 min-height: 140}
 .singleComment .postLinksBackg ul li {list-style: disc inside; display: list-item; line-height: 0.5!important;}
 .singleComment .postLinksBackg li { padding: 0px 0 5px 0!important; display: inline-block; }
 .singleComment .postLinksBackg li:hover {color: #000000!important;transform: scale(1.2);padding: 0px 0 5px 6px!important;}
 .singleComment .postLinksBackg li:hover a{color: #000000!important;}
 .singleComment .header span {color: #666666; font: normal 20px Georgia!important; position: absolute; top: 70 left: 135}
 #JournalComments .singlePost .postDate span{background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important; position :absolute; right: 0; top:-2}
 .singlePost .authorName {position: absolute; margin-top: 40max-width: 120 line-height: 0.8;z-index: 10;}
 .singlePost .commentAuthor {position: relative; margin-top: 30}
 #JournalFavorite .singlePost .communityName, #JournalQuote .singlePost .communityName {position: absolute; margin-top: 20z-index: 10;}
 #JournalFavorite .singlePost .commentAuthor {position: relative; margin-top: 30}
 #JournalFavorite .singlePost .authorName {position: absolute; margin-top: 40max-width: 120 line-height: 0.8;z-index: 10;}
 #JournalQuote .postLinksBackg a{color: #4c4c4c!important;font: normal 14px Georgia!important;}
 #JournalQuote .singlePost .postLinksBackg li:hover a {color: #ffffff!important; }
 .singleComment .postContent {border-right: 1px dashed #000000; width: 675}
 #JournalCalendar div#content {margin-left: 110 text-align: center; width: 620}
 .avatar img, .sign{width: 100px!important;}
 .singlePost div.authorName {width: 110px!important;text-overflow:ellipsis;overflow: hidden;-o-text-overflow: ellipsis;}
 #JournalComments .opac6 {position: absolute; top: 0 left: 80}
 .singleComment .b-share {margin-top: -5px!important;}
 .singleComment [src="/favicon.ico"]{margin-top: 2px!important;}
 {-----------}
 #bottomNav { display: block; }
 #bottom_up a { background: url("/userdir/1/3/0/8/1308297/82504995.png") no-repeat; bottom: 5 height: 20 line-height: 500 opacity: 1 !important; overflow: hidden; padding: 0 !important; position: fixed; margin-left: 450 width: 20 z-index: 2; }
 #bottom_up a:hover {background-position: 0px -41}
 {-------------------------------------------------------------------------------------------------}
 {-------------------------------------------------SIDE------------------------------------------}
 #side {position: absolute; top: 180 width: 620px!important; }
 #side .bordered {padding:0!important; margin-left: -10 height: 90}
 #thisDiaryOwner_title {background-position: 0px 0 width: 157 height: 80 line-height: 500overflow: hidden; }
 #thisDiaryOwner:hover #thisDiaryOwner_title{background-position: 0px -80 }
 #thisDiaryOwner ul {width: 160}
 #myDiaryLinks_title{background-position: -157px 0 width: 132 height: 80 line-height: 500overflow: hidden; }
 #myDiaryLinks:hover #myDiaryLinks_title{background-position: -157px -80 }
 #globalLinks_title{background-position: -289px 0 width: 131 height: 80 line-height: 500overflow: hidden; }
 #globalLinks:hover #globalLinks_title{background-position: -289px -80 }
 #iAmQuit a{background-position: -420px 0 width: 142 height: 80 line-height: 500overflow: hidden; display: block;}
 #iAmQuit a:hover {background-position: -420px -80 }
 #myDiaryLinks, #globalLinks, #iAmQuit a {margin-left: -10}
 #side ul {border:2px solid #e24549;background: #f0f7fe;}
 #myDiaryLinks ul {margin-left: -30}
 #globalLinks ul {margin-left: -20}
 #TagsList ul li a{list-style: disc inside; display: list-item;width: 90%; }
 #TagsList ul li {padding: 0 5px 0 5px!important; width: 95%; white-space: pre-line;}
 #TagsList ul {position: absolute; margin-left: 160 width: 510 min-height: 180padding: 10margin-top: -25 }
 #TagsList ul li {float: left; width: 130 padding: 0 30px 0 10px!important;}
 {---------------}
 #side h1{position: absolute; top: -165}
 #side #thisDiaryInfo {position: absolute; top: -80 left: 205}
 #side h1 span{font: italic 35px Caviar Dreams,Georgia!important; color: #000000!important; text-align: center;}
 #authorName {font: normal 25px Caviar Dreams,Georgia!important; color: #ff0000!important;}
 #side h1 { text-align: center!important; width: 550}
 #authorName:hover, #side h1 a:hover {color: #464e5f!important; text-decoration: none!important;}
 {---------------}
 #YaSearch {position: absolute; top: 195px!important; left: 655px!important; -moz-opacity:.70 !important;opacity:.70 !important;}
 #YaSearch:hover {-moz-opacity:.90 !important;opacity:.90 !important;}
 #YaSearchForm{display:block !important;visibility: visible!important; }
 {------------------------------------------------------------------------------------------------}
 {------------------------------------------------------NONE-----------------------------------}
 .order_button, .prevNextLinks, .Attention, #lastComments, #thisDiaryLinks, #myLinks, #lastComments, #pchs, #headlineList, #sortOrder, #Stats a+a, .atMood span, .atTag span, .urlLink, #more_login, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink,#thisDiaryPhoto, #Stats {display: none !important;}