Post Friends My journal
writing_light in losing_light

Layout #7 S2 Smooth Sailing

Nov 21, 2008 19:16

First Posted: May 29th 2008
Layout Style: Smooth Sailing
Best view: 1024x768 and higher
Browser(s) Compatible: Tested with FF and IE7
Work with Nav bar?: Yes
Work with Ads? Yes. Vertical only. Lj will put it in a scroll box on the right side of your layout.
Credit: writing_light or losing_light somewhere in your journal please
Crossposted: freelayouts and mintyapple
Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Notes: The idea for the sidebox across the top is from gossymer. I didn't copy her code, but I studied it to figure out how she did it.
I have no problem with you changing any of the colors or graphics used in my layouts. Just don't take credit for the original style sheet.

Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background
Blockquote

mini icons from famfamfam.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Customize Journal
Choose any Smooth Sailing layout
If your journal is ad supported choose the vertical placement.
Choose 2 Column (Sidebar on left) IMPORTANT!
Hit Customize Selected Theme
Under Sidebar Enable 5 sidebar boxes and hide the rest. If you choose more than five your sidebar will wrap onto the next line and cover the top of your entries. You can choose less than five, but you'll have and empty space on the sidebar where the sidebox would have been.
Save Changes and choose Custom CSS
Make sure both drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet and hit Save Changes

Header: To change the header, simply go to the .pageheaderblock part of the stylesheet and change the Height: 400px; to The height of your Header plus 80px. If you don't do this than it's not going to work. So, if your header is 325px tall, you need to change the height to 405px. If your menu bar is floating in the middle of your header it's because you didn't change the height correctly.

Overrides:
/*
** Layout by LJ user writing-light at writing-light.livejournal.com
** S2 Smooth Sailing
** contextual Popup coding by lj user cartonage
** sidebar coding by lj user gossymer
** mini icons from famfamfam

** please do not remove credit */

body {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/background.jpg) repeat-x #b89e9e;
color: #404040;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0px auto;
}

a, a:visited {
color: #785656;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #785656;
font-weight: bold;
text-decoration: overline underline;
}

code, kbd, pre, tt {
font-family: monospace;
}

::-moz-selection {
background-color: #785656;
color: #cef2ff;
}

textarea {
background-color: #cef2ff;
border: 3px double #785656;
font-size: 14px;
margin-top: 5px;
}

input, select {
background-color: #cef2ff;
border: 3px double #785656;
font-size: 11px;
margin-top: 3px;
padding: 2px;
}

blockquote {
background:
url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/bq.png) top;
border: 10px double #785656;
margin: 15px;
padding: 10px;
}

.pageheaderblock {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/header.png) no-repeat bottom center;
height: 400px;
margin: 0 auto;
width: 800px;
}

.header-title {
color: #785656;
font-family: helvetica,arial,san-serif;
font-size: 35px;
font-weight: bold;
padding-top: 10px;
}

.header-subtitle {
color: #785656;
font-family: helvetica,arial,sans-serif;
font-size: 35px;
font-weight: bold;
margin-top: -43px;
text-align: right;
}

.header-icon, .body-title, .profile-label {
display: none;
}

.header-menu, #footer-menu {
background-color: #d9b8b8;
border-color: #785656;
border-style: double;
display: block;
font-size: 16px;
text-align: center;
text-transform: capitalize;
white-space: nowrap;
}

.header-menu a, .header-menu a:visited, #footer-menu a, #footer-menu a:visited {
background-color: #faf2e1;
border-color: #785656;
border-style: solid;
color: #785656;
margin-right: 6px;
}

.header-menu a:hover, #footer-menu a:hover {
background-color: #785656;
border-color: #cef2ff;
border-style: solid;
color: #cef2ff;
margin-right: 6px;
text-decoration: none;
}

.header-menu {
border-width: 10px 10px 0;
margin-top: -11px;
padding-top: 10px;
}

.header-menu a, .header-menu a:visited {
border-width: 1px 1px 0 1px;
padding: 6px 7px 1px 7px;
}

.header-menu a:hover {
border-width: 1px 1px 0 1px;
padding: 6px 7px 1px 7px;
}

.header-menu ul, #footer-menu ul {
margin: 0;
padding: 0;
}

.header-menu li, #footer-menu li {
display: inline;
}

.bodyblock {
background-color: #d9b8b8;
border-color: #785656;
border-style: double;
border-width: 0 8px 8px 8px;
margin: 0 auto;
padding: 175px 0 40px 0;
width: 784px;
}

.bodynavblock {
background-color:#faf2e1;
border-color: #785656;
border-style: double;
border-width: 4px;
margin:0px 20px;
padding:5px 0;
text-align:center;
}

.body-midtitle {
background-color: #faf2e1;
border: 4px double #785656;
font-weight: bold;
margin: 10px 10px 0 10px;
padding: 4px 0 4px 7px;
}

.entryHolder {
background-color: #faf2e1;
border: 6px double #785656;
margin: 15px 0 0 10px;
text-align: justify;
width: 754px;
}

.entryHeader {
font-weight: normal;
padding-left: 10px;
text-transform: capitalize;
}

.entryHeaderSubject {
display: block;
font-size: 20px;
}

.entryHeaderDate {
font-size: 10px;
}

.entryUserinfo {
padding: 5px 5px 5px 10px;
}

.entryUserinfo-usericon img {
border: 6px double #785656;
padding: 3px;
}

div.ContextualPopup {
font-family: arial, helvetica, sans-serif !important;
font-size: 11px;
font-style: normal;
margin: 5px 0 0 20px;
}

div.ContextualPopup img {
border: 4px double #785656;
}

div.ContextualPopup div.Inner {
background-color: #faf2e1 !important;
border: 4px double #785656;
color: #785656 !important;
padding: 0;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #785656 !important;
font-weight: bold;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
text-decoration: underline overline !important;
}

.entryText {
padding: 5px 22px 10px 22px;
}

.entryMetadata {
background-color: #d9b8b8;
border: 4px double #785656;
margin: 50px 20px 0 20px;
padding: 10px;
}

.entryMetadata ul {
margin: 0;
padding: 0;
}

.entryMetadata li {
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-right: 5px;
}

.entryMetadata-label {
color: #cef2ff;
font-weight: bold;
padding-right: 5px;
}

.entryLinkbar {
padding: 20px 0 15px 0;
text-align: center;
}

.entryLinkbar a, .entryLinkbar a:visited {
font-weight: bold;
padding: 5px 5px;
}

.entryLinkbar a:hover {
padding: 5px 5px;
}

.entryLinkbar ul {
margin: 0;
padding: 0;
}

.entryLinkbar li {
display: inline;
padding: 0 10px;
}

.sidebar {
background-color: #faf2e1;
border-color: #785656;
border-style: double;
border-width: 0 6px 6px 6px;
margin: -175px 0 0 4px;
position: absolute;
width: 764px;
}

.sidebox {
background-color: #faf2e1;
float: left;
height: 155px;
overflow: auto;
padding: 10px 3px 0 3px;
width: 146px;
}

.sideboxTitle {
border-bottom: 1px solid;
text-align: center;
font-size: 11px;
font-weight: bold;
}

.sideboxContent {
margin-top: 5px;
}

.profile-userpic {
border: 4px solid #785656;
padding: 3px;
}

.sidebox #profile, .sidebox #tags_sidebox, .sidebox #systemlinks, .sidebox #search, .listtitle {
margin-top: 3px;
}

.listtitle {
font-weight: bold;
}

.sidebox #latestmonth {
margin: 15px 0 0 15px;
}

.latestmonth-inactive {
margin: 1px;
padding: 1px;
text-align: center;
}

.latestmonth-active {
border: 3px double #785656;
text-align: center;
}

.latestmonth-active a:hover {
text-decoration: none;
}

#SearchType, select {
font-size: 10px;
line-height: 20px;
}

#footer-menu {
border-width: 0 10px 10px;
margin: 0 auto;
padding: 5px 1px 5px 0;
width: 700px;
}

#footer-menu a, #footer-menu a:visited {
border-width: 0 1px 1px 1px;
padding: 5px 10px 0 10px;
}

#footer-menu a:hover {
border-width: 0 1px 1px 1px;
padding: 5px 10px 0 10px;
}

.pagefooterblock {
font-style: italic;
margin-top: -26px;
text-align: center;
}

.commentHolder {
background-color: #faf2e1;
border: 6px double #785656;
margin: 10px;
text-align: justify;
}

.commentHeader {
font-weight: bold;
text-transform: capitalize;
padding: 10px 5px 2px 5px;
}

.commentHeaderScreened {
border-top: 20px solid #cef2ff;
font-weight: bold;
padding: 10px 5px 2px 5px;
text-transform: capitalize;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentUserinfo {
padding: 4px;
text-align: center;
}

.commentUserinfo-usericon img {
border: 6px double #785656;
padding: 3px;
}

.commentText {
padding: 10px;
}

.commentLinkbar {
padding: 4px 0;
text-align: center;
}

.commentLinkbar ul {
margin: 0;
padding: 0;
}

.commentLinkbar li {
display: inline;
padding: 0 5px;
}

.replyform {
background-color: #faf2e1;
border: 6px double #785656;
color: #785656;
margin: 10px;
}

.replyform textarea {
margin: 0 0 5px -3px;
width: 90%;
}

#qrform {
border: 6px double #785656;
color: #785656;
font-size: 14px;
margin: 10px;
padding: 5px;
}

#commenttext {
width: 100%;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding: 0 4px;
}

.daysubjects {
font-weight: bold;
padding: 8px 8px 8px 40px;
}

.month {
background-color: #b89e9e;
border: 6px double #785656;
margin: 15px 0 30px 85px;
padding: 5px;
width: 600px;
}

.daytitles {
background-color: #faf2e1;
border: 1px solid #785656;
font-weight: bold;
text-align: center;
}

.day-blank {
background-color: #cef2ff;
border: 1px solid #785656;
}

.day {
background-color: #d9b8b8;
border: 1px solid #785656;
}

.day-date {
background-color: #cef2ff;
border-color: #faf2e1;
border-style: solid;
border-width: 0 2px 2px 0;

text-align: center;
width: 50%;
}

.day-count {
float: right;
font-size: 20px;
text-align: center;

width: 50%;
}

.day-count a {
color: #cef2ff;
}

.tagstable, .tagstable td {
border: 6px double #785656;
margin: 13px 0 13px 13px;
}

.tagstable {
width: 700px;
}

#summary img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png);
padding: 15px 15px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/cross.png);
padding: 14px 14px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key_add.png);
padding: 16px 16px 0 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png);
background-repeat: no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key_add.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/cross.png) repeat scroll 0%;
height: 0;
padding: 15px 14px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/group.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/icon.png);
background-repeat: no-repeat;
height: 0;
padding: 15px 15px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/icon.png);
padding: 15px 15px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/icon.png);
padding: 15px 15px 0 0 !important;
}

Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Notes and Directions are the same for both layouts. The Style Sheet (Overrides) and the Images are different.

Image(s):
Background
Blockquote

mini icons from famfamfam.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Overrides:
/*
** Layout by LJ user writing-light at writing-light.livejournal.com
** S2 Smooth Sailing
** contextual Popup coding by lj user cartonage
** sidebar coding by lj user gossymer
** mini icons from famfamfam

** please do not remove credit */

body {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/background-1.jpg) repeat-x #161321;
color: #e9e9e9;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0px auto;
}

a, a:visited {
color: #c7d0eb;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #c7d0eb;
font-weight: bold;
text-decoration: overline underline;
}

code, kbd, pre, tt {
font-family: monospace;
}

::-moz-selection {
background-color: #c7d0eb;
color: #c7d8eb;
}

textarea {
background-color: #c7d8eb;
border: 3px double #c7d0eb;
font-size: 14px;
margin-top: 5px;
}

input, select {
background-color: #c7d8eb;
border: 3px double #c7d0eb;
font-size: 11px;
margin-top: 3px;
padding: 2px;
}

blockquote {
background:
url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/dbq.png) top;
border: 10px double #c7d0eb;
margin: 15px;
padding: 10px;
}

.pageheaderblock {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/header.png) no-repeat bottom center;
height: 400px;
margin: 0 auto;
width: 800px;
}

.header-title {
color: #c7d0eb;
font-family: helvetica,arial,san-serif;
font-size: 35px;
font-weight: bold;
padding-top: 10px;
}

.header-subtitle {
color: #c7d0eb;
font-family: helvetica,arial,sans-serif;
font-size: 35px;
font-weight: bold;
margin-top: -43px;
text-align: right;
}

.header-icon, .body-title, .profile-label {
display: none;
}

.header-menu, #footer-menu {
background-color: #3b403c;
border-color: #c7d0eb;
border-style: double;
display: block;
font-size: 16px;
text-align: center;
text-transform: capitalize;
white-space: nowrap;
}

.header-menu a, .header-menu a:visited, #footer-menu a, #footer-menu a:visited {
background-color: #525459;
border-color: #c7d0eb;
border-style: solid;
color: #c7d0eb;
margin-right: 6px;
}

.header-menu a:hover, #footer-menu a:hover {
background-color: #c7d0eb;
border-color: #525459;
border-style: solid;
color: #161321;
margin-right: 6px;
text-decoration: none;
}

.header-menu {
border-width: 10px 10px 0;
margin-top: -11px;
padding-top: 10px;
}

.header-menu a, .header-menu a:visited {
border-width: 1px 1px 0 1px;
padding: 6px 7px 1px 7px;
}

.header-menu a:hover {
border-width: 1px 1px 0 1px;
padding: 6px 7px 1px 7px;
}

.header-menu ul, #footer-menu ul {
margin: 0;
padding: 0;
}

.header-menu li, #footer-menu li {
display: inline;
}

.bodyblock {
background-color: #3b403c;
border-color: #c7d0eb;
border-style: double;
border-width: 0 8px 8px 8px;
margin: 0 auto;
padding: 175px 0 40px 0;
width: 784px;
}

.bodynavblock {
background-color:#525459;
border-color: #c7d0eb;
border-style: double;
border-width: 4px;
margin:0px 20px;
padding:5px 0;
text-align:center;
}

.body-midtitle {
background-color: #525459;
border: 4px double #c7d0eb;
font-weight: bold;
margin: 10px 10px 0 10px;
padding: 4px 0 4px 7px;
}

.entryHolder {
background-color: #525459;
border: 6px double #c7d0eb;
margin: 15px 0 0 10px;
text-align: justify;
width: 754px;
}

.entryHeader {
font-weight: normal;
padding-left: 10px;
text-transform: capitalize;
}

.entryHeaderSubject {
display: block;
font-size: 20px;
}

.entryHeaderDate {
font-size: 10px;
}

.entryUserinfo {

padding: 5px 5px 5px 10px;
}

.entryUserinfo-usericon img {
border: 6px double #c7d0eb;
padding: 3px;
}

div.ContextualPopup {
font-family: arial, helvetica, sans-serif !important;
font-size: 11px;
font-style: normal;
margin: 5px 0 0 20px;
}

div.ContextualPopup img {
border: 4px double #c7d0eb;
}

div.ContextualPopup div.Inner {
background-color: #525459 !important;
border: 4px double #c7d0eb;
color: #c7d0eb !important;
padding: 0;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #c7d0eb !important;
font-weight: bold;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
text-decoration: underline overline !important;
}

.entryText {
padding: 5px 22px 10px 22px;
}

.entryMetadata {
background-color: #3b403c;
border: 4px double #c7d0eb;
margin: 50px 20px 0 20px;
padding: 10px;
}

.entryMetadata ul {
margin: 0;
padding: 0;
}

.entryMetadata li {
display: block;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-right: 5px;
}

.entryMetadata-label {
color: #c7d8eb;
font-weight: bold;
padding-right: 5px;
}

.entryLinkbar {
padding: 20px 0 15px 0;
text-align: center;
}

.entryLinkbar a, .entryLinkbar a:visited {
font-weight: bold;
padding: 5px 5px;
}

.entryLinkbar a:hover {
padding: 5px 5px;
}

.entryLinkbar ul {
margin: 0;
padding: 0;
}

.entryLinkbar li {
display: inline;
padding: 0 10px;
}

.sidebar {
background-color: #525459;
border-color: #c7d0eb;
border-style: double;
border-width: 0 6px 6px 6px;
margin: -175px 0 0 4px;
position: absolute;
width: 764px;
}

.sidebox {
background-color: #525459;
float: left;
height: 155px;
overflow: auto;
padding: 10px 3px 0 3px;
width: 146px;
}

.sideboxTitle {
border-bottom: 1px solid;
text-align: center;
font-size: 11px;
font-weight: bold;
}

.sideboxContent {
margin-top: 5px;
}

.profile-userpic {
border: 4px solid #c7d0eb;
padding: 3px;
}

.sidebox #profile, .sidebox #tags_sidebox, .sidebox #systemlinks, .sidebox #search, .listtitle {
margin-top: 3px;
}

.listtitle {
font-weight: bold;
}

.sidebox #latestmonth {
margin: 15px 0 0 15px;
}

.latestmonth-inactive {
margin: 1px;
padding: 1px;
text-align: center;
}

.latestmonth-active {
border: 3px double #c7d0eb;
text-align: center;
}

.latestmonth-active a:hover {
text-decoration: none;
}

#SearchType, select {
font-size: 10px;
line-height: 20px;
}

#footer-menu {
border-width: 0 10px 10px;
margin: 0 auto;
padding: 5px 1px 5px 0;
width: 700px;
}

#footer-menu a, #footer-menu a:visited {
border-width: 0 1px 1px 1px;
padding: 5px 10px 0 10px;
}

#footer-menu a:hover {
border-width: 0 1px 1px 1px;
padding: 5px 10px 0 10px;
}

.pagefooterblock {
font-style: italic;
margin-top: -26px;
text-align: center;
}

.commentHolder {
background-color: #525459;
border: 6px double #c7d0eb;
margin: 10px;
text-align: justify;
}

.commentHeader {
font-weight: bold;
text-transform: capitalize;
padding: 10px 5px 2px 5px;
}

.commentHeaderScreened {
border-top: 20px solid #c7d8eb;
font-weight: bold;
padding: 10px 5px 2px 5px;
text-transform: capitalize;
}

.commentHeaderSubject {
font-weight: bold;
}

.commentUserinfo {
padding: 4px;
text-align: center;
}

.commentUserinfo-usericon img {
border: 6px double #c7d0eb;
padding: 3px;
}

.commentText {
padding: 10px;
}

.commentLinkbar {
padding: 4px 0;
text-align: center;
}

.commentLinkbar ul {

margin: 0;
padding: 0;
}

.commentLinkbar li {
display: inline;
padding: 0 5px;
}

.replyform {
background-color: #525459;
border: 6px double #c7d0eb;
color: #c7d0eb;
margin: 10px;
}

.replyform textarea {
margin: 0 0 5px -3px;
width: 90%;
}

#qrform {
border: 6px double #c7d0eb;
color: #c7d0eb;
font-size: 14px;
margin: 10px;
padding: 5px;
}

#commenttext {
width: 100%;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding: 0 4px;
}

.daysubjects {
font-weight: bold;
padding: 8px 8px 8px 40px;
}

.month {
background-color: #161321;
border: 6px double #c7d0eb;
margin: 15px 0 30px 85px;
padding: 5px;
width: 600px;
}

.daytitles {
background-color: #525459;
border: 1px solid #c7d0eb;
font-weight: bold;
text-align: center;
}

.day-blank {
background-color: #c7d8eb;
border: 1px solid #c7d0eb;
}

.day {
background-color: #3b403c;
border: 1px solid #c7d0eb;
}

.day-date {
background-color: #c7d8eb;
border-color: #525459;
border-style: solid;
border-width: 0 2px 2px 0;
color: #3b403c;
text-align: center;
width: 50%;
}

.day-count {
float: right;
font-size: 20px;
text-align: center;
width: 50%;
}

.day-count a {
color: #c7d8eb;
}

.tagstable, .tagstable td {
border: 6px double #c7d0eb;
margin: 13px 0 13px 13px;
}

.tagstable {
width: 700px;
}

#summary img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png);
padding: 15px 15px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/cross.png);
padding: 14px 14px 0 0;
}

#summary img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
border: 0;
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key_add.png);
padding: 16px 16px 0 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key.png);
background-repeat: no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/key_add.png) repeat scroll 0%;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.entryHeader img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background: transparent url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/cross.png) repeat scroll 0%;
height: 0;
padding: 15px 14px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/group.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/user_gray.png);
background-repeat: no-repeat;
height: 0;
padding: 15px 15px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/user_gray.png);
padding: 15px 15px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/blush/user_gray.png);
padding: 15px 15px 0 0 !important;
}



smooth sailing

Leave a comment

Read comments 3
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.