layout 066: Lie to Me (flexible squares)
Image Preview
/*-- 066: Lie to Me - no sidebar- (flexible squares) --*/
/*-- stylesheet by ravenclawbest @ visualwit for LJ --*/
/*-- feel free to edit but please don't remove this header --*/
/*-- main --*/
BODY {
background-color: #eeeeee;
background-image: url('http://i45.tinypic.com/2qs2fpz.png');
color: #434343;
text-align: left;
font-size: 11px;
margin: 0px;
font-family: trebuchet ms, tahoma, arial, sans-serif;
}
#content {
border: 0px solid #6D6D6D;
width: 100%;
margin: auto;
}
#maincontent {
margin: auto;
width: 85%;
}
.subcontent {
}
.headerimage {
width: auto;
height: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-repeat: repeat;
}
a, a:link, a:visited {
color: #FF7161;
text-decoration: none;
}
a:hover {
color: #1D191F;
}
b, strong, u, s, strike {
color: #6D6D6D;
}
.ljuser a b {
}
code, kbd, pre, tt, {
color: #6D6D6D;
font-size: 16px;
font-family: consolas, monaco, courier new, serif;
}
::-moz-selection {
background: #6D6D6D;
color: #FFFFFF;
}
/*-- navigation --*/
#header, #footer {
background-color: #1D191F;
font-style: normal;
text-align: right;
margin: auto;
margin-bottom: 20px;
letter-spacing: -0.05em;
padding: 5px 10px 5px 10px;
font-family: Script MT Bold, Lucida Calligraphy Italic, script;
}
div#header li.view, div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #FF7161;
padding: 1px;
font-size: 18px;
text-transform: lowercase;
}
div#header a:hover, div#footer a:hover {
color: #FFFFFF;
}
div#footer li.viewing {
display: none;
}
.clearfoot {
clear: both;
}
ul.navheader, ul.navfooter {
list-style: none;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
}
/*-- title --*/
.title {
display: ;
color: #FFFFFF;
text-align: left;
font-size: 40px;
font-family: Script MT Bold, Lucida Calligraphy Italic , georgia, trebuchet ms, tahoma, arial, sans-serif;
}
/*-- subtitle --*/
.subtitle {
display: none;
}
/*-- entries --*/
.entry {
text-align: justify;
background-color: #FFFFFF;
padding: 10px 10px 0px 10px;
border-bottom: 2px solid #1D191F;
}
.entry ul li {
margin: 0px;
padding: 0px;
list-style-position: outside;
list-style: square;
}
.entry ol li {
margin: 0px;
padding: 0px;
list-style-position: outside;
list-style: decimal;
}
.datesubject {
padding: 10px;
background-color: #FFFFFF;
border-top: 8px solid #1D191F;
}
.date {
text-align: left;
color: #FF7161;
font-size: 10px;
text-transform: lowercase;
}
.subject {
font-size: 22px;
text-align: left;
font-family: Script MT Bold, Lucida Calligraphy Italic, script;
}
div.subject a, div.subject a:link, div.subject a:visited {
color: #1D191F;
letter-spacing: -0.05em;
text-transform: lowercase;
}
blockquote {
padding: 5px;
margin: 15px;
color: #565656;
text-align: justify;
border: 1px solid #FF7161;
}
.separator {
height: 25px;
background-color: transparent;
}
/*-- currents --*/
.currents {
color: #FF7161;
text-transform: lowercase;
padding: 5px;
}
.currents a {
color: #FF7161;
text-decoration: none;
font-weight: normal;
}
.currentlocation, .currentmood, .currentmusic, .currentgroups {
text-align: left;
}
.currentlocation, .currentmood, .currentgroups, .currentmusic {
padding: 2px 0 2px 15px;
background: transparent none no-repeat scroll 0 50%;
}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {
display:none;
}
.currentlocation {
background-image: url(http://i40.tinypic.com/34o25uw.gif);
;){kind=link}
}
.currentmood {
background-image: url(http://i44.tinypic.com/nq8rxw.jpg);
;){kind=link}
}
.currentgroups {
background-image: url(http://i43.tinypic.com/2a5kkeq.jpg);
;){kind=link}
}
.currentmusic {
background-image: url(http://i40.tinypic.com/24ce3wp.gif);
;){kind=link}
}
.ljtags {
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;
text-align: right;
text-transform: lowercase;
}
.ljtags a {
text-decoration: none;
font-weight: normal;
}
/*-- comments --*/
.comments {
top: 5px;
padding: 5px;
color: #CFCFCF;
font-size: 18px;
font-family: Script MT Bold, Lucida Calligraphy Italic, script;
text-align: right;
}
div.comments a, div.comments a:link, div.comments a:visited {
padding: 5px;
background-color: #1D191F;
text-transform: lowercase;
}
div.comments a:hover {
color: #FFFFFF;
}
#qrform table {
border: 0px !important;
}
/*-- sidebar --*/
#sidebar {
display: none;
color: #787878;
background-color: #FFFFFF;
border-top: 10px solid #FF7161;
}
#sidebar a, #sidebar a:link, #sidebar a:visited {
color: #787878;
text-decoration: none;
}
#sidebar a:hover {
color: #888888;
}
.defaultuserpic {
display: none;
float: center;
text-align: center;
}
.sbarbody {
text-align: right;
margin-bottom: 15px;
background-color: #FFFFFF;
}
.sbarbody2 {
font-size: 11px;
padding: 5px;
margin-bottom: 15px;
}
table.calendar {
margin-left: auto;
margin-right: auto;
}
.sbarcalendar {
color: #787878;
padding: 2px;
text-align: center;
border: 1px solid #787878;
}
.sbarcalendarposts {
color: #787878;
padding: 2px;
text-align: center;
background-color: #F2F2F2;
border: 1px solid #787878;
}
ul.sbarlist {
background-color: #FFFFFF;
}
li.sbaritem {
margin: 1px;
padding: 5px;
list-style: ;
text-align: right;
text-transform: none;
display: inline;
}
li.sbaritem:hover {
}
li.sbartitle {
display: none;
text-align: right;
font-size: 15px;
padding: 5px;
text-transform: lowercase;
}
ul.ljtaglist li {
margin: 0px;
padding: 5px;
list-style-position: inside;
list-style: square;
}
/*-- userpics --*/
.userpic, .userpicfriends {
margin: 10px 0px 0px 0px;
text-align: center;
position: relative;
float: right;
background-color: transparent !important;
z-index: 15;
padding: 10px;
border: 0px solid #6D6D6D;
}
.userpic img, .userpicfriends img {
background-color: #FFFFFF;
border: 5px solid #FF7161;
}
.userpicfriends font {
color: #1D191F;
text-transform: lowercase;
text-align: center;
}
.userpicfriends br {
display: block;
height: 0;
}
/*-- tag page --*/
.ljtaglist {
background-color: #FFFFFF;
border: 1px solid #EDEDED;
margin: -1px 20px 0px 20px;
width: 80%;
text-transform: lowercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 0px dotted #EBB198;
padding: 6px 3px 6px 20px;
color: #CFCFCF;
}
H2 {
text-align: center;
padding: 1px;
line-height: 12px;
font-weight: normal;
color: #6D6D6D;
text-transform: lowercase;
}
ul.ljtaglist {
color: #CFCFCF;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}
ul.ljtaglist li{
padding: 3px;
margin: 2px;
list-style: circle;
list-style-position: inside;
}
/*-- archive --*/
ul.year {
text-align: center;
font-size: 14px;
padding: 5px;
background-color: #1D191F;
border: 1px solid #EDEDED;
}
ul.year li {
color: #FFFFFF;
font-weight: bold;
display: inline;
padding: 5px;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
width: 100%;
}
td.yearmonth, td.yearmonth a {
font-size: 25px;
font-family: Script MT Bold, Lucida Calligraphy Italic, script;
color: #1D191F;
border-style: none;
}
table.yeartable td.yearday {
background-color: #1D191F;
text-align: center;
text-transform: lowercase;
border: 1px solid #1D191F;
color: #FFFFFF;
}
td.yeardate {
font-size: 14px;
padding: 10px;
color: #1D191F;
background-color: #FFFFFF;
border: 1px solid #1D191F;
text-align: center;
}
/*-- comment page --*/
.clear {
display: none;
}
.skiplinks {
color: #FFFFFF;
text-transform: lowercase;
text-align: center;
padding: 5px;
margin-bottom: 10px;
background-color: #1D191F;
border: 1px solid #EDEDED;
}
.skiplinks a {
text-transform: lowercase;
text-align: center;
padding: 10px;
}
.box {
width: auto;
clear: center;
}
.commentbox {
background-color: #FFFFFF;
border-top: 8px solid #1D191F;
border-bottom: 2px solid #1D191F;
padding: 15px;
margin: 0px 0px 15px 0px;
}
.commentboxpartial {
padding: 5px;
margin: 12px;
}
.userpiccomment {
position: relative;
top: -10px;
left: 0px;
margin: 5px 10px 0px 0px;
z-index: 15;
float: left;
padding: 0px;
border: 2px solid #FF7161;
}
input, textarea {
background-color: #FFFFFF;
color: #1D191F;
border: 1px solid #1D191F;
}
textarea.textbox{
background-color: #FFFFFF;
color: #6D6D6D;
font-size: 14px;
font-family: serif;
width: 100% !important;
border: 1px solid #1D191F;
}
.reply {
position: relative;
margin: 5px;
padding: 5px;
text-align: left;
line-height: 125%;
}
.datesubjectcomment {
padding: 5px;
border-bottom: 1px solid #1D191F;
}
.replytosubject {
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
padding: 10px 10px 20px 90px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/*-- mini icons by pinvoke --*/
.ljuser img {
width: 0;
height: 0;
background: transparent url(http://i32.tinypic.com/erkeb6.gif) no-repeat 0 0;
padding: 12px 8px 0 2px !important; vertical-align: baseline !important;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i32.tinypic.com/erkeb6.gif) no-repeat 0 0 !important;
padding: 12px 8px 0 2px !important;
}
.ljuser img[src*="community.gif"] {
width: 0;
height: 0;
background: transparent url(http://i25.tinypic.com/2wez32g.gif) no-repeat scroll 0 0 !important;
padding: 13px 8px 0 1px !important;
}
.subject img {
vertical-align: middle !important;
}
img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 18px 18px 0px 0px !important;
background: transparent url(http://i49.tinypic.com/21ooawz.png) no-repeat scroll 0 0;
}
img[src*="icon_private.gif"]{
width: 0;
height: 0;
padding: 18px 18px 0px 0px !important;
background: transparent url(http://i49.tinypic.com/21ooawz.png) no-repeat scroll 0 0;
}
img[src*="icon_groups.gif"]{
width: 0;
height: 0;
padding: 18px 18px 0px 0px !important;
background: transparent url(http://i49.tinypic.com/21ooawz.png) no-repeat scroll 0 0;
}
img[src*="btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i39.tinypic.com/144739d.png) no-repeat scroll 0 0;
}
img[src*="btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/358rj2a.png) no-repeat scroll 0 0;
}
img[src*="btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i39.tinypic.com/2drnh3.png) no-repeat scroll 0 0;
}
img[src*="btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i40.tinypic.com/17afb4.png) no-repeat scroll 0 0;
}
img[src*="btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i44.tinypic.com/242zlet.png) no-repeat scroll 0 0;
}
img[src*="btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i44.tinypic.com/5zmpvk.png) no-repeat scroll 0 0;
}
img[src*="btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/aakt3q.png) no-repeat scroll 0 0;
}
img[src*="btn_tracking_thread.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i39.tinypic.com/71pcmf.png) no-repeat scroll 0 0;
}
img[src*="anonymous.gif"] {
height: 0px;
width: 0px; padding: 0px 0px 16px 16px !important;
background: url(http://i40.tinypic.com/2ngfymo.png) no-repeat scroll 0 0;
}
img[src*="openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i44.tinypic.com/35b5evp.png) no-repeat scroll 0 0;
}
.box img[src*="userinfo.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i40.tinypic.com/33c56o1.png) no-repeat scroll 0 0;
}
img[src*="talk/none.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 10px 10px !important;
background: url(http://i39.tinypic.com/2ry4o4k.png) no-repeat scroll 0 0;
}
img[src*="help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i44.tinypic.com/zwkxvc.png) no-repeat scroll 0 0;
}
img[src*="pencil.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i40.tinypic.com/2zibpg8.png) no-repeat scroll 0 0;
}
/*------- contextual pop-up -------*/
div.ContextualPopup {
margin: 10px 0 0 10px;
text-align: left;
}
div.ContextualPopup .Content {
padding: 5px;
border: 1px solid #1D191F;
margin: 4px 30px 4px 4px;
background-color: #FFFFFF;
}
div.ContextualPopup div.Inner {
background: transparent !important;
color: #565656 !important;
border: 0px;
padding: 10px;
width: 275px;
}
div.ContextualPopup .Userpic {
padding: 10px;
margin-left: 5px;
background-color: #FFFFFF;
border: 1px solid #1D191F;
}
div.ContextualPopup img {
padding: 0px;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
text-decoration: none !important;
font-weight: lighter;
color: #FF7161 !important;
}
div.ContextualPopup .Relation {
text-transform: lowercase;
font-size:11px;
}
/*-- navigation bar --*/
table#lj_controlstrip td {
background-color: #1D191F;
border: 0px solid #EDEDED;
}
#lj_controlstrip input {
background-color: #FF7161;
color: #1D191F;
}
#lj_controlstrip a {
color: #FFFFFF;
}
#lj_controlstrip_statustext {
color: #FF7161;
}
#lj_controlstrip .ljuser a b {
color: #FFFFFF;
}
#lj_controlstrip_userpic {
display: none;
}
/*-- paste additional codes below this point --*/
CREDIT:
★- Comments are ♥
★- Credit & watch visualwit for updates
NOTES:
★- If you have MS Office, you should have Script MT.
★- My FAQ post. Refer to this for directions on adding headers/banners and such.
DIRECTIONS:
★- Select Journal Style
★- Select any Flexible Squares layout except 'Circles'
★- Go to Custom CSS and set all drop down boxes to No
★- Paste code in 'Custom Stylesheet' text box
ADDITIONAL DIRECTIONS:
★- Ads should be VERTICAL as there is no sidebar.
FAQ:
★- Can I tweak the code (color, font, etc)? Certainly, just don't remove the header at the beginning of the css code. Please note that I'll be unavailable to help with any unnecessary modifications (turning a sidebar into a topbar, changing fonts, etc).
★- I have a question about the layout, where should I post my questions should I have any problems with it? At the layout post is fine, though you may also post general layout questions at the FAQ post.
OTHER RESOURCES:
★- s2flexisquares is the main tutorial/how to site for flexible squares