Как устанавливать дизайн?

Как ставить

Здесь в поле поиска введите Unstyled, из найденых выберите последний, для Expressive

Ниже Выбрать макет:
2 колонки (боковая панель слева)

Далее: Custom CSS  в поле Custom stylesheet вставляете код:

body{ background-color:#fff; color:#222; font-family:Verdana; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/bg.jpg'); background-repeat: repeat; background-position: center 0px; background-attachment:fixed; } a:link, a font{ color: #333;} a:visited{ color: #555;} a:hover, a:hover b { color:#f86f0a; text-decoration: none;} #container{ border:0px solid red; width:1020px; margin: 0px auto 0px auto; //top:0px; position:relative; } #container-inner{ border: 0px solid orange; width:1020px; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/top.png'); background-repeat: no-repeat; background-position: 85px 0px; } div#page{ width:1020px; border: 0px solid red; padding-bottom: 0px; margin: 0px 0px 0px 0px; } div#page-inner{ width:1020px; border: 0px solid red; margin:0px; position:relative; } #content{ border:0px solid blue; margin: 0px; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/lenta.png'); background-repeat: repeat-y; background-position: 240px 0px; padding-bottom: 0px; } #content-inner{ margin: 0px; padding-top:10px; padding-bottom:20px; } #beta { width: 240px; border: 0px solid red; margin:0px 0px 20px 0px; padding-top:0px; } #gamma{ display:none;} #alpha { border:0px solid yellow; width: 760px; padding-left:0px; padding-top:0px; } #alpha-inner { margin:0px; border: 0px solid green; width: 705px !important; margin:0px; margin-left:0px; } div.post-asset{ border:0px solid blue; padding:0px; margin-bottom:20px !important; padding-bottom:0px !important; padding-top:0px !important; padding-left:25px; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/post.png'); background-repeat: no-repeat; background-position: left top; } .lj-view-month div.post-asset{ } .lj-view-archive #alpha-inner{ background-image:none; } div.asset-inner{ margin-bottom:0px !important; border:0px solid green !important; } .asset-body { border:0px solid brown; text-align: left !important; margin-top:0px; margin-bottom:20px; padding:0px; overflow:hidden; } div#comments{ width: 685px; padding-left:25px; border:0px solid brown; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/post.png'); background-repeat: no-repeat; background-position: left top; } div#footer{ display:none;} /*----TOPMENU----*/ div#header{ border: 0px solid white; margin: 0px; padding:0px; height: 510px; width:700px; overflow:hidden !important; } div#header-inner{ text-align:left; border:0px solid blue; margin: 0px; padding:0px; height: 840px; } div#header-content{ border:0px solid white; margin: 0px; padding:0px !important;} div#header-content-inner{ border:0px solid blue; margin: 0px; padding:0px; } div#header-text{ border:0px solid white; //margin-top:-15px; } ul.nav{ top:263px; left:417px; position:relative; border:0px solid green; text-align:right; width:300px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .nav .item{ left:0px; margin:0px; border-left:0px solid white; display:block; float:none; padding:0px; padding-right:20px; font-weight:normal; font-size:22px; letter-spacing:0px; line-height:1.3em; } .nav .item a{ border:0px solid red; text-decoration: none !important; color:#fff; } .nav .item a:hover{ text-decoration: none !important; color: #f86f0a; } .nav .current{ } .nav .current a:hover{ color:#fff; } .nav .first{ border:0px solid green;} div#header-name, div#header-description{ display:none; } div.stream-header{ border:0px solid green; margin-bottom:0px;} .prevnext, .skiplinks{ text-align: center; padding-left:0px !important; font-size:12px; margin-top:0px; margin-bottom:15px; padding:0px 10px 10px 10px; } p.prevnext{ padding-left:5px !important; border:0px solid green; } div.stream-header p.prevnext{ border-top:0px solid green; } p.prevnext a, .skiplinks a{ font-weight:normal; text-decoration:underline; } div.prevnext table{ margin:0px 15px -30px 15px;} /*----SIDEBAR----*/ div#beta-inner{ border:0px solid green; padding:0px; padding-top:0px; } div.widget { width: 240px; font-size:12px; border:0px solid green; margin:0px; margin-bottom:15px; padding:0px 0px 0px 0px; } div.widget-content{ padding-left:40px; text-align:right; } .widget .user-pic a img, .widget .user-pic img { border: 10px; margin:10px;} .widget .user-pic{ float:right; background-color:white !important; margin:10px;} div.widget h3.widget-header{ padding:0px; margin-bottom:5px; font-size:18px; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/sb.png'); background-repeat: repeat-y; background-position: 0px 0px; height:100px; text-align:right; line-height:5.8em; padding-right:10px; } div.widget h3.widget-header, div.widget h3.widget-header a{ text-decoration:none; font-weight:normal; color:#ffc14a; } .tagcloud li.tag a{ font-weight:normal;} ul.widget-list{ padding-left: 0px !important; border:0px solid green; margin-left: 0px !important;} ul.widget-list li.item{ list-style: none !important; border:0px solid red; background-image: url('http://www.artfulstudio.ru/images/stories/ljdesign/orange/sbbull.png'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 7px;} ul.widget-list li.tag{ background-image:none; padding-left: 0px;} div.widget a:link, div.widget a font, div.widget a b { color:#333; } div.widget a:visited{ color:#777; } div.widget a:hover, div.widget a:hover font, div.widget a:hover b { text-decoration:none; color:#fff; } div.calendar-widget td, div.calendar-widget th{ color: #333; text-align:right; } div.calendar-widget table{ float:right; margin-right:0px;} div.calendar-widget td a { font-weight:bold !important; color:#fff !important; } div.calendar-widget td a:hover { font-weight:bold !important; } .archive-widget .item a{ font-weight: normal !important;} div.widget-footer { text-align:right; padding-top:7px; } div.widget, .profile-name{ color: #333; font-weight:normal; } /*----ENTRIES----*/ div.asset-header {padding-bottom:0px; padding-top:0px; padding-left:10px; border: 0px solid green; } div.user-icon{ float:right; border: 0px solid #ddd !important; margin:0px; margin-left:10px; margin-bottom:10px; padding:10px !important; text-align:center; background-color:white !important; color:#fff; } div.user-icon span{ background-color:transparent !important; } div.user-icon .ljuser a, div.user-icon a b { color: #333 !important; font-size:12px;} div.user-icon .ljuser a:hover, div.user-icon a:hover b { color:#b5c42b !important; } h2.page-header2{ background-color:transparent; margin-bottom:3px; border: 0px solid green; font-size:18px; color:#b5c42b; font-weight:normal; text-transform:uppercase; } div#comments h2.page-header2{ font-size:18px; color:#b5c42b; font-weight:normal; text-transform:uppercase; } .page-header2 a, .page-header2 a:visited{ font-weight:normal; color:#b5c42b; } .page-header2 a:hover{ text-decoration:none; color: #fff; } div.asset-body a{ text-decoration:underline; } /*----------DAte&Time----------*/ .post-asset li.item{ font-size:12px; border:0px solid green; margin-left:0px; } div.asset-header-content-inner{ border:0px solid orange; } div.asset-header div.asset-meta{ border0px solid blue; padding:0px !important; margin:0px; } div.asset-header li.item{ border:0px solid green; left: 0px; padding-left: 0px; } div.asset-header li.item span{ border:0px solid red; margin-left:0px; padding:0px !important; color:#b5c42b; } /*----------Currents&Tags----------*/ div.asset-content div.lj-currents, div.asset-content div.asset-tags{ border:0px dashed blue; font-size:11px; padding-left: 10px; } div.asset-content div.asset-tags, div.asset-content div.lj-currents ul li{ border:0px double red; line-height:1.5em; margin-left: 0px !important; color:#b5c42b; } div.asset-tags h4, span.entryMetadata-label{ font-weight:normal; color:#b5c42b;} div.asset-tags a, div.lj-currents ul li a{ color:#b5c42b; font-weight:normal; text-decoration:underline; } div.lj-currents ul, div.asset-tags { margin: 0px !important; border:0px solid yellow; } div.lj-currents a:hover, div.asset-tags a:hover{ color:#ccc; background:transparent; text-decoration:none;} /*--------CommLine--------*/ li.asset-meta-comments, li.asset-meta-no-comments{ border-left: 0px solid #ccc !important; } div.asset-meta ul.asset-meta-list{ border:0px solid red; margin:0px; padding:0px; margin-top:10px; padding:0px; text-align:center; } div.asset-header ul.asset-meta-list{ border:0px solid red; padding:0px; margin:0px; } ul.asset-meta-list li.item a{ font-size:12px; color:#333; } ul.asset-meta-list li.item a:hover{ text-decoration:none; color:#f86f0a; } /*--------CALENDAR--------*/ .year { font-weight:normal; font-size:14px; margin-top:0px; } .year .active{ font-size:18px; color:#b5c42b; font-weight:normal; text-transform:uppercase;} table.yeartable td{ color:#222; } table.yeartable td.yeardate, table.yeartable td.yearday {border: 0px solid #ccc; border-bottom: 1px dotted #b5c42b; padding:5px;} table.yeartable td.yearmonth{ font-size:18px; color:#b5c42b; font-weight:normal; text-transform:uppercase; } td.yearmonth a{ font-size:12px; text-decoration:underline; font-style:normal; text-transform:none; } table.yeartable td.yearday{ color:#000; } .yeardate a{ color: #333; font-size:18px; } .yeardate a:hover{ text-decoration:none; color:#b5c42b; } /*----SUBJECTS----*/ .asset-body dl{ margin-left:10px;} dl dt b{ font-weight:bold; color: #000; } dl dt a:link, dl dt a:visited{ color: #000; } dl dt a:hover{ text-decoration:none; } /*----ENTRY_IN----*/ div.day h2 { text-align:left; padding-left:35px; padding-top:0px; padding-bottom:15px; color: #333; font-size:12px; border: 0px solid red; } div.day h2.asset-name, div.day h2.page-header2{ padding-left:0px; text-align:left; width:auto; padding-top:0px; font-weight:normal; font-size:18px; border: 0px solid red; padding-bottom:0px; } div#comments h2.comments-header, div#comments h2.asset-name{ font-size:18px; color:#b5c42b; font-weight:normal; text-transform:uppercase; padding-top:10px; padding-left:5px; } .comment-date{ margin-bottom:7px; margin-top:7px; color:#222; font-size:12px;} div.comment-body{ line-height: 1.4em; margin-bottom:5px; font-size:13px;} div.comment-inner div.user-icon{ float:left; margin-right:10px;} hr{ display:none;} div.comment-even{ border: 0px solid red; } div.comment-links{ margin:10px 0px; border:0px solid red; font-size:13px; } span.separator{ font-size:16px; color:#ccc;} div.comment-links a{ text-decoration:underline; font-weight:normal; border:0px solid red; } div.comment-links a:hover{ text-decoration:none; } span.commenter-name{ font-weight:normal } div.comment-subject{ margin-bottom:7px; color:#000; font-size:13px; } div.comments-nav{ border:0px solid red; font-size:13px; font-weight:normal;} div.comments-nav a{ font-weight:normal; text-decoration:underline;} #postform table{ width:600px;} #qrform table{ border:0px !important; margin:25px auto;} #qrform table td, #postform table td{ font-size:12px; font-weight:normal; } #qrform table td a, #postform table td a{ font-weight:normal; } .textbox, textarea, select{ margin:3px 0px 5px 0px; font-family:Verdana; font-size:13px; line-height: 1.4em; color:#222; border:1px solid #bbb; } /*----TAGS----*/ .lj-view-tags #alpha-inner{ margin-top: 0px; padding-left:25px; } .lj-view-tags #alpha-inner ul { list-style:none; margin-left: 0px; line-height:1.5em; } .lj-view-tags #alpha-inner li{ padding-left: 3px; } .lj-view-tags #alpha-inner a{ font-weight:normal; text-decoration: underline; } .lj-view-tags #alpha-inner a:hover{ text-decoration: none; } /*----POPUP----*/ div.ContextualPopup div.Inner { background-color: #fff !important; color:#555 !important; border: 1px solid #ddd; padding: 5px; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; color: #000 !important; } div.ContextualPopup div.Inner a:hover{ color:#b5c42b !important;} /* Code by Yoksel @ http://community.livejournal.com/journals_covers/ Design by alisa-vein @ http://artfulstudio.ru