DBSK & Yoosu Layouts

[heaven_smiles]

So, my first distribution of layouts..Hope you guys like it...It features DBSK and Yoosu of course.

Preview




So same CSS but different headers and you can preview both live..The live preview will be available for a week

First one - DBSK - Dark and Dark, lol



/*------- my babys got the lonesome lows, by milou_veronica an s2 layout in flexible squares. Works with free, paid, and plus. Compatable with IE, FF, and Safari. Header by heaven_smiles...Don't edit the header or remove the credits...Thank you... --------*/ .headerimage {position: relative; background: url(http://i4.photobucket.com/albums/y135/ghettoplayasmooth/lj%20layouts/lvu.png); width: 600px; height: 400px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 5px; } body { padding: 0px; background-color: #3f3f3f; text-align: center; color: #777777; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 20px 0 10px 0; } a, a:link, a:visited { color: #4DA1CF; text-decoration: none; } a:hover { color: #95CFEF; text-decoration: none; } blockquote { border-left: 3px #eeeeee solid; border-right: 3px #eeeeee solid; color: #888888; font-size: 11px; background-color: #ffffff; padding: 5px; } blockquote:hover { border-left: 3px #A7C6DF solid; border-right: 3px #A7C6DF solid; color: #888888; font-size: 11px; background-color: #f2f2f2; padding: 5px; } code, kbd, pre, tt { font-family: monospace; } /*------- General page alignment and width--------*/ #content { background-color: #ffffff; width: 600px; padding: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; border-width: 0px; } #maincontent { margin: 0px 0px 0px 180px; background-color: #ffffff; padding: 15px 15px 0px 15px; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; color: #888888; border: 0px; text-align: left; } #sidebar { padding: 10px 5px 0px 5px; margin: 0px 0px 20px 0px; background-color: #ffffff; border: 0px ; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; color: #888888; width: 170px; float: left; text-align: left; } /*------- Header stuff--------*/ #header { padding: 3px 0px 10px 0px; margin: 0px; text-align: right; font-size: 14px; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; text-transform: lowercase; border-top: 0px solid #3f3f3f; background-color: #1d1d1d; color: #ffffff; } .title {padding-left: 10px; margin-top: 8px; text-align: left; text-transform: lowercase;color: #27587F; font-size: 25px; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; background-color: #1d1d1d;} .subtitle{padding-left: 10px; text-align: left; text-transform: lowercase; font-size: 12px; color: #8FA9BF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; background-color: #1d1d1d; padding-bottom: 10px;} div#header a, div#header a:link, div#header a:visited{ color: #666666; margin-left: 1px; margin-right: 1px; padding: 8px 6px 7px 6px; background-color: #1d1d1d; } div#header a:hover { color: #888888; margin-left: 1px; margin-right: 1px; padding: 8px 6px 7px 6px; background-color: #333333; } div#header li.view { color: #136D9F; margin-left: 1px; margin-right: 1px; margin-top: 10px; padding: 8px 6px 7px 6px; background-color: #3f3f3f; } div#footer a, div#footer a:link, div#footer a:visited {color: #666666; } div#footer a:hover {color:#888888;} div#footer li.viewing {color: #0B7FBF;} ul.navheader{ padding: 5px; margin: 0px 0px 10px 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px;} /*---------Entry stuff- -------*/ .subcontent {} .entry {margin: 0px 10px 10px 5px; padding: 11px; background-color: #ffffff; line-height: 150%; color: #888888; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; text-align: justify; border: 0px;} .userpic {position: relative; float: right; margin: 2px 0px 10px 10px; background-color: #f3f3f3; padding: 12px; margin: 10px; z-index: 15; border-bottom: 1px #aaaaaa solid; border-right: 1px #cccccc solid; } .date { line-height: 10%; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; letter-spacing: 3px; top: 5px; text-transform: uppercase; color: #cccccc; font-size: 13px; } .subject { line-height: 100%; text-align: left; text-transform: lowercase; font-weight: strong; padding: 2px 2px 2px 20px; color: #0081AF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 16px; background: url("http://i31.tinypic.com/25ez2gg.png") no-repeat; background-position: center left;} .subject a, .subject a:link, .subject a:visited { color: #4DA1CF; } .subject a:hover {color: #95CFEF;} .datesubject { margin: 5px 0px 0px 0px; background-color: #ffffff; padding: 2px; border-bottom: 1px solid #eeeeee; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } /*--------- Entry Stuff - Current Mood, Music and Location----------*/ .clearfoot, .currents strong, { display:none; } .currentlocation strong, .currentmood strong, .currentmusic strong { color: white; font-size: 9px; font-weight: normal; display:none; } .currents, .currentmood, .currentmusic .currentlocation{ padding: 5px 0px 5px 18px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif; background-color: #f1f1f1; border: 1px solid #eeeeee; width: 300px;} .currentlocation { padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i26.tinypic.com/2ufahwy.png") no-repeat; background-position: center left; border: 0px;} .currentmood {padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i27.tinypic.com/51yofk.png") no-repeat; background-position: center left; border: 0px;} .currentmusic {padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i30.tinypic.com/20gnzwo.png") no-repeat; background-position: center left; border: 0px;} .ljtags { margin-top: 20px; margin-bottom: 0px; padding: 5px 0px 5px 18px; text-transform: lowercase; font-size: 7pt; color: #888888; background: url("http://i29.tinypic.com/eq4hub.png") #f1f1f1 no-repeat; background-position: center left; border: 1px solid #eeeeee; width: 300px;} h2 { font-size:18px; text-decoration: bold; text-transform: lowercase; color: #0081AF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; margin: 0px 0px 0px 20px; font-weight:normal; padding: 5px 0px 5px 25px; background: url("http://i27.tinypic.com/2gt9t7t.png") no-repeat; background-position: center left; } .ljtaglist { margin: 0px 0px 0px 45px; background-color:#ffffff; padding:5px; color:#888888; font-size:10px; border:0px ; } /*----------------- Entry Stuff - Comments-----------------*/ .comments { margin-top: 20px; font-family: Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 14px; text-align: center; background-color: #ffffff; padding: 0px 5px 0px 5px; position: relative; top: 15px;} div.comments a, div.comments a:link, div.comments a:visited{ color: #4DA1CF; } div.comments a:hover { color: #95CFEF; text-decoration: none; } .separator{ height: 45px;} /*---------- Special friends page customization------*/ .userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 5px; margin: 5px 0px 5px 5px; text-align: center; border-style: solid; border-width: 0px; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; z-index: 15; } .userpicfriends img { border: #e5e5e5 1px solid; background-color: #f1f1f1 !important; padding: 7px; } .userpicfriends a font { color: #4DA1CF;} /*------ Sidebar-------------------------*/ .defaultuserpic { text-align: center; } .defaultuserpic img { padding:4px; border: 1px #dddddd solid;} .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { margin-top: 10px; padding: 0px 5px 0px 5px;} .sbarbody2 { padding: 0px 15px 0 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #4DA1CF; } div#sidebar a:hover { color: #95CFEF; text-decoration: none; } li.sbartitle { font-family: Arial, Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 12px; color: #777777; padding: 4px; font-weight: bold; list-style: none; border-width: 0px; background-color: #ffffff; margin-bottom: 0px; margin-top: 10px;} /*----------- Sidebar - Calendar------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar {padding: 3px; border: 1px #f6f6f6 solid; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 10px; } .sbarcalendarposts { border: 1px #f6f6f6 solid; background-color: #f1f1f1; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 10px; padding: 3px;} /*--------------Sidebar ------------*/ ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; } .sbarlist { padding: 10px 0px 0px 0px; margin: 0px; } li.sbaritem { padding: 2px 4px 2px 4px; border-bottom: 1px solid #dddddd;} li.sbaritem:hover { background-color: #f1f1f1;} /*-------- footer------------------------------------*/ #footer { border: 0px ; padding: 0px ; margin: 0px; text-align: center; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #1d1d1d; color: #888888; z-index: 100; clear: both; line-height: 30px; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 0px;} .clearfoot {clear:both; background-color: #1d1d1d;} /*-------------- Archive Pages----------------*/ ul.year { text-align: center; padding-bottom: 20px; color: #BFE2FF; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 10px;} ul.year li { display: inline; color: #4C8CAF; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 14px;} table.yeartable { margin-left: auto; margin-right: auto; padding: 10px; width: 85%;} table.yeartable td.yeardate, table.yeartable td.yearday { padding: 10px; border-width: 1px; border-style: solid; border-color: #cccccc; } table.yeartable td.yearday { background-color: #EFEFEF; color: #6B7F8F; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 12px;} td.yearmonth { border-style: none; } /*----------- Comments pages-----*/ .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border: 1px solid #dddddd; background-color: #ffffff; top: -30px; left: 0px; padding: 3px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-top: 1px solid #cccccc; padding: 10px; clear: right; } input, textarea { background-color: #ffffff; color: #888888; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #ffffff; color: #888888; } .replytosubject { font-weight: bold; border-bottom: 1px solid #dddddd;} .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Tahoma, "Verdana", sans-serif; color: #888888; } .commentbox { border-left: 0px solid #f1f1f1;; padding: 10px; margin: 10px; background-color: #ffffff; } .commentbox:hover, .commentboxpartial:hover { border-color: #FFCFCF; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #4DA1CF; } .datesubjectcomment a:hover { color: #95CFEF; } .commentboxpartial { border-color: #999999; border-width: 0px; border-style: solid; padding: 10px; margin: 10px; background-color: #fffffff;} .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;} .skiplinks { text-align: center;} .clear {height: 15px;} /*-----------------MINI ICONS by famfamfam----------------*/ .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 16px 14px 0 2px !important; background: url(http://i25.tinypic.com/29eoiet.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 16px 14px 0 2px !important; background: url(http://i29.tinypic.com/5ma8mw.png);} .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i26.tinypic.com/ve2d5k.png); padding: 16px 14px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i26.tinypic.com/ve2d5k.png); padding: 16px 16px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i32.tinypic.com/11r8w9s.png); padding: 16px 16px 0 2px !important;} img[src="http://p-stat.livejournal.com/img/btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i29.tinypic.com/qz5hrn.png); } img[src="http://p-stat.livejournal.com/img/btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i27.tinypic.com/10ogwlg.png);} img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i26.tinypic.com/dmupf7.png); } img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i32.tinypic.com/bii5z.png); } img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/1zp032s.png); } img[src="http://p-stat.livejournal.com/img/btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/bhkf0l.png); } img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i27.tinypic.com/2ezsln9.png); } img[src="http://p-stat.livejournal.com/img/btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i26.tinypic.com/ifxrsy.png); } img[src="http://p-stat.livejournal.com/img/anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i32.tinypic.com/29ush7l.png); } img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/zyefxv.png); } img[src="http://p-stat.livejournal.com/img/talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/302o01f.png); } img[src="http://p-stat.livejournal.com/img/help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i29.tinypic.com/314fgh2.png); } img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/2ccp2ld.png); } img[src="http://p-stat.livejournal.com/img/talk/sm01_smiley.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i25.tinypic.com/23www1t.png); } img[src="http://p-stat.livejournal.com/img/talk/sm02_wink.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i28.tinypic.com/vpybnr.png); } img[src="http://p-stat.livejournal.com/img/talk/sm04_shock.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i30.tinypic.com/2gy35n5.png); } /*---------------contexual pop-up ----------*/ div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; } div.ContextualPopup div.Inner { background:transparent !important; color: #888888 !important; border: 0px; padding: 10px; width: 300px; } div.ContextualPopup .Userpic { padding: 2px; margin-left: 12px; background:#ffffff; border: 1px solid #ececec; } div.ContextualPopup .Content { padding: 5px; border: 1px solid #ececec; margin: 4px 80px 4px 4px; background:#ffffff; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important; } div.ContextualPopup .Relation { font-variant:small-caps; font-size:12px; color:#4C8CAF;}

You may join that community if you like but it's not yet active or live...It's just for this preview

Yoosu couple [ Where would I be without them?] - Bright but yet a bit of grayness..I thought the color would be too bright for the CSS but it actually matched, lol.




/*------- my babys got the lonesome lows, by milou_veronica an s2 layout in flexible squares. Works with free, paid, and plus. Compatable with IE, FF, and Safari. Header by heeaven_smiles....Don't edit the header or remove the graphics...Thank you. --------*/ .headerimage {position: relative; background: url(http://i4.photobucket.com/albums/y135/ghettoplayasmooth/lj%20layouts/lvparadise.png); width: 600px; height: 400px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 5px; } body { padding: 0px; background-color: #3f3f3f; text-align: center; color: #777777; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 20px 0 10px 0; } a, a:link, a:visited { color: #4DA1CF; text-decoration: none; } a:hover { color: #95CFEF; text-decoration: none; } blockquote { border-left: 3px #eeeeee solid; border-right: 3px #eeeeee solid; color: #888888; font-size: 11px; background-color: #ffffff; padding: 5px; } blockquote:hover { border-left: 3px #A7C6DF solid; border-right: 3px #A7C6DF solid; color: #888888; font-size: 11px; background-color: #f2f2f2; padding: 5px; } code, kbd, pre, tt { font-family: monospace; } /*------- General page alignment and width--------*/ #content { background-color: #ffffff; width: 600px; padding: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; border-width: 0px; } #maincontent { margin: 0px 0px 0px 180px; background-color: #ffffff; padding: 15px 15px 0px 15px; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; color: #888888; border: 0px; text-align: left; } #sidebar { padding: 10px 5px 0px 5px; margin: 0px 0px 20px 0px; background-color: #ffffff; border: 0px ; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; color: #888888; width: 170px; float: left; text-align: left; } /*------- Header stuff--------*/ #header { padding: 3px 0px 10px 0px; margin: 0px; text-align: right; font-size: 14px; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; text-transform: lowercase; border-top: 0px solid #3f3f3f; background-color: #1d1d1d; color: #ffffff; } .title {padding-left: 10px; margin-top: 8px; text-align: left; text-transform: lowercase;color: #27587F; font-size: 25px; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; background-color: #1d1d1d;} .subtitle{padding-left: 10px; text-align: left; text-transform: lowercase; font-size: 12px; color: #8FA9BF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; background-color: #1d1d1d; padding-bottom: 10px;} div#header a, div#header a:link, div#header a:visited{ color: #666666; margin-left: 1px; margin-right: 1px; padding: 8px 6px 7px 6px; background-color: #1d1d1d; } div#header a:hover { color: #888888; margin-left: 1px; margin-right: 1px; padding: 8px 6px 7px 6px; background-color: #333333; } div#header li.view { color: #136D9F; margin-left: 1px; margin-right: 1px; margin-top: 10px; padding: 8px 6px 7px 6px; background-color: #3f3f3f; } div#footer a, div#footer a:link, div#footer a:visited {color: #666666; } div#footer a:hover {color:#888888;} div#footer li.viewing {color: #0B7FBF;} ul.navheader{ padding: 5px; margin: 0px 0px 10px 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px;} /*---------Entry stuff- -------*/ .subcontent {} .entry {margin: 0px 10px 10px 5px; padding: 11px; background-color: #ffffff; line-height: 150%; color: #888888; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; text-align: justify; border: 0px;} .userpic {position: relative; float: right; margin: 2px 0px 10px 10px; background-color: #f3f3f3; padding: 12px; margin: 10px; z-index: 15; border-bottom: 1px #aaaaaa solid; border-right: 1px #cccccc solid; } .date { line-height: 10%; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; letter-spacing: 3px; top: 5px; text-transform: uppercase; color: #cccccc; font-size: 13px; } .subject { line-height: 100%; text-align: left; text-transform: lowercase; font-weight: strong; padding: 2px 2px 2px 20px; color: #0081AF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 16px; background: url("http://i31.tinypic.com/25ez2gg.png") no-repeat; background-position: center left;} .subject a, .subject a:link, .subject a:visited { color: #4DA1CF; } .subject a:hover {color: #95CFEF;} .datesubject { margin: 5px 0px 0px 0px; background-color: #ffffff; padding: 2px; border-bottom: 1px solid #eeeeee; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } /*--------- Entry Stuff - Current Mood, Music and Location----------*/ .clearfoot, .currents strong, { display:none; } .currentlocation strong, .currentmood strong, .currentmusic strong { color: white; font-size: 9px; font-weight: normal; display:none; } .currents, .currentmood, .currentmusic .currentlocation{ padding: 5px 0px 5px 18px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif; background-color: #f1f1f1; border: 1px solid #eeeeee; width: 300px;} .currentlocation { padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i26.tinypic.com/2ufahwy.png") no-repeat; background-position: center left; border: 0px;} .currentmood {padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i27.tinypic.com/51yofk.png") no-repeat; background-position: center left; border: 0px;} .currentmusic {padding: 5px 0px 5px 18px; font-size: 7pt; color: #888888; background: url("http://i30.tinypic.com/20gnzwo.png") no-repeat; background-position: center left; border: 0px;} .ljtags { margin-top: 20px; margin-bottom: 0px; padding: 5px 0px 5px 18px; text-transform: lowercase; font-size: 7pt; color: #888888; background: url("http://i29.tinypic.com/eq4hub.png") #f1f1f1 no-repeat; background-position: center left; border: 1px solid #eeeeee; width: 300px;} h2 { font-size:18px; text-decoration: bold; text-transform: lowercase; color: #0081AF; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; margin: 0px 0px 0px 20px; font-weight:normal; padding: 5px 0px 5px 25px; background: url("http://i27.tinypic.com/2gt9t7t.png") no-repeat; background-position: center left; } .ljtaglist { margin: 0px 0px 0px 45px; background-color:#ffffff; padding:5px; color:#888888; font-size:10px; border:0px ; } /*----------------- Entry Stuff - Comments-----------------*/ .comments { margin-top: 20px; font-family: Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 14px; text-align: center; background-color: #ffffff; padding: 0px 5px 0px 5px; position: relative; top: 15px;} div.comments a, div.comments a:link, div.comments a:visited{ color: #4DA1CF; } div.comments a:hover { color: #95CFEF; text-decoration: none; } .separator{ height: 45px;} /*---------- Special friends page customization------*/ .userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 5px; margin: 5px 0px 5px 5px; text-align: center; border-style: solid; border-width: 0px; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; z-index: 15; } .userpicfriends img { border: #e5e5e5 1px solid; background-color: #f1f1f1 !important; padding: 7px; } .userpicfriends a font { color: #4DA1CF;} /*------ Sidebar-------------------------*/ .defaultuserpic { text-align: center; } .defaultuserpic img { padding:4px; border: 1px #dddddd solid;} .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { margin-top: 10px; padding: 0px 5px 0px 5px;} .sbarbody2 { padding: 0px 15px 0 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #4DA1CF; } div#sidebar a:hover { color: #95CFEF; text-decoration: none; } li.sbartitle { font-family: Arial, Tahoma, "Verdana", sans-serif; text-transform: lowercase; font-size: 12px; color: #777777; padding: 4px; font-weight: bold; list-style: none; border-width: 0px; background-color: #ffffff; margin-bottom: 0px; margin-top: 10px;} /*----------- Sidebar - Calendar------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar {padding: 3px; border: 1px #f6f6f6 solid; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 10px; } .sbarcalendarposts { border: 1px #f6f6f6 solid; background-color: #f1f1f1; text-align: center; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 10px; padding: 3px;} /*--------------Sidebar ------------*/ ul.sbarlist { padding: 10px 0px 0px 0px; margin: 0; list-style-type: none; } .sbarlist { padding: 10px 0px 0px 0px; margin: 0px; } li.sbaritem { padding: 2px 4px 2px 4px; border-bottom: 1px solid #dddddd;} li.sbaritem:hover { background-color: #f1f1f1;} /*-------- footer------------------------------------*/ #footer { border: 0px ; padding: 0px ; margin: 0px; text-align: center; font-family: Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #1d1d1d; color: #888888; z-index: 100; clear: both; line-height: 30px; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 0px;} .clearfoot {clear:both; background-color: #1d1d1d;} /*-------------- Archive Pages----------------*/ ul.year { text-align: center; padding-bottom: 20px; color: #BFE2FF; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 10px;} ul.year li { display: inline; color: #4C8CAF; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 14px;} table.yeartable { margin-left: auto; margin-right: auto; padding: 10px; width: 85%;} table.yeartable td.yeardate, table.yeartable td.yearday { padding: 10px; border-width: 1px; border-style: solid; border-color: #cccccc; } table.yeartable td.yearday { background-color: #EFEFEF; color: #6B7F8F; text-align: center; font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif; font-size: 12px;} td.yearmonth { border-style: none; } /*----------- Comments pages-----*/ .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border: 1px solid #dddddd; background-color: #ffffff; top: -30px; left: 0px; padding: 3px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-top: 1px solid #cccccc; padding: 10px; clear: right; } input, textarea { background-color: #ffffff; color: #888888; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #ffffff; color: #888888; } .replytosubject { font-weight: bold; border-bottom: 1px solid #dddddd;} .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Tahoma, "Verdana", sans-serif; color: #888888; } .commentbox { border-left: 0px solid #f1f1f1;; padding: 10px; margin: 10px; background-color: #ffffff; } .commentbox:hover, .commentboxpartial:hover { border-color: #FFCFCF; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #4DA1CF; } .datesubjectcomment a:hover { color: #95CFEF; } .commentboxpartial { border-color: #999999; border-width: 0px; border-style: solid; padding: 10px; margin: 10px; background-color: #fffffff;} .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;} .skiplinks { text-align: center;} .clear {height: 15px;} /*-----------------MINI ICONS by famfamfam----------------*/ .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 16px 14px 0 2px !important; background: url(http://i25.tinypic.com/29eoiet.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 16px 14px 0 2px !important; background: url(http://i29.tinypic.com/5ma8mw.png);} .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i26.tinypic.com/ve2d5k.png); padding: 16px 14px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i26.tinypic.com/ve2d5k.png); padding: 16px 16px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i32.tinypic.com/11r8w9s.png); padding: 16px 16px 0 2px !important;} img[src="http://p-stat.livejournal.com/img/btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i29.tinypic.com/qz5hrn.png); } img[src="http://p-stat.livejournal.com/img/btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i27.tinypic.com/10ogwlg.png);} img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i26.tinypic.com/dmupf7.png); } img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i32.tinypic.com/bii5z.png); } img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/1zp032s.png); } img[src="http://p-stat.livejournal.com/img/btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/bhkf0l.png); } img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i27.tinypic.com/2ezsln9.png); } img[src="http://p-stat.livejournal.com/img/btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i26.tinypic.com/ifxrsy.png); } img[src="http://p-stat.livejournal.com/img/anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i32.tinypic.com/29ush7l.png); } img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/zyefxv.png); } img[src="http://p-stat.livejournal.com/img/talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/302o01f.png); } img[src="http://p-stat.livejournal.com/img/help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i29.tinypic.com/314fgh2.png); } img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i31.tinypic.com/2ccp2ld.png); } img[src="http://p-stat.livejournal.com/img/talk/sm01_smiley.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i25.tinypic.com/23www1t.png); } img[src="http://p-stat.livejournal.com/img/talk/sm02_wink.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i28.tinypic.com/vpybnr.png); } img[src="http://p-stat.livejournal.com/img/talk/sm04_shock.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i30.tinypic.com/2gy35n5.png); } /*---------------contexual pop-up ----------*/ div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; } div.ContextualPopup div.Inner { background:transparent !important; color: #888888 !important; border: 0px; padding: 10px; width: 300px; } div.ContextualPopup .Userpic { padding: 2px; margin-left: 12px; background:#ffffff; border: 1px solid #ececec; } div.ContextualPopup .Content { padding: 5px; border: 1px solid #ececec; margin: 4px 80px 4px 4px; background:#ffffff; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important; } div.ContextualPopup .Relation { font-variant:small-caps; font-size:12px; color:#4C8CAF;}

This is my personal community that I haven't yet started..It'll feature all my graphics such as Icons, headers, layouts etccc

Installation :

• Customize Journal
• Choose GRAY FLEXIBLE SQUARES by Yati Mansor [IMPORTANT]
• Select your choice of ad placement,preferably vertical or between entries
• Clicking Customize Selected theme, go to Custom CSS
• For the options there, select No, No, Yes
• Copy and Paste the CSS into the textarea provided and save changes.

Credit:

CSS:
milou_veronica

So I hope you guys likey...Good for my first, well second ones, huh??