Дитя_Ветров

Darakna_theme#3

Центрированный дизайн в стиле Локи

читать дальшеСтандартные настройки:
Дизайн: табличный
Меню: сверху

Картинки:
Шапка:

Середина:

Низ:

Выход:

Выход2:

Разделитель:

Теги:

Наверх:


Код дизайна
body{background-color: #050505; background-attachment:fixed ; line-height: 11px;color: #292816;} #wrapper{ display: block; width: 1000px !important; position:relative; position:center!important; padding: 0px 0px 0px 0px !important; margin-top:-15px;margin-bottom:-15px;z-index: 1;} {__________________________________} #extratop { width:1000px; height:909px; z-index: -4; background:url('ШАПКА') no-repeat;margin-top: 4px !important; margin-left: 0px !important;} {__________________________________} #page-c{width:1000px !important;background:url('СЕРЕДИНА') repeat; repeat-y;} {__________________________________} #extrabottom { width:1001px; height:375px; z-index: -4;background:url('НИЗ') no-repeat; margin-top: 0px !important; margin-left: 0px !important;margin-top: -120px !important;} #bottomNavLinks {line-height: 3px;} {__________________________________} .top .menuSection_title {color: #e4e7af;font: 15px "Palatino Linotype",Georgia !important;text-decoration: none!important;text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.52), 0px -1px 4px rgba(255, 255, 255, 0.13);text-transform: uppercase;} {__________________________________} #myDiaryLinks {position: absolute; top: 35px; margin-left: 102px; z-index:8;} #myDiaryLinks_title, #myCommunityLink_title {display:block; width:170px; height:39px; line-height:402px; overflow:hidden;margin-left:27px;} {__________________________________} #globalLinks {position: absolute; top: 35px; margin-left: 260px;z-index:8;} #globalLinks_title {display:block; width:175px; height:39px; line-height:500px; overflow:hidden;margin-left:20px; } {__________________________________} #thisDiaryOwner {position: absolute; top: 35px; margin-left: 420px;z-index:8;} #thisDiaryOwner_title {display:block; width:110px; height:39px; line-height:500px; overflow:hidden;margin-left:20px;} {__________________________________} #iAmQuit {position: absolute; top: 25px; margin-left: 540px;z-index:8; transition: all 1s ease;} #iAmQuit a{display:block; width:115px; height:57px; line-height:500px; overflow:hidden; background: url('ВЫХОД') 2px 4px no-repeat;transition: all 1s ease;} #iAmQuit a:hover{display:block; width:115px; height:57px; line-height:500px; overflow:hidden; background: url('ВЫХОД2') 2px 4px no-repeat;} {__________________________________} #authorName {position: absolute; top: 16px; margin-left: -196px;z-index:6;text-transform: uppercase;transition: all 1s ease;} {__________________________________} #side h1 a {position: absolute; top: 493px; margin-left:413px;z-index:5;font: 15px "Palatino Linotype",Georgia !important;transition: all 1s ease;} {__________________________________} #side ul {background: #0f1107;text-align: center;} #side ul li:hover {background: #646a46;text-align: center;transition: all 1s ease;} #myDiaryLinks ul li, #globalLinks ul li {border-bottom: 1px solid #53640e !important;height: 20px; width: 160px; font: bold 12px Palatino Linotype;transition: all 1s ease;} #thisDiaryOwner ul li {border-bottom: 1px solid #2a2a2a !important;height: 20px; width: 210px; font: bold 12px Palatino Linotype;} #thisDiaryOwner ul {margin-left: -40px;} {__________________________________} #epigraph { max-width: 800px; max-height: auto;overflow: visible!important; border: none !important;} {__________________________________} .singlePost, .menuSection, #side h1, .header, .postContent, .singleComment, .section, .postDate {margin-bottom: -1px; margin-top: -23px;} {_________________________________} #page-t{margin-bottom:46px !important;width:631px !important;margin-left:183px !important; margin-top:0px !important; z-index:3!important;font: 17px "Palatino Linotype",Georgia !important;text-decoration: none!important;text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.38), 0px -1px 4px rgba(255, 255, 255, 0.13); color: #070600;} {__________________________________} a { text-decoration: none !important; color: #5b9610!important; text-transform: none; font-size: 15px; text-decoration: none !important;transition: all 1s ease;} a:hover{color: #f6efcd!important;transition: all 1s ease;} #Stats a {bottom:305px;left:463px;position: absolute;z-index:4 !importanttext-decoration: none !important; color: #4a4949!important; text-transform: none;font-size:15px; text-decoration: none !important; text-transform: lowercase !important;text-shadow: #000 -1px 0px 3px;} {__________________________________} span.quote_text { color: #5f5f1f; text-shadow: 1px 1px 3px rgba(95, 87, 87, 0.6), 0px -5px 10px rgba(255,255,255,0.1); } .quote_text { display: inline-block; margin: 5px 0; background: #cbcead; padding: 8px; border-top: 2px solid #8e8e75; border-bottom: 2px solid #8e8e75; } {__________________________________} .postDate span { font-size: 12px; font-weight: bold; margin: 1px; color: #8e8d5e; text-transform: lowercase; padding: 2px; border-radius: 8px; text-shadow: none; } .postDate {padding: 8px;} {__________________________________} .singlePost { background:url('РАЗДЕЛИТЕЛЬ') no-repeat; background-position:bottom; padding-bottom:100px !important;padding-top:0px !important;} {__________________________________} .postTitle { text-align:center; font-size:20px;padding-top:23px !important;color:#60690a!important; text-decoration: none!important;text-transform: uppercase;font-family: CyrillicOld,Georgia; padding: 27px; margin-left: 20px;} .paragraph { margin-left: 160px; padding: 0 5px 25px 5px; line-height: 130%; text-align: justify; position: relative; } {__________________________________} .paragraph img{ border: 6px double #447d09; border-radius: 12px;max-width: 550px; -webkit-filter: sepia(0.8);filter: sepia(0.8);opacity: 0.96;transition: all 1s ease;} .paragraph img:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(10%);-ms-filter: grayscale(0%);opacity: 100;} #bottomNav {display: block;} {__________________________________} .atTag SPAN {display:block; width:1px; height:1px; line-height:500px; float:left; overflow:hidden; vertical-align:top;} .atTag{background:url('ТЕГИ')no-repeat; padding: 0px 0px 0px 47px !important; display:block; height:58px;vertical-align:bottom; position: relative; color: #b6b5f5; max-width: 500px;} .atTag a{text-transform: lowercase;} .atTag {text-transform: lowercase;font-size:14px!important;} .atTag a{ font: italic 17px Book Antiqua !important; text-decoration: none;} .atTag, .atMusic, {color:#01021e ; font-size:11pt !important;} .atTag em:before {display: none !important; content:"Тег поста:"!important;font-weight: italic !important; } .atTag span {display: none !important;font-weight: italic !important; } .atMusic, .atMood, .atTag { margin-left: 50px; } {__________________________________} .atMood{display: none !important} {__________________________________} .comments_count_link { color:#8e98ae;text-shadow: none;} {_________________________________} #page-t a {text-decoration: none; text-shadow: 0 0 0.5em #FFD1AA; font: 17px "Book Antiqua"; } .Attention, .urlLink {float: none;} {_________________ ________________} .postLinksBackg { padding: 5px; font-size: 85%; text-align: center; margin-bottom: 5px; margin-top: -11px; } {________________________________} .avatar img { width: 107px; margin-top: 0px; margin-right: 20px; display: inline-block; border: 6px double #447d09; border-image-slice: 7; border-image-repeat: round;box-shadow: 0 0 7px rgb(68, 83, 107); -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;-webkit-filter: grayscale(70%);-moz-filter: grayscale(70%);-o-filter: grayscale(70%);-ms-filter: grayscale(70%);opacity: 0.61;transition: all 1s ease;border-radius:10px;} .avatar img:hover {box-shadow: 0 0 7px rgb(68, 83, 107); -moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);opacity: 100;border-radius:80px;} {_________________________________} .authorName { padding: 3px 0 45px 4px; } .commentAuthor div {width:107px !important;} {_________________________________} .sign { font: 14px Book Antiqua !important; color: #8a8a6d; -webkit-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; transition: color 500ms ease-in; text-shadow: none; } {_________________________________} .singleComment { background:url('РАЗДЕЛИТЕЛЬ') no-repeat; padding-bottom:90px!important; padding-top:0px !important;background-position:bottom;} #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;} #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;} #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important;} #epigraph, .prevnext, #epigraph .postContent, #epigraph .postLinksBackg {padding: 0px 0px 0px 0px !important;} #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;} {_________________________________} #JournalFavorite img {max-width:450px; max-height:auto;} #JournalComments img {max-width:450px; max-height:auto;} #JournalQuote img {max-width:450px; max-height:auto;} #JournalDraft img {max-width:450px; max-height:auto;} .blockquote img {max-width:450px; max-height:auto;} {_________________________________} #commentsArea_title { background: none!important; text-transform: uppercase; text-align: center!important; color: #6d6d56; text-shadow: 1px 1px 1px rgba(22,9,2, 0.7); position: relative; top: -73px !important; } {_________________________________} .block_design .postLinksBackg { padding: 5px 0 0 0; } {_________________________________} .postLinksOld li { list-style: none; display: block; padding: 0; margin: 0; } .prevNextLinks .nextPostLink { margin-top: 20px;} {__________________________________} #shsmile, #atTagBox{ opacity : 0.9 !important;} #sortOrder{display: none; } {_________________________________} .selectlist { background-color: #484729; display: inline; font-size: 10pt !important; font-weight: normal; margin: 3px; padding: 0pt; vertical-align: top;padding: 3px; border-radius: 8px; color: #e2e1af;} .header, h1 { color: #4c4b2e;font-style: normal; font-weight: normal; } {__________________________________} #btSubmit.submit { display: block; font: normal 90% Times, New Roman !important; color: #d3d2a3!important; background: #565535!important; text-transform: lowercase; padding: 3px; border-radius: 8px; text-shadow: 1px 2px 3px rgba(0,0,0,0.3), 0px -5px 10px rgba(255,255,255,0.1); font-weight: bold; } INPUT.submit{ font: normal 90% Times, New Roman !important; color: #e8e7b0!important; background: #545440!important; text-transform: lowercase; border-radius: 8px; } .voting td {vertical-align: baseline;border: none !important;} {________________________________} .htmlbox textarea, input.text, #trspisok textarea, #close_text { background-color: rgba(0, 0, 0, 0.11); font-family: Georgia, Helvetica, sans-seif; font-style: normal; font-weight: normal; font-size: 100%; color: #481c1a;} {_________________________________} .section {font-size: 100%;margin: 0 0 1px 0;padding: 5px 10px 35px 10px;} {_________________________________} #msg_form .mce table td { padding: 2px; background-color: #7e879b; } {_________________________________} #GroupOp {color: #423d20;} {__________________________________} .calnd th { background-color: #737a4f; color: #d1d1a3; } {__________________________________} .postActionLinks { opacity : 1.0 !important; } .blockquote {padding: 10px 10px 10px 10px; } {_________________________________} strong { font-weight: bold; margin: -3px; color: #d2d1a1; background: #6d6d56!important; padding: 4px; border-radius: 8px; text-shadow: none; } #pageBar strong {padding: 7px; -moz-border-radius: 1px; position: relative; top: 0px !important; font-size: 15px; font-weight: bold; border-radius: 95px; } #pageBar a { background:#d3d2a3 !important; padding: 7px; -moz-border-radius: 1px; position: relative; top: 0px !important;border-radius: 95px; } #pageBar a {-moz-border-radius: 3px; } #pageBar a:hover {background:#6d6d56 !important;color:#d2d1a1!important;} .pageBar td {padding-bottom: 21px !important} {_________________________________} #bottom_up a{height: 123px !important; background: url('НАВЕРХ') 0px 0px no-repeat; width:90px !important; position: fixed !important; bottom: 0%;right: 1%;z-index: 4 !important;border: none!important;display: block;line-height: 410px !important; overflow:hidden !important;} {_________________________________} ::-webkit-scrollbar { width: 9px; height: 5px; background-color: #1d1f0e; } ::-webkit-scrollbar-thumb { min-height: 50px; background: #65644b; border-radius: 3px; } ::selection { text-shadow: none; background-color: #7fa94f; } {__________________________________} #myProfileLink,#albumLink,#authorAlbum,#lastComments,#randomDiaryLink,#allDiaryLink,#myLinks li, #rssLink a, #authorLiks, #thisDiaryPhoto, #lastComments, #photolibLink a, #myNotepadLink a , #myDraftLink a {display: none !important;} #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmai, #myLinksLink, #myCommunitiesLink, #pchs {display: none;} #YaSearch, #thisDiaryPhoto, #authorRSS, #myAccountLink, #myLinks {display:none} #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #photolibLink, #myProfileLink, #albumLink, #myDraftLink, #myNotepadLink a, #mySFavLink {display:none} #myQuotLink {display:none}