Настоящий минимализм
Для конкурса ЖЖ-стилей сделал себе новое оформление. Кто протащится, пусть ставит себе.
Для тех кто хочет установить тему:
1. Выбираем стиль «Heavenly Color»
2. В настройках отображения - Disable customized comment pages for your journal: No
3. Придумываем и устанавливаем названия для ссылок и некоторых сообщений
4. Настраиваем отображение правых блоков
5. Настраиваем цсс:
- Use layout's stylesheets: Yes
- Use layout's theme's stylesheet: No
- Custom external stylesheet URL: (пустая строка)
- Custom stylesheet:
/* CUSTOM CSS FOR REAL MINIMALISM */
/* Updated on 02.04.2011 21:00 */
html {font-size:100.01% !important;}
body { font-size: 1.0em !important;
background-image: none;
}
#page { font-size: 0.75em;
font-family: Georgia;
background-color: #FFF;
background-image: none;
color: #000 !important;
}
/* remove this blocks */
.entrymenu ul li.mem_add,
.entrymenu ul li.tell_friend,
.entrymenu ul li.watch_comments,
.entrymenu ul li.flag,
.entrymenu ul li.edit_tags,
.entrymenu ul li.share,
.nav-sub,
rem-body.view-recent .ljtags,
body.view-recent .author dt img,
rem-body.view-friends .ljtags,
.sidebar-powered,
.rem-sidebar-cal,
.rem-sidebar-summary
{
display: none !important;
}
.view-recent .sidebar-powered {
}
/* tags on post */
#page .ljtags {
font-size: 0.75em;
margin: 14px 0 0px 0;
}
#page .ljtags, #page .ljtags a:link, #page .ljtags a:active, #page .ljtags a:link, #page .ljtags a:visited {
color: #c0c0c0 !important;
}
body.view-entry #page .ljtags {
font-size: 0.9em;
margin: 14px 0 0px 0;
}
body.view-entry #page .ljtags, body.view-entry #page .ljtags a:link, body.view-entry #page .ljtags a:active, body.view-entry #page .ljtags a:link, body.view-entry #page .ljtags a:visited {
color: #797979 !important;
}
/**/
/* links */
#page .sidebar-tags dd.tags a:link, #page .meta-location-value a:link, #page .sidebar-summary dd ul li a:link { color: #9E9E9E !important; }
#page a:link, #page a:active, #page a.btn:link, #page a.btn:link span, #page .sidebar-tags dd.tags a:active {
color: #0237AD !important;
text-decoration: underline !important;
}
#page a:hover, #page .item a:hover, #page .ljuser a:hover, #page .entrymenu ul li a.btn:hover, #page .entrymenu ul li a.btn:hover span, #page a.subj-link:hover, #page .entrymenu ul li a.btn-comments:hover span, #page .entry-wrap .entry-text .entry-content a:hover, #page .sidebar-block a:hover, #page .replylink a:hover, #page .sidebar-tags dd.tags a:hover, .view-friends #page .content .entry-text .author .ljuser a:hover, .view-entry #page .content .entry-text .author .username a:hover, #page .meta-location-value a:hover, #page .comment-text a:hover, #page table td a:hover, #page .sidebar .sidebar-powered a:hover, #page .sidebar-summary dd ul li a:hover,
#page .page-nav a:hover
{
color: #9D0000 !important;
text-decoration: underline !important;
}
#page a:visited, #page a.btn:visited, #page a.btn:visited span
{
color: #7E007D !important;
text-decoration: underline !important;
}
#page .sidebar-tags .tags a:visited { color: #3A483A !important; }
#page .item-selected a:hover
{
color: #000 !important;
text-decoration: none !important;
}
table td a b { font-weight: normal !important; }
/**/
/* sidebar powered */
.sidebar-powered { font-size: 0.9em; color: #D0D0D0; }
#page .sidebar-powered a:link, #page .sidebar-powered a:visited { color: #D0D0D0 !important; }
/**/
/* main content width and margins */
.content {
clear: both;
width: 85%;
padding-left: 50px;
}
/**/
.hr, hr
{
border: 0 hidden;
border-top: 1px solid #D9DBEC;
clear: both;
height: 0;
background-color: #D9DBEC;
margin: 0px 0 60px 0;
}
hr { margin: 25px 0 0 0; }
/* post nav bottom panel */
.entrymenu { margin-top: -5px; font-size: 1.1em !important; }
.entrymenu ul li a, entrymenu ul li a span
{
padding: 15px 0 2px 0;
}
#page .entrymenu .comments a { padding: 7px; margin: 13px -5px 0px -7px; }
.comments a
{
1font-size: 1.1em;
1margin: 3px 3px 0 0;
}
/* post on main css */
.entry-title { font-size: 1.8em !important; }
.entry-content { line-height: 140%; }
.entry-date {
color: #8E8E8E;
white-space: nowrap;
}
.content .entry .entry-text .author {
max-width:150px;
}
body.view-recent .entry-date {
margin-top: -4px;
}
/* main user nav */
.userpic, .header-sec h1 { float: left; }
.header-sec h1 { float: none; }
.header-sec ul { float: left; }
.header-sec { width: 305px; overflow: hidden; background-color: #FFF; float: right; font-size: 1.2em; padding: 10px 0; position: relative; overflow: visible !important; }
.userpic { margin: 5px 10px; position: absolute; top: 10px; left: -120px; text-align: right !important; }
.userpic-in { width: 100px;}
.userpic-in img { float: right; }
.header h2, .header h3 {
padding: 25px 0 0 80px;
margin: 0;
font-size: 1.7em;
font-weight: normal;
}
.header h3 { font-size: 1.2em; padding-top: 15px; color: #CCC;}
/**/
/* comments for post */
.comment-wrap { padding: 12px 0 0px 0 !important; }
.partial { padding: 0px !important; }
.comment-menu { padding: 7px 0 0px 0 !important; }
#page br { line-height: 70% !important; }
form .hr { margin: -10px 0 30px 0 !important; }
.replylink { padding: 20px 0px !important; display: block !important;}
.comment-head-in h3 { font-weight: normal; font-size: 1.2em !important; display: inline; }
/**/
/* sidebars: links and tags */
.sidebar-links dt, .sidebar-tags dt { font-size: 1.0em !important; font-style: italic; }
.sidebar-links dd { list-style: none; font-size: 1.05em; margin-bottom: 6px; padding-left: 10px; margin-left: 0; }
.sidebar-tags dd { font-size: 100% !important; text-align: left !important; padding-left: 10px; }
.sidebar-block { background-color: #FFF; }
/**/
/* bag with apple-span */
.Apple-style-span { font-family: Georgia !important; font-size: inherit !important; line-height: inherit !important; }
/**/
/* username-link in friends page and view-entry page */
.view-friends #page .content .username, .view-entry #page .content .username { color: #8E8E8E; }
.view-friends #page .content .username .ljuser a:link, .view-friends #page .content .ljuser a:active, .view-friends #page .content .username .ljuser a:visited, .view-entry #page .entry-text .username a:link, .view-entry #page .entry-text .username a:active, .view-entry #page .entry-text .username a:visited { color: #8E8E8E !important; }
/**/
/* set visible-overflow for pics and video */
.layout-inner, .content-inner, .content .entry
{
overflow: visible;
-overflow: hidden;
}
/* music, mood, location, groups */
.meta-music-label, .meta-location-label, .meta-mood-label, .meta-groups-label { font-weight: normal !important; }
.meta-music-label, .meta-music-value, .meta-location-label, .meta-location-value, .meta-mood-label, .meta-mood-value, .meta-groups-label, .meta-groups-value { color: #8E8E8E; }
/**/
/* quotes */
blockquote {
padding-left: 15px !important;
margin-left: 0px !important;
border-left: 5px #D9DBEC solid !important;
}
/**/
small { font-size: 0.8em; }
/* calendar */
#page .calendar-wrap table th div { font-weight: normal !important; }
#page .calendar-wrap table td { font-weight: normal !important; color: #CCC; font-size: 1.05em; }
#page .sidebar-cal .calendar-wrap caption, #page .sidebar-cal .calendar-wrap td, #page .sidebar-cal .calendar-wrap th { font-size: 0.65em; text-align: right; color: #CCC; }
/**/
/* page summary */
#page .sidebar-summary dt {
font-weight: normal;
font-style: italic;
font-size: 1.0em;
}
#page .sidebar-summary dd ul li {
font-size: 0.75em;
color: #ccc;
padding-bottom: 5px;
}
/**/
/* tags list (not cloud) */
#page .sidebar-tags .tags ul li {
list-style-type: none;
color: #ccc;
padding:0;
margin: 0;
}
/**/
/* remove bners */
.sidebar .sidebar-inner dl.sidebar-links,
.sidebar .sidebar-inner dl.sidebar-tags,
.sidebar .sidebar-cal,
.sidebar .sidebar-summary,
.sidebar .sidebar-custom
{ display: block !important; }
/**/
.page-nav { margin-bottom: 25px; }
/* header hr fix */
#page .layout .layout-inner .header .hr { display: none; }
/* comment-add-link fix */
.comments-links span { display: inline !important; }
/* remove userpic in entry */
body.view-entry.type-P .vcard.author dt, body.view-entry.type-P .vcard.author dd.username { display: none; }
/**/
/* Design & CSS - Vadim Goncharov (vadimgoncharov.livejournal.com) */
/* Privy Councilor - Anton Schnaider (schnaider.livejournal.com) */
/* CUSTOM CSS FOR REAL MINIMALISM END */
- Добавляем в конец, если хотим отключить рекламу (по идее это делать нельзя):
/* remove ads */
.sidebar .sidebar-inner dl, .txtad, .footer { display: none; }
Для тех кто хочет установить тему:
1. Выбираем стиль «Heavenly Color»
2. В настройках отображения - Disable customized comment pages for your journal: No
3. Придумываем и устанавливаем названия для ссылок и некоторых сообщений
4. Настраиваем отображение правых блоков
5. Настраиваем цсс:
- Use layout's stylesheets: Yes
- Use layout's theme's stylesheet: No
- Custom external stylesheet URL: (пустая строка)
- Custom stylesheet:
/* CUSTOM CSS FOR REAL MINIMALISM */
/* Updated on 02.04.2011 21:00 */
html {font-size:100.01% !important;}
body { font-size: 1.0em !important;
background-image: none;
}
#page { font-size: 0.75em;
font-family: Georgia;
background-color: #FFF;
background-image: none;
color: #000 !important;
}
/* remove this blocks */
.entrymenu ul li.mem_add,
.entrymenu ul li.tell_friend,
.entrymenu ul li.watch_comments,
.entrymenu ul li.flag,
.entrymenu ul li.edit_tags,
.entrymenu ul li.share,
.nav-sub,
rem-body.view-recent .ljtags,
body.view-recent .author dt img,
rem-body.view-friends .ljtags,
.sidebar-powered,
.rem-sidebar-cal,
.rem-sidebar-summary
{
display: none !important;
}
.view-recent .sidebar-powered {
}
/* tags on post */
#page .ljtags {
font-size: 0.75em;
margin: 14px 0 0px 0;
}
#page .ljtags, #page .ljtags a:link, #page .ljtags a:active, #page .ljtags a:link, #page .ljtags a:visited {
color: #c0c0c0 !important;
}
body.view-entry #page .ljtags {
font-size: 0.9em;
margin: 14px 0 0px 0;
}
body.view-entry #page .ljtags, body.view-entry #page .ljtags a:link, body.view-entry #page .ljtags a:active, body.view-entry #page .ljtags a:link, body.view-entry #page .ljtags a:visited {
color: #797979 !important;
}
/**/
/* links */
#page .sidebar-tags dd.tags a:link, #page .meta-location-value a:link, #page .sidebar-summary dd ul li a:link { color: #9E9E9E !important; }
#page a:link, #page a:active, #page a.btn:link, #page a.btn:link span, #page .sidebar-tags dd.tags a:active {
color: #0237AD !important;
text-decoration: underline !important;
}
#page a:hover, #page .item a:hover, #page .ljuser a:hover, #page .entrymenu ul li a.btn:hover, #page .entrymenu ul li a.btn:hover span, #page a.subj-link:hover, #page .entrymenu ul li a.btn-comments:hover span, #page .entry-wrap .entry-text .entry-content a:hover, #page .sidebar-block a:hover, #page .replylink a:hover, #page .sidebar-tags dd.tags a:hover, .view-friends #page .content .entry-text .author .ljuser a:hover, .view-entry #page .content .entry-text .author .username a:hover, #page .meta-location-value a:hover, #page .comment-text a:hover, #page table td a:hover, #page .sidebar .sidebar-powered a:hover, #page .sidebar-summary dd ul li a:hover,
#page .page-nav a:hover
{
color: #9D0000 !important;
text-decoration: underline !important;
}
#page a:visited, #page a.btn:visited, #page a.btn:visited span
{
color: #7E007D !important;
text-decoration: underline !important;
}
#page .sidebar-tags .tags a:visited { color: #3A483A !important; }
#page .item-selected a:hover
{
color: #000 !important;
text-decoration: none !important;
}
table td a b { font-weight: normal !important; }
/**/
/* sidebar powered */
.sidebar-powered { font-size: 0.9em; color: #D0D0D0; }
#page .sidebar-powered a:link, #page .sidebar-powered a:visited { color: #D0D0D0 !important; }
/**/
/* main content width and margins */
.content {
clear: both;
width: 85%;
padding-left: 50px;
}
/**/
.hr, hr
{
border: 0 hidden;
border-top: 1px solid #D9DBEC;
clear: both;
height: 0;
background-color: #D9DBEC;
margin: 0px 0 60px 0;
}
hr { margin: 25px 0 0 0; }
/* post nav bottom panel */
.entrymenu { margin-top: -5px; font-size: 1.1em !important; }
.entrymenu ul li a, entrymenu ul li a span
{
padding: 15px 0 2px 0;
}
#page .entrymenu .comments a { padding: 7px; margin: 13px -5px 0px -7px; }
.comments a
{
1font-size: 1.1em;
1margin: 3px 3px 0 0;
}
/* post on main css */
.entry-title { font-size: 1.8em !important; }
.entry-content { line-height: 140%; }
.entry-date {
color: #8E8E8E;
white-space: nowrap;
}
.content .entry .entry-text .author {
max-width:150px;
}
body.view-recent .entry-date {
margin-top: -4px;
}
/* main user nav */
.userpic, .header-sec h1 { float: left; }
.header-sec h1 { float: none; }
.header-sec ul { float: left; }
.header-sec { width: 305px; overflow: hidden; background-color: #FFF; float: right; font-size: 1.2em; padding: 10px 0; position: relative; overflow: visible !important; }
.userpic { margin: 5px 10px; position: absolute; top: 10px; left: -120px; text-align: right !important; }
.userpic-in { width: 100px;}
.userpic-in img { float: right; }
.header h2, .header h3 {
padding: 25px 0 0 80px;
margin: 0;
font-size: 1.7em;
font-weight: normal;
}
.header h3 { font-size: 1.2em; padding-top: 15px; color: #CCC;}
/**/
/* comments for post */
.comment-wrap { padding: 12px 0 0px 0 !important; }
.partial { padding: 0px !important; }
.comment-menu { padding: 7px 0 0px 0 !important; }
#page br { line-height: 70% !important; }
form .hr { margin: -10px 0 30px 0 !important; }
.replylink { padding: 20px 0px !important; display: block !important;}
.comment-head-in h3 { font-weight: normal; font-size: 1.2em !important; display: inline; }
/**/
/* sidebars: links and tags */
.sidebar-links dt, .sidebar-tags dt { font-size: 1.0em !important; font-style: italic; }
.sidebar-links dd { list-style: none; font-size: 1.05em; margin-bottom: 6px; padding-left: 10px; margin-left: 0; }
.sidebar-tags dd { font-size: 100% !important; text-align: left !important; padding-left: 10px; }
.sidebar-block { background-color: #FFF; }
/**/
/* bag with apple-span */
.Apple-style-span { font-family: Georgia !important; font-size: inherit !important; line-height: inherit !important; }
/**/
/* username-link in friends page and view-entry page */
.view-friends #page .content .username, .view-entry #page .content .username { color: #8E8E8E; }
.view-friends #page .content .username .ljuser a:link, .view-friends #page .content .ljuser a:active, .view-friends #page .content .username .ljuser a:visited, .view-entry #page .entry-text .username a:link, .view-entry #page .entry-text .username a:active, .view-entry #page .entry-text .username a:visited { color: #8E8E8E !important; }
/**/
/* set visible-overflow for pics and video */
.layout-inner, .content-inner, .content .entry
{
overflow: visible;
-overflow: hidden;
}
/* music, mood, location, groups */
.meta-music-label, .meta-location-label, .meta-mood-label, .meta-groups-label { font-weight: normal !important; }
.meta-music-label, .meta-music-value, .meta-location-label, .meta-location-value, .meta-mood-label, .meta-mood-value, .meta-groups-label, .meta-groups-value { color: #8E8E8E; }
/**/
/* quotes */
blockquote {
padding-left: 15px !important;
margin-left: 0px !important;
border-left: 5px #D9DBEC solid !important;
}
/**/
small { font-size: 0.8em; }
/* calendar */
#page .calendar-wrap table th div { font-weight: normal !important; }
#page .calendar-wrap table td { font-weight: normal !important; color: #CCC; font-size: 1.05em; }
#page .sidebar-cal .calendar-wrap caption, #page .sidebar-cal .calendar-wrap td, #page .sidebar-cal .calendar-wrap th { font-size: 0.65em; text-align: right; color: #CCC; }
/**/
/* page summary */
#page .sidebar-summary dt {
font-weight: normal;
font-style: italic;
font-size: 1.0em;
}
#page .sidebar-summary dd ul li {
font-size: 0.75em;
color: #ccc;
padding-bottom: 5px;
}
/**/
/* tags list (not cloud) */
#page .sidebar-tags .tags ul li {
list-style-type: none;
color: #ccc;
padding:0;
margin: 0;
}
/**/
/* remove bners */
.sidebar .sidebar-inner dl.sidebar-links,
.sidebar .sidebar-inner dl.sidebar-tags,
.sidebar .sidebar-cal,
.sidebar .sidebar-summary,
.sidebar .sidebar-custom
{ display: block !important; }
/**/
.page-nav { margin-bottom: 25px; }
/* header hr fix */
#page .layout .layout-inner .header .hr { display: none; }
/* comment-add-link fix */
.comments-links span { display: inline !important; }
/* remove userpic in entry */
body.view-entry.type-P .vcard.author dt, body.view-entry.type-P .vcard.author dd.username { display: none; }
/**/
/* Design & CSS - Vadim Goncharov (vadimgoncharov.livejournal.com) */
/* Privy Councilor - Anton Schnaider (schnaider.livejournal.com) */
/* CUSTOM CSS FOR REAL MINIMALISM END */
- Добавляем в конец, если хотим отключить рекламу (по идее это делать нельзя):
/* remove ads */
.sidebar .sidebar-inner dl, .txtad, .footer { display: none; }