LJ Override: I MISS YOU

Nov 18, 2006 16:50

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
  1. Log-in to your LJ account
  2. Go to Manage >> Customize Journal
  3. In Basics set the Style System to S2, then go to Look and Feel and set the Layout and Language to Smooth Sailing
  4. 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...)
  5. Go to Custom CSS and check No and No in that order.
  6. Copy the desired override and paste into the Custom Stylesheet section.

EXTRA (COOL) RULES
  1. DO NOT ALTER MY HEADER IMAGE. I BASH YOU.
  2. 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.

smooth sailing, yunho, yoochun, jaejoong, templates, junsu, changmin, dbsk, overrides, s2

Previous post Next post
Up