TVXQ S2 livejournal layout
Visual Pollution presents 1 TVXQ S2 (flexible squares) livejournal layout:
Thumbnail:
Visit stopmylove to see the layout in action!
How to Install
How to install this layout:
1.) If you're using SYSTEM 1 layouts, first go to Journal Display and change the Style System to S2. Click Save Changes.
2.) In the Journal Display, now go to Select a New Theme, and in the search box search Flexible Squares and click on any layout with that theme. Click Save Changes.
3.) Now go to Custom CSS. At that section, select "No" in each of the dropdown menus, and in the large section at the bottom that says, Custom stylesheet, paste in the following code:
BODY {
margin-top: 0px;
background-color:#0C1921;
background-image: url('http://i38.tinypic.com/288ny9t.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "tahoma", sans-serif;
font-size: 10px;
scrollbar-arrow-color:#2A2F42;
scrollbar-track-color:#0C1921;
scrollbar-face-color:#0C1921;
scrollbar-highlight-color:#0C1921;
scrollbar-3dlight-color:#2A2F42;
scrollbar-darkshadow-color:#2A2F42;
scrollbar-shadow-color:#0C1921;
}
a, a:link, a:visited {
text-decoration: none;
color: #95777D;
padding: 0px;
}
b, div#sidebar b, strong, div#sidebar strong {
color: #D9B1A7;
padding: 0px;
}
i, div#sidebar i, em, div#sidebar em {
color: #B191A7;
padding: 0px;
}
u, div#sidebar u {
color: #D7C8B7;
padding: 0px;
}
a:hover {
color: #B28F8D;
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: tahoma;
}
#content {
width: 608px;
margin-left: auto; margin-right: auto;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
border-top: dashed 0px #bbbbbb;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 10px;
padding: 10px;
font-family: "tahoma", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
color:#7B8890;
border-top: solid 1px #2A2F42;
border-left: solid 1px #2A2F42;
border-right: solid 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
margin-right:0px;
margin-left: 150px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
font-family: tahoma;
font-size: 25px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: tahoma;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
background-image: url();
background-repeat: repeat;
}
#sidebar {
padding-top: 10px;
margin-top: 52px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
border-top: solid 1px #2A2F42;
border-left: solid 1px #2A2F42;
border-right: solid 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #AC9D97;
width: 155px;
float: left;
text-align: justify;
}
/* 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: #95777D;
padding: 5px;
font-size: 10px;
font-family: tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #DDAB97;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #95777D;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #C5B2A5;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 0px 0 0px;
}
.title {
text-align: center;
color: #AC9D97;
font-family: "tahoma", sans-serif;
font-size: 14pt;
letter-spacing: 1px;
text-transform: ;
padding: 5px;
}
.subtitle {
text-align: center;
color: #51546F;
font-family: "tahoma", sans-serif;
font-size: 8pt;
letter-spacing: 2pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #95777D
}
div#sidebar a:hover {
color:#5D6A72;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align:center;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #B28F8D;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #0C1921;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #CCB9B0;
border-width: 1px;
background-color:#0C1921;
background-image: url();
background-repeat: repeat;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
list-style: none;
background: #0C1921;
background-image: url();
background-repeat: repeat;
border-left: solid 4px #2A2F42;
border-bottom: dashed 1px #2A2F42;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #0C1921;
border-left: solid 4px #DDD3C8;
color:#DDD3C8;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#C1AFA6;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "tahoma", sans-serif;
font-size: 10px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
color:#AC9D97;
font-family: "tahoma", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #2A2F42;
line-height: 10pt;
border-style: dashed;
border-left: dashed 1px #2A2F42;
border-right: dashed 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.userpicfriends {
position: relative;
float: left;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.date {
line-height: 200%;
top: 5px;
font-family: "tahoma", sans-serif;
font-size: 10px;
color: #AC9D97;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:left;
letter-spacing: 0pt;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
}
.subject {
padding: 2px;
font-weight: none;
color:#BC9891;
font-family: "tahoma", sans-serif;
border-bottom: dashed 1px #0C1921;
text-align:left;
font-size: 10px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #DDD3C8;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "tahoma", sans-serif;
font-size: 10px;
color: #A1918E;
}
.comments {
font-family: tahoma, sans-serif;
font-size: 10px;
text-align: right;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
border-top: dashed 1px #0C1921;
padding: 5px;
position: relative;
top: 20px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #AC9D97;
border-left: solid 0px #C3C0AD;
border-bottom: solid 0px #C3C0AD;
border-right: solid 0px #C3C0AD;
border-top: solid 0px #C3C0AD;
font-size: 10px;
font-weight: lighter;
padding:5px;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #000000;
border-left: solid 0px #0093FA;
border-bottom: solid 0px #0093FA;
border-right: solid 0px #0093FA;
border-top: solid 0px #0093FA;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: tahoma, sans-serif;
font-size: 10px;
color: #BFA9A0;
margin-top: 13px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 628px;
height: 388px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i34.tinypic.com/214y236.jpg');
background-repeat: no-repeat;
background-position: center;
}
Click Save Changes.
Notes: And you can add sidebar links by going to Links List and follow the directions there. To add normal text to the sidebar, go to Custom Options and then to Sidebar and modify the options there. Click Save Changes.
Rules:
Please do not edit the image or remove the credit from the image. Also, it'd be nice if you could provide a link back to joongie in the sidebar! :)
Requests
Because I like to take requests, you can tell me what you want by requesting here!
Thumbnail:
Visit stopmylove to see the layout in action!
How to Install
How to install this layout:
1.) If you're using SYSTEM 1 layouts, first go to Journal Display and change the Style System to S2. Click Save Changes.
2.) In the Journal Display, now go to Select a New Theme, and in the search box search Flexible Squares and click on any layout with that theme. Click Save Changes.
3.) Now go to Custom CSS. At that section, select "No" in each of the dropdown menus, and in the large section at the bottom that says, Custom stylesheet, paste in the following code:
BODY {
margin-top: 0px;
background-color:#0C1921;
background-image: url('http://i38.tinypic.com/288ny9t.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "tahoma", sans-serif;
font-size: 10px;
scrollbar-arrow-color:#2A2F42;
scrollbar-track-color:#0C1921;
scrollbar-face-color:#0C1921;
scrollbar-highlight-color:#0C1921;
scrollbar-3dlight-color:#2A2F42;
scrollbar-darkshadow-color:#2A2F42;
scrollbar-shadow-color:#0C1921;
}
a, a:link, a:visited {
text-decoration: none;
color: #95777D;
padding: 0px;
}
b, div#sidebar b, strong, div#sidebar strong {
color: #D9B1A7;
padding: 0px;
}
i, div#sidebar i, em, div#sidebar em {
color: #B191A7;
padding: 0px;
}
u, div#sidebar u {
color: #D7C8B7;
padding: 0px;
}
a:hover {
color: #B28F8D;
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: tahoma;
}
#content {
width: 608px;
margin-left: auto; margin-right: auto;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
border-top: dashed 0px #bbbbbb;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 10px;
padding: 10px;
font-family: "tahoma", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
color:#7B8890;
border-top: solid 1px #2A2F42;
border-left: solid 1px #2A2F42;
border-right: solid 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
margin-right:0px;
margin-left: 150px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
font-family: tahoma;
font-size: 25px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: tahoma;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
background-image: url();
background-repeat: repeat;
}
#sidebar {
padding-top: 10px;
margin-top: 52px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
border-top: solid 1px #2A2F42;
border-left: solid 1px #2A2F42;
border-right: solid 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #AC9D97;
width: 155px;
float: left;
text-align: justify;
}
/* 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: #95777D;
padding: 5px;
font-size: 10px;
font-family: tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #DDAB97;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #95777D;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #C5B2A5;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 0px 0 0px;
}
.title {
text-align: center;
color: #AC9D97;
font-family: "tahoma", sans-serif;
font-size: 14pt;
letter-spacing: 1px;
text-transform: ;
padding: 5px;
}
.subtitle {
text-align: center;
color: #51546F;
font-family: "tahoma", sans-serif;
font-size: 8pt;
letter-spacing: 2pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #95777D
}
div#sidebar a:hover {
color:#5D6A72;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align:center;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #B28F8D;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #0C1921;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #CCB9B0;
border-width: 1px;
background-color:#0C1921;
background-image: url();
background-repeat: repeat;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
list-style: none;
background: #0C1921;
background-image: url();
background-repeat: repeat;
border-left: solid 4px #2A2F42;
border-bottom: dashed 1px #2A2F42;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #0C1921;
border-left: solid 4px #DDD3C8;
color:#DDD3C8;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#C1AFA6;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "tahoma", sans-serif;
font-size: 10px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
color:#AC9D97;
font-family: "tahoma", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #2A2F42;
line-height: 10pt;
border-style: dashed;
border-left: dashed 1px #2A2F42;
border-right: dashed 1px #2A2F42;
border-bottom: dashed 1px #2A2F42;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.userpicfriends {
position: relative;
float: left;
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 1px solid;
border-right:#2A2F42 2px solid;
border-bottom:#2A2F42 2px solid;
border-left:#2A2F42 1px solid;
padding:2px;
}
.date {
line-height: 200%;
top: 5px;
font-family: "tahoma", sans-serif;
font-size: 10px;
color: #AC9D97;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:left;
letter-spacing: 0pt;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
}
.subject {
padding: 2px;
font-weight: none;
color:#BC9891;
font-family: "tahoma", sans-serif;
border-bottom: dashed 1px #0C1921;
text-align:left;
font-size: 10px;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #DDD3C8;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #0C1921;
background-image: url();
background-repeat: repeat;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "tahoma", sans-serif;
font-size: 10px;
color: #A1918E;
}
.comments {
font-family: tahoma, sans-serif;
font-size: 10px;
text-align: right;
background-color: #2A2F42;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
border-top: dashed 1px #0C1921;
padding: 5px;
position: relative;
top: 20px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #AC9D97;
border-left: solid 0px #C3C0AD;
border-bottom: solid 0px #C3C0AD;
border-right: solid 0px #C3C0AD;
border-top: solid 0px #C3C0AD;
font-size: 10px;
font-weight: lighter;
padding:5px;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #000000;
border-left: solid 0px #0093FA;
border-bottom: solid 0px #0093FA;
border-right: solid 0px #0093FA;
border-top: solid 0px #0093FA;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: tahoma, sans-serif;
font-size: 10px;
color: #BFA9A0;
margin-top: 13px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 628px;
height: 388px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i34.tinypic.com/214y236.jpg');
background-repeat: no-repeat;
background-position: center;
}
Click Save Changes.
Notes: And you can add sidebar links by going to Links List and follow the directions there. To add normal text to the sidebar, go to Custom Options and then to Sidebar and modify the options there. Click Save Changes.
Rules:
Please do not edit the image or remove the credit from the image. Also, it'd be nice if you could provide a link back to joongie in the sidebar! :)
Requests
Because I like to take requests, you can tell me what you want by requesting here!