4 flexible squares lyts: hogwarts.

[fvck]

Hogwarts Common Rooms
style; flexible squares.
tiny icons; by Yusuke Kamiyamane.


Gryffindor Common Room


live preview
body {background-image: url('http://i986.photobucket.com/albums/ae350/creepfreakpanicpoet2/Backgrounds/wp_damask_129.gif'); background-attachment: fixed; color: #9b9079; font-family: arial; font-size: 11px; margin: 50px 0;}

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

a:hover {color: #9b9079; text-decoration: none;}

blockquote {background: #621d28; font-family: georgia; font-style: italic; font-size: 11px; color: #ffffff; padding: 10px;}

h2 {font-family: "Georgia", serif; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: 1px; margin: 0;}

::-moz-selection {background: #000000;color: #621d28;}

.ljtaglist li {
border-bottom: 1px solid #f0f0f0;
padding: 3px 0;
}

#maincontent {margin-right:296px;}

#content {margin-left: 155px; margin-right: auto; width: 800px;}

#sidebar {padding-top: 15px; margin-top: 10px; background-color: #330f15; border-color: #999999; border-width: 0px; border-style: solid; font-size: 11px; font-family: georgia; color: #621d28; width: 160px; float: right; text-align: center; padding: 15px;}

.sbarcalendar, .sbarcalendarposts, .defaultuserpic, li.sbartitle {display:none;}

li.viewing {color: #9b9079; font-family: georgia;}

#header {padding: 0; font-family: georgia; font-size: 28px; text-align: left; text-transform: lowercase; letter-spacing: -3px; line-height: 1; position: absolute; left: 10px; width: 200px; position: fixed;}

li.view {color: #ffffff; font-style: italic;}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #dcbba7;}

div#header a:hover, div#footer a:hover {text-decoration: none; text-shadow:1px 1px 1px #ffffff;}

.title, .subtitle {display: none;}

ul.navheader {padding: 0; margin: 0;}

.view {color: #fff; display: block; margin: 0;}

ul.navheader li {display: block; list-style-type: none;}

.subcontent {background-color: #621d28;}

.entry {background-color: #330f15; margin: 0; min-height: 100px; padding: 10px; text-align: justify;}

.userpic, .userpicfriends {background: transparent !important; font-family: arial; font-size: 10px; float: right; margin: 49px -103px 0 0; text-align: center;}

.userpic img, .userpicfriends img {width: 100px; height: 100px;}

.userpicfriends font {color: #ffffff;}

.date {color: #9b9079; font-family: times; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; text-align: left;}

.subject {font-family: georgia; font-size: 17px; color: #ffffff; letter-spacing: .02px; font-style: italic; text-align: center;}

.subject a, .subject a:link, .subject a:visited {color: #eeeeee;}

.subject a:hover {color: #ffffff;}

.datesubject {background: #621d28; line-height: .6; padding: 0 10px 5px;}

.entry ul li {border-bottom: 1px solid #f0f0f0; list-style-type: lower-roman; padding: 3px 0;}

.ljtags {background: transparent url(http://i25.tinypic.com/2u5ak4i.jpg) scroll 100% 50% no-repeat; font-size: 9px; color: #fff; margin: 25px 0 0 0; padding: 0 18px 0 0; text-align: right;}

div.ljtags a {font-weight: normal;}

.currents {font-size: 9px; color: #fff; margin: 0; text-align: right;}

.currents img {margin: 0 5px 0 0;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {color: #9b9079; text-transform: lowercase;}

.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 0 0; background: transparent none scroll 100% 50% no-repeat;}

.currentlocation {background-image: url(http://i29.tinypic.com/o9q24y.png);}

.currentmood{background-image: url(http://i31.tinypic.com/29uoymo.png);}

.currentgroups {background-image: url(http://i42.tinypic.com/16h46tz.png);}

.currentmusic {background-image: url(http://i25.tinypic.com/2rp3503.png);}

ul.ljtaglist {background-color: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; list-style-type: lower-roman; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.comments {font-family: georgia; font-style: italic; font-size: 10px; background-color: #330f15; color: #fff;}

div.comments a, div.comments a:link, div.comments a:visited {background: #24a95; color: #9b9079; padding: 3px;}

div.comments a:hover {background: #621d28; color: #ffffff;}

#footer {font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 10px; font-weight: normal; color: #fff; clear: both; text-align: right;}

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

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

.clearfoot {clear: both;}

ul.year {background: #621d28; color: #b5b5b5; text-align: right; padding: 5px;}

ul.year li {font-family: arial; font-size: 10px; display: inline; margin: 0 0 0 5px;}

table.yeartable {color: #330f15; margin-left: auto; margin-right: auto; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #621d28; padding: 3px;}

td.yearmonth {border-style: none;}

.datesubjectcomment {background: #621d28; padding: 5px;}

.userpiccomment {background: #330f15; margin: 0 10px 10px 0; float: left; width: 70px; height: 70px;}

.box {clear: left; margin: 0 auto;}

input, select, textarea {background: #330f15; font-family: arial; font-size: 11px; color: #9b9079; border: 1px solid #fff;}

textarea.textbox {width: 100% !important;}

#qrform table {border: none !important;}

.reply {background: #330f15; text-align: justify;}

.replytosubject {font-weight: bold;}

.commentreply {margin: 10px 0; position: relative; color: #9b9079;}

.commentbox {background: #330f15; margin: 20px 0;}

.commentboxpartial {background-color: #621d28; padding: 10px;}

.commentinfo {background-color: #621d28; width: 100%;}

.skiplinks {background: #621d28; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #111; text-align: right; margin: 0 0 5px; padding: 5px;}

.clear {display: none; height: 0;}

.subject img { vertical-align: middle!important;}

img [src*="icon_public.gif"], img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_public.gif"]{background-image: url(http://i26.tinypic.com/k0hesi.gif);}
img[src*="icon_protected.gif"]{background-image: url(http://i30.tinypic.com/5bxjsz.gif);}
img[src*="icon_private.gif"]{background-image: url(http://i27.tinypic.com/2wno5eh.gif);}
img[src*="icon_groups.gif"]{background-image: url(http://i27.tinypic.com/141wra.gif);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] { background: transparent url(http://i29.tinypic.com/egu3d3.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

div.ContextualPopup div.Inner {background: transparent !important; color: #fff !important; border: 0; padding: 0; width: 250px; font family: georgia; font-weight: normal; font-size: 11px;}

div.ContextualPopup .Content {padding: 10px; margin-right: 80px; background: #330f15;}

div.ContextualPopup .Userpic {padding: 10px; background: #101010; margin: 0px;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: underline !important; font-weight: normal; color: #ffffff !important;}

div.ContextualPopup .Relation {border-bottom: 1px solid #9b9079; margin-bottom: 4px; padding: 4px 0;}

#lj_controlstrip td {background: #621d28; color: #ffffff; border: 1px solid #330f15; border-bottom: 1px solid #222;}

#lj_controlstrip a {color: #999999;}

#lj_controlstrip input, #lj_controlstrip select {background: #621d28 !important; font-family: georgia; font-size: 11px !important; color: #fff !important; border: 1px solid #330f15 !important; letter-spacing: 6px;}

#lj_controlstrip_statustext {color: #fff;}

Hufflepuff Common Room


live preview
body {background-image: url('http://i37.tinypic.com/2rwkxtf.png'); background-attachment: fixed; color: #d4a52b; font-family: arial; font-size: 11px; margin: 50px 0;}

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

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

blockquote {background: #2b2525; font-family: georgia; font-style: italic; font-size: 11px; color: #ffffff; padding: 10px;}

h2 {font-family: "Georgia", serif; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: 1px; margin: 0;}

::-moz-selection {background: #000000;color: #2b2525;}

.ljtaglist li {
border-bottom: 1px solid #f0f0f0;
padding: 3px 0;
}

#maincontent {margin-right:296px;}

#content {margin-left: 155px; margin-right: auto; width: 800px;}

#sidebar {padding-top: 15px; margin-top: 10px; background-color: #050202; border-color: #999999; border-width: 0px; border-style: solid; font-size: 11px; font-family: georgia; color: #2b2525; width: 160px; float: right; text-align: center; padding: 15px;}

.sbarcalendar, .sbarcalendarposts, .defaultuserpic, li.sbartitle {display:none;}

li.viewing {color: #d4a52b; font-family: georgia;}

#header {padding: 0; font-family: georgia; font-size: 28px; text-align: left; text-transform: lowercase; letter-spacing: -3px; line-height: 1; position: absolute; left: 10px; width: 200px; position: fixed;}

li.view {color: #ffffff; font-style: italic;}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #d4a52b; background-color: #000000;}

div#header a:hover, div#footer a:hover {text-decoration: none; text-shadow:1px 1px 1px #9e9d83; background-color: #2b2525;}

.title, .subtitle {display: none;}

ul.navheader {padding: 0; margin: 0;}

.view {color: #fff; display: block; margin: 0;}

ul.navheader li {display: block; list-style-type: none;}

.subcontent {background-color: #2b2525;}

.entry {background-color: #050202; margin: 0; min-height: 100px; padding: 10px; text-align: justify;}

.userpic, .userpicfriends {background: transparent !important; font-family: arial; font-size: 10px; float: right; margin: 49px -103px 0 0; text-align: center;}

.userpic img, .userpicfriends img {width: 100px; height: 100px;}

.userpicfriends font {color: #ffffff;}

.date {color: #d4a52b; font-family: times; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; text-align: left;}

.subject {font-family: georgia; font-size: 17px; color: #ffffff; letter-spacing: .02px; font-style: italic; text-align: center;}

.subject a, .subject a:link, .subject a:visited {color: #eeeeee;}

.subject a:hover {color: #ffffff;}

.datesubject {background: #2b2525; line-height: .6; padding: 0 10px 5px;}

.entry ul li {border-bottom: 1px solid #f0f0f0; list-style-type: lower-roman; padding: 3px 0;}

.ljtags {background: transparent url(http://i25.tinypic.com/2u5ak4i.jpg) scroll 100% 50% no-repeat; font-size: 9px; color: #fff; margin: 25px 0 0 0; padding: 0 18px 0 0; text-align: right;}

div.ljtags a {font-weight: normal;}

.currents {font-size: 9px; color: #fff; margin: 0; text-align: right;}

.currents img {margin: 0 5px 0 0;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {color: #d4a52b; text-transform: lowercase;}

.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 0 0; background: transparent none scroll 100% 50% no-repeat;}

.currentlocation {background-image: url(http://i29.tinypic.com/o9q24y.png);}

.currentmood{background-image: url(http://i31.tinypic.com/29uoymo.png);}

.currentgroups {background-image: url(http://i42.tinypic.com/16h46tz.png);}

.currentmusic {background-image: url(http://i25.tinypic.com/2rp3503.png);}

ul.ljtaglist {background-color: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; list-style-type: lower-roman; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.comments {font-family: georgia; font-style: italic; font-size: 10px; background-color: #050202; color: #fff;}

div.comments a, div.comments a:link, div.comments a:visited {background: #24a95; color: #d4a52b; padding: 3px;}

div.comments a:hover {background: #2b2525; color: #ffffff;}

#footer {font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 10px; font-weight: normal; color: #fff; clear: both; text-align: right;}

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

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

.clearfoot {clear: both;}

ul.year {background: #2b2525; color: #b5b5b5; text-align: right; padding: 5px;}

ul.year li {font-family: arial; font-size: 10px; display: inline; margin: 0 0 0 5px;}

table.yeartable {color: #050202; margin-left: auto; margin-right: auto; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #2b2525; padding: 3px;}

td.yearmonth {border-style: none;}

.datesubjectcomment {background: #2b2525; padding: 5px;}

.userpiccomment {background: #050202; margin: 0 10px 10px 0; float: left; width: 70px; height: 70px;}

.box {clear: left; margin: 0 auto;}

input, select, textarea {background: #050202; font-family: arial; font-size: 11px; color: #d4a52b; border: 1px solid #fff;}

textarea.textbox {width: 100% !important;}

#qrform table {border: none !important;}

.reply {background: #050202; text-align: justify;}

.replytosubject {font-weight: bold;}

.commentreply {margin: 10px 0; position: relative; color: #d4a52b;}

.commentbox {background: #050202; margin: 20px 0;}

.commentboxpartial {background-color: #2b2525; padding: 10px;}

.commentinfo {background-color: #2b2525; width: 100%;}

.skiplinks {background: #2b2525; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #111; text-align: right; margin: 0 0 5px; padding: 5px;}

.clear {display: none; height: 0;}

.subject img { vertical-align: middle!important;}

img [src*="icon_public.gif"], img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_public.gif"]{background-image: url(http://i26.tinypic.com/k0hesi.gif);}
img[src*="icon_protected.gif"]{background-image: url(http://i30.tinypic.com/5bxjsz.gif);}
img[src*="icon_private.gif"]{background-image: url(http://i27.tinypic.com/2wno5eh.gif);}
img[src*="icon_groups.gif"]{background-image: url(http://i27.tinypic.com/141wra.gif);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] { background: transparent url(http://i29.tinypic.com/egu3d3.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

div.ContextualPopup div.Inner {background: transparent !important; color: #fff !important; border: 0; padding: 0; width: 250px; font family: georgia; font-weight: normal; font-size: 11px;}

div.ContextualPopup .Content {padding: 10px; margin-right: 80px; background: #050202;}

div.ContextualPopup .Userpic {padding: 10px; background: #101010; margin: 0px;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: underline !important; font-weight: normal; color: #ffffff !important;}

div.ContextualPopup .Relation {border-bottom: 1px solid #d4a52b; margin-bottom: 4px; padding: 4px 0;}

#lj_controlstrip td {background: #2b2525; color: #ffffff; border: 1px solid #050202; border-bottom: 1px solid #222;}

#lj_controlstrip a {color: #999999;}

#lj_controlstrip input, #lj_controlstrip select {background: #2b2525 !important; font-family: georgia; font-size: 11px !important; color: #fff !important; border: 1px solid #050202 !important; letter-spacing: 6px;}

#lj_controlstrip_statustext {color: #fff;}

Ravenclaw Common Room


live preview
body {background-image: url('http://i36.tinypic.com/sfe9zp.png'); background-attachment: fixed; color: #9b9079; font-family: arial; font-size: 11px; margin: 50px 0;}

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

a:hover {color: #9b9079; text-decoration: none;}

blockquote {background: #201a6b; font-family: georgia; font-style: italic; font-size: 11px; color: #ffffff; padding: 10px;}

h2 {font-family: "Georgia", serif; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: 1px; margin: 0;}

::-moz-selection {background: #000000;color: #201a6b;}

.ljtaglist li {
border-bottom: 1px solid #f0f0f0;
padding: 3px 0;
}

#maincontent {margin-right:296px;}

#content {margin-left: 155px; margin-right: auto; width: 800px;}

#sidebar {padding-top: 15px; margin-top: 10px; background-color: #110e39; border-color: #999999; border-width: 0px; border-style: solid; font-size: 11px; font-family: georgia; color: #201a6b; width: 160px; float: right; text-align: center; padding: 15px;}

.sbarcalendar, .sbarcalendarposts, .defaultuserpic, li.sbartitle {display:none;}

li.viewing {color: #9b9079; font-family: georgia;}

#header {padding: 0; font-family: georgia; font-size: 28px; text-align: left; text-transform: lowercase; letter-spacing: -3px; line-height: 1; position: absolute; left: 10px; width: 200px; position: fixed;}

li.view {color: #ffffff; font-style: italic;}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #9b9079;}

div#header a:hover, div#footer a:hover {text-decoration: none; text-shadow:1px 1px 1px #9e9d83;}

.title, .subtitle {display: none;}

ul.navheader {padding: 0; margin: 0;}

.view {color: #fff; display: block; margin: 0;}

ul.navheader li {display: block; list-style-type: none;}

.subcontent {background-color: #201a6b;}

.entry {background-color: #110e39; margin: 0; min-height: 100px; padding: 10px; text-align: justify;}

.userpic, .userpicfriends {background: transparent !important; font-family: arial; font-size: 10px; float: right; margin: 49px -103px 0 0; text-align: center;}

.userpic img, .userpicfriends img {width: 100px; height: 100px;}

.userpicfriends font {color: #ffffff;}

.date {color: #9b9079; font-family: times; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; text-align: left;}

.subject {font-family: georgia; font-size: 17px; color: #ffffff; letter-spacing: .02px; font-style: italic; text-align: center;}

.subject a, .subject a:link, .subject a:visited {color: #eeeeee;}

.subject a:hover {color: #ffffff;}

.datesubject {background: #201a6b; line-height: .6; padding: 0 10px 5px;}

.entry ul li {border-bottom: 1px solid #f0f0f0; list-style-type: lower-roman; padding: 3px 0;}

.ljtags {background: transparent url(http://i25.tinypic.com/2u5ak4i.jpg) scroll 100% 50% no-repeat; font-size: 9px; color: #fff; margin: 25px 0 0 0; padding: 0 18px 0 0; text-align: right;}

div.ljtags a {font-weight: normal;}

.currents {font-size: 9px; color: #fff; margin: 0; text-align: right;}

.currents img {margin: 0 5px 0 0;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {color: #9b9079; text-transform: lowercase;}

.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 0 0; background: transparent none scroll 100% 50% no-repeat;}

.currentlocation {background-image: url(http://i29.tinypic.com/o9q24y.png);}

.currentmood{background-image: url(http://i31.tinypic.com/29uoymo.png);}

.currentgroups {background-image: url(http://i42.tinypic.com/16h46tz.png);}

.currentmusic {background-image: url(http://i25.tinypic.com/2rp3503.png);}

ul.ljtaglist {background-color: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; list-style-type: lower-roman; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.comments {font-family: georgia; font-style: italic; font-size: 10px; background-color: #110e39; color: #fff;}

div.comments a, div.comments a:link, div.comments a:visited {background: #24a95; color: #9b9079; padding: 3px;}

div.comments a:hover {background: #201a6b; color: #ffffff;}

#footer {font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 10px; font-weight: normal; color: #fff; clear: both; text-align: right;}

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

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

.clearfoot {clear: both;}

ul.year {background: #201a6b; color: #b5b5b5; text-align: right; padding: 5px;}

ul.year li {font-family: arial; font-size: 10px; display: inline; margin: 0 0 0 5px;}

table.yeartable {color: #110e39; margin-left: auto; margin-right: auto; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #201a6b; padding: 3px;}

td.yearmonth {border-style: none;}

.datesubjectcomment {background: #201a6b; padding: 5px;}

.userpiccomment {background: #110e39; margin: 0 10px 10px 0; float: left; width: 70px; height: 70px;}

.box {clear: left; margin: 0 auto;}

input, select, textarea {background: #110e39; font-family: arial; font-size: 11px; color: #9b9079; border: 1px solid #fff;}

textarea.textbox {width: 100% !important;}

#qrform table {border: none !important;}

.reply {background: #110e39; text-align: justify;}

.replytosubject {font-weight: bold;}

.commentreply {margin: 10px 0; position: relative; color: #9b9079;}

.commentbox {background: #110e39; margin: 20px 0;}

.commentboxpartial {background-color: #201a6b; padding: 10px;}

.commentinfo {background-color: #201a6b; width: 100%;}

.skiplinks {background: #201a6b; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #111; text-align: right; margin: 0 0 5px; padding: 5px;}

.clear {display: none; height: 0;}

.subject img { vertical-align: middle!important;}

img [src*="icon_public.gif"], img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_public.gif"]{background-image: url(http://i26.tinypic.com/k0hesi.gif);}
img[src*="icon_protected.gif"]{background-image: url(http://i30.tinypic.com/5bxjsz.gif);}
img[src*="icon_private.gif"]{background-image: url(http://i27.tinypic.com/2wno5eh.gif);}
img[src*="icon_groups.gif"]{background-image: url(http://i27.tinypic.com/141wra.gif);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] { background: transparent url(http://i29.tinypic.com/egu3d3.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

div.ContextualPopup div.Inner {background: transparent !important; color: #fff !important; border: 0; padding: 0; width: 250px; font family: georgia; font-weight: normal; font-size: 11px;}

div.ContextualPopup .Content {padding: 10px; margin-right: 80px; background: #110e39;}

div.ContextualPopup .Userpic {padding: 10px; background: #101010; margin: 0px;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: underline !important; font-weight: normal; color: #ffffff !important;}

div.ContextualPopup .Relation {border-bottom: 1px solid #9b9079; margin-bottom: 4px; padding: 4px 0;}

#lj_controlstrip td {background: #201a6b; color: #ffffff; border: 1px solid #110e39; border-bottom: 1px solid #222;}

#lj_controlstrip a {color: #999999;}

#lj_controlstrip input, #lj_controlstrip select {background: #201a6b !important; font-family: georgia; font-size: 11px !important; color: #fff !important; border: 1px solid #110e39 !important; letter-spacing: 6px;}

#lj_controlstrip_statustext {color: #fff;}

Slytherin Common Room


live preview
body {background-image: url('http://i34.tinypic.com/2rzxgd5.gif'); background-attachment: fixed; color: #c0c0c0; font-family: arial; font-size: 11px; margin: 50px 0;}

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

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

blockquote {background: #295A42; font-family: georgia; font-style: italic; font-size: 11px; color: #ffffff; padding: 10px;}

h2 {font-family: "Georgia", serif; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: 1px; margin: 0;}

::-moz-selection {background: #000000;color: #295a42;}

.ljtaglist li {
border-bottom: 1px solid #f0f0f0;
padding: 3px 0;
}

#maincontent {margin-right:296px;}

#content {margin-left: 155px; margin-right: auto; width: 800px;}

#sidebar {padding-top: 15px; margin-top: 10px; background-color: #103921; border-color: #999999; border-width: 0px; border-style: solid; font-size: 11px; font-family: georgia; color: #295A42; width: 160px; float: right; text-align: center; padding: 15px;}

.sbarcalendar, .sbarcalendarposts, .defaultuserpic, li.sbartitle {display:none;}

li.viewing {color: #c0c0c0; font-family: georgia;}

#header {padding: 0; font-family: georgia; font-size: 28px; text-align: left; text-transform: lowercase; letter-spacing: -3px; line-height: 1; position: absolute; left: 10px; width: 200px; position: fixed;}

li.view {color: #ffffff; font-style: italic;}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #c0c0c0;}

div#header a:hover, div#footer a:hover {text-decoration: none; text-shadow:1px 1px 1px #9e9d83;}

.title, .subtitle {display: none;}

ul.navheader {padding: 0; margin: 0;}

.view {color: #fff; display: block; margin: 0;}

ul.navheader li {display: block; list-style-type: none;}

.subcontent {background-color: #295A42;}

.entry {background-color: #103921; margin: 0; min-height: 100px; padding: 10px; text-align: justify;}

.userpic, .userpicfriends {background: transparent !important; font-family: arial; font-size: 10px; float: right; margin: 49px -103px 0 0; text-align: center;}

.userpic img, .userpicfriends img {width: 100px; height: 100px;}

.userpicfriends font {color: #ffffff;}

.date {color: #c0c0c0; font-family: times; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; text-align: left;}

.subject {font-family: georgia; font-size: 17px; color: #ffffff; letter-spacing: .02px; font-style: italic; text-align: center;}

.subject a, .subject a:link, .subject a:visited {color: #eeeeee;}

.subject a:hover {color: #ffffff;}

.datesubject {background: #295A42; line-height: .6; padding: 0 10px 5px;}

.entry ul li {border-bottom: 1px solid #f0f0f0; list-style-type: lower-roman; padding: 3px 0;}

.ljtags {background: transparent url(http://i25.tinypic.com/2u5ak4i.jpg) scroll 100% 50% no-repeat; font-size: 9px; color: #fff; margin: 25px 0 0 0; padding: 0 18px 0 0; text-align: right;}

div.ljtags a {font-weight: normal;}

.currents {font-size: 9px; color: #fff; margin: 0; text-align: right;}

.currents img {margin: 0 5px 0 0;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {color: #c0c0c0; text-transform: lowercase;}

.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 0 0; background: transparent none scroll 100% 50% no-repeat;}

.currentlocation {background-image: url(http://i29.tinypic.com/o9q24y.png);}

.currentmood{background-image: url(http://i31.tinypic.com/29uoymo.png);}

.currentgroups {background-image: url(http://i42.tinypic.com/16h46tz.png);}

.currentmusic {background-image: url(http://i25.tinypic.com/2rp3503.png);}

ul.ljtaglist {background-color: #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; list-style-type: lower-roman; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.comments {font-family: georgia; font-style: italic; font-size: 10px; background-color: #103921; color: #fff;}

div.comments a, div.comments a:link, div.comments a:visited {background: #24a95; color: #c0c0c0; padding: 3px;}

div.comments a:hover {background: #295a42; color: #ffffff;}

#footer {font-family: "Lucida Sans Unicode", Lucida Grande, sans-serif; font-size: 10px; font-weight: normal; color: #fff; clear: both; text-align: right;}

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

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

.clearfoot {clear: both;}

ul.year {background: #295A42; color: #b5b5b5; text-align: right; padding: 5px;}

ul.year li {font-family: arial; font-size: 10px; display: inline; margin: 0 0 0 5px;}

table.yeartable {color: #103921; margin-left: auto; margin-right: auto; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #295A42; padding: 3px;}

td.yearmonth {border-style: none;}

.datesubjectcomment {background: #295a42; padding: 5px;}

.userpiccomment {background: #103921; margin: 0 10px 10px 0; float: left; width: 70px; height: 70px;}

.box {clear: left; margin: 0 auto;}

input, select, textarea {background: #103921; font-family: arial; font-size: 11px; color: #c0c0c0; border: 1px solid #fff;}

textarea.textbox {width: 100% !important;}

#qrform table {border: none !important;}

.reply {background: #103921; text-align: justify;}

.replytosubject {font-weight: bold;}

.commentreply {margin: 10px 0; position: relative; color: #c0c0c0;}

.commentbox {background: #103921; margin: 20px 0;}

.commentboxpartial {background-color: #295A42; padding: 10px;}

.commentinfo {background-color: #295A42; width: 100%;}

.skiplinks {background: #295A42; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #111; text-align: right; margin: 0 0 5px; padding: 5px;}

.clear {display: none; height: 0;}

.subject img { vertical-align: middle!important;}

img [src*="icon_public.gif"], img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_public.gif"]{background-image: url(http://i26.tinypic.com/k0hesi.gif);}
img[src*="icon_protected.gif"]{background-image: url(http://i30.tinypic.com/5bxjsz.gif);}
img[src*="icon_private.gif"]{background-image: url(http://i27.tinypic.com/2wno5eh.gif);}
img[src*="icon_groups.gif"]{background-image: url(http://i27.tinypic.com/141wra.gif);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i29.tinypic.com/ip72c0.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] { background: transparent url(http://i29.tinypic.com/egu3d3.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

div.ContextualPopup div.Inner {background: transparent !important; color: #fff !important; border: 0; padding: 0; width: 250px; font family: georgia; font-weight: normal; font-size: 11px;}

div.ContextualPopup .Content {padding: 10px; margin-right: 80px; background: #103921;}

div.ContextualPopup .Userpic {padding: 10px; background: #101010; margin: 0px;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: underline !important; font-weight: normal; color: #ffffff !important;}

div.ContextualPopup .Relation {border-bottom: 1px solid #c0c0c0; margin-bottom: 4px; padding: 4px 0;}

#lj_controlstrip td {background: #295A42; color: #ffffff; border: 1px solid #103921; border-bottom: 1px solid #222;}

#lj_controlstrip a {color: #999999;}

#lj_controlstrip input, #lj_controlstrip select {background: #295a42 !important; font-family: georgia; font-size: 11px !important; color: #fff !important; border: 1px solid #103921 !important; letter-spacing: 6px;}

#lj_controlstrip_statustext {color: #fff;}

+ Feel free to change these to your heart's content.
+ Credit isn't necessary, but appreciated. :)
+ Comments are awesome.
+ HARRY POTTER IS AWESOME.<3

:)