(LAYOUT 08/09 →) how not to be paralyzed (gray and colored versions).
New community layout to coincide with this update; and to celebrate over 300 watchers! Anywys, this one is fun; enjoy. Icons are coming soon~
entitled: how not to be paralyzed.
TESTED IN: FIREFOX, GOOGLE CHROME, SAFARI, IE
VERSIONS: (3 COLORS) PALE BLUE, PALE GREEN, GRAYSCALE
LIVE PREVIEW | STATIC PREVIEW
basic settings:
Account Types: Paid, Basic
Ad Placement: NONE
Comment Pages: NO
Sidebar Positioning: Top of page
Enabled: Blurb, Links list
Disabled: Tags list, Calendar, Page Summary, Title, Subtitle
how to install:
Go to customize your journal style. Make sure you have a Flexible Squares stylesheet selected, such as "Blue Gray." If not, type Flexible Squares into the search bar and select one. Skip the Page Setup (not applicable to this layout), and move on to customize. Under the "Customize your theme" menu, select "Custom CSS." All dropdown menus should be set to NO.
Input the CSS:
[ in blue ] → Static preview
/* entitled: how to not be paralyzed: blue and red */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #79E5E0;
text-decoration: none;
}
blockquote {
border: 3px dotted #EF5151;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #E1F7F4;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #80E5D4;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #80E5D4;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #84E0D1;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #E25353;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 1px dotted #EA4E48; border-bottom: 1px dotted #EA4E48; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #80E5D4; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #ccc; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
border-bottom: 6px solid #EA4E48;
font: normal 30px "Rockwell", sans-serif;
letter-spacing: -4px;
padding: 5px;
}
div.comments a:hover {
background-color: #000000;
color: #79E5E0;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
[ in green ] → Static preview
/* entitled: how to not be paralyzed: green and yellow */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #A7DD56;
text-decoration: none;
}
blockquote {
border: 3px dotted #E5DE5E;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #E2FFBF;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #ABEC4E;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #ABEC4E;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #AAE557;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #F0EA41;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 1px dotted #F0EA41; border-bottom: 1px dotted #F0EA41; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #AAE557; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #ccc; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
border-bottom: 6px solid #E5DE5E;
font: normal 30px "Rockwell", sans-serif;
letter-spacing: -4px;
padding: 5px;
}
div.comments a:hover {
background-color: #000000;
color: #ACDD61;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
[ in gray ] → Static preview
/* entitled: how to not be paralyzed */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #ADADAD;
text-decoration: none;
}
blockquote {
border: 3px dotted #ADADAD;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #F2F2F2;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #ADADAD;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #AFAFAF;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #d5d5d5;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 3px solid #e3e3e3; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #ADADAD; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #CCC; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
font: normal 25px "Rockwell", sans-serif;
letter-spacing: -3px;
padding: 3px;
}
div.comments a:hover {
color: #b5b5b5;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
additional:
Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, in case mine go out. This is not required, obviously, just suggested.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to fleeting_days as credit somewhere, anywhere on your livejournal.
Questions: Check out the FAQ and see if your question is answered. If not, leave a comment, and I'll do my best to help with any problems.
WATCH // AFFILIATION
entitled: how not to be paralyzed.
TESTED IN: FIREFOX, GOOGLE CHROME, SAFARI, IE
VERSIONS: (3 COLORS) PALE BLUE, PALE GREEN, GRAYSCALE
LIVE PREVIEW | STATIC PREVIEW
basic settings:
Account Types: Paid, Basic
Ad Placement: NONE
Comment Pages: NO
Sidebar Positioning: Top of page
Enabled: Blurb, Links list
Disabled: Tags list, Calendar, Page Summary, Title, Subtitle
how to install:
Go to customize your journal style. Make sure you have a Flexible Squares stylesheet selected, such as "Blue Gray." If not, type Flexible Squares into the search bar and select one. Skip the Page Setup (not applicable to this layout), and move on to customize. Under the "Customize your theme" menu, select "Custom CSS." All dropdown menus should be set to NO.
Input the CSS:
[ in blue ] → Static preview
/* entitled: how to not be paralyzed: blue and red */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #79E5E0;
text-decoration: none;
}
blockquote {
border: 3px dotted #EF5151;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #E1F7F4;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #80E5D4;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #80E5D4;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #84E0D1;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #E25353;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 1px dotted #EA4E48; border-bottom: 1px dotted #EA4E48; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #80E5D4; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #ccc; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
border-bottom: 6px solid #EA4E48;
font: normal 30px "Rockwell", sans-serif;
letter-spacing: -4px;
padding: 5px;
}
div.comments a:hover {
background-color: #000000;
color: #79E5E0;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
[ in green ] → Static preview
/* entitled: how to not be paralyzed: green and yellow */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #A7DD56;
text-decoration: none;
}
blockquote {
border: 3px dotted #E5DE5E;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #E2FFBF;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #ABEC4E;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #ABEC4E;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #AAE557;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #F0EA41;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 1px dotted #F0EA41; border-bottom: 1px dotted #F0EA41; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #AAE557; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #ccc; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
border-bottom: 6px solid #E5DE5E;
font: normal 30px "Rockwell", sans-serif;
letter-spacing: -4px;
padding: 5px;
}
div.comments a:hover {
background-color: #000000;
color: #ACDD61;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
[ in gray ] → Static preview
/* entitled: how to not be paralyzed */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #ffffff;
margin: 0px 0 20px 0;
}
body, td, th {
font: normal 11px "Verdana", sans-serif;
color: #404040;
line-height: 1.75;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #ADADAD;
text-decoration: none;
}
blockquote {
border: 3px dotted #ADADAD;
padding: 15px;
font-color: #444444;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}
/* CONTENT FORMATTING ---------------- */
#content {
margin: auto;
}
#maincontent {
width: 720px;
margin: auto;
background-color: #FFFFFF;
border-left: 50px solid #F2F2F2;
text-align: auto;
color: #b5b5b5;
font: normal 11px "Verdana", sans-serif;
}
.subcontent { }
.yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }
/* HEADER AND FOOTER ---------------- */
#header {
width 100%;
padding: 15px 0px 20px 25px;
text-align: right;
font: normal 28px "Rockwell", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: -1px;
background: #000000;
}
.title {
display: none;
}
.subtitle {
display: none; }
#footer {
font: normal 16px "Rockwell", sans-serif;
text-transform: lowercase;
width: auto;
margin: 0;
margin-bottom: -20px;
background: #000000;
padding: 10px 0px 15px 20px;
text-align: left;
letter-spacing: 0px;
color: #FFFFFF;
}
#footer a {
color: #ADADAD;
}
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #EAEAEA;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
ul.navheader li.view {
padding: 10px;
color: #AFAFAF;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0px 10px 10px 0px;
padding: 7px;
color: #404040;
font-family: "Verdana", sans-serif;
line-height: 1.75;
font-size: 11px;
text-align: left;
}
.lj-view-recent .entry_text {
min-height:110px; }
.entry_text {
margin-bottom: 20px;
}
.entry a:link, a:visited, a:active {
font-color:000000; }
.entry a:hover {
color:515151; }
.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic, .userpicfriends {
position: relative;
background-color: transparent !important;
padding: 5px;
margin: 0px 0px -95px 520px;
z-index: 15;
text-align: center;
color: #ffffff;
}
.userpic img, .userpicfriends img, .defaultuserpic img {
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
}
.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font-size: 8px;
color: #EFEFEF;
letter-spacing: 1px;
text-align: left;
padding: 0px;
}
.subject {
font-color: #FFFFFF;
text-transform: lowercase;
font: bold 25px "arial", sans-serif;
letter-spacing: -2px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color: #FFFFFF;
text-decoration: bold
}
.subject a:hover {
color: #d5d5d5;
}
.datesubject {
width: 690px;
background-color: #000000;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 12px;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {background: #232323;
width: auto;
background-attachment:fixed;
background-image: url("http://i53.tinypic.com/2ue7e42.png");
border: 0px solid #DDDDDD;
font: normal 10px "Verdana", sans-serif;
text-align: auto;
color: #B5B5B5;
min-height: 150px;
list-type: block;
padding: 0;
margin: 0;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{ font: italic 12px "Times", serif; color: #f7f7f7; text-align: center; text-transform: lowercase; letter-spacing -1px; border-top: 3px solid #e3e3e3; padding: 7px; }
div#sidebar a:hover, li.sbaritem a:hover{ color: #ADADAD; text-decoration: none; text-align: center;background-color:#000000; }
.sbarbody{ text-align: center; padding: 20px; }
.sbarbody2{ line-height: 1.75; align: center; padding: 0; color: #EFEFEF; }
li.sbaritem{ display: inline; list-style-type: none; margin: 0; padding: 0 10px; text-align:auto; color: #CCC;}
li.sbaritem a{ text-align: center; font-size: 12px; letter-spacing: 1px; background-color:#000000;}
li.sbaritem:hover{ color: #CCC; }
ul.sbarlist{ margin: 0; list-style-type: none; display: inline; text-align: center; }
.sbarbody2 {
margin: 0;
width: auto;
align:center;
text-align:center;
padding: 10px; }
ul.sbarlist {list-style-type: none;
margin: 0;
padding: 0;}
li.sbaritem {list-style-type: none;
text-align: center;
width: 100px;
margin: 0 5px 0 20px;
padding: 0 4px 0 4px;}
.sidebar-links {
margin-left:10px;
background-color:#000000;}
.sbarbody#sidebar_tags, .sbarbody#sidebar_calendar, .defaultuserpic, .sbarbody#sidebar_summary, .sbarheader, li.sbartitle { display: none; }
/* TAGS ------------------ */
.ljtags, .ljtags a {
margin-top: 20px;
margin-bottom: -30px;
font: bold italic 12px "Times", sans-serif;
text-transform: lowercase;
color: #000000;
background: transparent url() no-repeat scroll 100% 50%; }
.ljtags a:link, .ljtags a:visited {
font: italic 12px "Times", sans-serif;
color: #606060;
}
.ljtags a:hover {
text-decoration: none;
color: #ADADAD; }
ul.ljtaglist {
width: 691px;
background-color:#ffffff;
padding: 2px;
padding-top:20px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
font-family: normal "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 4px;
border-bottom: 1px dotted #000000;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #000000;
font: normal 25px "Rockwell", sans-serif;
letter-spacing: -3px;
padding: 3px;
}
div.comments a:hover {
color: #b5b5b5;
text-decoration: none;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 7px solid #D3D3D3;
padding: 4px;
width: 90px;
height: 90px;
background-color: #FFFFFF;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
clear: left;
}
input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: Verdana;
color: #404040;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #404040;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #404040;
}
.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
border-bottom: 1px dotted #000000;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 720px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
padding: 5px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 14px 13px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 14px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
display: none;
}
img[src*="icon_private.gif"] {
display: none;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #A3A3A3 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #BCCED8 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}
additional:
Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, in case mine go out. This is not required, obviously, just suggested.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to fleeting_days as credit somewhere, anywhere on your livejournal.
Questions: Check out the FAQ and see if your question is answered. If not, leave a comment, and I'll do my best to help with any problems.
WATCH // AFFILIATION