№1349. Модница — @дневники: асоциальная сеть

17:50 №1349. Модница
+2

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

НастройкиДизайн блочный, меню вверху
#b34290 заголовок
#869956 ссылки
#4f4e4f записи

КАРТИНКИ
{-----------------------КАРТИНКИ--------------------------------}
 body { background: url("ФОН")0px 0px repeat fixed; padding: 0px!important;}
 #add_block1 { position:fixed; width:100%; left:0%; top:0px; background: url('БЛОК-1') repeat-x; height: 49px; margin-left: 0px;z-index: 30;}
 #add_block2{ position:fixed; width:100%; left:0%; bottom:-10px; background: url('БЛОК-2') repeat-x; height: 72px; margin-left: 0px;z-index: 30;}
 #add_block3 { background: url("БЛОК-3") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 538px; left: 50%; margin-left: -465px; position: fixed; top: 0px; width: 383px; z-index: -1; }
 #extratop {height: 117px;background: url("ЭКСТРАТОП") no-repeat top right!important; width:720px;margin-left:261px!important;}
 .quote_text { background-color: transparent; background-image: url("ЦИТАТА-1"), url("ЦИТАТА-2") !important; background-position: left top, right bottom !important; background-repeat: no-repeat, no-repeat !important; color: #34b4fd!important; display: block; font-style: italic; margin: 10px 0 0 30px; padding: 15px 25px; width: 430px;}
 .opac6 { background: url('КЛЮЧ') no-repeat; width:0;padding: 0 0 0px 15px !important;height: 19px;opacity: 1.0;}
 #page-t {margin-left:260px!important; background: url('ЗАЛИВКА') repeat-y; width:720px;padding-bottom: 80px; min-height: 1300px;}
 .header { background: url('ЗАГОЛОВОК') no-repeat; min-height: 50px;position: relative; margin-bottom:35px!important;}
 .singlePost {position: relative; margin-bottom:40px!important; background: url('РАЗДЕЛИТЕЛЬ') right bottom no-repeat; padding-bottom: 110px!important;}
 .paragraph {background: url('ЛИНИЯ') no-repeat left bottom; padding-bottom: 15px!important;}
 .header span {font: normal 12px Tahoma;color: #464445; margin-left: 30px; top: 35px!important; position: relative;background: url('ЛИНИЯ') no-repeat left bottom; padding: 0px 488px 15px 20px;}
 .atTag SPAN, .atMusic SPAN, .atMood SPAN {background: url('ТЕМЫ') center 0px no-repeat; display:inline-block; width:20px; height:15px; line-height:500px; overflow:hidden; margin-bottom: -2px!important;}
 #Journal .subscribe a, #Journal .unsubscribe a, #Journal .addToQuote a, #Journal .delFromQuote a, #Journal .quote_post, #Journal .comments a { background: url('ЛИНКС') no-repeat 0px 0px; text-align: left!important;white-space: nowrap!important;line-height:100px; height: 25px !important; text-decoration: none; width: 25px;display:block !important;overflow: hidden; color:#7E8086!important; float: right;}
 .pages_str td[align="right"] a {display:block; width:15px; height:17px; line-height:800px; overflow:hidden; background: url('НАПРАВО') 2px 4px no-repeat; position: relative; top: 25px; left: 30px; font-size: 0px!important;}
 #pageBar .pages_str td[align="right"] a:hover {background: url('НАПРАВО') 2px 4px no-repeat!important;}
 #pageBar .pages_str td[align="left"] a:hover { background: url('НАЛЕВО') 2px 4px no-repeat!important;}
 .pages_str td[align="left"] a {display:block; width:15px; height:17px; line-height:800px; overflow:hidden; background: url('НАЛЕВО') 2px 4px no-repeat; position: relative; top: 25px; left: -25px; font-size: 0px!important;}
 .singleComment .paragraph {background: url('ЛИНИЯ') no-repeat left bottom; padding-bottom: 0px!important;}
 #addCommentArea_title, #commentsArea_title, #new_post_title, .calHeader, #JournalAlbum .header{font:25px Tahoma; padding: 10px 0 0 5px!important; background: url('ЛИНИЯ') no-repeat left bottom; }
 #globalLinks_title, #myDiaryLinks_title, #myCommunityLink_title, #thisDiaryOwner_title {display:block; width:230px; line-height:500px; overflow:hidden; background: url('МЕНЮ') no-repeat; height:50px;}
 {------------------------------}
 {------------------------------}
 {------------------------------}
 #Journal img { max-width: 550px !important; }
 img { max-width: 450px!important; }
 #Journal .blockquote img {max-width: 400px !important; }
 a:hover, .postLinksBackg a:hover, .atTag a:hover {color: #cd4e96!important; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #41aceb!important; padding: 5px!important;}
 a {color: #869956; text-decoration: none!important;}
 #epigraph{color: #5cadc6!important;font: normal 17px Tahoma!important; }
 .submit {padding:2px!important;border: 1px solid #41aceb!important;}
 .avatar img {max-width: 75px; max-height: 75px;opacity: 0.8;}
 .avatar img:hover {opacity: 1.0!important;}
 {------------------------------}
 #wrapper{width:980px;min-width:0;position: relative; margin-top: 60px}
 #postsArea, #commentsArea, #addCommentArea {width: 573px; padding: 0 17px 0 20px!important; margin: 0 0 0 40px!important;}
 .header h2 {position:absolute; left:50px; bottom: 18px; font: normal 24px Tahoma!important;color: #b34290!important;}
 .postDate {position: absolute;left:90px;font: normal 12px Tahoma!important;color: #464445!important; top: 40px!important;}
 #epigraph .singlePost {background: none!important; margin-bottom: 0px!important;padding-bottom: 0px!important;}
 .singlePost .postActionLinks {position: relative; margin-top: -40px; z-index: 10;}
 .atTag SPAN {background-position: 0px 0px;}
 .atMusic SPAN {background-position: 0px -16px;}
 .atMood SPAN {background-position: 0px -33px;}
 .atMusic em, .atMood em, .atTag em a, .atTag {color: #ed6187!important; font-style: italic!important;font: italic 11px Tahoma!important; text-decoration: none;}
 {-----}
 #Journal .subscribe a span, #Journal .unsubscribe a span {position: relative; top: -20px;text-transform: lowercase;color: #6067b1!important; right: 5px; font: normal 14px Tahoma;}
 #Journal .addToQuote a span, #Journal .delFromQuote a span {position: relative; top: -20px;text-transform: lowercase;color: #749f19!important; right: 10px; font: normal 14px Tahoma;}
 #Journal .comments a span {position: relative; top: -18px; float: right; max-height: 20px; color: #217fc3!important; right: -25px; font: normal 14px Tahoma;}
 #Journal .comments a:hover{overflow:visible; text-decoration:none; white-space: nowrap!important; }
 #Journal .subscribe a:hover, #Journal .unsubscribe a:hover{overflow:visible; text-decoration:none; text-indent: -40px; white-space: nowrap!important; }
 .subscribe a{background-position: 0px -28px!important;}
 #Journal .unsubscribe a {background-position: 0px -51px!important;}
 #Journal .addToQuote a:hover, #Journal .delFromQuote a:hover{overflow:visible; text-indent: -15px; white-space: nowrap!important; }
 #Journal .addToQuote a, #Journal .delFromQuote a {background-position: 0px -75px!important; }
 #Journal .quote_post{background-position: 0px -100px!important; }
 #Journal .quote_post:hover {overflow: visible; text-align: left!important;white-space: pre-line!important;}
 #Journal .quote_post [src="/favicon.ico"]{position: absolute; right: 2px!important; top: -12px!important;z-index: 1; }
 #Journal .quote_post div {display:block !important; position: absolute; right: -15px; top:-11px; width: 100%;}
 #Journal .quote_post a{ font-size: 0px;}
 #Journal .comments a{background-position: 0px 0px!important;text-transform: lowercase; }
 #Journal .comments_count_link a:first-child {color: #217fc3!important; font: normal 15px Arial!important; position: absolute; top: 8px!important; right: 18px!important; background: none!important; text-decoration: none!important; text-align: center!important; display: block !important; overflow: visible!important; }
 .comments_count_link a:hover:first-child {color: #cd4e96!important;}
 .comments_count_link { font-size: 0 !important;}
 #Journal .comments {position :absolute; margin-top:-2px!important; margin-left:5px;}
 {----}
 #pageBar a{ color: #ba4592; line-height:30px;font-size: 15px; padding:2px 5px 2px 4px;}
 .pageBar strong, #pageBar a:hover { color: #fff!important;text-align: center; line-height:30px; visibility: visible; background: #e8175e!important;font-size: 13px;padding:2px 5px 2px 5px;}
 {--------------служебные-----------}
 .singleComment .postTitle.header {height:0!important;}
 .authorName a {color: #acd732;font: normal 17px Tahoma!important;}
 .singleComment {position: relative; }
 .singleComment .header {background: none!important; min-height:0!important; }
 #JournalComments .singlePost .paragraph, .singleComment .paragraph, #JournalFavorite .singlePost .paragraph, #JournalQuote .singlePost .paragraph{ float: left; width:573px; margin: 90px 0 0 0;}
 .commentAuthor {width: 575px; position: absolute;}
 #JournalComments .singlePost .sign {border-top: 1px dashed #74c4f2; border-bottom: 1px dashed #74c4f2; position: absolute; top: 30px; left: 90px; width: 405px!important; padding: 5px; color: #74c4f2;}
 #JournalComments .singlePost .authorName {position: absolute; top: 87px; left: 95px; z-index: 5;}
 #JournalComments .singlePost .postDate {font: normal 12px Tahoma!important;color: #464445; margin-top: -5px}
 .singleComment .authorName {top: 35px;position: absolute; left: 90px; z-index: 5;}
 .singleComment .sign {top: 56px; border-top: 1px dashed #74c4f2; border-bottom: 1px dashed #74c4f2; position: absolute; left: 90px; width: 475px!important; padding: 1px; color: #74c4f2;}
 .singleComment .header span {position: absolute; top: 70px!important; left: 60px; font: normal 11px Tahoma!important;color: #74c4f2;background: none!important; min-height: 0!important; padding:0!important;}
 .singleComment .postLinksBackg {position: absolute; top: 54px; border-top: none!important; left: 85px;float: left;}
 .singleComment .postLinksBackg li {color: #464445!important; border-right: 1px solid; padding-right: 7px; margin-left: 5px;}
 .singleComment .postLinksBackg a {color: #464445!important;}
 #links_title {font:25px Garamond,Times New Roman; padding-bottom: 0px!important;background: none!important; margin-left: 35px;}
 #JournalFavorite .sign, #JournalQuote .sign {border-top: 1px dashed #74c4f2; border-bottom: 1px dashed #74c4f2; position: absolute; left: 90px; width: 475px!important; padding: 1px; color: #74c4f2; top: 55px;}
 #JournalFavorite .postLinksBackg, #JournalQuote .postLinksBackg {position: absolute; top: 120px; border-top: none!important; left: 85px; font: normal 10px Tahoma;width: 500px;}
 #JournalFavorite .postLinksBackg a, #JournalQuote .postLinksBackg a{color: #464445!important;font: normal 10px Tahoma;}
 #JournalFavorite .postLinksBackg li, #JournalQuote .postLinksBackg li {float: left; border-right: 1px solid; padding-right: 10px;color: #464445!important; border-right: 1px solid; padding-right: 7px; margin-left: 5px; }
 #JournalFavorite .authorName, #JournalQuote .authorName {top: 83px;position: absolute; left: 90px; z-index: 5;}
 #JournalFavorite .communityName, #JournalQuote .communityName {top: 105px;position: absolute; left: 90px; z-index: 5;}
 #JournalFavorite .comments_count_link a:first-child {display: block !important; overflow: visible!important; position: absolute; top: -9px; margin-left: 55px!important; border: 1px solid; border-radius: 50px!important; min-width: 8px; padding: 0 4px 0 3px!important;}
 .singleComment .paragraph {border: 1px solid #74c4f2; border-radius: 10px; width: 550px; padding: 10px;background: none!important;}
 {---------------side-------------}
 #side{position: fixed; width: 260px!important; top:400px;z-index:30;}
 #globalLinks_title {background-position: 0px -158px;}
 #myDiaryLinks_title, #myCommunityLink_title {background-position: 0px -80px;}
 #thisDiaryOwner_title { background-position: 0px 0px;}
 #authorName {color: #acd732!important; font: italic bold 24px Georgia!important; text-shadow: 1px 1px 10px #acd732;position: absolute;top: -120px; right: 10px!important;}
 #side h1 a{color: #34b4fd!important; font: italic bold 24px Georgia!important; text-shadow: 1px 1px 10px #34b4fd;}
 #side h1 a:hover{text-shadow: 1px 1px 10px #acd732;}
 #authorName:hover {text-shadow: 1px 1px 10px #34b4fd;}
 #side h1,#authorName {text-align: right!important;}
 #side h1 {position: absolute; top: -70px;right: 10px!important;}
 #side ul a {color: #ba4592;}
 #side ul a:hover {color: #1e86d6!important;}
 #side ul { background: #ffffff; border: 2px solid #ba4592; padding: 10px!important; border-radius: 10px; width: 150px; visibility: visible !important; display:block; text-align: center!important;}
 #thisDiaryOwner ul {position: absolute; top: -600px; left:170px;transition: all 0.7s ease-out 0.1s;z-index:100; min-height: 115px;}
 #thisDiaryOwner:hover ul {position: absolute; top: -90px;left: 170px;transition: all 0.7s ease-out 0.1s;visibility: inherit!important; display:block;z-index:100;}
 #myDiaryLinks ul, #myCommunityLink ul {position: absolute; top: -700px; left:240px;transition: all 0.7s ease-out 0.1s;z-index:100;height: 225px;}
 #myDiaryLinks:hover ul, #myCommunityLink:hover ul {position: absolute; top: -150px;left: 240px;transition: all 0.7s ease-out 0.1s;visibility: inherit!important; display:block;z-index:100;}
 #globalLinks ul {position: absolute; top: -800px; left:250px;transition: all 0.7s ease-out 0.1s;z-index:100;}
 #globalLinks:hover ul {position: absolute; top: -40px;left: 250px;transition: all 0.7s ease-out 0.1s;visibility: inherit!important; display:block;z-index:100;}
 #TagsList ul li {white-space: pre-line;width: 130px;float: left; dispaly: block;}
 #side #TagsList ul {position: absolute; top: 0px; width: 400px; height: 150px; margin-top: -2px;}
 {------------none---------------}
 #bottomNav, #epigraph .header, .order_button, #pchs, #lastComments, #YaSearch, #iAmQuit, #thisDiaryLinks, .Attention, .urlLink, .comments_count_link a, .prevNextLinks{display: none!important;}
При использовании дизайна просьба ставить баннер сообщества.
Вопрос: like
1. ♥ — 65 (100%)
Всего: 65
@темы: Девушки, Светлые цвета, CSS, by Ai_Yamaneko, Рисованные (вектор/кисти/рисунки)