#01
NAME: Lightbulb Moment (dark version)
STYLE: Flexible Squares
BROSWERS: IE, FF
ACCOUNT: Basic, Plus, Paid
FEATURES: Tinyicons, Custom Comments page, Custom Contextual Pop-up
Live Preview | Image Preview
NAME: Lightbulb Moment (light version)
STYLE: Flexible Squares
BROSWERS: IE, FF
ACCOUNT: Basic, Plus, Paid
FEATURES: Tinyicons, Custom Comments page, Custom Contextual Pop-up
Live Preview | Image Preview
INSTRUCTIONS
LIGHT&DARK VERSIONS
» In Customize choose, Flexible Squares, Greys
» Set the Ad Placement to Between Entries
» In the Sidebar properties, only have Blurb & Default Userpic set to 'Yes', set everything else to 'No'.
» When pasting in the CSS set all three dropdown options to 'No'
CREDIT INFORMATION
» Credit deanbean08 @ missb0x
» Credit in your topbar or profile
» Comment if using
» Enjoy
CODES
Dark Version
/*------------------------------- TITLE: Lightbulb Moment - Dark Version CODED BY: deanbean08 @ ch33ky_duck CREDIT: tinyicons from http://sublink.ca/icons/ & damnicons@livejournal.com -------------------------------*/ body { background: #000000; color: #1c1b1b; background-image: url('http://i46.tinypic.com/bhdbes.jpg'); repeat: repeat; font-family: arial; font-size: 9.5pt; text-align: justify; margin: 30px; } /*------------------------------- Links, Strong, Bold, Italic, Small, Code, Blockquote -------------------------------*/ a, a:link, a:visited { color: #2e2d2c; text-transform: lowercase; text-decoration: none; } a:hover { color: #8a8481; text-transform: uppercase; text-decoration: none; } strong { font-weight: bold; color: #000000; font-family: arial; } b { font-weight: bold; color: #000000; font-family: arial; } i, u { color: #2e2d2c; } small { font-size: 8pt; } blockquote { padding: 10px; color: #ffffff; border: 1px dashed #ffffff; background: #373737; text-align: justify; } ::-moz-selection { background: #ffffff; color: #ffffff; } code, kbd, pre, tt { font-family: courier new; } code { display:block; background: #373737; color:#ffffff; padding:5px; border:1px dashed; } /*------------------------------- General Apperance -------------------------------*/ #content { width: 650px; margin: auto; } #maincontent { margin: auto; width: auto; } /*------------------------------- Topbar -------------------------------*/ #sidebar { padding: 20px; font-family: arial; font-size: 8pt; text-align: left; color: #fcfcfc; background: #000000; border-bottom: 25px solid #000000; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #333333; text-transform: lowercase; } div#sidebar a:hover { color: #8a8481; text-transform: uppercase; } li.sbartitle { display: none; } li.sbaritem { padding: 0px 4px 0px 4px; display: inline; list-style: none; } .sbarheader { padding: 0px 2px 0px 2px; } .sbarbody { padding: 0px 2px 0px 2px; } .sbarbody2 { padding: 0px 2px 0px 2px; } table.calendar { display: none; margin-right: auto; margin-left: auto; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } /*------------------------------- Subcontent -------------------------------*/ .subcontent { padding: 10px; background: #f3f1f0; border-right: 140px solid, #dfdfdf; } /*------------------------------- Entry -------------------------------*/ .entry { padding: 20px; text-align: justify; } .entry ul li { padding-left: 5px; margin-left: 5px; } .entry ol li { padding-left: 5px; margin-left: 5px; } .entry_text img { padding:2px; border:1px solid #cfcfcf; } /*------------------------------- Dates and Subjects -------------------------------*/ .date { text-align: left; color: #363636; font-family: georgia; font-size: 7pt; letter-spacing: 2px; text-transform: lowercase; } .subject { text-align: left; font-family: georgia; color: #343434; font-size: 20px; text-transform: lowercase; letter-spacing: -1px; } .subject a, .subject a:link, .subject a:visited { font-family: georgia; color: #343434; font-size: 20px; text-transform: lowercase; letter-spacing: -1px; text-decoration: none; } .subject a:hover { color: #000000; text-transform: uppercase; } .subject img { position: relative; top: 2px; right: 2px; } .datesubject { padding: 5px; } /*------------------------------- Currents -------------------------------*/ .currents { margin-top: 5px; } .currents, .currentmood, .currentmusic, .currentlocation { color: #363636; text-align: left; text-transform: lowercase; font-family: arial; font-size: 7.5pt; line-height: 13pt; } .currentmood strong, .currentmusic strong, .currentlocation strong, .currentgroups { display: yes; } .currentlocation { height: 14px; background: url('http://i46.tinypic.com/vg3mes.jpg') 2px 2px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url(http://i48.tinypic.com/fnk07.png) 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 14px; background: url(http://i46.tinypic.com/9uu4q9.jpg) 2px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url(http://i50.tinypic.com/2u5gtah.jpg) 1px 1px no-repeat; } /*------------------------------- Tags and Links -------------------------------*/ .ljtags { text-align: left; font-family: arial; font-size: 8pt; line-height: 11pt; margin-top: 25px; text-transform: lowercase; background: url(http://i50.tinypic.com/30v2f4z.jpg) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-size: 8pt; color: #343434; font-family: arial; } /*------------------------------- Comments and Links -------------------------------*/ .comments { font-family: georgia; color: #00000; font-size: 13px; text-transform: ; letter-spacing: -1px; text-align: right; margin-top: 10px; padding: 15px; position: relative; } div.comments a, div.comments a:link, div.comments a:visited { color: #2e2d2c; font-size: 13px; } /*------------------------------- Userpics -------------------------------*/ .userpic, .userpicfriends { position: relative; float: right; text-align: center; font-color: #ffffff; background: transparent !important; margin: 10px -135px 10px 35px; } .userpic img, .userpicfriends img { border: 1px solid #ffffff; padding: 5px; background: #ffffff; width: 100px; height: 100px; } .userpicfriends font { font-family: arial; font-size: 8pt; color: #ffffff; text-transform: lowercase; } .defaultuserpic { margin: 5px 15px 15px 5px; float: left; } .defaultuserpic img { border: 1px solid #ffffff; padding: 5px; background: #f3f1f0; width: 80px; height: 80px; } /*------------------------------- Header / Footer -------------------------------*/ #header { padding: 25px; color: #1c1b1b; font-family: arial black; font-size: 16pt; letter-spacing: 0px; text-transform: uppercase; background: #000000; text-align: center; } div#header a, div#header a:link, div#header a:visited { font-family: arial black; color: #ffffff; font-size: 18px; text-transform: lowercase; letter-spacing: 0px; padding: 5px; text-decoration: none; } div#header a:hover { color: #dddada; text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 4px 4px 4px 4px; list-style: none; } #footer { color: #ffffff; font-family: arial black; font-size: 14pt; letter-spacing: px; text-transform: uppercase; text-align: center; } div#footer a, div#footer a:link, div#footer a:visited { font-family: arial black; color: #ffffff; font-size: 14px; text-transform: lowercase; letter-spacing: 0px; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0px 2px 0px 2px; } h2, .title, .subtitle { display: none; } /*------------------------------- Taglist -------------------------------*/ ul.ljtaglist li { padding-left: 5px; margin-left: 10px; } ul.ljtaglist { text-align: right; margin-right: auto; margin-left: auto; padding: 30px; color: #999999; background: #f6f6f6; } /*------------------------------- Archive Page -------------------------------*/ ul.year { text-align: center; padding: 5px 5px 5px 5px; } ul.year li { color: #edebeb; font-size: 16px; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 5px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #343434; font-family: arial; font-size: 10pt; letter-spacing: 1px; text-transform: ; background: #fcfcfc; padding: 10px; border: 1px solid #000000; text-align: center; } table.yeartable td.yearday { background: #fcfcfc; padding: 10px; text-align: center; } td.yearmonth { color: #ffffff; border-style: none; } /*------------------------------- Miscellaneous -------------------------------*/ .clearfoot { clear: both; } .clear { height: 0px; } .skiplinks { text-align: center; color: #000000; background: #ffffff; padding: 20px; text-transform: lowercase; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { color: #000000; font-family: arial; font-size: 12pt; line-height: 12pt; text-transform: uppercase; } .skiplinks a:hover { color: #4e4e4e; } .separator { background: transparent; padding: 15px; } /*------------------------------- Header Image -------------------------------*/ .headerimage { position: relative; width: 650px; height: 300px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url("http://i45.tinypic.com/1zd2f4p.jpg"); background-repeat: no-repeat; } /*------------------------------- Comments Page -------------------------------*/ .commentbox { color: #2a2a2a; padding: 20px; background-color: #fdfdfd; margin-top: 15px; } .datesubjectcomment { color: #313131; font-family: georgia; font-size: 7pt; letter-spacing: 1px; text-transform: lowercase; padding: 15px; } .userpiccomment { position: relative; border: 1px solid #ffffff; padding: 10px; background: #f6f6f6; width: 60px; height: 60px; top: -10px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } input { border: 1px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: ; } select { border: 0px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: lowercase; } /*------------------------------- tiny icons -------------------------------*/ /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i47.tinypic.com/2ch2x5h.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i48.tinypic.com/312jnsh.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i47.tinypic.com/344bfxh.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i46.tinypic.com/2rw49zb.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i49.tinypic.com/2yyxyqt.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } /*------------------------------- Custom Control Strip -------------------------------*/ table#lj_controlstrip td { background-color: #000000; border: solid 0px #000000; border-bottom: 0px solid #000000; } #lj_controlstrip input { background-color: #f6f6f6; border: 1px solid #f6f6f6; color: #2f2c2c } #lj_controlstrip a { color: #2f2c2c; } #lj_controlstrip_statustext { color: #e8e8e8; } #lj_controlstrip .ljuser a b { color: #f6f6f6; } #lj_controlstrip_userpic { display: yes; } /*------------------------------- Custom Contextual Pop-Up -------------------------------*/ div.ContextualPopup div.Inner { background: #ffffdd; border: 1px solid #000000; padding: 5px; color: #4c4949 !important; font-family:Verdana; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #505050 !important; } div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus { font-weight: bold !important; color: #1a1b1b; }
Light Version
/*------------------------------- TITLE: Lightbulb Moment - Light Version CODED BY: deanbean08 @ ch33ky_duck CREDIT: tinyicons from http://sublink.ca/icons/ & damnicons@livejournal.com -------------------------------*/ body { background: #ffffff; color: #1c1b1b; background-image: url('http://i47.tinypic.com/n1rv6c.jpg'); repeat: repeat; font-family: arial; font-size: 9.5pt; text-align: justify; margin: 30px; } /*------------------------------- Links, Strong, Bold, Italic, Small, Code, Blockquote -------------------------------*/ a, a:link, a:visited { color: #2e2d2c; text-transform: lowercase; text-decoration: none; } a:hover { color: #8a8481; text-transform: uppercase; text-decoration: none; } strong { font-weight: bold; color: #000000; font-family: arial; } b { font-weight: bold; color: #000000; font-family: arial; } i, u { color: #2e2d2c; } small { font-size: 8pt; } blockquote { padding: 10px; color: #ffffff; border: 1px dashed #ffffff; background: #373737; text-align: justify; } ::-moz-selection { background: #ffffff; color: #ffffff; } code, kbd, pre, tt { font-family: courier new; } code { display:block; background: #373737; color:#ffffff; padding:5px; border:1px dashed; } /*------------------------------- General Apperance -------------------------------*/ #content { width: 650px; margin: auto; } #maincontent { margin: auto; width: auto; } /*------------------------------- Topbar -------------------------------*/ #sidebar { padding: 20px; font-family: arial; font-size: 8pt; text-align: left; color: #fcfcfc; background: #000000; border-bottom: 25px solid #000000; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #333333; text-transform: lowercase; } div#sidebar a:hover { color: #8a8481; text-transform: uppercase; } li.sbartitle { display: none; } li.sbaritem { padding: 0px 4px 0px 4px; display: inline; list-style: none; } .sbarheader { padding: 0px 2px 0px 2px; } .sbarbody { padding: 0px 2px 0px 2px; } .sbarbody2 { padding: 0px 2px 0px 2px; } table.calendar { display: none; margin-right: auto; margin-left: auto; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } /*------------------------------- Subcontent -------------------------------*/ .subcontent { padding: 10px; background: #f3f1f0; border-right: 140px solid, #dfdfdf; } /*------------------------------- Entry -------------------------------*/ .entry { padding: 20px; text-align: justify; } .entry ul li { padding-left: 5px; margin-left: 5px; } .entry ol li { padding-left: 5px; margin-left: 5px; } .entry_text img { padding:2px; border:1px solid #cfcfcf; } /*------------------------------- Dates and Subjects -------------------------------*/ .date { text-align: left; color: #363636; font-family: georgia; font-size: 7pt; letter-spacing: 2px; text-transform: lowercase; } .subject { text-align: left; font-family: georgia; color: #343434; font-size: 20px; text-transform: lowercase; letter-spacing: -1px; } .subject a, .subject a:link, .subject a:visited { font-family: georgia; color: #343434; font-size: 20px; text-transform: lowercase; letter-spacing: -1px; text-decoration: none; } .subject a:hover { color: #000000; text-transform: uppercase; } .subject img { position: relative; top: 2px; right: 2px; } .datesubject { padding: 5px; } /*------------------------------- Currents -------------------------------*/ .currents { margin-top: 5px; } .currents, .currentmood, .currentmusic, .currentlocation { color: #363636; text-align: left; text-transform: lowercase; font-family: arial; font-size: 7.5pt; line-height: 13pt; } .currentmood strong, .currentmusic strong, .currentlocation strong, .currentgroups { display: yes; } .currentlocation { height: 14px; background: url('http://i46.tinypic.com/vg3mes.jpg') 2px 2px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url(http://i48.tinypic.com/fnk07.png) 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 14px; background: url(http://i46.tinypic.com/9uu4q9.jpg) 2px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url(http://i50.tinypic.com/2u5gtah.jpg) 1px 1px no-repeat; } /*------------------------------- Tags and Links -------------------------------*/ .ljtags { text-align: left; font-family: arial; font-size: 8pt; line-height: 11pt; margin-top: 25px; text-transform: lowercase; background: url(http://i50.tinypic.com/30v2f4z.jpg) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-size: 8pt; color: #343434; font-family: arial; } /*------------------------------- Comments and Links -------------------------------*/ .comments { font-family: georgia; color: #00000; font-size: 13px; text-transform: ; letter-spacing: -1px; text-align: right; margin-top: 10px; padding: 15px; position: relative; } div.comments a, div.comments a:link, div.comments a:visited { color: #2e2d2c; font-size: 13px; } /*------------------------------- Userpics -------------------------------*/ .userpic, .userpicfriends { position: relative; float: right; text-align: center; font-color: #000000; background: transparent !important; margin: 10px -135px 10px 35px; } .userpic img, .userpicfriends img { border: 1px solid #000000; padding: 5px; background: #000000; width: 100px; height: 100px; } .userpicfriends font { font-family: arial; font-size: 8pt; color: #000000; text-transform: lowercase; } .defaultuserpic { margin: 5px 15px 0px 5px; float: left; } .defaultuserpic img { border: 1px solid #000000; padding: 5px; background: #f3f1f0; width: 80px; height: 80px; } /*------------------------------- Header / Footer -------------------------------*/ #header { padding: 25px; color: #1c1b1b; font-family: arial black; font-size: 16pt; letter-spacing: 0px; text-transform: uppercase; background: #000000; text-align: center; } div#header a, div#header a:link, div#header a:visited { font-family: arial black; color: #ffffff; font-size: 18px; text-transform: lowercase; letter-spacing: 0px; padding: 5px; text-decoration: none; } div#header a:hover { color: #dddada; text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 4px 4px 4px 4px; list-style: none; } #footer { color: #ffffff; font-family: arial black; font-size: 14pt; letter-spacing: px; text-transform: uppercase; text-align: center; } div#footer a, div#footer a:link, div#footer a:visited { font-family: arial black; color: #ffffff; font-size: 14px; text-transform: lowercase; letter-spacing: 0px; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0px 2px 0px 2px; } h2, .title, .subtitle { display: none; } /*------------------------------- Taglist -------------------------------*/ ul.ljtaglist li { padding-left: 5px; margin-left: 10px; } ul.ljtaglist { text-align: right; margin-right: auto; margin-left: auto; padding: 30px; color: #999999; background: #f6f6f6; } /*------------------------------- Archive Page -------------------------------*/ ul.year { text-align: center; padding: 5px 5px 5px 5px; } ul.year li { color: #edebeb; font-size: 16px; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 5px; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #343434; font-family: arial; font-size: 10pt; letter-spacing: 1px; text-transform: ; background: #fcfcfc; padding: 10px; border: 1px solid #000000; text-align: center; } table.yeartable td.yearday { background: #fcfcfc; padding: 10px; text-align: center; } td.yearmonth { color: #ffffff; border-style: none; } /*------------------------------- Miscellaneous -------------------------------*/ .clearfoot { clear: both; } .clear { height: 0px; } .skiplinks { text-align: center; color: #000000; background: #ffffff; padding: 20px; text-transform: lowercase; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { color: #000000; font-family: arial; font-size: 12pt; line-height: 12pt; text-transform: uppercase; } .skiplinks a:hover { color: #4e4e4e; } .separator { background: transparent; padding: 15px; } /*------------------------------- Header Image -------------------------------*/ .headerimage { position: relative; width: 650px; height: 300px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url("http://i49.tinypic.com/5l5hl2.jpg"); background-repeat: no-repeat; } /*------------------------------- Comments Page -------------------------------*/ .commentbox { color: #2a2a2a; padding: 20px; background-color: #fdfdfd; margin-top: 15px; } .datesubjectcomment { color: #313131; font-family: georgia; font-size: 7pt; letter-spacing: 1px; text-transform: lowercase; padding: 15px; } .userpiccomment { position: relative; border: 1px solid #ffffff; padding: 10px; background: #f6f6f6; width: 60px; height: 60px; top: -10px; left: 0px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } input { border: 1px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: ; } select { border: 0px solid #f6f6f6; background: #f6f6f6; color: #343434; font-family: arial; font-size: 8pt; text-transform: lowercase; } /*------------------------------- tiny icons -------------------------------*/ /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i47.tinypic.com/2ch2x5h.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i48.tinypic.com/312jnsh.jpg) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i47.tinypic.com/344bfxh.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i46.tinypic.com/2rw49zb.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i49.tinypic.com/2yyxyqt.jpg) no-repeat !important; padding: 24px 0 0 24px !important; } /*------------------------------- Custom Control Strip -------------------------------*/ table#lj_controlstrip td { background-color: #ffffff; border: solid 0px #ffffff; border-bottom: 0px solid #ffffff; } #lj_controlstrip input { background-color: #343434; border: 1px solid #343434; color: #ddd3d3 } #lj_controlstrip a { color: #2f2c2c; } #lj_controlstrip_statustext { color: #363434; } #lj_controlstrip .ljuser a b { color: #2d2b2b; } #lj_controlstrip_userpic { display: yes; } /*------------------------------- Custom Contextual Pop-Up -------------------------------*/ div.ContextualPopup div.Inner { background: #ffffdd; border: 1px solid #000000; padding: 5px; color: #4c4949 !important; font-family:Verdana; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #505050 !important; } div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus { font-weight: bold !important; color: #1a1b1b; }
