Roma

[bogdan_63]

Оригинал взят у layouts_sample в Roma

Дизайн создан layouts_sample (код кнопки в профиле моего журнала) с помощью


Посмотреть в большом формате

1. Зайдите в настройки оформления журнала
2. В поле поиска стилей введите Unstyled, затем - Поиск.
3. Выберите вариант для Expressive, нажмите на Применить дизайн.
4. Внизу выберите макет с расположением сайдбара, которое вам по душе.
5. Далее, нажмите на Настроить выбранное оформление (внизу страницы) и в открывшемся окне зайдите в раздел Custom CSS и скопируйте ваш код в большое текстовое поле.


<br />/*- - - - - - - - - - - - - - - - - - - - - -*\ <br /> Generated in http://lj.yoksel.ru<br /> Layout: 01<br /> Modified by: Your Name<br /> Date: 15.02.2012<br />\*- - - - - - - - - - - - - - - - - - - - - -*/<br /><br />body{<br />background-color: #000000;<br />background-image: url(http://img-fotki.yandex.ru/get/4516/146980897.1/0_5c9c0_7759809a_L.jpg);<br />font-family: Verdana;<br />font-size: 14px;<br />color: #000000;<br />line-height: 1.5em;<br />}<br /><br />#page a:link,<br />#page a font{<br />font-family: Verdana;<br />font-size: 14px;<br />}<br /><br />#container{<br />border:0px solid red;<br />width: 1024px;<br />margin: 0px auto 0px auto;<br />top:0px;<br />padding-top:0px;<br />position:relative;<br />padding-bottom: 0px;<br />box-shadow: 0 0 20px #000000;<br />}<br /><br />#container-inner{<br />border: 0px solid orange;<br />background-color: #677d9c;<br />width: 1024px;<br />}<br /><br />#page{<br />width: 1024px;<br />padding-bottom: 0px;<br />}<br /><br />div#page-inner{<br />width: 1024px;<br />padding-bottom: 40px;<br />margin:0px;<br />position:relative;<br />}<br /><br />#content{<br />margin: 0px auto;<br />width: 994px;<br />padding-top:30px;<br />}<br /><br />#content-inner{<br />margin: 0px;<br />padding:0px;<br />}<br /><br />#beta {<br />border: 0px solid red;<br />margin:0px 0px 0px 0px;<br />padding-top:0px;<br />display: block;<br />width: 180px;<br />}<br /><br />.layout-wt #beta {<br />margin:0px 0px 0px 30px;}<br /><br />#gamma{<br />display:none;}<br /><br />#alpha {<br />width: 782px;<br />padding-left:0px;<br />padding-top:0px;<br />}<br /><br />#alpha-inner {<br />width: 782px !important;<br />margin:0px 0px 0px 0px;<br />padding-top:0px;<br />}<br /><br />div.post-asset{<br />border:0px solid blue;<br />padding:0px;<br />border-bottom:1px solid #eaeaea;<br />margin-bottom:25px !important;<br />padding-bottom:20px !important;<br />padding-top:0px !important;<br />padding-left:0px;<br />}<br /><br />.lj-view-month div.post-asset{<br />}<br /><br />div.asset-inner{<br />margin-bottom:0px !important;<br />border:0px solid green !important;<br />}<br /><br />.asset-body {<br />width: 782px;<br />border:0px solid brown;<br />text-align: left !important;<br />margin-top:0px;<br />margin-bottom:20px;<br />padding:0px;<br />}<br /><br />div#comments{<br />padding-left:0px;<br />border:0px solid brown;<br />}<br /><br />div#footer{<br />display:none;}<br /><br />/*----TOPMENU----*/<br /><br />div#header{<br />border: 0px solid red;<br />margin: 0px;<br />padding:0px;<br />height: 430px;<br />width: 1024px;<br />overflow:hidden !important;<br />}<br /><br />div#header-inner{<br />border:0px solid blue;<br />margin: 0px;<br />padding:0px;<br />height: 430px;<br />width: 1024px;<br />}<br /><br />div#header-content{<br />margin: 0px;<br />padding:0px !important;<br />width: 1024px;<br />}<br /><br />div#header-content-inner{<br />margin: 0px;<br />padding:0px;<br />width: 1024px;<br />}<br /><br />div#header-text{<br />//margin-top:-15px;<br />width: 1024px;<br />}<br /><br />#header-photo{<br />width: 1024px !important;<br />height: 400px !important;<br />position:relative;<br />top: 0px;<br />}<br /><br />#header-photo-inner{<br />position:relative;<br />width: 1024px !important;<br />height: 400px !important;<br />background-image: url(http://img-fotki.yandex.ru/get/5005/146980897.1/0_5c989_2539d06f_XXL.jpg);<br />background-repeat: repeat;<br />background-position: center;<br />}<br /><br />ul.nav{<br />background-color: none;<br />top:0px;<br />position:relative;<br />border:0px solid green;<br />text-align:center;<br />width: 1024px;<br />height:50px;<br />height: 30px;<br />padding:0px;<br />margin:0px;<br />}<br /><br />.nav .item{<br />left:0px;<br />padding:0px;<br />border-left:0px solid white;<br />display:inline;<br />float:none;<br />padding:0px 15px;<br />font-weight:normal;<br />font-size: 15px;<br />font-family: Segoe Print;<br />line-height: 2em;<br />}<br /><br />.nav .first{<br />border:0px solid green;}<br /><br />div#header-name{<br />background-color: none;<br />position:absolute;<br />top: 370px;<br />font-weight:normal;<br />line-height:2em;<br />float:left;<br />padding:0px 20px;<br />}<br /><br />div#header-description{<br />display:none;<br />}<br /><br />div.stream-header{<br />border:0px solid green;<br />margin-bottom:0px;<br />display:none;}<br /><br />.prevnext,<br />.skiplinks{<br />text-align: center;<br />padding-left:0px !important;<br />font-size:12px;<br />margin-top:0px;<br />margin-bottom:15px;<br />padding:0px 10px 10px 10px;<br />color: #082857;<br />}<br /><br />p.prevnext{<br />padding-left:5px !important;<br />border:0px solid green;<br />}<br /><br />div.stream-header p.prevnext{<br />border-top:0px solid green;<br />}<br /><br />p.prevnext a,<br />.skiplinks a{<br />font-weight:normal;<br />text-decoration:underline;<br />}<br /><br />div.prevnext{<br />text-align: left;}<br /><br />div.prevnext table{<br />margin:0px;}<br /><br />.lj-view-month div.prevnext{<br />margin: 0px 0px 20px 25px !important;<br />}<br /><br />.lj-view-month div#alpha-inner br{<br />display: none;<br />}<br /><br />/*----SIDEBAR----*/<br /><br />div#beta-inner{<br />border:0px solid green;<br />padding:0px;<br />padding-top:0px;<br />overflow:hidden;<br />width: 180px;<br />}<br /><br />div.widget {<br />font-size:12px;<br />line-height: 1.4em;<br />border-bottom:1px solid #eaeaea;<br />margin:0px;<br />margin-bottom:25px;<br />padding:0px 0px 25px 0px;<br />width: 180px;<br />}<br /><br />div.widget-content{<br />padding-left:0px;<br />}<br /><br />.widget .user-pic a img,<br />.widget .user-pic img {<br />border: 0px;<br />margin-bottom:10px;}<br /><br />div.widget h3.widget-header{<br />padding:0px;<br />margin-bottom:5px;<br />}<br /><br />.tagcloud li.tag a{<br />font-weight:normal;}<br /><br />ul.widget-list{<br />padding-left: 0px !important;<br />margin-left: 0px !important;}<br /><br />ul.widget-list li.item{<br />list-style: none !important;<br />margin: 0px;<br />padding: 0px;}<br /><br />div.calendar-widget table{<br />width: 100%;<br />}<br /><br />div.calendar-widget td,<br />div.calendar-widget th{<br />text-align: center;<br />font-size:12px;<br />}<br /><br />.archive-widget .item a{<br />font-weight: normal !important;}<br /><br />div.widget-footer {<br />text-align: left;<br />margin-top: 5px;<br />font-size:12px;<br />}<br /><br />.profile-name{<br />font-weight:normal;<br />}<br /><br />div.widget h3.widget-header{<br />padding:0px;<br />background-image: url(http://img-fotki.yandex.ru/get/4514/146980897.2/0_5ca4f_bff7c92a_XS.jpg);<br />background-repeat: no-repeat;<br />background-position: right top;<br />height: 50px;<br />margin: 0px 0px 7px 0px;<br />padding: 3px 0px 0px 55px;<br />text-align: left;<br />}<br /><br />/*----ENTRIES----*/<br /><br />div.asset-header{<br />padding-bottom: 10px;<br />padding-top:0px;<br />border: 0px solid green;<br />}<br /><br />.lj-view-month div.asset-header,<br />.lj-view-archive div.asset-header{<br />display:none;}<br /><br />div.user-icon{<br />float:right;<br />border: 0px solid green !important;<br />margin:0px;<br />margin-left:10px;<br />margin-bottom:10px;<br />text-align:center;<br />background-color:transparent !important;<br />color:#a9bb8d;<br />}<br /><br />div.user-icon span{<br />background-color:transparent !important;<br />}<br /><br />div.asset-body a{<br />text-decoration:underline;<br />}<br /><br />/*----------DAte&Time----------*/<br /><br />.post-asset li.item{<br />font-size:12px;<br />border:0px solid green;<br />margin-left:0px;<br />}<br /><br />div.asset-header-content-inner{<br />border:0px solid orange;<br />}<br /><br />div.asset-header div.asset-meta{<br />padding:0px 0px 0px 5px !important;<br />margin:0px;<br />border-left:5px solid #dbdbdb !important;}<br /><br />div.asset-header li.item{<br />border:0px solid green;<br />}<br /><br />div.asset-header li.item span{<br />border:0px solid red;<br />margin-left:0px;<br />padding:0px !important;<br />color: #999;<br />font-variant: small-caps<br />}<br /><br />/*----------Currents&Tags----------*/<br /><br />div.asset-content div.lj-currents,<br />div.asset-content div.asset-tags,<br />div.lj-currents ul{<br />border:0px dashed blue;<br />padding: 0px !important;<br />margin: 0px !important;<br />font-size: 11px;<br />font-family: Verdana;<br />}<br /><br />div.asset-content div.asset-tags,<br />div.asset-content div.lj-currents ul li{<br />border:0px double red;<br />line-height:1.5em;<br />margin-left: 10px !important;<br />color: #999;<br />}<br /><br />div.asset-tags h4,<br />span.entryMetadata-label{<br />font-weight:normal;<br />color: #999;<br />font-size: 11px !important;<br />}<br /><br /><br />/*--------CommLine--------*/<br /><br />li.asset-meta-comments,<br />li.asset-meta-no-comments{<br />border-left: 0px solid #ccc !important;<br />float:none !important;<br />display:inline !important;<br />}<br /><br />div.asset-meta ul.asset-meta-list{<br />border:0px solid red;<br />margin:0px;<br />padding:0px;<br />padding:20px 0px 0px 0px;<br />text-align:left;<br />}<br /><br />div.asset-header ul.asset-meta-list{<br />border:0px solid red;<br />height:auto;<br />padding:0px;<br />top:auto;<br />margin:0px;<br />background-image:none;<br />}<br /><br />/*--------CALENDAR--------*/<br /><br />.year {<br />width: 100%;<br />font-weight:normal;<br />font-size: 14px;<br />margin: 0px;<br />}<br /><br />.year li{<br />padding: 0px 10px;<br />}<br /><br />.lj-view-archive .asset-header,<br />.lj-view-month .asset-header{<br />display: none !important;<br />}<br /><br />.year .active{<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:1.5em;<br />}<br /><br />table.yeartable td{<br />color: #ccc;<br />}<br /><br />table.yeartable td.yeardate,<br />table.yeartable td.yearday<br />{border: 0px solid #ccc;<br />border-bottom: 1px dotted #ccc;<br />padding:5px;}<br /><br />table.yeartable td.yearday{<br />color:#555;<br />}<br /><br /><br />/*----SUBJECTS----*/<br /><br />.asset-body dl{<br />margin-left:10px;}<br /><br />dl dt b{<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />}<br /><br />dl dt a:link,<br />dl dt a:visited{<br />text-decoration:none;<br />}<br />dl dt a:hover{<br />text-decoration:none;<br />}<br /><br />/*----ENTRY_IN----*/<br /><br />div.day h2 {<br />text-align:center;<br />padding-left:0px;<br />padding-top:0px;<br />padding-bottom:15px;<br />color: #000000;<br />font-size: 16px;<br />border: 0px solid red;<br />}<br /><br />.comment-date{<br />margin-bottom:7px;<br />margin-top:7px;<br />color: #555;<br />font-size: 11px;<br />}<br /><br />div.comment-body{<br />line-height: 1.4em;<br />margin-bottom:5px;<br />font-size: 14px;<br />}<br /><br />div.comment-inner{<br />font-size: 14px;<br />}<br /><br />div.comment-inner div.user-icon{<br />float:left;<br />margin-right:10px;}<br /><br />hr{<br />display:none;}<br /><br />div.comment-even{<br />border: 0px solid red;<br />}<br /><br />div.comment-links{<br />margin:10px 0px 20px 0px;<br />border:0px solid red;<br />}<br /><br />span.separator{<br />font-size:16px;<br />visibility: hidden;<br />}<br /><br />div.comment-links a{<br />text-decoration:underline;<br />font-weight:normal;<br />border:0px solid red;<br />}<br /><br />div.comment-links a:hover{<br />text-decoration:none;<br />}<br /><br />span.commenter-name{<br />font-weight:normal<br />}<br /><br />div.comment-subject{<br />margin-bottom:7px;<br />color:#444;<br />}<br /><br />div.comments-nav{<br />border:0px solid red;<br />font-size:13px;<br />font-weight:normal;}<br /><br />div.comments-nav a{<br />font-weight:normal;<br />text-decoration:underline;}<br /><br />/*----TAGS----*/<br /><br />.lj-view-tags #alpha-inner{<br />margin-top: 0px;<br />padding-left:0px;<br />}<br /><br />.lj-view-tags #alpha-inner ul {<br />list-style:none;<br />margin-left: 0px;<br />line-height:1.5em; }<br /><br />.lj-view-tags #alpha-inner a{<br />font-weight:normal;<br />text-decoration: underline;}<br /><br />.lj-view-tags #alpha-inner a:hover{<br />text-decoration: none;}<br /><br /><br />/*----LINKS----*/<br /><br />#page a,<br />#page a:link,<br />#page a:visited,<br />#page a font{<br />line-height: 1.5em;<br />font-family: Verdana;<br />font-family: Corbel;<br />color: #082857;<br />}<br /><br />#page a:visited{<br />color: #082857;<br />}<br /><br />#page a:hover,<br />#page a:hover b{<br />color:#fff;<br />text-decoration: none;<br />background-color: #ff;<br />}<br /><br />#page div#header-name a{<br />font-size: 17px;<br />text-decoration: none !important;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:2em;<br />}<br /><br />#page .nav .item a,{<br />border:0px solid red;<br />text-decoration: none !important;<br />font-size: 15px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:2em;<br />}<br /><br />#page .nav .item a:hover,<br />#page div#header-name a:hover{<br />text-decoration: none !important;<br />background:transparent;<br />color: #ffffff;<br />}<br /><br />#page .nav .current a{<br />color: #ffffff;<br />text-decoration: none !important;<br />}<br /><br />#page h3.widget-header,<br />#page h3.widget-header a{<br />text-decoration:none;<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:1.5em;<br />text-transform:uppercase;<br />}<br /><br />div.widget a:link,<br />div.widget a font,<br />div.widget a b {<br />}<br /><br />div.widget a:visited{<br />}<br /><br />div.widget a:hover{<br />text-decoration:none;<br />}<br /><br />div.calendar-widget td a {<br />font-weight:bold !important;<br />color: #082857;<br />}<br /><br />div.calendar-widget td a:hover {<br />font-weight:bold !important;<br />}<br /><br />#page div.widget-footer a{<br />font-size: 12px;<br />}<br /><br />h2.page-header2,<br />div#comments h2.page-header2,<br />div#comments h2.comments-header,<br />div#comments h2.asset-name,<br />div.day h2.asset-name,<br />div.day h2.page-header2{<br />text-align:left;<br />margin-bottom:10px;<br />padding-bottom:0px;<br />border: 0px solid green;<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:1.5em;<br />text-transform:uppercase;<br />background-color:transparent;<br />}<br /><br />table.yeartable td.yearmonth{<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:1.5em;<br />text-transform:uppercase;<br />}<br /><br />#page h2.page-header2 a,<br />.page-header2 a,<br />.page-header2 a:visited{<br />font-weight:normal;<br />font-size: 14px;<br />font-family: Segoe Print;<br />color: #ffffff;<br />line-height:1.5em;<br />}<br /><br />#page .page-header2 a:hover,<br />#page h3.widget-header a:hover{<br />text-decoration:none;<br />color:#fff;<br />}<br /><br />div.user-icon .ljuser a,<br />div.user-icon a b {<br />color: #082857;<br />font-size:12px;}<br /><br />div.user-icon .ljuser a:hover,<br />div.user-icon a:hover b {<br />color: #082857;<br />font-size:12px;}<br /><br />#page div.asset-tags a,<br />#page div.lj-currents ul li a{<br />color: #bbb;<br />font-weight:normal;<br />text-decoration:underline;<br />font-size: 11px;<br />font-family: Verdana;<br />}<br /><br />div.lj-currents a:hover,<br />div.asset-tags a:hover{<br />color: #bbb;<br />background:transparent;<br />text-decoration:none;}<br /><br />ul.asset-meta-list li.item a{<br />font-size: 12px;<br />font-weight: normal;<br />}<br /><br />ul.asset-meta-list li.item a:hover{<br />text-decoration:none;<br />}<br /><br />td.yearmonth a{<br />font-size: 12px;<br />text-decoration:underline;<br />font-style:normal;<br />text-transform:none;<br />color:#ccc;<br />}<br /><br />.yeardate a{<br />color: #082857;<br />font-size:16px;<br />font-weight:bold;<br />font-family: Verdana;<br />}<br /><br />.yeardate a:hover{<br />text-decoration:none;<br />color: #082857;<br />}<br /><br /><br />/*----COMMON----*/<br /> <br />#postform table,<br />#qrform table{<br />width: 99%;<br />}<br /><br />#qrform table{<br />border: 0px !important;<br />margin: 5px auto;<br />}<br /><br />#qrform table td,<br />#postform table td{<br />font-size: 14px;<br />font-weight: normal;<br />}<br /><br />#qrform table td a,<br />#postform table td a{<br />font-weight: normal;<br />}<br /><br />.textbox, textarea, select{<br />margin: 3px;<br />padding: 1px;<br />background: url(http://img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig);<br />border: 1px solid #ddd;<br />font-size: 14px;<br />font-family: Verdana;<br />color: #000000;<br />line-height: 1.5em;<br />} <br /><br />.lj-view-month div#alpha-inner dd br{<br />display: block;<br />}<br /><br />.post-asset .asset-body img {<br />max-width:100%;<br />width:auto !important;<br />height:auto !important;<br />}<br /><br /><br />/*- - - - - - - - - - - - - - - - - - - - - -*\ <br /> ----=== End of Css ===----<br /> Generated in http://lj.yoksel.ru<br /> Layout: 01<br /> Date: 15.02.2012<br />\*- - - - - - - - - - - - - - - - - - - - - -*/<br />