Полгода

[Skazochnik & Volshebnik]

Вот и настал тот торжественный день, точнее ночь, когда, обещанный нами дизайн, увидел свет. Хотя всё бы случилось куда раньше, если бы не Опера. Даже ИЕ всё показывал по мере сил, а она… Мы предупредили.))

Все картинки собраны кучкой, так что ползать по всему коду не придётся. Ай, какие мы молодцы. Спасибо нашим родителям, учителям и всем поспособствовавшим. На скрине в эпиграфе любимая лида Сказочника, но это для справки и для тех кто в теме. А по сути — в эпиграф, если захотите, вставите свою картинку. Желательно шириной не меньше 750px. Насладитесь же этим узким дизайном в полной мере.

Настройки

Дизайн блочный, навигация вверху.

Шрифты
заголовок обычный 12
тест обычный 12
гарнитура Ариал

Цвета
заголовок #3d3d3d
ссылки #595959
записи #818181
оффтопик #8bdcca

Картинка для эпиграфа желательна не меньше 750px Те что будут больше ужмутся. :3

Картинка 1
Картинка 2
Картинка 3
Картинка 4
Картинка 5
Картинка 6
Картинка 7
Картинка 8
Картинка 9
Картинка 10
Картинка 11
Картинка 12
Картинка 13
Картинка 14
Картинка 15
Картинка 16
Картинка 17
Картинка 18
Картинка 19
Картинка 20

{------картинки------}
 html { background: #eee url(' Картинка  1 '); }
 body {background: url(' Картинка  2 ') 0 0 fixed repeat;}
 #add_block1 {background: url(' Картинка  3 ') repeat 0% 50%; z-index:1 !important;}
 #add_block2, #sign {background: url(' Картинка   4 ')!important;}
 #add_block6 {background: url(' Картинка  5 ') repeat 0% 0%; z-index:-1 !important;}
 #add_block7 {background: url(' Картинка 6 ') no-repeat; z-index:2 !important;}
 #tagslistlink a, #mainpageLink a, #writeToAuthor a, #addToFav a, #delFromFav a { background:url(' Картинка 7 ')no-repeat !important;}
 #side #myDiaryLinks li {background:url(' Картинка 8 ') 15px center no-repeat;}
 #side #myDiaryLinks li:hover {background:url(' Картинка 9 ') 15px center no-repeat;}
 #usrlog, #usrpass, #Journal #msg_form .text, #JournalDraft #msg_form .text {background:url(' Картинка 10 ') repeat-x;}
 #TagsList:before {content:""; background: url(' Картинка 11 ') no-repeat;}
 #bottom_up a, #bottom_up a:hover {background:url(' Картинка 12 ')no-repeat;}
 .singlePost .postInner, .singleComment .postInner, #pageBar a, #favGroups a, #favGroups strong {background:url(' Картинка 13< ');}
 .singlePost .commentAuthor {background:url(' Картинка 14 ') center bottom no-repeat;}
 .singlePost .avatar:after, .singleComment .avatar:after {content:""; background:url(' Картинка 15 ') no-repeat;}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url(' Картинка 16 ') no-repeat;}
 .opac6, .TagJIco {background: url(' Картинка 17 ')no-repeat;}
 p.atMusic em span, p.atMood em span, p.atTag em span, .urlLink a {background: url(' Картинка 18 ')no-repeat;}
 .singlePost .blockquote {background: url('Картинка 19') no-repeat;}
 .voting .submit, #addCommentArea p .submit, #Journal #msg_form .submit, #JournalDraft #msg_form .submit, #sign .submit {background:url(' Картинка 20 ') repeat-x;}
 {------дальше картинок нет------}
 body {font-size: 16px; font-family: Calibri!important; overflow-x:hidden;}
 #wrapper {width:800px; min-width:0px !important; padding:0px !important; position:relative;}
 #add_block1 {position: absolute; width: 100%; height: 50px; left: 0%;margin-top:20px !important;}
 #add_block2 {position: absolute; width: 100%; height: 96px; left: 0%;top:0px !important;background: #333 repeat 0% 0%; z-index:1 !important;}
 #add_block3, #add_block4, #add_block5 { left:50%; border-bottom:1px solid #3a3939; -moz-box-shadow: 0px 1px 0px #5c5b5b; -webkit-box-shadow: 0px 1px 0px #5c5b5b; -o-box-shadow: 0px 1px 0px #5c5b5b; box-shadow: 0px 1px 0px #5c5b5b; z-index:2 !important;}
 #add_block3 {position:absolute; width:185px; height:2px; top:49px; margin-left:-190px;}
 #add_block4 {position:absolute; width:185px; height:2px; top:49px; margin-left:10px;}
 #add_block5 {position:absolute; width:185px; height:2px; top:49px; margin-left:210px;}
 #add_block6 {position: absolute; width: 100%; height: 491px; left: 0%;top:0px !important;}
 #add_block7 {position:absolute; display:block; width:84px; height:83px; left:50%; top:0px; margin-left:-350px;}
 #add_block8 {position:absolute; left:50%; width:800px; height:2px; top:170px; margin-left:-400px; border-bottom:1px solid #cacaca; -moz-box-shadow: 0px 1px 0px #f8f8f8; -webkit-box-shadow: 0px 1px 0px #f8f8f8; -o-box-shadow: 0px 1px 0px #f8f8f8; box-shadow: 0px 1px 0px #f8f8f8; z-index:2 !important;}
 #extrabottom:after {content:"design by orden-css.diary.ru ©2012"; text-align:right; width:800px; display:block; position:absolute; margin-top:33px; z-index:2; color:#818181; text-shadow: 1px 1px 0px #343333; text-transform:lowercase;}
 #page-c {margin-top:15px !important; padding-top:30px;}
 {------menu------}
 #side {position:relative; z-index:110 !important; min-height:220px;}
 .menuSection ul, #sign {display:block !important; visibility:visible !important;}
 #side h1 a{overflow:hidden; width:770px; height:60px; display:block; position:absolute; top:170px; font-family: Cambria !important; color: #fff !important; font-weight: bold; font-size: 48px !important; text-shadow: #e3e3e3 0px 0px 1px, #eee 0px 2px 0px, #9a9a9a 0px 2px 2px ; text-decoration: none; padding:0px !important; margin: 0px 0px 0px 10px !important; overflow: hidden;}
 #authorName{overflow:hidden; width:540px; height:40px; display:block; position:absolute; top:100px; text-align:left !important; margin-left:-20px; font-family: Cambria!important; font-size: 30px !important; text-shadow: #eee 0px 1px 0px, #9a9a9a 0px 1px 2px ; text-decoration: none; overflow: hidden; }
 #thisDiaryInfo {position:absolute; left:30px;z-index:101 !important;}
 #globalLinks {position:absolute; top:90px; right:100px; z-index:1 !important;}
 #thisDiaryOwner {z-index:2 !important; margin-top:-10px;}
 #mainpageLink a {overflow:hidden; width:42px; height:44px; text-indent:999px; display:block; margin-left:55px; opacity:0.8; background-position: -200px 0px !important;}
 #mainpageLink a+a {margin-top:-44px; opacity: 0.8;}
 #tagslistlink a {overflow:hidden; width:42px !important; height:44px; text-indent:999px; display:block; background-position: -150px 0px !important;}
 #tagslistlink a {position:absolute; right:75px; top:103px;}
 #addToFav a {overflow:hidden; width:42px !important; height:44px; line-height: 999px; background-position: -50px 0px !important;}
 #addToFav a:hover {overflow:visible; font-size: 12px; width:42px !important; height:50px; line-height: 105px; text-indent: -35px; text-decoration:none; text-transform: lowercase;}
 #delFromFav a {overflow:hidden; width:42px !important; height:44px; text-indent:999px; background-position: -100px 0px !important;}
 #delFromFav a:hover {overflow:visible; font-size: 12px; width:42px !important; height:50px; line-height: 105px; text-indent: -35px; text-decoration:none; text-transform: lowercase;}
 #addToFav a, #delFromFav a {position:absolute; right:128px; top:103px;}
 #writeToAuthor a {overflow:hidden; width:42px !important; height:44px; text-indent:999px; display:block; background-position: 0px 0px !important;}
 #writeToAuthor a {position:absolute; right:182px; top:103px;}
 #writeToAuthor a:hover {overflow:visible; font-size: 12px; width:42px !important; height:50px; line-height: 105px; text-indent: -30px; text-decoration:none; text-transform: lowercase;}
 #myQuotLink, #optionsLink, #rssLink {display: none !important;}
 #thisDiaryOwner {position:absolute; top:4px; z-index:51;}
 #thisDiaryOwner ul {width:715px !important; position:absolute; z-index:1!important; padding-left:85px !important;}
 #thisDiaryOwner li {float:right !important; width:200px; padding-right:40px !important; padding-bottom:15px !important;}
 #myDiaryLinks {position:relative; margin: -30px 0px 0px 200px; }
 #myDiaryLinks ul {width:620px; margin-left:-10px;}
 #side #myDiaryLinks li {float:left; margin-right:20px; width:150px; padding-bottom:10px; padding-left:30px; padding-top:5px;}
 #myDiaryLinks a, #TagsList ul a {color:#818181; text-shadow: 1px 1px 0px #343333; text-transform:lowercase;}
 #myDiaryLinks a:hover, #TagsList ul a:hover {text-decoration:none; color:#d2f9f2 !important;}
 #side #myDiaryLinks #myFavLink ~ #mySFavLink a:after {content:'ки'!important; width:40px;}
 #side #myDiaryLinks #myFavLink ~ #mySFavLink span {display:none;}
 #side #myDiaryLinks #myFavLink ~ #mySFavLink {display:block; position:absolute; top:45px; left: 320px; padding:0; width:40px;}
 #side #myDiaryLinks #myFavLink ~ #mySFavLink a {display:block; position:absolute; width:20px; background:rgba(0,0,0,0.1); padding: 1px 0px 4px 5px; border-radius: 15px; box-shadow: 0px 1px 0px rgba(255,255,255,0.1), 0px 1px 0px rgba(0,0,0,0.1) inset;}
 {---Вход---}
 #sign {position:absolute; z-index:103 !important; margin-left:174px; width:600px !important;top:-10px;background: repeat-x;}
 #sign span {margin-top:43px; position:absolute; width:185px !important; display:block !important;}
 #sign td {height:0px; margin-top:10px !important; padding:0px;}
 #sign a, #sign span{color:#818181; text-transform:lowercase; text-shadow: 1px 1px 0px #343333;}
 #sign a:hover, #sign span:hover{color:#d2f9f2; text-decoration:none;}
 #usrlog {width:185px; border-radius:2px 2px 5px 5px !important; height:30px !important; position:absolute; margin-left:0px; margin-top:5px; display:block !important; font-family:Cambria;}
 #usrpass{width:185px; border-radius:2px 2px 5px 5px !important; height:30px !important; position:absolute; left:50%; margin-left:-91px; margin-top:5px; display:block !important;}
 #sign p {margin-top:5px; margin-left:210px;}
 #sign .submit {position:relative; right:67px; top:0px; height:30px; opacity:1.0; width:115px !important; border-radius:2px !important; font-family:Calibri; text-transform:uppercase; font-weight:bold; color:#595959; font-size:16px; }
 #sign .submit:active {box-shadow: inset 1px 1px 1px #999 !important; }
 #TagsList {margin:0px; margin-top:120px;}
 #TagsList ul {width:230px !important;padding:8px 10px 25px 10px !important; position:absolute; background:#4b4b4b; left:50%; margin-left:130px; font-size:16px; border-radius:2px; margin-top:-5px;}
 #TagsList ul a{background:none !important; width:176px !important;display:block; overflow:hidden !important; text-indent:inherit !important; top:auto !important; padding-right:10px !important; right:auto;}
 #TagsList li {float:none !important; width:220px !important; padding:0px 5px 1px 5px !important; }
 #TagsList li span {color:#d2f9f2; text-shadow: 1px 1px 0px #343333; padding:0px 0px 7px 0px !important;border-bottom: 1px solid #3b3b3b; box-shadow:0px 1px 0px #575757; width:220px; text-align:right; }
 #TagsList:before {width:30px !important; height:14px !important; left:50% !important; margin-top:-19px;margin-left:293px; position:absolute; display: block !important; z-index: 150 !important;}
 #bottomNav {position:fixed; right:50%; margin-right:-470px; bottom:83px;}
 #bottom_up a {overflow:hidden; text-indent:-999px; width:49px; height:33px; display:block; background-position: 100% 100%;}
 #bottom_up a:hover {background-position: 0% 0%;}
 {------entries-----}
 .section, .formcontainer, .paragraph { _width: 500px; overflow: auto !important; overflow-y: hidden; }
 .code {max-width: 480px; min-width: 480px; margin: 0px; padding:10px; background: #f9f9f9; border: 1px solid #f4f4f4 ; }
 #favGroups {position:relative; left: 10px; text-shadow: 0px 1px 1px #d9d8d8;}
 #favGroups a, #favGroups strong {border-radius: 2px; padding: 5px 10px 6px 10px; margin-left: -10px;}
 #favGroups a:hover {text-decoration:none; color: #1ac5a7; text-shadow: 0px 1px 0px #dadada;}
 #favGroups strong { color: #fff; text-shadow: 0px 1px 0px #c1c1c1;}
 #favGroups .opac6 {margin: 0px 10px 0px -10px;}
 #epigraph {z-index:1; margin: 0 !important}
 #epigraph .paragraph {background:#fff; width:750px !important; padding: 25px !important}
 #epigraph .paragraph div img {max-width:750px !important;}
 #postsArea {padding:0px;}
 .singlePost {position:relative; margin-bottom:30px !important;}
 .singlePost .paragraph {width:500px !important; margin-left:0px !important; padding:60px 25px 45px 25px !important; float:none; background:#fff; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important; position:relative; min-height:250px; font-size:16px; line-height:24px;}
 .singlePost .postInner {text-align:center; z-index:0; border-radius:2px; min-height:250px;}
 .singlePost .commentAuthor {position:absolute; right:0px; width:220px; padding:15px; margin-top:50px;}
 .singlePost .avatar, .singlePost .sign{width:220px; text-align:center;}
 .singlePost .avatar, .singlePost .sign { border-top:1px solid #c1c1c1; box-shadow: inset 0px 1px 0px #f8f8f8; -o-box-shadow: inset 0px 1px 0px #f8f8f8 !important; -moz-box-shadow: inset 0px 1px 0px #f8f8f8; -webkit-box-shadow: inset 0px 1px 0px #f8f8f8; padding-top:20px; padding-bottom:3px;}
 .singlePost .sign {border-top:1px solid #c1c1c1; box-shadow: inset 0px 1px 0px #f8f8f8; -o-box-shadow: inset 0px 1px 0px #f8f8f8 !important; -moz-box-shadow: inset 0px 1px 0px #f8f8f8; -webkit-box-shadow: inset 0px 1px 0px #f8f8f8; text-shadow: 0px 1px 0px #f8f8f8; max-height:49px;}
 .singlePost .commentAuthor {padding-bottom:10px !important; }
 .singlePost .avatar img {border:10px solid #fff; width:100px; max-height:120px; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important;}
 .singlePost .avatar:after {width:120px; height:8px; display:block; margin-left:50px;}
 .singlePost .authorName {position:absolute; z-index:1; right:0px; display:block; width:250px; text-align:center; padding-top:15px; height:40px;}
 .singlePost .authorName a{text-shadow: 0px 1px 1px #d9d8d8; font-family:Cambria;}
 .singlePost .authorName a:hover, .communityName a:hover {text-decoration:none; color:#1ac5a7;}
 .othercommposts {position:absolute; right:270px; width:270px; text-align:right; margin-top:0px;}
 .singlePost:hover .authorName a, .singlePost:hover .commentAuthor{display:none;}
 .singlePost:hover .othercommposts a {display:block !important;}
 .othercommposts a{color:#cdcdcd; font-size:16px; font-family:Calibri !important; text-shadow: 0px 1px 0px #fafafa !important; }
 .othercommposts a:hover {color:#818181 !important;}
 .singlePost .postLinks{display:block; width:220px; text-align:left; position:absolute; top:80px; padding:0px;z-index:-1; border-top: 1px solid #c1c1c1; box-shadow: 0px 1px 0px #f8f8f8; -o-box-shadow: 0px 1px 0px #f8f8f8 !important; -moz-box-shadow:0px 1px 0px #f8f8f8; -webkit-box-shadow:0px 1px 0px #f8f8f8;}
 .singlePost .postLinks li {border-bottom: 1px solid #c1c1c1; box-shadow: inset 0px 1px 0px #f8f8f8; -o-box-shadow: inset 0px 1px 0px #f8f8f8 !important; -moz-box-shadow: inset 0px 1px 0px #f8f8f8; -webkit-box-shadow: inset 0px 1px 0px #f8f8f8; padding: 7px 0px 7px 20px; width:200px; display:block; margin-left:0px; }
 .postLinks a{font-size:16px; text-transform:lowercase; text-shadow: 0px 1px 1px #d9d8d8;}
 .postLinks a:hover {text-decoration:none; color:#1ac5a7; text-shadow: 0px 1px 1px #dadada;}
 .singlePost:hover .postLinks {z-index:1; right:15px !important;}
 #Journal .singlePost .postLinks {display:block; width:220px; text-align:left; position:absolute; top:60px; padding:0px;z-index:-1; border-top: 1px solid #c1c1c1; box-shadow: 0px 1px 0px #f8f8f8; -o-box-shadow: 0px 1px 0px #f8f8f8 !important; -moz-box-shadow:0px 1px 0px #f8f8f8; -webkit-box-shadow:0px 1px 0px #f8f8f8; right:15px !important; z-index:1;}
 #Journal .singlePost .postActionLinks {display:block; width:60px; opacity:1.0; padding-bottom:0px; position:absolute; right:15px !important; top:37px; padding-left:160px; z-index:5; height:25px;}
 .singlePost .postActionLinks {display:block; opacity:1.0; position:absolute; right:315px; top:45px; z-index:-1;}
 .singlePost:hover .postActionLinks {display:block; width:60px; opacity:1.0; padding-bottom:0px; position:absolute; right:15px !important; top:47px; padding-left:160px; z-index:5; height:25px;}
 #JournalComments .singlePost:hover .postActionLinks {top:40px;}
 #JournalComments .singlePost:hover .postLinks {top:75px;}
 .singlePost .postActionLinks li {margin-left:3px; position:relative; top:-10px;}
 .upPostLink [src*="postup.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; width:16px; background-position: 0% 0% 9px !important;}
 .delPostLink [src*="postdelite.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; margin-top:-9px; width:16px; background-position: center 9px !important;}
 .editPostLink [src*="postedit.gif"] {padding: 40px 0px 2px 1px !important; height:0px !important; background-position: right !important; margin-top:-13px; width:16px; }
 .singlePost .postDate {position:absolute; right:0px; color:#cdcdcd; text-shadow: 0px 1px 0px #fafafa; width:250px; text-align:center; font-size:16px; top:-12px; z-index:1;}
 .singlePost .postTitle {position:relative;height:0px;}
 .singlePost .postTitle span {position:absolute; top:10px; z-index:1; padding:12px 0px 12px 25px; border-radius:2px 2px 0px 0px ; font-family:Cambria; font-size:18px; color:#818181; background:#fafafa; display:block; width:525px;}
 .singlePost .header h2 {padding-left:20px; font-size:24px; font-family: Cambria; margin-top:-23px !important; position:absolute; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0; width:530px !important; height: 30px !important; overflow: hidden !important; z-index:1;}
 .opac6 {height: 0;padding: 10px 15px 10px 0px !important;width: 0px;; opacity:1.0 !important;background-position: -15px 0px;}
 .TagJIco {display: inline-block; padding-left: 14px; position: relative; text-decoration: none !important; background-position: 0px 3px ;}
 .TagL {color:#595959;}
 p.atMusic em span {display:inline-block; overflow:hidden; text-indent:-999px; width:17px !important; margin-bottom:-8px; margin-right:7px; background-position: -15px 0px !important;}
 p.atMood em span {display:inline-block; overflow:hidden; text-indent:-999px; width:17px !important; margin-bottom:-8px; margin-right:7px; background-position: -48px 0px !important;}
 p.atTag em span{display:inline-block; overflow:hidden; text-indent:-999px; width:15px !important; margin-bottom:-13px; margin-right:7px; background-position: 0% 0% !important;}
 .atMusic em, .atMood em{font-style:normal; font-size: 16px; color: #1ac5a7;}
 .atTag a{font-style:normal; font-size: 16px; text-decoration:none; background:#e6e6e6; padding:0px 7px 2px 7px; border-radius:10px;}
 .atTag {color:transparent; line-height: 25px !important; margin-bottom:-8px;}
 .atTag a:hover {background:#d2f9f2;}
 .urlLink a{position:absolute; left:23px; z-index:1;display:block; overflow: hidden; text-indent:9999px; width:18px !important; height:18px; bottom:22px; z-index:5 !important;background-position:-31px 0px ;}
 .communityName {position:absolute; z-index:1; right:270px; width:400px; text-align:right; padding-top:15px !important; height:40px; display:block !important;}
 .communityName a{color:#cdcdcd; font-size:16px; font-family:Calibri !important; text-shadow: 0px 1px 0px #fafafa !important;}
 .singleComment .quote_text{background:#f9f9f9 !important;}
 .paragraph div a{text-decoration:none;}
 .paragraph div a:hover {text-decoration:underline;}
 div.voting img {background: #83dac6 !important; border-top: 5px solid #83dac6; border-bottom: 5px solid #83dac6; height: 0 !important; margin-top:3px; box-shadow: 1px 1px 1px #e6e6e6;}
 .voting .submit {position:relative; margin-top:-10px; margin-bottom:-10px;height:30px; opacity:1.0; width:auto !important; border-radius:2px !important; font-family:Calibri; text-transform:uppercase; font-weight:bold; color:#595959; font-size:16px; padding:0px 10px 3px 10px;}
 .voting .submit:active {box-shadow: inset 1px 1px 1px #999 !important; }
 div.voting {padding-bottom:15px !important;}
  .voting td {vertical-align: top;text-align:left;}
 .voting tr td[colspan="2"] {display:inline;padding:0!important;width:auto;}
 .voting tr td:nth-child(2) {white-space: nowrap;padding-top: 7px;}
 .voting tr td:nth-child(3), .voting tr td:nth-child(4) {text-align:right;}
  .paragraph div img {max-width:500px !important;}
 div.blockquote img {max-width:450px !important;}
 #Journal .header.left {padding-left:20px; font-size:24px; font-family: Cambria; margin-top:-23px !important; position:absolute; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0; border-bottom:1px solid #cacaca; box-shadow: 0px 1px 0px #fff; display:block; width:780px; padding-bottom:3px; margin-bottom:35px !important; position:relative;}
 {-------comments------}
 #commentsArea {padding:20px 0px 0px 0px;}
 #JournalComments .singlePost .postDate {top:-15px !important;}
 #JournalComments .singlePost {margin-bottom:30px !important; margin-top:20px;}
 .singleComment {position:relative; margin-bottom:30px !important; }
 .singleComment .paragraph {width:500px !important; margin-left:0px !important; padding:60px 25px 45px 25px !important; float:none; background:#fff; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important; position:relative; min-height:160px; font-size:16px; line-height:24px;}
 .singleComment .postInner {text-align:center; z-index:0; border-radius:2px; min-height:140px;}
 .singleComment .commentAuthor {position:absolute; right:0px; width:220px; padding:15px; margin-top:50px;}
 .singleComment .avatar{width:220px; text-align:center;}
 .singleComment .avatar {border-top:1px solid #c1c1c1; box-shadow: inset 0px 1px 0px #f8f8f8; -o-box-shadow: inset 0px 1px 0px #f8f8f8 !important; -moz-box-shadow: inset 0px 1px 0px #f8f8f8; -webkit-box-shadow: inset 0px 1px 0px #f8f8f8; text-shadow: 0px 1px 0px #f8f8f8; padding-bottom:3px; padding-top:20px;}
 .singleComment .sign {display:none;}
 .singleComment .avatar img {border:10px solid #fff; width:100px; max-height:120px; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important;}
 .singleComment .avatar:after {width:120px; height:8px; display:block; margin-left:50px;}
 .singleComment .authorName {position:absolute; z-index:1; right:0px; display:block; width:250px; text-align:center; padding-top:15px; height:40px;}
 .singleComment .authorName a{text-shadow: 0px 1px 1px #d9d8d8; font-family:Cambria;}
 .singleComment .authorName a:hover {text-decoration:none; color:#1ac5a7;}
 .singleComment .postLinks{ z-index:-1; position:absolute; width:550px; left:-25px; bottom:13px;}
 .singleComment .urlLink a {bottom:13px !important;}
 .singleComment .postLinksBackg {background:#f9f9f9 !important; width:550px; position: absolute; bottom:5px; display:block; height:40px; border-radius: 0px 0px 2px 2px;}
 .singleComment:hover .postLinks {z-index:1;}
 .singleComment .postActionLinks {display:block; opacity:1.0; position:absolute; right:315px !important; top:45px; z-index:-1;}
 .singleComment:hover .postActionLinks {display:block; width:40px;opacity:1.0; padding-bottom:0px; position:absolute; right:270px !important; top:25px; padding-left:180px; z-index:2; height:25px;}
 .singleComment .postActionLinks li {margin-left:3px;}
 .singleComment .postTitle {position:relative; height:0px;}
 .singleComment .postTitle span {position:absolute; top:10px; z-index:1; padding:12px 0px 12px 25px;border-radius:2px 2px 0px 0px; font-family:Cambria; font-size:18px; color:#818181; background:#f9f9f9; display:block; width:525px;}
 #commentsArea_title, #JournalComments .header.left {padding-left:25px; font-size:24px; font-family: Cambria; margin-top:-18px !important; position:absolute; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0;}
 #addCommentArea{padding:0; position:relative; top:30px !important; margin-bottom:80px !important;}
 #addCommentArea #msg_form { background:#fff; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important; position:relative; padding:15px 25px 25px 25px; margin-bottom:20px; margin-top:40px !important; font-family:Calibri !important;}
 #addCommentArea_title{padding-left:25px; font-size:24px; font-family: Cambria; top:-35px !important; position:absolute; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0;}
 #addCommentArea p .submit {position:relative; margin-top:10px; margin-bottom:-10px;height:30px; opacity:1.0; width:115px !important; border-radius:2px !important; font-family:Calibri; text-transform:uppercase; font-weight:bold; color:#595959; font-size:16px; padding-bottom:3px;}
 #newCommentsArea {padding:0px !important; margin-top:50px;}
 {------new_post------}
 #Journal #msg_form, #JournalDraft #msg_form{background:#fff; border-radius:2px; box-shadow:0px 0px 2px #c4c4c4; -moz-box-shadow:0px 0px 2px #c4c4c4; -webkit-box-shadow:0px 0px 2px #c4c4c4; -o-box-shadow:0px 0px 2px #c4c4c4 !important; position:relative; padding:20px 25px 38px 25px; margin-bottom:20px; margin-top:-5px; font-family:Calibri;}
 #Journal #msg_form .text, #JournalDraft #msg_form .text {border-radius:2px 2px 5px 5px !important; height:30px !important; font-family:Calibri;}
 #new_post_title {padding-left:25px;font-size:24px; font-family: Cambria; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0;}
 #Journal #msg_form .submit, #JournalDraft #msg_form .submit {position:relative; margin-top:10px; margin-bottom:-10px; height:30px; opacity:1.0; width:auto !important; border-radius:2px !important; font-family:Calibri; text-transform:uppercase; font-weight:bold; color:#595959; font-size:16px; padding:0px 10px 3px 10px;}
 #message {font-family: Calibri;}
 #msg_form .submit:active {box-shadow: inset 1px 1px 1px #999 !important; }
 {--------pagebar------}
 #pageBar a {font-style:normal; font-size: 16px; text-decoration:none;padding:9px 10px; border-radius:30px; margin-top:10px !important; width:18px !important; display:inline-block;}
 #pageBar strong {font-style:normal; font-size: 20px; text-decoration:none; background:#fff; padding:10px 10px; border-radius:30px; margin-top:10px !important; width:25px !important; display:inline-block; box-shadow:0px 0px 2px #c4c4c4;}
 #pageBar a:hover {text-decoration:none; background:#fff; box-shadow:0px 0px 2px #c4c4c4;}
 #pageBar {padding:0px; position:relative !important;}
 .pages_str a {background: none !important; box-shadow:none !important; border-radius:none !important; width:auto !important;}
 .pages_str td {width:760px !important; left:50%;margin-left:-420px; position:absolute; display:block;}
 .pages_str td a{position:relative; z-index:2; }
 #pageBar tr a {position:relative; z-index:3;}
 #JournalComments .pages_str td {margin-left:-375px;}
 {------tags-----}
 .tags_header a{text-shadow: 0px 1px 1px #d9d8d8; font-family:Cambria; border-bottom:1px solid #cacaca; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; -o-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; display:block; padding-bottom:5px;}
 .tags_ul_all {width:217px; padding-left:20px;}
 .tags_ul_all a:hover, .tags_ul_all li:hover {text-decoration:none; color:#3d3d3d;}
 .tags_header a:hover {text-decoration:none; color:#1ac5a7 !important;;}
 {-----drafts----}
 #draft_title padding-left:20px; font-size:24px; font-family: Cambria; margin-top:-23px !important; position:absolute; text-shadow: 2px 2px 2px #dbdada, 0px 1px 1px #e1e0e0; border-bottom:1px solid #cacaca; box-shadow: 0px 1px 0px #fff; display:block; width:780px; padding-bottom:3px;}
 #JournalDraft #epigraph {display:none !important;}
 {--------display:none}
 #YaSearch, #pchs, #lastComments, #Stats, #myLinks, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #upInChart, #authorFav, #authorQuote, #authorLinks, #authorAlbum, #communityFav, #communityQuote, #communityAlbum, #photolibLink, #albumLink, #myProfileLink, #myLinksLink, #myNotepadLink, #headlineList, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #more_login, .order_button, .email, #thisDiaryOwner_title, #globalLinks_title, #thisCommunityMember_title, #thisCommunity_title, #myCommunity_title, #myDiaryLinks_title, #iAmQuit, #login_form_title, #bottom_mainlink, #bottom_randomlink, #bottom_faqlink, #bottom_spiritlink, .prevnext, #thisDiaryLinks, #thisDiaryPhoto, #epigraph .postActionLinks li, #side h1 .opac6 {display:none !important;}
 {-------diaryPlugin-------}
 #editMyFilters, #showInMyDesign {position:absolute;top:80px}
 #editMyFilters {left: 212px;}
 .settingsPane div {z-index: 999;}

@темы: можно носить

Comments

как я долго ждала этот дизайн, спасибо вам за него огромное

[.Vozduh]

Nemi, наслаждайтесь.

[Лунный дождь]

На скрине в эпиграфе любимая лида Сказочника

Ыыыы, Джиди *слоупок мод-он*
И диз классный, да

[.Vozduh]

Лунный дождь, я тоже не спринтер, пожмём друг другу руки.
А Чиёна, да.)) Я слабая женщина и не смогла пройти мимо.
Благодарствую.))

[Лунный дождь]

mahini,

[rynsk]

mahini, приветствую)) скажи, пожалуйста, вот это
можно как-то исправить? Чтобы видео не вылезало за блок записей? Нельзя прописать максимальное разрешение для видео? Или такое невозможно?
Или это только у меня так все вываливается, а на самом деле все ок?
Просто меня это немножко раздражает *Халк ломать*

[Лунный дождь]

rynsk, сорри, что вмешиваюсь, но лично я пользуюсь вот таким кодом, чтобы видео не вылезало. Так к видео, что шире 500px, добавляется горизонтальный скролл.

 .section, .formcontainer, .paragraph { _width: 500px; overflow: auto !important; overflow-y: hidden; }

или просто будет обрезаться справа по краю поста

.section, .formcontainer, .paragraph { _width: 500px; overflow: hidden; }

Хотя мб mahini придет и подскажет другой способ)

[rynsk]

Лунный дождь, о, про скролл я как-то не подумала.
Благодарствую х)

[Лунный дождь]

rynsk, я тоже в свое время, так что этот принцип нашла на соо ксс х) Если норм выглядеть будет - не за что.

[.Vozduh]

rynsk, да с видео беда в этом плане. Диз под специфику соо делался, а там такого счастья нет и небольшие тексты, поэтому...
Скажем дружно спасибо Лунный дождь. Я просто не делаю такое узкое для общего ношения.

Но у меня вопрос. rynsk, а отсутствие полупрозрачной подложки под ссылки с права — это вам так захотелось?

[Лунный дождь]

mahini, вот и ня =)

[.Vozduh]

Лунный дождь, ты у меня как личный просветитель прям. )))

[Лунный дождь]

mahini, омг, не говори мне такие вещи, а то возгоржусь *поправляет корону. или скорее посох хД*

[.Vozduh]

Лунный дождь, я буду аккуратна, не переживай. *убрала корону и посох подальше*
Я тот код что со скролом к коду диза добавлю. Не возражаешь?

[Лунный дождь]

mahini,
Добавляй, конечно, я не против)

[.Vozduh]

Лунный дождь, благодарю.)))

[rynsk]

mahini,неа, я так не хотела человек-олень какой-то -___-
Я просто не увидела еще одну ссылку для вставки картинки
Если бы не сказали, то так бы все это и осталось бы.
Спасибо за все.

[.Vozduh]

rynsk, не ругайтесь так на себя. Там такое количество картинок для вставки, что не удивительно.))
Спасибо что носите. Приятно, когда это кому-то нужным оказывается.))

[rynsk]

mahini, это вам спасибо х)
Лол конечно, но после того, как я добавила эту недостающую ссылку, браузер начал жрать все другие ссылки на картинки. *халк ломать*

[.Vozduh]

rynsk, странно как-то... по идее на месте ссылок появляется # только если ссылка вставлена не верно. С другими вариантами я не сталкивалась.

[rynsk]

mahini, все, я разобралась с проблемой. говорю же, что человек-олень х)) ну или просто спать нужно больше, чем полтора часа.
еще раз спасибо ))

[.Vozduh]

rynsk, на здоровье.))

[б-ж-нька]

боже, насколько же он идеальный *___*

[.Vozduh]

божественный, на счёт "идеальный" не знаю, но рада что вам нравиться.))

[mad mind]

Очень красивый дизайн, очень стильный лидер Квон. (*__*) Или наоборот... в общем, здорово. Можно попользоваться?)
Кстати, приятно познакомиться)

[.Vozduh]

A-Live, носите, конечно. Оно для этого и сделано.))
Лидер Квон знатный пупс, да. ^___^ Вы уж простите, но я эту пафосную няшку не могу серьёзно воспринимать.
Взаимно.

[mad mind]

mahini, спасибо) Каждому свое, я его как няшную морду, наоборот, сначала не жаловала))

[.Vozduh]

A-Live, на здоровье. )))

Скажите, а у него шрифт не меняется, или я чего-то не понимаю?

[polishastik]

Сын Филифьонки, все шрифты прописаны в коде.