2 NEW LAYOUTS.

[pokkemonn]

FIRST BATCH OF LAYOUTS.
-2 new layouts.

style: smooth sailing.
accounts: all types.
browsers: firefox, google chrome.


IMG | Live Preview



IMG | Live Preview

R U L E S:

1.) go to livejournal.com/customize/  & set your style to S2.
2.) set your theme to "Smooth Sailing." pick any one.
3.) for the sidebar, make sure you set it to the left, or else it'll mess up the whole layout.
4.) now click on "customize selected theme."
5.) click on "custom CSS" at the bottom of the navigation on the left.
6.) at the top where it says "Use layout's stylesheet(s) when including custom external stylesheet" & where it says "Use external stylesheet(s)" and set both to no.
7.) copy the code for the layout you want below & paste it where it says 'custom stylesheet.' and you're done. :]]
C O D E S:

1st layout:
/* Cleaned CSS: */ /* LAYOUT TITLE: [ L o v e ] Like There's No Tomorrow STYLE SYSTEM: S2 Smooth Sailing CODING: http://pokkemonn.livejournal.com TINY ICONS: http://www.famfamfam.com HEADER IMAGE: weheartit.com EDITING: pokkemon */ body { font-family: Trebuchet MS, Palatino Linotype; font-size: 7pt; margin: 0px; background-color: #000000; color: #ffffff; background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Backgrounds/Backgrounds/i187683357_7853.jpg); background-repeat: repeat !important; background-position: top center; } a:link { color: #cccccc; text-decoration: none; } a:visited { color: #999999; text-decoration: none; } a:active { color: #cccccc; text-decoration: none; } a:hover { color: #ffffff; text-transform: none; text-decoration: none; } .pageblock{ width:704px; margin: 0 auto; } .pagefooterblock { font-size: 0pt; } .pagefooterblock a, .pagefooterblock a:visited { display:none; } /* HEADER */ .pageheaderblock { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Icons/Pokkemonn/LJ%20Lyts/banner03.png); left:50%; background-repeat: no-repeat; height: 400px; width: 704px; } .header-title { display:none; } .header-subtitle { display:none; } .header-icon { display:none; } .header-menu { padding: 4px; font-family: Georgia; font-size: 10px; text-align:center; width:695px; position:absolute; top:404.5px; left:50%; margin-left: -353px; letter-spacing:.1em; font-weight:bold; background:#333333; border:1px solid #666666; } .header-menu a, .header-menu a:visited { color:#999999; font-size: 10px; padding:8px; text-decoration:none; display:inline; margin-bottom:0px; } .header-menu a:hover { font-size: 10px; text-decoration:strikethrough; color:#666666; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 4px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { padding: 36px 10px 10px 10px; } .bodyheaderblock { display:none; } .bodynavblock a, .bodynavblock a:visited { } .body-midtitle { display:none; } /*ENTRIES*/ .entryHolder { background-color: #333333; width:696px; overflow:auto; color: #999999; font-size: 7pt; text-align: justify; background:#333333; margin: 4px 0px 4px 0px; margin-left:-10px !important; text-align: justify; line-height:14px; padding:4px; margin-top: 10px; border:1px solid #000000; } .entryUserinfo { display: visiable; float: right !important; text-align: center; background-color:#666666; border: 1px solid #cccccc; padding:4px; margin: 2px 2px 4px 6px; } .entryUserinfo-usericon img { border: 0px; } .entryText { padding: 6px; } .entryText font, .entryText span,.entryText div{ color: #383838 !important; font-size: 10.5pt !important; font-family: Garamond, Palatino Linotype !important; } .entryText img{ margin: 1px 6px 4px 2px; max-width:660px; opacity: 1; padding: 5px; border: 1px solid #999999; filter: alpha(opacity=70); } .entryText img:hover{ opacity: .8; filter: alpha(opacity=100); padding: 5px; border: 1px solid #cccccc; } .entryHeader { background:#666666; color: #cccccc; font-family: ; font-size: 12px; padding: 4px 4px 4px px; text-align: left; } .entryHeaderSubject { font-weight: bold; } .entryHeaderDate { font-size: 12px; color:#999999; font-family: Georgia; font-weight: bold; padding: 4px; } .entryHeaderSubject { text-align:right; font-size: 12px; font-weight: bold; font-family: Georgia; color:#cccccc; display:block; margin-left:0px; text-align:left; padding: 0px 0px 0px 0px; letter-spacing:.1em; margin-bottom:4px; background:#666666; border-bottom:1px solid #999999; } .entryMetadata { padding-left: 2px; } .entryMetadata ul { width:306px; margin: 12px; padding: 6px; padding-top:7px; border: 1px solid #CFF9FF; background:#EFFFFF; color:#475E5F; } .entryMetadata li { list-style: none; display: block; padding-right:2px; font-size: 10pt; line-height:1em; padding: 0px 0px 0px 0px; } .entryMetadata-label { padding-right: 2px; } .entryMetadata Img{ display:none; } .entryLinkbar { font-family: Georgia; font-size: 11px; text-align:center; padding: 2px 0px 2px 0px; margin: 12px; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 2px; display: inline; } /*FOOTER*/ #footer-menu { font-size: 11pt; width:704px; background:#333333; margin-left:-11px; border: 1px solid #999999; border-top: 1px solid #999999; } #footer-menu a, .footer-menu a:visited { font-family: Georgia; color: #cccccc; white-space: nowrap; padding:8px; text-align: left; margin: 4px 4px 4px 4px font-went:bold; } #footer-menu a:hover { color:#ffffff; } /*SIDEBAR*/ .sidebar { display:none; background-color: #000; font-family: ; font-size: 8pt; margin-left: 10px; width:144px; padding-top:48px; } .sidebox { color: #c9c8c9; line-height: 10pt; background-color:; text-align:justify; margin: 6px 0px 6px 0px; } .sideboxTitle { font-family: Georgia; color: #fff; font-size:9pt; font-weight:bold; display:block; margin-bottom:0px; text-align:left; padding: 2px 2px 0px 2px; letter-spacing:3px; background:#373737; } .sideboxContent { text-align: justify; padding: 2px 4px 20px 4px; } .sidebox #profile{ text-align: center; padding: 6px 0px 6px 0px; } .sidebox #latestmonth{ text-align: center; font-size: 8pt; padding:8px; } .sidebox #search { text-align: right; } .sidebox #tags_sidebox { text-align:center; } .sidebox #systemlinks { text-align: justify; } .sidebox #latestmonth table{ width: 80px; margin-left: auto; margin-right: auto; margin-top: 4px; font-family: Palatino Linotype; } .listtitle { font-weight: bold; letter-spacing:2px; background:#432525; width:138px; padding-top:2px; color:#A1A0A0; } .profile-label { font-weight: bold; } input, textarea, select { border:1px solid #373737; font-size:9.8px; color:#c9c8c9; padding: 2px; margin-top:4px; background-color:#232323; font-family: Palatino Linotype, sans-serif; } .latestmonth-active { margin:1px; padding:1px; background-color:#000; color:#000; border-left:1px solid #2F2F2F; border-top:1px solid #2F2F2F; border-right:1px solid #373737; border-bottom:1px solid #373737; } .latestmonth-inactive { background-color:#232323; margin:1px; padding:1px; color:#fff; border-right:1px solid #373737; border-bottom:1px solid #373737; border-left:1px solid #2F2F2F; border-top:1px solid #2F2F2F; } /*OTHER PAGES*/ /* COMMENT PAGE */ .commentHolder { width:704px; overflow:auto; background:#333333; color: #999999; font-size: 7pt; text-align: justify; margin: 4px 0px 4px 0px; padding-top:px; left:50%; margin-left:-98px; text-align: justify; border:1px solid #cccccc; } .commentUserinfo { font-family: Times New Roman; font-size: 10.5pt; display: visiable; float: right !important; text-align: center; background-color:#666666; border: 1px solid #cccccc; padding:4px; margin: 4px 2px 2px 6px; } .commentUserinfo-usericon img { border: 0; } .commentText { padding: 6px; } .commentHeader { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; background-position: top right; background-color: #EFFFFF; font-size: 12px; font-weight: bold; font-family:Georgia; color:#cccccc; font-size: 13px; padding: 16px 0px 4px 8px; border-bottom: 1px solid #cccccc; } .commentHeader a{ color: #cccccc; } .commentHeaderScreened { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; background-position: top right; background-color: #cccccc; font-size: 12px; font-weight: bold; font-family:Georgia; color:#cccccc; font-size: 13px; padding: 16px 0px 4px 8px; border-bottom: 1px solid #cccccc; } .commentHeaderSubject { font-size: 12px; font-weight: bold; font-family:Georgia; color:#999999; font-size: 13px; } .commentLinkbar { font-family:Georgia; font-size: 7px; background-color: #666666; text-align:right; padding: 2px 0px 2px 0px; } .commentLinkbar ul { margin: 0px; padding: 0px; background-color: #666666; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; background-color: #666666; } .replyform { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; height:470px; width: 705px; color: #cccccc; left:50%; margin-left:-97px; margin-top:4px; padding:2px; } #commenttext{ } /*ARCHIVE PAGE*/ .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 610px; border: 0px solid #cccccc; margin: 8px 8px 8px 40px; } .daysubjects { color: #999999; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; background-color:#333333; color: #178BBF; border-bottom:1px solid #666666; border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 1px solid #666666; } .day-blank { background-color: #999999; border-right: 1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; } .day { border-right: 1px solid #666666; border-bottom:1px solid #666666; background-color: #333333; border-left:1px solid #666666; } .day-date { background-color: #999999; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #666666; width: 30%; text-align: center; } .day-count { width: 30%; text-align: left; float: right; font-size: 10pt; } .day-count a { color: #999999; } .day-count a:hover { color:#cccccc; text-decoration: none; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #999999; } .tagstable { width: 500px; } textarea{ width: 68%; background:#333333; padding: 2px; color: #999999; font-family: Courier New; font-size: 8pt; letter-spacing: .8px; border-left: 2px solid #666666; border-top: 2px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; } ::-moz-selection { color: #666666; } blockquote { background-color:#333333; margin: 20px 20px; padding: 4px; color:#666666; font-size: 7px; font-family:Georgia; text-align: justify; border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; border-left: 3px double #cccccc; border-right: 4px double #cccccc; width:74%; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://cbimg6.com/layouts/08/08/30560af.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } html body{ padding-top: 0 !important; } #lj_controlstrip{ display: none !important; }

2nd layout:
/* Cleaned CSS: */ /* LAYOUT TITLE: Romance is Dead. STYLE SYSTEM: S2 Smooth Sailing CODING: http://pokkemonn.livejournal.com TINY ICONS: http://www.famfamfam.com HEADER IMAGE: weheartit.com EDITING: pokkemon */ body { font-family: Trebuchet MS, Palatino Linotype; font-size: 7pt; margin: 0px; background-color: #000000; color: #ffffff; background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Backgrounds/Backgrounds/Victorian/i195159144_80817.jpg); background-repeat: repeat !important; background-position: top center; } a:link { color: #cccccc; text-decoration: none; } a:visited { color: #999999; text-decoration: none; } a:active { color: #cccccc; text-decoration: none; } a:hover { color: #ffffff; text-transform: none; text-decoration: none; } .pageblock{ width:704px; margin: 0 auto; } .pagefooterblock { font-size: 0pt; } .pagefooterblock a, .pagefooterblock a:visited { display:none; } /* HEADER */ .pageheaderblock { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Icons/Pokkemonn/LJ%20Lyts/banner04.png); left:50%; background-repeat: no-repeat; height: 400px; width: 704px; } .header-title { display:none; } .header-subtitle { display:none; } .header-icon { display:none; } .header-menu { padding: 4px; font-family: Georgia; font-size: 10px; text-align:center; width:695px; position:absolute; top:404.5px; left:50%; margin-left: -353px; letter-spacing:.1em; font-weight:bold; background:#333333; border:1px solid #666666; } .header-menu a, .header-menu a:visited { color:#999999; font-size: 10px; padding:8px; text-decoration:none; display:inline; margin-bottom:0px; } .header-menu a:hover { font-size: 10px; text-decoration:strikethrough; color:#666666; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 4px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { padding: 36px 10px 10px 10px; } .bodyheaderblock { display:none; } .bodynavblock a, .bodynavblock a:visited { } .body-midtitle { display:none; } /*ENTRIES*/ .entryHolder { background-color: #333333; width:696px; overflow:auto; color: #999999; font-size: 7pt; text-align: justify; background:#333333; margin: 4px 0px 4px 0px; margin-left:-10px !important; text-align: justify; line-height:14px; padding:4px; margin-top: 10px; border:1px solid #000000; } .entryUserinfo { display: visiable; float: right !important; text-align: center; background-color:#666666; border: 1px solid #cccccc; padding:4px; margin: 2px 2px 4px 6px; } .entryUserinfo-usericon img { border: 0px; } .entryText { padding: 6px; } .entryText font, .entryText span,.entryText div{ color: #383838 !important; font-size: 10.5pt !important; font-family: Garamond, Palatino Linotype !important; } .entryText img{ margin: 1px 6px 4px 2px; max-width:660px; opacity: 1; padding: 5px; border: 1px solid #999999; filter: alpha(opacity=70); } .entryText img:hover{ opacity: .8; filter: alpha(opacity=100); padding: 5px; border: 1px solid #cccccc; } .entryHeader { background:#666666; color: #cccccc; font-family: ; font-size: 12px; padding: 4px 4px 4px px; text-align: left; } .entryHeaderSubject { font-weight: bold; } .entryHeaderDate { font-size: 12px; color:#999999; font-family: Georgia; font-weight: bold; padding: 4px; } .entryHeaderSubject { text-align:right; font-size: 12px; font-weight: bold; font-family: Georgia; color:#cccccc; display:block; margin-left:0px; text-align:left; padding: 0px 0px 0px 0px; letter-spacing:.1em; margin-bottom:4px; background:#666666; border-bottom:1px solid #999999; } .entryMetadata { padding-left: 2px; } .entryMetadata ul { width:306px; margin: 12px; padding: 6px; padding-top:7px; border: 1px solid #CFF9FF; background:#EFFFFF; color:#475E5F; } .entryMetadata li { list-style: none; display: block; padding-right:2px; font-size: 10pt; line-height:1em; padding: 0px 0px 0px 0px; } .entryMetadata-label { padding-right: 2px; } .entryMetadata Img{ display:none; } .entryLinkbar { font-family: Georgia; font-size: 11px; text-align:center; padding: 2px 0px 2px 0px; margin: 12px; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 2px; display: inline; } /*FOOTER*/ #footer-menu { font-size: 11pt; width:704px; background:#333333; margin-left:-11px; border: 1px solid #999999; border-top: 1px solid #999999; } #footer-menu a, .footer-menu a:visited { font-family: Georgia; color: #cccccc; white-space: nowrap; padding:8px; text-align: left; margin: 4px 4px 4px 4px font-went:bold; } #footer-menu a:hover { color:#ffffff; } /*SIDEBAR*/ .sidebar { display:none; background-color: #000; font-family: ; font-size: 8pt; margin-left: 10px; width:144px; padding-top:48px; } .sidebox { color: #c9c8c9; line-height: 10pt; background-color:; text-align:justify; margin: 6px 0px 6px 0px; } .sideboxTitle { font-family: Georgia; color: #fff; font-size:9pt; font-weight:bold; display:block; margin-bottom:0px; text-align:left; padding: 2px 2px 0px 2px; letter-spacing:3px; background:#373737; } .sideboxContent { text-align: justify; padding: 2px 4px 20px 4px; } .sidebox #profile{ text-align: center; padding: 6px 0px 6px 0px; } .sidebox #latestmonth{ text-align: center; font-size: 8pt; padding:8px; } .sidebox #search { text-align: right; } .sidebox #tags_sidebox { text-align:center; } .sidebox #systemlinks { text-align: justify; } .sidebox #latestmonth table{ width: 80px; margin-left: auto; margin-right: auto; margin-top: 4px; font-family: Palatino Linotype; } .listtitle { font-weight: bold; letter-spacing:2px; background:#432525; width:138px; padding-top:2px; color:#A1A0A0; } .profile-label { font-weight: bold; } input, textarea, select { border:1px solid #373737; font-size:9.8px; color:#c9c8c9; padding: 2px; margin-top:4px; background-color:#232323; font-family: Palatino Linotype, sans-serif; } .latestmonth-active { margin:1px; padding:1px; background-color:#000; color:#000; border-left:1px solid #2F2F2F; border-top:1px solid #2F2F2F; border-right:1px solid #373737; border-bottom:1px solid #373737; } .latestmonth-inactive { background-color:#232323; margin:1px; padding:1px; color:#fff; border-right:1px solid #373737; border-bottom:1px solid #373737; border-left:1px solid #2F2F2F; border-top:1px solid #2F2F2F; } /*OTHER PAGES*/ /* COMMENT PAGE */ .commentHolder { width:704px; overflow:auto; background:#333333; color: #999999; font-size: 7pt; text-align: justify; margin: 4px 0px 4px 0px; padding-top:px; left:50%; margin-left:-98px; text-align: justify; border:1px solid #cccccc; } .commentUserinfo { font-family: Times New Roman; font-size: 10.5pt; display: visiable; float: right !important; text-align: center; background-color:#666666; border: 1px solid #cccccc; padding:4px; margin: 4px 2px 2px 6px; } .commentUserinfo-usericon img { border: 0; } .commentText { padding: 6px; } .commentHeader { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; background-position: top right; background-color: #EFFFFF; font-size: 12px; font-weight: bold; font-family:Georgia; color:#cccccc; font-size: 13px; padding: 16px 0px 4px 8px; border-bottom: 1px solid #cccccc; } .commentHeader a{ color: #cccccc; } .commentHeaderScreened { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; background-position: top right; background-color: #cccccc; font-size: 12px; font-weight: bold; font-family:Georgia; color:#cccccc; font-size: 13px; padding: 16px 0px 4px 8px; border-bottom: 1px solid #cccccc; } .commentHeaderSubject { font-size: 12px; font-weight: bold; font-family:Georgia; color:#999999; font-size: 13px; } .commentLinkbar { font-family:Georgia; font-size: 7px; background-color: #666666; text-align:right; padding: 2px 0px 2px 0px; } .commentLinkbar ul { margin: 0px; padding: 0px; background-color: #666666; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; background-color: #666666; } .replyform { background-image: url(http://i578.photobucket.com/albums/ss224/Debesis/Piczo/Backgrounds/i224431006_55279.jpg); !important; background-repeat: repeat; height:470px; width: 705px; color: #cccccc; left:50%; margin-left:-97px; margin-top:4px; padding:2px; } #commenttext{ } /*ARCHIVE PAGE*/ .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 610px; border: 0px solid #cccccc; margin: 8px 8px 8px 40px; } .daysubjects { color: #999999; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; background-color:#333333; color: #178BBF; border-bottom:1px solid #666666; border-right: 1px solid #666666; border-top: 1px solid #666666; border-left: 1px solid #666666; } .day-blank { background-color: #999999; border-right: 1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; } .day { border-right: 1px solid #666666; border-bottom:1px solid #666666; background-color: #333333; border-left:1px solid #666666; } .day-date { background-color: #999999; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #666666; width: 30%; text-align: center; } .day-count { width: 30%; text-align: left; float: right; font-size: 10pt; } .day-count a { color: #999999; } .day-count a:hover { color:#cccccc; text-decoration: none; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #999999; } .tagstable { width: 500px; } textarea{ width: 68%; background:#333333; padding: 2px; color: #999999; font-family: Courier New; font-size: 8pt; letter-spacing: .8px; border-left: 2px solid #666666; border-top: 2px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; } ::-moz-selection { color: #666666; } blockquote { background-color:#333333; margin: 20px 20px; padding: 4px; color:#666666; font-size: 7px; font-family:Georgia; text-align: justify; border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; border-left: 3px double #cccccc; border-right: 4px double #cccccc; width:74%; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://cbimg6.com/layouts/08/08/30560af.png); padding: 16px 16px 0 2px !important; margin: 0px !important; } html body{ padding-top: 0 !important; } #lj_controlstrip{ display: none !important; }

credit isn't required, but it's still nice. :)