x_fei
in
cosmicbeats
♣ 12; LAYOUT : DBSK & WONDER GIRLS
First time did layout, so if it sucks, just shoot me.
[3] DBSK / TVXQ :: A Week Holiday
[1] Wonder Girls
TEASERS
Live preview : cosmic-test.
I wanted to make more headers, but my brain refused to cooperate. D:
★ Comments are always appreciated.
★ Do NOT hotlink. *pokespokespokes*
★ Credit cosmicbeats and minty_peach.
★ Join the comm? =D
★ How to credit : Just simply give a link back to this community, and please credit minty_peach too, because however, the original CSS stylesheet is done by her.
★ Thank you! :)
» Works with Basic and Plus account (not sure about the Paid one, but I guess it will work fine as well).
» Flexible Squares, S2.
» The original stylesheet made by minty_peach, modified by x_fei.
» Works perfectly fine with Mozilla, kind of sucks with IE {somehow the livejournal community tiny icon doesn't appear on IE, I wonder why :/}, not sure about other browsers.
» Best viewed on 1024 x 768 or higher (I think? XD)
» RESOURCES.
» Tiny icons by _excentric_.
These layouts basically based on one CSS coding, I just modified some parts so it looks kinda different one to each other.
Instructions :
1. Go to Customize Journal, choose S2 style, save changes.
2. Find "Flexible Squares" and hit 'Apply Theme' on the Autumn one (but basically anything is fine, as long as it still 'flexible squares').
{You can simply type "flexible squares" in the search engine and click 'Search'.}
3. Scroll down, click Customize Selected Theme.
4. Go to Custom CSS, and do these steps, insert the CSS codes and hit Save Changes.
5. Go to Sidebar, set all the options to NO.
If you want to have this, set the BLURB to YES and paste the sidebar codes :
sidebar codes :
and hit Save Changes.
I've uploaded the image headers to imageshack and inserted the link to the code boxes below, but I highly recommend you to upload it to your own server.
EDIT :: You MUST upload the header to your own server, otherwise the header won't show up. :x
How to insert my own image header link to the code below?
:: Go to Custom CSS, simply press CTRL + F (find) and type "for formatting header image", you'll see this and simply change the link to yours.
Please remember, make sure you didn't delete the quotation marks ['] and the brackets [( )], otherwise the header won't show up either.
001. Dong Bang Shin Ki :: A Week Holiday {1}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_1.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px; height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img228.imageshack.us/img228/1347/headerdongbang1sy5.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
002. Dong Bang Shin Ki :: A Week Holiday {2}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_2.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #ffffff;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #afafaf;
background: #000000;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #000000;
border: 10px solid #000000;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #000000;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #000000;
border-top: solid #000000 0px;
border-left: solid #000000 0px;
border-bottom: solid #000000 0px;
border-right: solid #000000 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #000000;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #000000;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #000000;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #000000;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #000000;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #000000;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #000000;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #000000;
background: #00000;
}
.subcontent {
padding: 16px;
background: #000000;
border: 0px solid #000000;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #000000;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #000000 solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #000000;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #000000;
background: #000000;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #000000;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #000000;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img233.imageshack.us/img233/9843/headerdongbang2ed8.png');
background-repeat: no-repeat;
}
.separator {
background: #000000;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
003. Dong Bang Shin Ki :: A Week Holiday {3}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_3.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img219.imageshack.us/img219/8152/headerdongbang3pq7.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
004. Wonder Girls
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_wondergirls.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('http://i79.photobucket.com/albums/j154/fEi_cecEh/background_diagonal.png');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 3px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img515.imageshack.us/img515/6748/headerwondergirlsiv3.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
I hope the instructions are not really that confusing. :x
If you have any questions, just ask. ♥
P.S: If you are looking for more headers, go to Members!special #1 - 17 headers made by hapticlove @ pakpak.
Join the comm to see the awesome headers! :}
[3] DBSK / TVXQ :: A Week Holiday
[1] Wonder Girls
TEASERS
Live preview : cosmic-test.
I wanted to make more headers, but my brain refused to cooperate. D:
★ Comments are always appreciated.
★ Do NOT hotlink. *pokespokespokes*
★ Credit cosmicbeats and minty_peach.
★ Join the comm? =D
★ How to credit : Just simply give a link back to this community, and please credit minty_peach too, because however, the original CSS stylesheet is done by her.
★ Thank you! :)
» Works with Basic and Plus account (not sure about the Paid one, but I guess it will work fine as well).
» Flexible Squares, S2.
» The original stylesheet made by minty_peach, modified by x_fei.
» Works perfectly fine with Mozilla, kind of sucks with IE {somehow the livejournal community tiny icon doesn't appear on IE, I wonder why :/}, not sure about other browsers.
» Best viewed on 1024 x 768 or higher (I think? XD)
» RESOURCES.
» Tiny icons by _excentric_.
These layouts basically based on one CSS coding, I just modified some parts so it looks kinda different one to each other.
Instructions :
1. Go to Customize Journal, choose S2 style, save changes.
2. Find "Flexible Squares" and hit 'Apply Theme' on the Autumn one (but basically anything is fine, as long as it still 'flexible squares').
{You can simply type "flexible squares" in the search engine and click 'Search'.}
3. Scroll down, click Customize Selected Theme.
4. Go to Custom CSS, and do these steps, insert the CSS codes and hit Save Changes.
5. Go to Sidebar, set all the options to NO.
If you want to have this, set the BLURB to YES and paste the sidebar codes :
sidebar codes :
| HELLO My name is blah. I'm xx years old and I live in Disneyland. I have a dog, his name is blah. I love Mickey Mouse and Minnie Mouse. I love Goofy and Donald Duck too! *just simply edit this as you wish* | LINKS » » » YOU CAN ADD ANYTHING HERE » YOUR FACEBOOK » YOUR WEBSITE *just simply edit this as you wish :)* |
and hit Save Changes.
I've uploaded the image headers to imageshack and inserted the link to the code boxes below, but I highly recommend you to upload it to your own server.
EDIT :: You MUST upload the header to your own server, otherwise the header won't show up. :x
How to insert my own image header link to the code below?
:: Go to Custom CSS, simply press CTRL + F (find) and type "for formatting header image", you'll see this and simply change the link to yours.
Please remember, make sure you didn't delete the quotation marks ['] and the brackets [( )], otherwise the header won't show up either.
001. Dong Bang Shin Ki :: A Week Holiday {1}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_1.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px; height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img228.imageshack.us/img228/1347/headerdongbang1sy5.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
;}){kind=link}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
;){kind=link}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
;){kind=link}
002. Dong Bang Shin Ki :: A Week Holiday {2}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_2.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #ffffff;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #afafaf;
background: #000000;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #000000;
border: 10px solid #000000;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #000000;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #000000;
border-top: solid #000000 0px;
border-left: solid #000000 0px;
border-bottom: solid #000000 0px;
border-right: solid #000000 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #000000;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #000000;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #000000;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #000000;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #000000;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #000000;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #000000;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #000000;
background: #00000;
}
.subcontent {
padding: 16px;
background: #000000;
border: 0px solid #000000;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #000000;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #000000 solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #000000;
background-color: #000000;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #000000;
background: #000000;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #000000;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #000000;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img233.imageshack.us/img233/9843/headerdongbang2ed8.png');
background-repeat: no-repeat;
}
.separator {
background: #000000;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
003. Dong Bang Shin Ki :: A Week Holiday {3}
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_dongbang_3.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('PAGE BACKGROUND URL');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 08px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img219.imageshack.us/img219/8152/headerdongbang3pq7.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
004. Wonder Girls
PREVIEW :
header link : http://i79.photobucket.com/albums/j154/fEi_cecEh/cosmicbeats/header_wondergirls.png
CSS codes :
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
modified by: x_fei at (http://community.livejournal.com/cosmicbeats)
DO NOT REMOVE THIS SECTION */
BODY{
margin-top: 0px;
background-color: #000000;
background-image: url('http://i79.photobucket.com/albums/j154/fEi_cecEh/background_diagonal.png');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: left;
font-size: 10px;
color: #8e8e8e;
font-family: "arial", sans-serif;
}
a, a:link, a:visited {
font-family: "Georgia";
cursor: default;
color: #80BA04;
font-weight: light;
text-decoration: none;
}
a:hover{
font-family: "Georgia";
cursor: default;
color: #999;
font-weight: light;
text-decoration: none;
}
::-moz-selection {
background: #eeeeee;
color: #666;
}
blockquote {
margin: 10px 10px;
padding: 5px;
color: #009999;
font-size: 8pt;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 568px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: #FEFEFE;
border: 10px solid #FEFEFE;
padding: 0px;
}
#maincontent {
margin: 5px 5px 5px 5px;
background: #FEFEFE;
}
#sidebar {
width: 500px;
padding: 10px 10px 10px 10px;
margin-top: 3px;
background: #FEFEFE;
border-top: solid #FEFEFE 0px;
border-left: solid #FEFEFE 0px;
border-bottom: solid #FEFEFE 0px;
border-right: solid #FEFEFE 0px;
color: #555555;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
text-align: justify;
float: center;
}
#header {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 2px;
padding-bottom: 3px;
line-height: 30px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: no-repeat;
background-position: center;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #777;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #80BA04;
font-family: georgia;
font-size: 13px;
font-weight: normal;
background-color: #FEFEFE;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#header a:hover {
color: #009999;
font-family: georgia;
font-size: 13px;
background-color: #FEFEFE;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #80BA04;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
div#footer a:hover {
color: #009999;
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title{
display: none;
line-height: 200%;
top: 10px;
}
.subtitle {
display: none;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div#sidebar a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.defaultuserpic {
text-align: center;
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
color: #555555;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 02px;
border: 0px solid #EEE;
background: #FEFEFE;
text-align: center;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
}
li.sbaritem:hover {
background-color: #F0F0F0;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 3px;
list-style: none;
margin-bottom: 3px;
margin-top: 3px;
color: #555555;
border-bottom: solid 1px #ddd;
font-weight: none;
font-family: "Tahoma", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 2pt;
}
/* maincontent */
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
}
.subcontent {
padding: 16px;
background: #FEFEFE;
border: 0px solid #FEFEFE;
}
.entry{
margin: 5px 5px 5px 139px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #777777;
font-family: "arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
div.entry a, div.entry a:link, div.entry a:visited{
text-decoration: none;
color: #80BA04;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
div.entry a:hover {
text-decoration: none;
color: #009999;
font-family: georgia;
text-transform: Uppercase;
padding: 0px;
}
.userpic {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 15px;
margin-right: 15px;
margin-left: 0px;
margin-top: 0px;
z-index: 15px;
background-color: #F5F5F5 !important;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends font {
color: #80BA04 !important;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #009999;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
}
.subject {
padding: 2px;
font-weight: normal;
font-size: 11px;
color:#80BA04;
font-family: georgia;
text-align: left;
border-bottom: 1px #F5F5F5 solid;
text-transform: uppercase;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 1pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #80BA04;
}
.subject a:hover {
color: #009999;
}
.datesubject {
background: #FEFEFE;
padding-left: 10px;
background-image: url('')
background-repeat: no-repeat;
background-position: top-left;
border-left: 0px #FEFEFE solid;
}
.ljtags {
margin-top: 12px;
color: #ccc;
font-size: 9px;
font-weight: light;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #cccccc;
font-size: 7pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #80BA04;
font-size: 9px;
text-transform: none;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #80BA04;
font-size: 7pt;
text-transform: none;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 7pt;
font-weight: light;
text-transform: none;
}
.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
font-weight: none;
padding: 6px;
position: relative;
top: 12px;
border-top: 0px solid #FEFEFE;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 2pt;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #80BA04;
}
div.comments a:hover {
color: #999999;
text-decoration: none;
}
/* maincontent -- year/achive pages */
ul.year{
text-align: center;
padding: 20px 20 20px 20;
border: 0px solid #ffefefe;
background: #FEFEFE;
}
ul.year li {
color: #555555;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
border: 3px solid #FAFAFA;
background: #f4f4f4;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #80BA04;
border: 3px solid #FAFAFA;
}
table.yeartable td.yearday {
background: #FEFEFE;
text-align: center;
}
td.yearmonth {
color: #80BA04;
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* misc */
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #555555;
border: 1px solid #bbb;
background: #FEFEFE;
}
/* for formatting header image */
.headerimage {
position: relative;
width: 588px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img515.imageshack.us/img515/6748/headerwondergirlsiv3.png');
background-repeat: no-repeat;
}
.separator {
background: #FEFEFE;
height: 18px;
}
/*********************************************** COMMENT PAGES ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px;
margin-top: 35px;
color: #bbbbbb;
border-bottom: 1px dashed #aaaaaa;
}
.datesubjectcomment {
background-color: #f5f5f5;
border: 1px solid #bbbbbb;
padding: 7px;
}
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
border: 1px solid #aaaaaa;
background-color: #f5f5f5;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #dddddd;
color: #555555;
}
textarea.textbox {
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
color: #EB8A00;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DB334;
text-transform: uppercase;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
}
.commentboxpartial a:link, .commentboxpartial a:visited {
color: #EB8A00;
}
.commentboxpartial a: hover {
color: #999999;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0 0 !important;
background: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/user1.gif); padding: 13px 13px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i79.photobucket.com/albums/j154/fEi_cecEh/4circlesby_excentric_.gif); padding: 13px 13px 0 0 !important;}
I hope the instructions are not really that confusing. :x
If you have any questions, just ask. ♥
P.S: If you are looking for more headers, go to Members!special #1 - 17 headers made by hapticlove @ pakpak.
Join the comm to see the awesome headers! :}