S2: Smooth Sailing- Spectacular Views (pink, blue and green)
My first layout so please comment, especially if there are any bugs!
green blue pink live
Style: Smooth Sailing
Browsers: Firefox & Chrome
GREEN
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #A8DBA8;
font-family: georgia;
border-left: 10px solid #97C597;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #A8DBA8;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #A8DBA8;
color: #fff;
border-left: 10px solid #97C597;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #A8DBA8;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #A8DBA8;
width: 860px;
margin-left: -165px;
border-left: 10px solid #97C597;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #A8DBA8;
font-family: georgia;
border-left: 10px solid #97C597;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #A8DBA8;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #A8DBA8;
font-family: arial;
color: #fff;
border-left: 10px solid #97C597;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#A8DBA8 none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#A8DBA8 none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#97C597;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #A8DBA8;
border-right: 10px solid #97C597;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
BLUE
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #C5E0DC;
font-family: georgia;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #C5E0DC;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #C5E0DC;
color: #fff;
border-left: 10px solid #81C9C6;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #C5E0DC;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #C5E0DC;
width: 860px;
margin-left: -165px;
border-left: 10px solid #81C9C6;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #C5E0DC;
font-family: georgia;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #C5E0DC;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #C5E0DC;
font-family: arial;
color: #fff;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#C5E0DC none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#C5E0DC none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#81C9C6;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #C5E0DC;
border-right: 10px solid #81C9C6;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
PINK
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #F4C5B3;
font-family: georgia;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #F4C5B3;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #F4C5B3;
color: #fff;
border-left: 10px solid #F59B8F;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #F4C5B3;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #F4C5B3;
width: 860px;
margin-left: -165px;
border-left: 10px solid #F59B8F;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #F4C5B3;
font-family: georgia;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #F4C5B3;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #F4C5B3;
font-family: arial;
color: #fff;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#f4c5b3 none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#f4c5b3 none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#f59b8f;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #F4C5B3;
border-right: 10px solid #F59B8F;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
The header is hidden in this layout, so you will have to add the navigation links to your sidebar.
Please comment and credit!
tiny icons from here
green blue pink live
Style: Smooth Sailing
Browsers: Firefox & Chrome
GREEN
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #A8DBA8;
font-family: georgia;
border-left: 10px solid #97C597;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #A8DBA8;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #A8DBA8;
color: #fff;
border-left: 10px solid #97C597;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #A8DBA8;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #A8DBA8;
width: 860px;
margin-left: -165px;
border-left: 10px solid #97C597;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #A8DBA8;
font-family: georgia;
border-left: 10px solid #97C597;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #A8DBA8;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #A8DBA8;
font-family: arial;
color: #fff;
border-left: 10px solid #97C597;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#A8DBA8 none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#A8DBA8 none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#97C597;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #A8DBA8;
border-right: 10px solid #97C597;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
;){kind=link}
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
;){kind=link}
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
BLUE
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #C5E0DC;
font-family: georgia;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #C5E0DC;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #C5E0DC;
color: #fff;
border-left: 10px solid #81C9C6;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #C5E0DC;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #C5E0DC;
width: 860px;
margin-left: -165px;
border-left: 10px solid #81C9C6;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #C5E0DC;
font-family: georgia;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #C5E0DC;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #C5E0DC;
font-family: arial;
color: #fff;
border-left: 10px solid #81C9C6;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#C5E0DC none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#C5E0DC none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#81C9C6;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #C5E0DC;
border-right: 10px solid #81C9C6;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
PINK
/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: noodlebird.livejournal.com
STYLESHEET NAME: spectacular views
S2 STYLE: Smooth Sailing
This base stylesheet was created by scythe at spire.livejournal.com
-----------------------------------------------------*/
body {
background:#EFF0E3 url() repeat scroll 0 0;
color:#000000;
font-family:arial;
font-size:11px;
margin:0;
}
a, a:visited {
color:#333;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
ul {
}
li {
}
blockquote {
}
textarea, input, select {
}
/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.pageblock {
width: 700px;
margin: 30px auto 10px auto;
}
.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.pageheaderblock {
display: none;
}
.pagefooterblock {
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodyblock {
border-right: 0px dashed #ccc;
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
display: none;
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
}
.entryHolder {
background:#FFFFFF url() repeat scroll 0 0;
color:#878787;
font-size:11px;
margin-bottom: 15px;
max-width: 705px;
}
/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.entryUserinfo { /* Controls the box containing the userpic and user/comm links. NOT the actual image itself. */
}
.entryUserinfo-username { /* The box containing the user/comm links; EXCLUDES userpic */
font-size: 15px;
width: 150px;
margin-left: -165px;
background-color: #F4C5B3;
font-family: georgia;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.entryUserinfo-username .ljuser a b { /* Styles the actual user/comm links; if you want it to have the same look as all the others, leave blank. */
color: #fff;
font-weight: normal;
}
.entryUserinfo-usericon img { /* Styles the userpic image */
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #F4C5B3;
}
.entryText {
color:#000000;
font-family:helvetica;
font-size:11px;
line-height:20px;
text-align:justify;
padding:11px;
min-height: 150px;
}
/* ---- SUBJECT/DATE BAR ---- */
.entryHeader {
font-size:0px;
line-height:15px;
margin-left:-165px;
position:absolute;
text-align:right;
text-transform:lowercase;
width:150px;
height: 64px;
padding: 3px;
text-decoration: none;
background-color: #F4C5B3;
color: #fff;
border-left: 10px solid #F59B8F;
}
}
.entryHeader a, .entryHeader a:visited { /* Only affects the subject permalink */
font-family: georgia;
color:#fff;
}
.entryHeader a:hover { /* Only affects the subject permalink */
color:#fff;
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
padding-top:3px;
font-family: georgia;
letter-spacing: -1px;
font-size:18px;
line-height:15px;
}
.entryHeaderDate { /* Styles JUST the date, EXCLUDES subject */
letter-spacing: -1px;
font-size:16px;
line-height:15px;
color: #fff;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}
/* ---- METADATA ---- */
.entryMetadata {
color:#fff;
font-size: 12px;
letter-spacing: -1px;
font-family: georgia;
height: 70px;
background-color: #F4C5B3;
width: 635px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#fff;
}
.entryMetadata a:hover {
color:#fff;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform: lowercase;
color: #fff;
}
.entryMetadata-content img {
margin-left: 5px;
}
/* ---- COMMENT LINKBAR --- */
.entryLinkbar {
color:#fff;
font-size:16px;
letter-spacing: -1px;
text-align:right;
text-transform: lowercase;
background-color: #F4C5B3;
width: 860px;
margin-left: -165px;
border-left: 10px solid #F59B8F;
}
.entryLinkbar a {
color: #fff;
}
.entryLinkbar a:hover {
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin-right:2px;
padding:3px;
}
/* -------------------------------------PAID/PLUS USERS - CUSTOM COMMENT PAGES -
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.body-midtitle { /* Title separating the comments from the entry */
background:#C2C2C2 none repeat scroll 0 0;
}
.commentHolder {
margin:18px 0;
padding:10px 0 0;
background-color: #fff;
}
.commentUserinfo {
font-size: 15px;
width: 170px;
margin-left: -170px;
margin-top: -25px;
background-color: #F4C5B3;
font-family: georgia;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.commentUserinfo .ljuser a b {
}
.commentUserinfo-usericon img {
border: 0px solid #333;
width: 60px;
height: 60px;
padding: 5px;
background-color: #F4C5B3;
}
.commentText {
padding:10px;
margin-top: -20px;
}
.commentHeader {
font-weight:normal;
font-size: 15px;
letter-spacing: -1px;
width: 155px;
height: 60px;
margin-top: -10px;
margin-left: -170px;
background-color: #F4C5B3;
font-family: arial;
color: #fff;
border-left: 10px solid #F59B8F;
padding: 3px;
}
.commentHeader a {
}
.commentHeaderSubject {
}
.commentHeaderScreened {
}
.commentLinkbar {
}
.commentLinkbar ul {
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
display:inline;
margin-right:3px;
}
.commentLinkbar a {
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform { /* The comment posting form that appears when you click the "Speak" link on the main journal page */
}
#qrform { /* The quick reply form */
background:#FBFBFB none repeat scroll 0 0;
color:#030505;
}
#qrform table { /* Removes the 1px solid black border around the quick reply form. */
border: none !important;
}
/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.month {
width:500px;
float: center;
}
.daysubjects {
}
.daytitles {
background:#f4c5b3 none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#f4c5b3 none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#f59b8f;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#fff;
}
/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.sidebar {
background:# none repeat scroll 0 0;
position: absolute;
position: fixed;
width: 200px;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
color:#333;
text-decoration:none;
}
.sidebox {
color:#000000;
background-color: #;
margin:0 auto;
width: 200px;
padding:10px 20px 10px 20px;
}
.sideboxTitle {
color:#fff;
width: 190px;
font-size:18px;
padding: 5px;
font-family: georgia;
text-transform: lowercase;
background-color: #F4C5B3;
border-right: 10px solid #F59B8F;
}
.sideboxContent {
background:#fff none repeat scroll 0 0;
text-align:justify;
padding: 10px;
}
/* PROFILE BOX */
.sidebox #profile {
text-align:center;
}
.profile-label {
font-weight:bold;
}
.profile-content {
}
.profile-userpic {
border:3px solid black;
}
/* SEARCH BOX */
.sidebox #search {
}
/* TAGS BOX */
.sidebox #tags_sidebox {
text-align:center;
}
/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}
/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
/* LINKS LIST */
.sidebox #systemlinks {
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
}
.listspacer {
}
.listtitle {
}
/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.header-menu {
background:#C2C2C2 none repeat scroll 0 0;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}
/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer-menu {
bottom:0;
padding:6px;
position:fixed;
right: 50px;
text-align:left;
text-transform:lowercase;
width:200px;
z-index:200;
}
#footer-menu a, .footer-menu a:visited {
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
text-align:justify;;
}
#footer-menu li {
list-style:none outside none;
margin:0 5px;
padding:0px 5px;
display:block;
}
/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}
/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ljuser a b {
}
.ljuser a:hover b {
}
/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/
img[src*="userinfo.gif"] {
background-image:url(http://i27.tinypic.com/16h0oxz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="openid-profile.gif"] {
background-image:url(http://i25.tinypic.com/316ucu8.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url(http://i29.tinypic.com/1dyipi.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://i31.tinypic.com/34ou6ia.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://i30.tinypic.com/20sdaif.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://i28.tinypic.com/2ep1shz.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i31.tinypic.com/vp7sdc.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i27.tinypic.com/21nkytg.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:10px 10px 0 0 !important;
width:0;
}
/* -------------------------------------------- USER POPUP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup .Content {
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
/* -------------------------------------------- NAVSTRIP --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
#lj_controlstrip {
background:black none repeat scroll 0 0;
color:#515151;
}
#lj_controlstrip_statustext { /* Text reading "You are viewing ______ */
color:#858585;
}
#lj_controlstrip a {
color:#515151;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
background:#111111 none repeat scroll 0 0 !important;
color:#9C9C9C;
border:0;
}
#lj_controlstrip .ljuser a b {
}
a[st_page*="home"] {display:none;}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}
.entryLinkbar a[href*="memadd"] {
display:none;
}
.entryLinkbar a[href*="edittags"] {
display:none;
}
.entryLinkbar a[href*="flag"] {
display:none;
}
The header is hidden in this layout, so you will have to add the navigation links to your sidebar.
Please comment and credit!
tiny icons from here