Дизайн резиновый. Фон фиксированный.



Детали

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

Настройки

КОД:
body { background: url('ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #wrapper{min-width:75% !important;width:75% !important;margin-top: -1px !important;padding:0 !important;overflow:hidden !important;} #page-c {width:100% !important; padding: 0px!important; margin: 0!important;} {---------------------------------------------------------пост---------------------------------------------------------} .singlePost, .singleComment {background-color: #ffffff; width:97% !important; padding:20px !important; margin-bottom:100px !important; margin-left: -10px !important; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; position: relative; top: 10px; } #page-c {position: relative; margin-top:120px !important; top:0px !important;} .paragraph img{max-width: 80%;max-height: auto; } .countFirst .header { border-bottom:1px solid #5f5f5f; padding-bottom:0px !important; font-size: 25px; font-weight: normal; cursor: pointer; text-shadow: -8px -8px 0 hsl(274,56%,35%), -7px -7px 0 hsl(274,56%,55%), -6px -6px 0 hsl(274,56%,60%), -5px -5px 0 hsl(274,56%,65%), -4px -4px 0 hsl(274,56%,70%), -3px -3px 0 hsl(274,56%,75%), -2px -2px 0 hsl(274,56%,80%), -1px -1px 0 hsl(274,56%,85%), 0 0 0 hsl(274,56%,95%); color: transparent; transition: all 1s; } .countSecond .header { border-bottom:1px solid #5f5f5f; padding-bottom:0px !important; font-size: 25px; font-weight: normal; cursor: pointer; text-shadow: -8px -8px 0 hsl(353, 87%,20%), -7px -7px 0 hsl(353, 87%,55%), -6px -6px 0 hsl(353, 87%,65%), -5px -5px 0 hsl(353, 87%,65%), -4px -4px 0 hsl(353, 87%,75%), -3px -3px 0 hsl(353, 87%,80%), -2px -2px 0 hsl(353, 87%,85%), -1px -1px 0 hsl(353, 87%,90%), 0 0 0 hsl(353, 87%,95%); color: transparent; transition: all 1s; } .countFirst .postDate {font-size:23px !important; font-weight: normal; text-shadow: 1px 1px 0 #5E377C, 1px -1px 0 #5E377C, -1px 1px 0 #5E377C, -1px -1px 0 #5E377C; color: #ffffff !important;transition: all 1s; } .countSecond .postDate {font-size:23px !important; font-weight: normal; text-shadow: 1px 1px 0 #5F0923, 1px -1px 0 #5F0923, -1px 1px 0 #5F0923, -1px -1px 0 #5F0923; color: #ffffff !important;transition: all 1s; } .countFirst { border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; } .countSecond {border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; } .countFirst .header { border-bottom-right-radius: 5em 1em; border-bottom:4px solid #5E377C;} .countSecond .header { border-bottom-right-radius: 5em 1em; border-bottom:4px solid #5F0923;} .countFirst .postContent { border-bottom-left-radius: 5em 1em; border-bottom:4px solid #5E377C; padding-left: 20px!important; width:96% !important; } .countSecond .postContent {border-bottom-left-radius: 5em 1em; border-bottom:4px solid #5F0923; padding-left: 20px!important; width:96% !important; } .countFirst .postLinksBackg a { font-size: 15px;font-weight: normal; cursor: pointer; text-shadow:-1px -1px #FFF, -2px -2px #FFF, -1px 1px #FFF, -2px 2px #FFF,1px 1px #FFF,2px 2px #FFF,1px -1px #FFF, 2px -2px #FFF, -3px -3px 2px #BBB,-3px 3px 2px #BBB, 3px 3px 2px #BBB,3px -3px 2px #BBB;color: #5E377C !important; transition: all 1s;} .countSecond .postLinksBackg a { font-size: 15px;font-weight: normal; cursor: pointer; text-shadow:-1px -1px #FFF, -2px -2px #FFF, -1px 1px #FFF, -2px 2px #FFF,1px 1px #FFF,2px 2px #FFF,1px -1px #FFF, 2px -2px #FFF, -3px -3px 2px #BBB,-3px 3px 2px #BBB, 3px 3px 2px #BBB,3px -3px 2px #BBB;color: #5D0C15 !important; transition: all 1s;} .comments a:hover {color:#E74D7D !important;} .addToQuote a:hover, .delFromQuote.lastLink a:hover {color:#E39015 !important;} .subscribe a:hover, .unsubscribe a:hover {color:#5E377C !important;} .countFirst .subscribe a:hover, .unsubscribe a:hover {color:#5D0C15 !important;} .quote_post a:hover {color:#93088B !important;} .urlLink a:hover {color:#E74D7D !important;} .umail a:hover {color:#5E377C !important;} .diary a:hover {color:#E39015 !important;} .profile.lastLink a:hover {color:#93088B !important;} .order_button {border:none !important;} .postActionLinks {position: relative; top: 0px; right: 20px; } .atMusic {position: relative; top: 0px; left: 20px; } .atMood {position: relative; top: 0px; left: 20px; } .atTag {position: relative; top: 0px; left: 20px; } .countFirst .avatar img {width: 100px; max-height: auto; border-bottom-right-radius: 5em 3em; border-top-left-radius: 5em 3em; border:4px solid #5E377C;} .countSecond .avatar img {width: 100px; max-height: auto; border-bottom-right-radius: 5em 3em; border-top-left-radius: 5em 3em; border:4px solid #5F0923;} #commentsArea_title, #addCommentArea_title { text-transform: uppercase; text-align: center!important; color: #fff; position: relative; top: -20px !important} #new_post_title { text-transform: uppercase; text-align: center!important; color: #fff; position: relative; } .countFirst .eot, .countFirst .offtop { color: #b499c8 !important; font-weight:normal;} .countSecond .eot, .countSecond .offtop { color: #cb9aa9 !important; font-weight:normal;} .countFirst span.quote_text { color: #5E377C; display: block; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; border-bottom-right-radius: 5em 2em; border-top-left-radius: 5em 2em; border:2px solid #5E377C;} .countSecond span.quote_text { color: #5D0C15; display: block; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; border-bottom-right-radius: 5em 2em; border-top-left-radius: 5em 2em; border:2px solid #5F0923;} #msg_form {border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; background-color: #ffffff; padding:20px !important; margin-left: 0px !important; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; position: relative; top:20px;} {------------------------------Journal------------------------------------------} #JournalTags #postsArea {border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; background-color: #ffffff; padding:20px !important; margin-left: 0px !important; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; position: relative; top:20px; } #JournalCalendar #postsArea { border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; background-color: #ffffff; padding:20px !important; margin-left: 0px !important; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; position: relative; top:20px; } #JournalDraft .singlePost.list_box { display: none !important;} #draft_title {text-transform: uppercase; text-align: center!important; color: #fff; position: relative; top: -20px !important} {-----------------------------------------------------------------Ссылки-------------------------------------------------------------------------------------------} a {color: #BD381A; font-weight:normal; font-style: normal !important; text-decoration: none !important} a:hover {font-weight:normal; font-style: normal !important; text-decoration: none !important; color: #5D0C15;} .countFirst a {color: #5E377C; font-weight:normal; font-style: normal !important;} .countFirst a:hover {font-weight:normal; font-style: normal !important; text-decoration: none !important; color: #5D0C15;} .countSecond a {color: #5D0C15; font-weight:normal; font-style: normal !important;} .countSecond a:hover {font-weight:normal ; font-style: normal !important; text-decoration: none !important; color: #5E377C} {-----------------------------------------------------------Эпиграф---------------------------------------------------------------} #epigraph {background:none; position: relative; left: -10px; z-index:4; box-shadow: none; margin-bottom:-50px !important; width:100% !important; } #epigraph .singlePost { border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em;} #epigraph .postActionLinks { position: relative; left: 0px; top: 50px; z-index:4} #epigraph .header {border-bottom:none;} #epigraph .postActionLinks { display: none !important;} {----------------------------------------------------------Меню--------------------------------------------------------------} #side {text-transform: uppercase; text-align: center!important; width: 100% !important;} #side h1 a {position: absolute; top:0px; right:0px !important; font-size: 30px; text-align: center!important; width: 100% !important; color: #ffffff !important;} #side h1 a:hover { font-size: 30px;text-shadow: -8px -8px 0 hsl(200,100%,35%), -7px -7px 0 hsl(200,100%,55%), -6px -6px 0 hsl(200,100%,60%), -5px -5px 0 hsl(200,100%,65%), -4px -4px 0 hsl(200,100%,70%), -3px -3px 0 hsl(200,100%,75%), -2px -2px 0 hsl(200,100%,80%), -1px -1px 0 hsl(200,100%,85%), 0 0 0 hsl(200,100%,95%); color: transparent; transition: all 1s; } #authorName {font-size: 16px !important; color: #ffffff !important; position: relative; top: 40px; } #authorName:hover {font-size: 16px !important; transition: all 1s; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #6564B4 !important;} .menuSection_title {font-size: 18px !important; position: relative; top: 85px; color: #ffffff !important; } #myDiaryLinks_title:hover {font-size: 18px !important; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #DC8420 !important; transition: all 1s; } #myDiaryLinks ul a { font-style: normal !important; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #DC8420 !important; transition: all 1s;} #myDiaryLinks ul a:hover { font-style: normal !important;color: #FFF !important; transition: all 1s; text-shadow: 1px 1px 0 #DC8420, 1px -1px 0 #DC8420, -1px 1px 0 #DC8420, -1px -1px 0 #DC8420;} #globalLinks_title:hover {font-size: 18px !important;text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #E64E4B !important; transition: all 1s;} #globalLinks ul a { font-style: normal !important; transition: all 1s; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #E64E4B !important;} #globalLinks ul a:hover {font-style: normal !important;color: #FFF !important; transition: all 1s; text-shadow: 1px 1px 0 #E64E4B, 1px -1px 0 #E64E4B, -1px 1px 0 #E64E4B, -1px -1px 0 #E64E4B;} #thisDiaryOwner_title:hover {font-size: 18px !important; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #5F0923 !important; transition: all 1s; } #thisDiaryOwner ul a { font-style: normal !important; transition: all 1s; text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, -1px -1px 0 #FFF; color: #5F0923 !important;} #thisDiaryOwner ul a:hover { font-style: normal !important;color: #FFF !important; transition: all 1s; text-shadow: 1px 1px 0 #5D0C15, 1px -1px 0 #5D0C15, -1px 1px 0 #5F0923, -1px -1px 0 #5F0923;} .menuSection {float:left; margin: 0 0% 0 0 !important; width:30% !important; } #iAmQuit { display: none;} #more_login {display: none;} #YaSearch { position: relative; left: 0px; top: 50px !important; } #YaSearchForm { background-color: #ffffff; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; width: 70% !important;} #YaSearchForm input.submit { border: none;} #side ul, #login_form #sign{ margin-top: 50px;margin-right: 0px; display: block; opacity:0.4; -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 0.6s; -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 0.6s; -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 0.6s; transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 0.6s; position:absolute; z-index: -11; visibility: hidden} #myDiaryLinks ul {column-count: 5; -webkit-column-count: 5; -moz-column-count: 5; width:100% !important; left:0px!important;top:150px!important; padding:0px !important;} #globalLinks ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; right:40px!important;top:150px!important; padding:0px !important; } #thisDiaryOwner ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; left:0px!important;top:150px!important; padding:0px !important;} *:first-child+html #side ul, *:first-child+html #login_form #sign{display:none;} #side .menuSection:hover ul, #side .menuSection:hover #sign{ opacity: 1; margin-top:0px !important;margin-left: 0px; z-index: 100; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; visibility: visible;} #bottomNav {display: block;} #bottom_up a { box-shadow: 0 0 0 1px white inset, 0 0 10px 1px silver inset; background-color: #fff !important; display: block; border-bottom-right-radius: 5em 3em; border-top-left-radius: 5em 3em; border:2px solid #fff; display: block; position: fixed; bottom: 10px; right: 30px; width: 50px; height: 50px; text-indent: -99999px; outline: 0; } #tagslistlink ul li {width: auto !important; line-height:15px; } #tagslistlink ul { position: absolute; top:50px !important; border-bottom-right-radius: 5em 1em; border-top-left-radius: 5em 1em; background-color: #ffffff; padding:20px !important; margin-left: 0px !important; box-shadow: 0 0 0 5px white inset, 0 0 10px 6px silver inset; text-align: left; } {-------------------------------------------------------------------Мусор---------------------------------------------------------------} .Attention {display: none !important;} #subscribeEmail, #iAmQuit {display: none;} #communityCatalogueLink, #randomDiaryLink, #headlineList, #myNotepadLink, #photolibLink, #myAccountLink,#myLinksLink, #pchs, #allDiaryLink, #diarySpiritLink {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;}

ФОН: s018.radikal.ru/i528/1604/20/3a51aa6d8210.jpg

@темы: css, голубое-сине-фиолетовое, желто-оранжевое, Огненный Бес, абстрактные