?

Log in

No account? Create an account

Previous Entry | Next Entry

Смена дизайна №2

...И вот свершилось чудо, и Хоплит, наконец, допилил дизайн своей жежешки (ну почти допилил. Мелкие косячки типа "не видно ника дизайнера Lilia Ahner" уже сил нет ловить).

Если вдруг кому-то (ну, например, в горячечном бреду) захочется повторить то, что получилось, то код дизайна лежит здесь


Основано на дизайне Camo от Lilia Ahner, доведено напильником...

/* ---------------------------------------------------------------------------------
file-start: stc/voxhtml/camo-grey/screen.css
*/

/*
Camo Grey
by Lilia Ahner
*/

/* Default HTML Elements ----------------------------------------------------------- */
body {
font-family: Georgia;
font-size: 15px;
color: #000000;
background-color: #525f65;
}

a {
color: #4F4F4F;
}

#control-strip {
background-color: #2b3235;
}

#page {
background-color: #F4F4F6;
}

/* Layout Styles ----------------------------------------------------------- */

#footer {
background-image: url(footer.png?v=1);
border-color: #525252;
}

/* Header ----------------------------------------------------------- */

#header {
background-image: url(http://ic.pics.livejournal.com/lilyhoplit/55232416/3541/3541_1000.jpg);
background-color: #525252;
border-bottom-color: #525252; /*HACK for IE6*/
}

#header-inner {
background-image: url(header-dark.png?v=1);
background-color: #444750;
}

#header-name a {
color: #fff;
}

#header-description,
.nav .item,
.nav a,
.nav .current a {
color: #eee;
}

.nav .item {
border-color: #eee;
}

/* Content Styles -------------------------------------------- */

/* Headers and Titles */

.page-header1,
.page-header1 a {
color: #a3c7e0;
}

.page-header2,
.page-header2 a {
color: #b3b6ce;
}

.asset-stream-list .post-asset .asset-name a {
color: #a3c7e0;
border-bottom-color: #707e87;
border-top-color: #525252; /* HACK - maintains bottom dotted border on long post names in IE. Use content background color. */
}

.asset-name a,
.asset-name,
.asset-subtitle {
color: #202122;
}

.asset-tags-list .asset-tags-add-tags:hover,
.asset-description-hover,
.asset-name-hover,
.asset-privacy-hover {
background-color: #5d5d5d;
}

.asset-stream-grid .asset-name a {
color: #9ac4e1;
}

/* Asset Meta */

.asset-tags-list .asset-tags-add-tags:link,
.asset-meta,
.asset-meta-list,
.asset-meta-list a,
.asset-meta-list .item {
color: #000000;
}

.asset-meta-list .item {
border-left-color: #000000;
}

.enclosure-comments a,
.asset-stream-grid .asset-meta-comments a {
color: #a3a4af;
}

#comment-form,
.enclosure {
border-color: #272B34;
}

.asset-tags-list a:hover {
background-color: #9ac4e1;
}


/* Post Content */

.asset-body blockquote {
background-image: url(blockquote.png?v=1);
}


/* Comment Styling */

.asset-detail .asset-containers,
.comment-even {
background-color: #D6D6D6;
border-color: #272B34;
}

.recent-comments-stream-widget .comment-asset {
color: #ddd;
}

/* Pager */

.pager,
.pager a {
color: #9ac4e1;
}


/* Widget Styling ----------------------------------------------------------- */

.widget-header {
border-bottom-color: #777881;
}

.widget-header,
.widget-header a,
.widget-header .edit a {
color: #454545;
border-left-color: #454545;
}
.widget-footer a,
.widget-content a,
.archive-widget .widget-list .item {
color: #616161;
}

/* Icon Background Images ------------------*/

.control-strip-logo a {
background-image: url(logo.gif?v=1);
}

.rating {
background-image: url(rating.png?v=1);
}

.asset-rating .rating-hover {
background-image: url(rating-hover.png?v=1);
}

.asset-tags-list .asset-tags-add-tags {
background-image: url(icon-add.gif?v=1);
}

.asset-meta-privacy span {
background-image: url(icon-privacy.gif?v=1);
}

.asset-meta-edit a {
background-image: url(icon-edit.gif?v=1);
}

.asset-meta-delete a {
background-image: url(icon-delete.gif?v=1);
}

.favorite-phrase,
.asset-meta-favorite a.favorite-function {
background-image: url(icon-favorite.gif?v=1);
}

.asset-meta-favorite a.is-a-favorite {
background-image: url(icon-favorite-on.gif?v=1);
}

/* .asset-meta-comments a,
.enclosure-comments a,
.watched-asset-activity-item {
background-image: url(icon-comment.gif?v=1);
} */

.photo-asset .asset-source {
background-image: url(icon-photo.gif?v=1);
}

.book-asset .asset-source {
background-image: url(icon-book.gif?v=1);
}

.audio-asset .asset-source {
background-image: url(icon-audio.gif?v=1);
}

.video-asset .asset-source {
background-image: url(icon-video.gif?v=1);
}

.contact-me-list .contact-email,
.widget-list .email {
background-image: url(icon-email.gif?v=1);
}

.asset-containers .collection-asset,
.collection-stream-widget .widget-list .item a {
background-image: url(icon-collection.gif?v=1);
}

.offensive-phrase {
background-image: url(icon-flag.gif?v=1);
}

/* file-end: stc/voxhtml/camo-grey/screen.css
----------------------------------------------------------------------------------*/