This is for the Dong Bang fans! <3
Style: S2 Smooth Sailing
Account Types: Basic/Free and Paid
Compatible Browsers:
Mozilla Firefox and Internet Explorer
Features: Dong Bang Shin Ki
Sidebars: None
I Miss You
body {
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 0px;
margin: 0px;
background-color: #373034;
color: #ffffff;
background-image: url(BACKGROUND_IMAGEURL);
}
a {
color: #77BF77;
}
a:visited {
color: #8B9F8B;
}
a:hover {
background-color: #FFFFFF;
color: #8B9F8B;
}
input, textarea, select {
margin: 0px 1px 1px 0px;
border-right: 4px solid #8B9F8B;
border-left: 1px solid #8B9F8B;
border-bottom: 1px solid #8B9F8B;
border-top: 1px solid #8B9F8B;
background-color: #f2f2f2;
background: url(TEXTAREABGIMAGE_URL);
color: #8B9F8B;
font-family: Arial, sans-serif;
font-size: 11px;
}
blockquote {
margin: 10px 20px;
padding: 10px;
border-left: 10px solid #D97A40;
background: url(BLOCKQUOTEBGIMAGE_URL);
font-color: #DDDDDD;
}
.entryHeaderDate a {
color : #bbbbbb;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #bbbbbb;
text-decoration : underline;
}
.header-title {
display: none;
width: 484px;
background-color: #ffffff;
font-family: Georgia, Times New Roman;
font-size: 30px;
color: #8B9F8B;
letter-spacing: -3px;
text-transform: lowercase;
padding: 30px 8px 0px 8px;
margin: 10px auto 0px auto;
text-align: center;
}
.header-subtitle {
display: none;
width: 484px;
background-color: #ffffff;
color: #77BF77;
font-family: Georgia, Times New Roman;
font-size: 24px;
letter-spacing: -1px;
text-transform: lowercase;
border-bottom: 1px dashed #8B9F8B;
padding: 0px 8px 10px 8px;
margin: 0px auto 0px auto ;
text-align: center;
}
.header-icon {
display: none;
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #bbbbbb;
border-bottom: 2px solid #bbbbbb;
}
.pageblock {
background-image: url(HEADER IMAGE);
background-repeat: no-repeat;
background-position: top center;
width: 500px;
height: 365px!important;
margin: auto auto;
z-index: 1;
}
.pageheaderblock{
text-align: center;
padding-top: 365px;
}
.pagefooterblock {
width: 484px;
background-color: #ffffff;
color: #bbbbbb;
padding: 0px 8px 15px 8px;
margin: auto auto;
text-align: center;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #bbbbbb;
}
.bodyblock {
width: 484px;
margin-left: auto;
margin-right: auto;
padding: 8px;
background: white;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
border-top: 0px solid #bbbbbb;
background-color: #ffffff;
color: #bbbbbb;
margin: 10px 0px 0px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #bbbbbb;
}
.body-title {
font-size: 18px;
color: #bbbbbb;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-size: 18px;
color: #bbbbbb;
text-align: left;
padding-left: 8px;
}
.entryHolder {
color: #A1A1A1;
text-align: justify;
background-color: #FFFFFF;
font-size: 10px;
margin: 0px 0px 8px 0px;
}
.entryUserinfo {
text-align: center;
margin: 0px;
background: #FFFFFF;
}
.entryUserinfo-usericon img {
border-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding: 10px;
}
.entryText {
padding: 6px;
border-left: 1px solid #f6f6f6;
}
.entryHeader {
border-bottom: 1px solid #f6f6f6;
background-color: #FFFFFF;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #bbbbbb;
}
.entryHeaderSubject {
font-size: 11px;
text-transform: uppercase;
color: #77BF77;
}
.entryHeaderDate{
font-size: 11px;
text-transform: uppercase;
color: #D97A40;
}
.entryMetadata {
padding-left: 0px;
}
.entryMetadata ul {
margin: 0px;
padding: 20px;
border-left: 1px solid #f6f6f6;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-size: 10px;
color: #77BF77;
text-align: right;
padding: 4px 0px 4px 0px;
border-top: 1px solid #f6f6f6;
}
.entryLinkbar ul {
margin: 0px;
padding: 2px;
}
.entryLinkbar li {
padding: 0px 5px 15px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #A1A1A1;
text-align: justify;
background-color: #FFFFFF;
font-size: 10px;
margin: 0px 0px 8px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px;
background: #FFFFFF;
}
.commentUserinfo-usericon img {
border-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding: 10px;
}
.commentText {
padding: 6px;
border-left: 1px solid #f6f6f6;
}
.commentHeader {
border-bottom: 1px solid #f6f6f6;
background-color: #FFFFFF;
color: #D97A40;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #bbbbbb;
}
.commentHeaderScreened {
border-bottom: 1px solid #f6f6f6;
background-color: #FFFFFF;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
color: #D97A40;
}
.commentLinkbar {
font-size: 10px;
color: #77BF77;
text-align: right;
padding: 4px 0px 4px 0px;
border-top: 1px solid #f6f6f6;
}
.commentLinkbar ul {
margin: 0px;
padding: 2px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #FFFFFF;
color: #A1A1A1;
border: 1px dashed #A1A1A1;
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 80%;
border: 1px solid #ffffff;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #8B9F8B;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #8B9F8B;
background: #FFFFFF;
color: #A1A1A1;
}
.day-blank {
border: 1px solid #8B9F8B;
}
.day {
border: 1px solid #8B9F8B;
}
.day-date {
border-right: 1px solid #8B9F8B;
border-bottom: 1px solid #8B9F8B;
color: #A1A1A1;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #ffffff;
}
.sidebar {
display: none;
font-size: 10px;
margin-left: 8px;
width: 200px;
}
.sidebox {
color: #A1A1A1;
background-color: #FFFFFF;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
background-color: #FFFFFF;
color: #8B9F8B;
font-size: 10px;
padding: 4px 0px 4px 8px;
text-align: left;
border-bottom: 1px solid #f6f6f6;
}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}
.header-menu {
display: block;
width: 484px;
padding: 0px 8px 0px 8px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
background-color: #FFFFFF;
font-size: 9px;
text-align: center;
text-transform: uppercase;
line-height: 20px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #77BF77;
text-decoration: none;
}
.header-menu a:hover {
background-color: #373034;
color: #8B9F8B;
}
#footer-menu {
font-size: 10px;
}
#footer-menu a, .footer-menu a:visited {
color: #bbbbbb;
white-space: nowrap;
padding: 6px;
text-align: left;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #ffffff;
}
.tagstable {
width: 484px;
}
.entryHeader img[src="
http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 11px 15px 0;
background: url(ENTRYLOCKEDIMAGE_URL);
}
.entryHeader img[src="
http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 15px 15px 0;
background: url(FRIENDSONLYIMAGE_URL);
}
.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
/* so that IE users will still see an image */
background-image: url(ENTRYLOCKEDIMAGE_URL);
padding: 11px 15px 0 0;
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
/* so that IE users will still see an image */
background-image: url(USERSIMAGE_URL);
padding: 15px 15px 0 0;
}
.ljuser img[src="
http://stat.livejournal.com/img/userinfo.gif"] {
background-image: url(USERSIMAGE_URL);
padding: 15px 15px 0 0;
}
.ljuser img[src="
http://stat.livejournal.com/img/community.gif"] {
background-image: url(COMMUNITYIMAGE_URL);
padding: 15px 15px 0 0;
}
.ljuser img[src="
http://stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(USERSIMAGE_URL);
padding: 15px 15px 0 0;
}
Images
Please save to your computer and upload these to a host yourself. Do not direct link...otherwise everything dies...seriously! >.>
= BACKGROUND_IMAGEURL
= TEXTAREABGIMAGE_URL
= BLOCKQUOTEBGIMAGE_URL
= ENTRYLOCKEDIMAGE_URL
= FRIENDSONLYIMAGE_URL
= USERSIMAGE_URL
= COMMUNITYIMAGE_URL
= HEADER IMAGE
Installation Details
- Log-in to your LJ account
- Go to Manage >> Customize Journal
- In Basics set the Style System to S2, then go to Look and Feel and set the Layout and Language to Smooth Sailing
- In Custom Options click on Menu and make sure that the Memories is turned off to NO, this step is very important, otherwise your menu will...KILL THE LAYOUT. (frankly speaking...)
- Go to Custom CSS and check No and No in that order.
- Copy the desired override and paste into the Custom Stylesheet section.
EXTRA (COOL) RULES
- DO NOT ALTER MY HEADER IMAGE. I BASH YOU.
- Do NOT alter the oveerides in anyway - that includes changing the header. Colours and background image I'll accept. Cos I'm pro-gangster *cough*
Got A Question? There's a Problem? Comment.
- Comment and credit
sothery if taking.
- Direct linking my images is BAD.
- Stealing is not classified as cool and you will be buried alive if you do.
- No repackaging of overrides. Repackage and DIE!
-
Resource Post &
Tags.
-
Crediting Tutorial.
- Feel free to
friend this journal for updates.