Установить автоматически

Настройки

Заголовок - #744c2e
Ссылки - #744c2e
Запись - #734c2e

КОД:
body{background:url('ФОН') repeat; background-attachment:fixed } #extratop { background: url('ЭКСТАТОП') no-repeat; width: 871px; height: 347px; position: relative; left: 0px; top: -10px; z-index:4} #extrabottom { width:232px; height:172px; z-index: -4;background:url('ЭКСТРАБОТТОМ') no-repeat; margin-left: 305px !important; margin-top: -30px !important; } #wrapper{position: relative; min-width:805px !important; width:805px; margin:0 auto !important; padding:0 !important; left: -30px; padding:0px !important; margin: 0 auto !important; margin-top:0px !important; margin-bottom:0px !important; } #bottomNav {display: block;} #bottom_up a{ background: url('НАВЕРХ') 0px 0px no-repeat;width:37px !important;height:76px !important;position: fixed !important;bottom: 10px;right:10px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;} {---------------------------------------------------------#39;#38;#41;#42;---------------------------------------------------------} #page-c{margin-bottom:0px !important;width:805px !important;margin-left:0px !important;text-decoration: none!important; margin-top:-118px !important;} .postContent , #msg_form { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 800px; padding: 20px; overflow: hidden; border: 3px solid #734c2e !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; font: normal 14px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #734c2e; text-align: justify; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: url('ФОН ЗАПИСИ'); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; box-shadow: 0 0 0 4px #9f694a inset, 0 0 10px 6px #9e7a59 inset; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} .singlePost, .singleComment {width: 844px; padding-bottom: 130px !important;padding-top: 20px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat;position: relative; left:0px !important;} .first {position: relative; top:-80px !important; margin-bottom:-40px !important; } #JournalComments #postsArea {position: relative; top:-75px !important;} #JournalComments #postsArea .authorName {position: relative; top:90px !important; left: 25px} .first .postContent, #JournalComments #postsArea .postContent {padding-bottom: 20px; padding-top: 90px;} .first .postTitle, #JournalComments #postsArea .postTitle {position: relative; top:90px !important;} .first .postDate, #JournalComments #postsArea .postDate {position: relative; top:90px !important; font: italic normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; color: #734c2e; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .postDate { font: italic normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif !important; text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; color: #734c2e; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; top: 20px !important; left: -20px; max-height:999999px; } .order_button {position: relative; top:40px !important; z-index: 5; max-height:999999px;} .postActionLinks {z-index: 5; position: relative; left:-50px !important;} .postTitle {position: relative; top:55px !important;} .postContent {padding-bottom: 20px; padding-top: 55px;} .atTag span, .atMusic span, .atMood span {font: italic normal bold 15px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #eed2ae; text-align: justify; -o-text-overflow: ellipsis; text-shadow: 0 0 3px rgba(66,43,25,1) , 1px 1px 2px rgba(71,45,25,0.76) ;} .atTag a {text-transform: lowercase; font: normal normal normal 15px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;} .atTag a:hover {text-transform: lowercase; font: normal normal normal 15px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;} .postLinksBackg {max-height:999999px;} .postTitle, .header h2 {font: normal normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #744c2e; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; text-transform: uppercase; position: relative; left:30px !important; max-height:999999px; } .postContent a::before, .postContent a::after, .postLinksBackg a::before, .postLinksBackg a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .postContent a::before, .postLinksBackg a::before { margin-right: 3px; content: '['; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); transform: translateX(10px); } .postContent a::after, .postLinksBackg a::after { margin-left: 3px; content: ']'; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); transform: translateX(-10px); } .postContent a:hover::before, .postContent a:hover::after, .postContent a:focus::before, .postContent a a:focus::after, .postLinksBackg a:hover::before, .postLinksBackg a:hover::after, .postLinksBackg a:focus::before, .postLinksBackg a a:focus::after{ opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .comments_count_link {color: #d6b682} .paragraph img{max-width: 700px;max-height: auto;} .paragraph img{border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} #msg_form .section {position: relative; top:40px !important; padding-bottom: 50px !important;} #new_post_title {position: relative; top:50px !important; font: normal normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; color: #734c2e; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .eot, .offtop { color: #eed2ae !important; text-shadow: 1px 1px 1px rgba(22,9,2, 0.7); font-weight:normal;} .code {width:700px;} span.quote_text { display: block; margin: 2px 0px 2px 20px; padding: 10px 10px 10px 10px; webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 20px; overflow: hidden; border: 3px solid #9f694a !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; font: italic bold 15px Book Antiqua; color: #734c2e; text-align: justify; -o-text-overflow: ellipsis; text-overflow: ellipsis; background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; box-shadow: 0 0 0 4px #734c2e inset, 0 0 10px 6px #9e7a59 inset; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} .pool-bar.b1, .pool-bar.b2, .pool-bar.b3, .pool-bar.b4, .pool-bar.b5, .pool-bar.b6, .pool-bar.b7, .pool-bar.b8, .pool-bar.b9, .pool-bar.b10 { background:#734c2e !important; padding: 10px 0 0 0!important; height: 0px!important; border: none !important;} .avatar img {-moz-opacity:0.8 !important;opacity:0.8 !important; filter:alpha(opacity=80); max-width: 100px; max-height: auto; z-index:20; position: relative; left: 10px; border: 4px solid #734c2e !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100); position:center; max-width: 100px; max-height: auto; z-index:20} .sign {font: italic 13px Book Antiqua !important; font-style: italic; text-align: center; max-width: 100px; position: relative; left:15px !important; } .singleComment .postTitle.header {position: relative; top:80px !important; text-transform: lowercase;} .singleComment .authorName {position: relative; top:40px !important; text-align: center; width: 775px;} .singleComment {position: relative; top:-80px !important;} #commentsArea_title, #addCommentArea_title {text-transform: uppercase;position: relative; top:-40px !important; left: 30px; font: normal normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; color: #734c2e; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .authorName, .communityName {position: relative; left :30px !important; top: 0px !important; z-index: 5; } #JournalFavorite .authorName, #JournalFavorite .communityName, #JournalQuote .authorName, #JournalQuote .communityName {position: relative; left :-30px !important; top: -20px !important; z-index: 5; text-align: right !important;} #JournalFavorite .postContent, #JournalQuote .postContent {padding-bottom: 20px; padding-top: 90px;} #JournalFavorite .postTitle, #JournalQuote .postTitle {position: relative; top:120px !important; width: 795px !important} #JournalFavorite .communityName, #JournalFavorite .authorName, #JournalQuote .authorName, #JournalQuote .communityName {position: relative; top:65px !important;} #JournalFavorite .postDate, #JournalQuote .postDate {position: relative; top:105px !important; left: 0px !important; text-align: center;} #JournalFavorite .singlePost, #JournalQuote .singlePost {position: relative; top:-70px !important; padding-top: 0px !important;} #JournalQuote .singlePost {position: relative; top:-70px !important;} #JournalCalendar #postsArea, #JournalTags #postsArea {position: relative; top:35px !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 800px; padding: 20px; overflow: hidden; border: 3px solid #734c2e !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; font: normal 14px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #734c2e; text-align: justify; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: url('ФОН ЗАПИСИ'); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; box-shadow: 0 0 0 4px #9f694a inset, 0 0 10px 6px #9e7a59 inset; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} .calHeader {text-align: center !important;} #JournalCalendar #content {text-align: center !important; position: relative; top:20px !important;} #JournalCalendar .calnd {position: relative; left:125px !important;} #JournalCalendar #extrabottom, #JournalTags #extrabottom {margin-top: 0px !important; } #JournalDraft #post0 .postContent { padding-top: 60px !important; padding-bottom: 20px !important;} #JournalDraft #epigraph .editPostLink {position: relative; top:30px !important; left: 85px !important} #JournalDraft #epigraph .prevnext {background: none !important; } #JournalDraft #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;} #JournalDraft .singlePost.list_box {display: none !important;} #draft_title {text-transform: uppercase;position: relative; top:40px !important; left: 30px; font: normal normal bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif;text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; color: #734c2e; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #JournalTags #content { padding-top: 40px; position: relative; left:60px !important;} #pageBar {position: relative; top:20px !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 800px; padding: 20px; overflow: hidden; border: 3px solid #734c2e !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; font: normal 14px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #734c2e; text-align: justify; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: url('ФОН ЗАПИСИ'); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; box-shadow: 0 0 0 4px #9f694a inset, 0 0 10px 6px #9e7a59 inset; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em;} {--------------------------------------------------------------#21;#39;#32;#27;#40;#24;#44;----------------------------------------------------------} #epigraph, .prevnext {background: none !important; } #epigraph { position: relative; left:0px !important; margin-bottom:-180px !important;} #epigraph .postContent {padding: 20px !important; position: relative; top:0px; padding-bottom: 20px !important; padding-top: 60px !important;} #epigraph .paragraph img { border: none !important;padding: 0px 0px 0px 0px !important;} #epigraph .editPostLink, #epigraph .urlLink {padding: 0px 0px 0px 0px !important; } #epigraph .editPostLink { position: relative; left:80px !important; top: 40px} #epigraph .singlePost {position: relative; margin-top: 64px !important;} #epigraph {margin-top:-10px !important;} { -----------------------------------------------------------------#09;#41;#51;#35;#34;#32;-----------------------------------------------------} a { text-transform: uppercase; font: normal normal bold 11px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #5e3c25; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-shadow: -1px -1px 0 rgba(255,255,255,0.2) , 1px 1px 20px rgba(255,255,255, 0.5) , 0 0 4px rgba(255,255,255, 0.5) ; text-decoration: none !important;} a:hover {font: normal normal bold 11px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #71482c; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-shadow: 1px 1px 1px rgba(0,0,0,0.25) , -1px -1px 0 rgba(255,255,255,0.2) ;} {----------------------------------------------------------#04;#29;#37;#54;-------------------------------------------------------------} #side{position:absolute; margin-left:70px!important; top:0px;text-align: center;} #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul {position: static; display: block !important; } #side {width:584px !important; height:269px !important; background:url('МЕНЮ') 0px 0px no-repeat; position:absolute; top:-185px; webkit-transition:top 1.0s ease-out 1.0s; -moz-transition:top 1.0s ease-out 1.0s; -o-transition:top 1.0s ease-out 1.0s; transition:top 1.0s ease-out 1.0s; z-index:5 !important} #side:hover{width:584px; height:269px !important; background:url('МЕНЮ') 0px 0px no-repeat; position:absolute; top:-20px; -webkit-transition:top 1.0s ease-out 1.0s; -moz-transition:top 1.0s ease-out 1.0s; -o-transition:top 1.0s ease-out 1.0s; transition:top 1.0s ease-out 1.0s} #thisDiaryInfo { display:block;!important; background: none !important; border: none !important; box-shadow: none;} .menuSection_title {font: normal normal bold 16px/2 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #734c2e; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-shadow: 1px 1px 0 rgba(255,255,255,0.2) ; } #thisDiaryOwner, #globalLinks, #myDiaryLinks {position: relative; top: -20px; left: 20px} #thisDiaryOwner ul, #globalLinks ul, #myDiaryLinks ul {position: relative; top: -10px; left: 0px} .menuSection a, #side h1 a {color: #5e3c25 !important; text-transform: lowercase !important; font: normal normal normal 15px/0.9 "Palatino Linotype", "Book Antiqua", Palatino, serif !important; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; z-index:4 !important} .menuSection a::before, .menuSection a::after, #side h1 a::before, #side h1 a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .menuSection a::before, #side h1 a::before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .menuSection a::after, #side h1 a::after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } .menuSection a:hover::before,.menuSection a:hover::after, .menuSection a:focus::before, .menuSection a:focus::after, #side h1 a:hover::before, #side h1 a:hover::after, #side h1 a:focus::before, #side h1 a:hover::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } #TagsList ul li a {position: static !important; text-decoration: none !important; font-style: normal} #TagsList ul li a:hover {font-weight:normal; font-style: normal} #tagslistlink #TagsList {position: absolute; top: 50px; left: -200px !important;font-size: 80%;} #tagslistlink:hover #TagsList {position: absolute; top: 50px; left: -200px !important; font-size: 80%;} #TagsList ul {background:url('ФОН ЗАПИСИ') repeat !important; text-align: center; width: 200px; text-align: center;line-height:13px; font-size: 80%; margin-bottom:30px !important; margin-left: -10px !important; padding: 20px !important; border: 3px solid #734c2e !important; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; text-align: justify; -o-text-overflow: ellipsis; text-overflow: ellipsis; background-position: 50% 50%; font: normal 14px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-khtml-border-radius:40px; box-shadow: 0 0 0 4px #9f694a inset, 0 0 10px 6px #9e7a59 inset; border-bottom-right-radius: 10em 1em; border-top-left-radius: 10em 1em; border-top-right-radius: 10em 1em; border-bottom-left-radius: 10em 1em; z-index: 5 !important;} #TagsList ul li:nth-of-type(n+16) {display: none !important;} #TagsList ul li:nth-of-type(21) {display: block !important; } #TagsList li { padding:0px !important;} #authorName {max-width:250px !important; position: absolute; top: 200px; left:-440px; font-weight:bold !important; text-transform: capitalize !important; white-space: pre-wrap !important} #side h1 a {text-align: left; max-width:250px !important; position: absolute; top: 150px; left: 20px; font-weight:bold !important; text-transform: capitalize !important; white-space: pre-wrap !important} {-------------------------------------------------------------------#04;#43;#41;#38;#40;---------------------------------------------------------------} .Attention {display: none !important;} #subscribeEmail, #iAmQuit {display: none;} #communityCatalogueLink, #randomDiaryLink, #headlineList, #myNotepadLink, #photolibLink, #myAccountLink,#myLinksLink, #pchs, #allDiaryLink, #diarySpiritLink, #albumLink, #myProfileLink, #YaSearch, #referenceLink {display: none;} #thisDiaryLinks {display: none;} #myLinks {display: none !important;} #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #upInChart, #mySFavLink, #lastComments {display: none !important;} #Stats {display: none !important;}

ФОН a.radikal.ru/a14/1808/91/63e65925e957.jpg
ЭКСТРАТОП a.radikal.ru/a00/1808/77/1fa815be8598.png
ЭКСТРАБОТТОМ a.radikal.ru/a41/1808/84/8d6591308754.png
ФОН ЗАПИСИ c.radikal.ru/c38/1808/7e/d76d3f1ba944.png
МЕНЮ a.radikal.ru/a36/1808/b2/220294e02cd5.png
НАВЕРХ b.radikal.ru/b25/1808/3b/306cdeaf51f1.png
РАЗДЕЛИТЕЛЬ d.radikal.ru/d13/1808/7d/1712ead50aed.png

@темы: CSS, песочно-бежевое, дизайн, Огненный Бес