{s2} Flexible Squares → Kaanivaru: mintyapple

kaanivaru in mintyapple

{s2} Flexible Squares → Kaanivaru

Dec 31, 2010 14:42

image ¦ live

READ ME!
► Thank you for looking~!
► Credit xloliconsx for the layout. Where? Please put it in your profile/Bio/user info.
► You may edit the stylesheet, however, please credit xloliconsx. ex. if you change the header and colors and background, please still credit the community for the coding.
► DO NOT claim any of these images as your own.
► DO NOT alter any changes to the images.
► DO NOT redistribute.
► PLEASE READ THE INSTRUCTIONS/RULES BEFORE ASKING ANY QUESTIONS. There is more instructions within the download file, so please be sure to read that too.
► Credit for tiny icons: pinvoke; damnicons; dodoki.
►If you don't know how to add the image in the sidebar of the layout, do this:
Go customize your sidebar and just add the image in the blurb box.

and just make sure the image's width isn't bigger than 290px.

► More can be found at xloliconsx.

TITLE: Tear Me Up
ARTIST: SHINee
STYLE: S2
THEME: Flexible Squares
BROWSER: Mostly all
STYLESHEET: /*
Layout by kaanivaru@xloliconsx.livejournal.com
Stylesheet by kaanivaru.livejournal.com
Style System: S2
Theme: Flexible Squares
*/

body {background: #fafafa;text-align: center;color: #555555;font-family: arial, tahoma, sans-serif;font-size: 9pt;margin: auto;}

a, a:link, a:visited {color: #bfd6e9;text-decoration: none;}

a:hover {color: #a2caeb;text-decoration: none;position: relative;top: 1px;left: 1px;}

p, td, {font-size: 7pt;}
i {color: #8f7051;}
i:hover {color: #b8ab86;}
b {color: #6e869f;font-variant: small-caps;}
u, s {color: #AAAAAA;letter-spacing: 2pt;}
u:hover {text-decoration: none;}
s:hover {text-decoration: none;}
code, kbd, pre, tt {font-family: monospace;}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content {width: 600px;margin: 0px auto auto 310px;background-color: transparent;}

#maincontent {margin: 0px 0px 0 0px;}

#sidebar {position: fixed;float: left;margin-left: -305px;width: 300px;background-color: #FFFFFF; margin-top: 180px;font-family: Lucida Console, sans-serif;color: #bcbcbc;font-size: 8pt;text-align: center;}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {margin-top: 0px;padding: 0px;text-align: left;letter-spacing: 2px; text-transform: uppercase; color: #666666;font-size: 7pt;margin:auto;}

.headerimage {background-image: url('');background-repeat: no-repeat;background-position: center;height: 0px;width: 0px;margin: 0 auto;}

div#header a, div#header a:link, div#header a:visited {postion:relative;font-family:Arial,Geneva,sans-serif;color: #FFFFFF;text-transform: uppercase;padding: 10px;}

div#header li.view {color: #bcc5cc;padding: 10px;}

div#header a:hover {color:#9bc2ea;}

.title {display: none;}
.subtitle{display: none;}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
ul.navheader {position: fixed;width: 300px;padding: 0px;margin: 0px;margin-left: -305px;text-align: right;background-color: transparent;}

ul.navheader li {display: block;text-align: left;padding: 5px;margin-bottom: 15px;background-color: #f0f0f0;}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {min-height: 120px;margin-right:0px; width: 600px;margin-left: auto; margin-right: auto;background-color: #ffffff;}

.entry {margin: auto;padding: 15px;text-align: justify;line-height: 1.75;background-color: #ffffff;margin-right:80px;}

body.lj-view-reply .entry{background-color: #FFFFFF;min-height:100px;}

.userpic {position: relative;margin: 10px -60px 0px 15px;float: right;background: #c6c6c6 url('http://i52.tinypic.com/wryfya.jpg')repeat;text-align: center;z-index: 15;padding: 10px;border:10px solid #f0f0f0;}

.userpic:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

.userpicfriends {position: relative;float: right;background: #c6c6c6 url('http://i52.tinypic.com/wryfya.jpg')repeat!important;text-align: center;z-index: 15;margin: 5px;padding: 10px;border:10px solid #f0f0f0;}

.userpicfriends:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

.userpicfriends a font, .userpicfriends a{color: #000000;letter-spacing:1px;font-style: normal!important;text-align: center;font-weight:normal!important;}

.userpicfriends a:hover font, .userpicfriends a:hover{color: #333333; font-style: normal!important;font-weight:normal!important;}

.date {margin-top: 10pt;padding: 5px;color: #888888;font-size: 10pt;letter-spacing: -2px;}

.subject {padding: 5px;letter-spacing: -2px;line-height:.8;margin: 10px;text-align: right;line-height:;font-size: 25pt;color:#DDDDDD;text-transform: capitalized;}

.datesubject {padding: 5px;text-align: right;background-color: #f0f0f0;font-family: courier new;}

.entry ul li {padding: 0px;margin: 0px 0px 0px 15px;}

.entry ol li {padding: 0px;margin: 0px 0px 0px 15px;}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i46.tinypic.com/jkax6d.png) no-repeat scroll 100% 50%;margin: 50px 0 0 auto;width:350px; text-transform: lowercase; color: #444444; font-weight: bold;font-size: 0}
.ljtags a {font-size: 7pt;margin-left:5px;padding:0 2px}

.currents {text-align: left;background-color: #FDFDFD; margin:0 118px 0 0px; padding: 8px 25px; clear:;text-transform: lowercase; font-size: 9px; color: #c2c2c2;border-left: 10px solid #F0F0F0;}
.currents strong {text-decoration: none; color: #999999;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 0 4px 12px; background: transparent none no-repeat scroll 0 50%; }
.currentlocation {background-image: url(http://i43.tinypic.com/1562vkh.png)}
.currentmood{background-image: url(http://i40.tinypic.com/vo08pg.png)}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png)}
.currentmusic {background-image: url(http://i39.tinypic.com/2r4lgrl.png)}
.currentmood img{vertical-align:middle}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {color: #444444;font-size: 7pt;letter-spacing: 1px;text-transform: lowercase;text-align: left; padding: 5px 0px 5px 5px;position:relative;margin:5px;}

div.comments a, div.comments a:link, div.comments a:visited {padding: 2px 3px;margin: 0 4px 0 auto;display: inline;position:relative;margin-top: 4px;color: #444444;line-height:.65;}

div.comments a:hover {color: #2D2D2D;}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{height: 25px;background-color: transparent!important;}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {float: left;text-align: center;margin: 10px 0px 0px 10px;padding: 0px;display: none;}

.defaultuserpic img {padding: 0px;border: 5px solid #e9e9e9;margin-top: 25px;width: 50px;height: 50px;}

.sbarheader {padding: 0px 5px 0px 5px;}

.sbarbody {text-align: left;padding: 2px 5px 2px 5px;}

.sbarbody2 {text-align: left;padding: 2px 5px 2px 5px;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #bfd6e9;text-decoration: none;}

div#sidebar a:hover {color: #a2caeb;text-decoration: none;}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {margin-right: auto;margin-left: auto;text-align: left;display: none;}

.sbarcalendar {border-color: #e9e9e9;border-width: 1px;border-style: solid;background-color: #e9e9e9;text-align: center;font-size: 7pt;}

.sbarcalendarposts {border-color: #F3F3F3;border-width: 1px;border-style: solid;background-color: #F3F3F3;text-align: center;font-size: 7pt;}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;text-align: right;}

li.sbaritem{display:block; padding:2px 3px; margin:0 2px;border-width: 0px 0px 1px 0px;border-style:dashed; border-color:#f0f0f0;}

li.sbaritem:hover {border-color:#ededed;border-width: 1px 0px 0px 1px;background-color: #eeeeee;text-align: left;}

li.sbartitle{display:none;}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {width: 100%;text-align: center;letter-spacing: 1px;background-color: transparent;z-index: 100;clear: both;}

ul.navfooter{padding: 0px;margin: 0px;}

ul.navfooter li {display: inline;padding: 5px;margin: 0 5px 0 5px;}

.clearfoot {clear: both;}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {text-align: center;padding-bottom: 40px;}

ul.year li {display: inline;}

table.yeartable {margin-left: auto;margin-right: auto;}

table.yeartable td.yeardate, table.yeartable td.yearday {border-width: 1px;border-style: solid;border-color: #fdfdfd;}

table.yeartable td.yearday {color: #666666;background-color: #f6f6f6;text-align: left;}

td.yearmonth {border-style: none;background-color: #FFFFFF;}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {background-color: #fafafa;padding: 5px;margin-top: 0px;text-align: left;}

.userpiccomment {position: relative;float: left;padding: 0px;margin-right: 10px;text-align: center;border-style: solid;border-width: 8px;border-color: #eeeeee;background:;font-family: arial, sans-serif;font-size: 9pt;z-index: 15;width:80px; height:80px;}

.box {background-color:transparent;clear: left;color:#CCCCCC;margin:0 auto;width:600px;}

input, textarea, select {background: #FFFFFF;font-family: arial,sans-serif;color: #aaaaaa;font-size: 9pt;border: 1px dashed #f4f4f4;}

textarea.textbox {width: 90% !important;border: 1px dashed #f4f4f4;}

.reply {position: relative;margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;text-align: left;font-family: arial, sans-serif;font-size: 9pt;line-height: 125%;background-color: #FFFFFF;color: #aaaaaa;}

.replytosubject {font-weight: bold;}

.commentreply {color:#858585;font-family: arial,sans-serif;font-size:9pt;padding:8px 0;position:relative;}

.commentbox {background-color: transparent;color:#858585;font-size:9pt;margin:10px 0;padding:5px}

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #676767;}

.datesubjectcomment a:hover {color:#999999;}

.commentboxpartial {padding:10px;margin:10px;background-color: transparent!important;}

.commentbox {background-color:transparent;color:#9b9b9b;font-size:9pt;margin:10px 0;padding:5px}

.commentinfo {margin-top:0px;width: 100%;}

.skiplinks {font-size: 9pt;text-align:center;}
/*--------------------------------------------
Contextual Pop-up
-----------------------------------------*/
div.ContextualPopup .Content {padding: 10px;margin: 4px 59px 4px 4px;background:#FFFFFF url('http://i51.tinypic.com/2je6w3p.jpg')repeat!important;font-size: 10px;color:#777777;font-family: arial, sans serif;border: 5px solid #f0f0f0;font-weight:none;}

div.ContextualPopup div.Inner {position: relative;top: -2px;left: -2px;background-color:transparent!important;color: #BBBBBB!important;border:0;font-weight: none;}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: none;color:#6e869f!important;}

div.ContextualPopup div.Inner a:hover {color:#444444!important; background-color:transparent;}

div.ContextualPopup .Relation {font-family:times, sans serif;font-size:17px;letter-spacing: 2px;font-weight:none;text-transform:uppercase;}

div.ContextualPopup .Userpic img {border:5px solid #f0f0f0;margin: -4px -10px 0 0;}

#lj_controlstrip {background:#c6c6c6;
width:;}

#lj_controlstrip a {color: #555555;}

#lj_controlstrip a:hover {color: #fdfdfd;text-decoration:none;}

#lj_controlstrip_statustext {color:#6e869f;}

#lj_controlstrip input {background:#c6c6c6;color: #555555;font-family: arial;font-size: 9pt;font-weight: none;border: 1px solid #f2f2f2;letter-spacing:-1px; }

#lj_controlstrip td {border:0 none;}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {height: 15px;}

.userpic img, .userpicfriends img {background-color: transparent!important;width: 100px;height: 100px;}

blockquote {border-top: 5px solid #EDEDED;background: #f8f8f8;font-family: verdana, sans-serif;text-indent: 50px;letter-spacing:3px;font-size: 7pt;color: #666666;padding: 5px 15px 5px 15px;margin: 5px;-moz-border-radius-bottomright: 20px;-moz-border-radius-topleft: 20px;}

blockquote:hover {border-top: 5px solid #DDDDDD;}

::-moz-selection { background: #EDEDED; color: #888888; }

::selection { background: #F0F0F0; color: #555555; }

code::-moz-selection { background: #EDEDED; color: #888888;}

code::selection { background: #DDDDDD; color: #EEEEEE;}
/*--------------------------------------------
Mini Icons
-----------------------------------------*/
.subject img { vertical-align: middle !important; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"]{height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i46.tinypic.com/35lephc.jpg) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0; height: 0; padding: 10px 10px 0px 0px !important;
background: transparent url(http://i47.tinypic.com/2nbeg4w.jpg) no-repeat scroll 0 0;}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important;
background: url(http://i47.tinypic.com/28mp9iv.jpg) no-repeat scroll 0 0; }
.ljuser img { width: 0; height: 0; padding: 10px 10px 0 2px !important; vertical-align: middle !important;
background: transparent url(http://i50.tinypic.com/rvje2r.jpg) no-repeat 0 0; }
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i45.tinypic.com/6y026h.jpg) no-repeat center left !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] {
background: transparent url(http://i45.tinypic.com/24uyd0h.jpg) no-repeat scroll 0 0 !important;
padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] {
background: transparent url(http://i42.tinypic.com/dq0t47.png) no-repeat scroll 0 0;
padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="newsinfo.gif"] {
background: transparent url(http://i41.tinypic.com/71ledv.png) no-repeat scroll 0 0;
padding: 16px 16px 0 0px !important; vertical-align:middle !important;}
.ljuser img[src*="partnercomm.gif"] {
background: transparent url(http://i41.tinypic.com/rv9186.png) no-repeat scroll 0 0;
padding: 16px 16px 0 0px !important; vertical-align:middle !important; }
.ljuser img[src*="sponcomm.gif"] {
background: transparent url(http://i42.tinypic.com/2hec8s4.png) no-repeat scroll 0 0;
padding: 16px 16px 0 0px !important; vertical-align:middle !important;}

DON'T KNOW HOW TO CREDIT A LAYOUT?

Layout by : .

It will be muchly appreciated!

style: flexible squares