The Big 3-0
XXX | CARTER'S PARADOX
There is a very important message stated in the top entry of the live preview, please make sure you read it before installing the layout/asking questions. Also, please make sure you read through the entire guide before installing the layout or asking a question. Thank you!
XXX; CARTER'S PARADOX
LIVE PREVIEWS
carter's paradox
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
1280x1024 and higher
disabled features
title, subtitle, sidebar, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Carter's Paradox
STYLE: S2 | Flexible Squares
ACCOUNTS: paid & basic
TINY ICONS: by brsev @ deviantart
CREDIT: apologize @ jealouss
---------------------------------------------*/
/*---------page--------*/
body {
background: #f8f8f8 url(http://i55.tinypic.com/2lcwv2q.png)fixed;
text-align: center;
color: #000000;
font-family: "courier new", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display: none;}
/*---------body--------*/
#content{
width: 50%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "courier new", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 0px;
text-align: left;}
/*---------header--------*/
#header {
width: auto;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "courier new", sans-serif;
font-size: 15px;
font-weight: 200;
letter-spacing: -1px;
border: none;
background: transparent!important;
color: #000000;
text-transform: uppercase;
position: fixed;
left: 240px;
top: 60px;
}
.headerimage {}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #777;}
div#header a:hover, div#footer a:hover {
color: #ccc;
text-decoration: none;}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;}
ul.navheader{
padding: 0px;
margin: 0;
}
ul.navheader li {
display: block;
padding: 0 3px 0 3px;
margin: 10px 0 10px 0;
-moz-transform: rotate(-45deg);
}
ul.navheader li a, li.view{background: rgba(0, 0, 0, .04);}
ul.navheader li a:hover, li.view:hover{background: #eee;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px 0px 10px 0px;
padding: 10px;
background: #F2EFEF;
color: #777;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: none;
}
.userpic {
position: relative;
float: left;
background-color: #444;
padding: 5px;
margin: 5px;
z-index: 15;
border: none;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: lighter;
padding: 2px;
color: #000000;
font-family: "courier new", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {color: #444;}
.subject a:hover {color: #fff; text-decoration: none;}
.datesubject {
opacity: 1;
background: rgba(0, 0, 0, .1);
padding: 5px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags {font: normal normal 10px courier new, sans-serif; text-transform: lowercase; color: #5B5F62; letter-spacing: -1px; }
.currenttags strong{display: none;}
.ljtags, .currenttags{background: url(http://i51.tinypic.com/2lszdso.png)left no-repeat;
padding: 3px 5px 1px 17px;
margin-top: 40px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;}
/*---------currents--------*/
.currents strong{display: none;}
.currents{
font: normal normal 10px courier new, sans-serif;
text-transform: lowercase;
margin-top: 20px;
border-top: 2px solid #5B5F62;
}
.currentmood{
padding: 5px 15px 3px 17px;
line-height: 2px;
margin-top: 0px;
background: url(http://i56.tinypic.com/2ljq5pw.png)left no-repeat;}
.currentmusic {
padding: 5px 15px 3px 17px;
margin-top: 0px;
line-height: 10px;
background: url(http://i56.tinypic.com/15x9xnc.png)left no-repeat;
}
.currentlocation {
padding: 5px 15px 3px 17px;
margin-top: 0px;
line-height: 8px;
background: url(http://i52.tinypic.com/sltuyv.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "courier new", sans-serif;
font-size: 11px;
text-align: right;
background-color: #dcdcdc;
padding: 10px;
position: relative;
top: 44px;
margin-left: -10px;
width: 100%;
text-transform: uppercase;
background: rgba(0, 0, 0, .1);
opacity: 0;
}
.comments:hover{
opacity: 1; background: rgba(0, 0, 0, .1);}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffffff;}
div.comments a:hover {
color: #bbb;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
margin: 5px;
text-align: center;
border: none;
font-family: "courier new", sans-serif;
font-size: 10px;
z-index: 15;
background: transparent!important;
text-transform: uppercase;
color: transparent!important;
}
.userpicfriends img{background: #444; padding: 5px; height: 75px; width: 75px;}
.userpicfriends a font{color: #bebebe;}
.userpicfriends a font:hover{color: #222;}
/*---------sidebar--------*/
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #c2cde0;
border-color: #999999;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 210px;
float: right;
text-align: left;
}
.defaultuserpic {
text-align: center;
display: none;
}
.sbarheader {}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #5674b9;}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #d4dce8;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px;
list-style: none;
}
li.sbartitle{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #919bad;
margin-bottom: 10px;
margin-top: 10px;
}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "courier new", sans-serif;
font-size: 13px;
font-weight: light;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border: none;
z-index: 100;
clear: both;
text-transform: uppercase;
}
#footer .viewing {}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
}
table.yeartable td.yearday {
background-color: #ddd;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #ddd;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background-color: #444;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #eee;
border-style: solid;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #eee;
color: #000000;
font-family: arial;
font-size: 11px;
}
textarea.textbox {
width: 100% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "courier new", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ccc;
color: #000000;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "courier new", sans-serif;
color: #000000;
letter-spacing: -1px;
}
.commentbox {
border-top: 1px solid #ddd;
border-botttom: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: transparent!important;
font-family: courier new;
color: #444;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff;}
.datesubjectcomment a:hover {color: #b0b9c8;}
.commentboxpartial {
border-color: #ccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ddd;
}
.commentinfo {
background-color: #ddd;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*----------disabled------------*/
#lj_controlstrip, .date, .title, .subtitle, #sidebar{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
div.ContextualPopup{
margin: 0px;
text-align: left;
font: normal 9px "helvetica" !important;
}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #f2f2f2 !important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, 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-size: 14px;
font-weight: normal !important;
font-family: courier new;
letter-spacing: -1px;
text-transform: uppercase;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #444;
text-decoration: none;
}
a:hover {
color: #ddd;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u, big, small {font-family: courier new; letter-spacing: -1px; font-weight: lighter; color: #444;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/iglx5z.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://i56.tinypic.com/j15wr6.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/2i9pmrb.png) 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://i54.tinypic.com/2dqon4k.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/jj0hns.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i55.tinypic.com/i1k9xs.png) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background:url("http://i53.tinypic.com/iglx5z.jpg") no-repeat !important;
height:0; padding: 16px 0 0 15px !important; width:0;}
Features
hovering comment bar, rotated navigation links,
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
Also, there is a special notation about the comment bar that can be found in the top entry of the live preview, please read this before you ask questions.
Credits
tiny icons by brsev @ deviantart
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts
There is a very important message stated in the top entry of the live preview, please make sure you read it before installing the layout/asking questions. Also, please make sure you read through the entire guide before installing the layout or asking a question. Thank you!
XXX; CARTER'S PARADOX
LIVE PREVIEWS
carter's paradox
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
1280x1024 and higher
disabled features
title, subtitle, sidebar, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Carter's Paradox
STYLE: S2 | Flexible Squares
ACCOUNTS: paid & basic
TINY ICONS: by brsev @ deviantart
CREDIT: apologize @ jealouss
---------------------------------------------*/
/*---------page--------*/
body {
background: #f8f8f8 url(http://i55.tinypic.com/2lcwv2q.png)fixed;
fixed;){kind=link}
text-align: center;
color: #000000;
font-family: "courier new", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display: none;}
/*---------body--------*/
#content{
width: 50%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "courier new", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 0px;
text-align: left;}
/*---------header--------*/
#header {
width: auto;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "courier new", sans-serif;
font-size: 15px;
font-weight: 200;
letter-spacing: -1px;
border: none;
background: transparent!important;
color: #000000;
text-transform: uppercase;
position: fixed;
left: 240px;
top: 60px;
}
.headerimage {}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #777;}
div#header a:hover, div#footer a:hover {
color: #ccc;
text-decoration: none;}
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;}
ul.navheader{
padding: 0px;
margin: 0;
}
ul.navheader li {
display: block;
padding: 0 3px 0 3px;
margin: 10px 0 10px 0;
-moz-transform: rotate(-45deg);
}
ul.navheader li a, li.view{background: rgba(0, 0, 0, .04);}
ul.navheader li a:hover, li.view:hover{background: #eee;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px 0px 10px 0px;
padding: 10px;
background: #F2EFEF;
color: #777;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: none;
}
.userpic {
position: relative;
float: left;
background-color: #444;
padding: 5px;
margin: 5px;
z-index: 15;
border: none;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: lighter;
padding: 2px;
color: #000000;
font-family: "courier new", sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {color: #444;}
.subject a:hover {color: #fff; text-decoration: none;}
.datesubject {
opacity: 1;
background: rgba(0, 0, 0, .1);
padding: 5px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags {font: normal normal 10px courier new, sans-serif; text-transform: lowercase; color: #5B5F62; letter-spacing: -1px; }
.currenttags strong{display: none;}
.ljtags, .currenttags{background: url(http://i51.tinypic.com/2lszdso.png)left no-repeat;
left){kind=link}
padding: 3px 5px 1px 17px;
margin-top: 40px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;}
/*---------currents--------*/
.currents strong{display: none;}
.currents{
font: normal normal 10px courier new, sans-serif;
text-transform: lowercase;
margin-top: 20px;
border-top: 2px solid #5B5F62;
}
.currentmood{
padding: 5px 15px 3px 17px;
line-height: 2px;
margin-top: 0px;
background: url(http://i56.tinypic.com/2ljq5pw.png)left no-repeat;}
left){kind=link}
.currentmusic {
padding: 5px 15px 3px 17px;
margin-top: 0px;
line-height: 10px;
background: url(http://i56.tinypic.com/15x9xnc.png)left no-repeat;
left){kind=link}
}
.currentlocation {
padding: 5px 15px 3px 17px;
margin-top: 0px;
line-height: 8px;
background: url(http://i52.tinypic.com/sltuyv.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "courier new", sans-serif;
font-size: 11px;
text-align: right;
background-color: #dcdcdc;
padding: 10px;
position: relative;
top: 44px;
margin-left: -10px;
width: 100%;
text-transform: uppercase;
background: rgba(0, 0, 0, .1);
opacity: 0;
}
.comments:hover{
opacity: 1; background: rgba(0, 0, 0, .1);}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffffff;}
div.comments a:hover {
color: #bbb;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
margin: 5px;
text-align: center;
border: none;
font-family: "courier new", sans-serif;
font-size: 10px;
z-index: 15;
background: transparent!important;
text-transform: uppercase;
color: transparent!important;
}
.userpicfriends img{background: #444; padding: 5px; height: 75px; width: 75px;}
.userpicfriends a font{color: #bebebe;}
.userpicfriends a font:hover{color: #222;}
/*---------sidebar--------*/
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #c2cde0;
border-color: #999999;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 210px;
float: right;
text-align: left;
}
.defaultuserpic {
text-align: center;
display: none;
}
.sbarheader {}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #5674b9;}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #d4dce8;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px;
list-style: none;
}
li.sbartitle{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #919bad;
margin-bottom: 10px;
margin-top: 10px;
}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "courier new", sans-serif;
font-size: 13px;
font-weight: light;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border: none;
z-index: 100;
clear: both;
text-transform: uppercase;
}
#footer .viewing {}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
}
table.yeartable td.yearday {
background-color: #ddd;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #ddd;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background-color: #444;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #eee;
border-style: solid;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #eee;
color: #000000;
font-family: arial;
font-size: 11px;
}
textarea.textbox {
width: 100% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "courier new", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ccc;
color: #000000;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "courier new", sans-serif;
color: #000000;
letter-spacing: -1px;
}
.commentbox {
border-top: 1px solid #ddd;
border-botttom: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: transparent!important;
font-family: courier new;
color: #444;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff;}
.datesubjectcomment a:hover {color: #b0b9c8;}
.commentboxpartial {
border-color: #ccc;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ddd;
}
.commentinfo {
background-color: #ddd;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*----------disabled------------*/
#lj_controlstrip, .date, .title, .subtitle, #sidebar{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
div.ContextualPopup{
margin: 0px;
text-align: left;
font: normal 9px "helvetica" !important;
}
div.ContextualPopup div.Inner{
color: #aaa !important;
border:1px solid #eee;
background: #f2f2f2 !important;
padding: 0;
width: 280px;
}
div.ContextualPopup .Userpic{
padding: 3px;
margin: 5px 5px 0;
border:1px solid #eee;
background: #fff;
}
div.ContextualPopup .Content{
padding: 5px;
border-right: 1px solid #ececec;
margin-right:68px;
background: #fff;
}
div.ContextualPopup div.Inner a:link, 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-size: 14px;
font-weight: normal !important;
font-family: courier new;
letter-spacing: -1px;
text-transform: uppercase;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #444;
text-decoration: none;
}
a:hover {
color: #ddd;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u, big, small {font-family: courier new; letter-spacing: -1px; font-weight: lighter; color: #444;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i53.tinypic.com/iglx5z.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://i56.tinypic.com/j15wr6.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i52.tinypic.com/2i9pmrb.png) 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://i54.tinypic.com/2dqon4k.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/jj0hns.jpg) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i55.tinypic.com/i1k9xs.png) no-repeat !important; padding: 16px 0 0 18px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"], img[src*="userhead"] {
background:url("http://i53.tinypic.com/iglx5z.jpg") no-repeat !important;
height:0; padding: 16px 0 0 15px !important; width:0;}
Features
hovering comment bar, rotated navigation links,
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
Also, there is a special notation about the comment bar that can be found in the top entry of the live preview, please read this before you ask questions.
Credits
tiny icons by brsev @ deviantart
Questions
If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me.
FAQ | HOW TO CREDIT
like what you see?
watch | more layouts