A Simple Life:
Live |
IMG • general information
* S2 Minimalism.
* Website Require.
* Works with Nav Bar.
* Custom colors included in the layout.
* Compatible browser: Firefox (BEST!) IE
* Best Resolution: 1280x1024 (not tested on others).
* Works with basic, plus, paid, & permanent accounts.
* Credit: Please credit
always_muneca in your profile. Thanks.
* Editing: This layout is as is...Please DO NOT edit. Thanks.
• additional credits
*Mini Icons:
iconspedia &
icojoy* Header Image:
27bit • instalation instructions
* Go to
Customize Journal* Search for MINIMALISM and select DEEP OCEAN as your theme.
* Go to Custom CSS and select ALL drop down menus to NO.
* Copy and paste the CSS code and save.
• plus account instructions
*Go to your Choose Journal Style page, and scroll to the bottom to "Choose a Page Setup", select Place Between Entries and save.
*Go to your
Customize Journal Style and change the specify Custom Colors to #000000 and save. Please click
HERE to view which colors to change. Everything else leave it blank. (The hex# on the example is different, so make sure you use the #s listed above and not the one on the example)
• download
/* Cleaned CSS:
Name: Simple Life
Layout Codes:
http://always-muneca.livejournal.com/Style: Minimalism
Aditional Credits:
Nav Icons/User Icons by: www.iconspedia.com
Tiny Icons by: iconjoy */
a, a:visited {color:#55B7FF; text-decoration:none;}
a:hover, a:active {color:#ffffff;}
a img {border:medium none;}
body {background:transparent url() repeat scroll 0 0; background-color:#000000;
color: #ffffff; font-family:georgia; font-size:12px;}
.layout {line-height:21px; margin:0 auto; text-align:justify;}
.content-inner{width:900px; margin:auto; background:url() repeat-y;}
hr {margin-top: 0px; visibility: hidden;}
.header {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/SMILE_D_D_D-1.png) no-repeat top center; padding:145px 0px 0 0; width:900px; margin: auto; height:80px;}
.userpic { display:none; }
.header h2, .header h3, .header h1 { display:none; }
.page-nav {width:70px; text-align:right; height:50px;}
ul.page-nav, ul.page-nav li {padding:5px 0px 0px 5px; margin-top:-15px; list-style-type:none;}
li.prev, li.next {float:left;}
li.prev a, li.next a {float:left; display:block; width:25px; height:25px; font-size:0px;}
li.prev a {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/before.png) no-repeat top left;}
li.next a {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/after.png) no-repeat top right;}
ul.nav {height:80px; margin-left: -5px; margin-top: -20px; padding:10px 0 9px; text-align:center;}
ul.nav li.item {margin-left:117px; padding:0; display:block; float:left; display:inline;
list-style-image:none; list-style-position:outside; list-style-type:none;}
li.item a {display:block; margin-top:-60px; padding:0; }
li.item-recent a {width:58px; height:62px; margin-left: -20px;
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/recent.png) no-repeat scroll 0 0;
font-size:0; padding:12px; margin-right:30px; text-indent:-9999px;}
li.item-friends a {width:58px; height:62px; margin-left: -30px;
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/friends.png) no-repeat scroll 0 0;
font-size:0; padding:12px; text-indent:-9999px;}
li.item-archive a {width:58px; height:62px; margin-left: 30px;
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/archieve.png) no-repeat scroll 0 0;
font-size:0; padding:12px; text-indent:-9999px;}
li.item-profile a {width:58px; height:62px; margin-left: 30px;
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/profile.png) no-repeat scroll 0 0;
font-size:0; padding:12px; text-indent:-9999px;}
.nav-sub { display:none; }
blockquote {margin:15px 0 15px 30px; padding:10px; background-color: #707070; border-left:5px solid #55B7FF; border-right:5px solid #55B7FF;}
.entry { width:820px; padding:1px 0px 0px 0px;}
dd, dt {margin-right:-10px; padding:0px 3px 2px 128px;}
.entry-title, entry-title a {width:580px; margin-left: 280px; color:#55B7FF; font-family:georgia; font-size:31px;
padding:18px 17px 16px; text-align:right;}
.entry-wrap {width:900px;
background:url(
http://i177.photobucket.com/albums/w216/always_muneca/simplelifebk2.png) repeat-y; position: relative; top: -20px;}
.entry-text {margin-left:60px; margin-bottom: 170px; margin-top: 50px; padding:0px 5px 8px 118px;}
.entry-text li {margin-left: -50px;}
.entry-content {line-height:14px; margin:30px 40px 0px 60px; }
.entrymenu {margin:-30px 0px 0px 0px; padding:6px 4px 7px;}
.entrymenu li { display:block; float:left; font-size:10px;}
dd.entrymenu ul {margin-bottom: 40px; padding:0;}
dd.entrymenu ul li a {font-size:0px; margin-left:11px;}
dd.entrymenu li {display:inline;}
a.btn {display:block; width:15px; height:15px; font-size:0px; color:#404040; margin: 15px -7px 0px 0px; padding:1px;}
li.edit_entry a.btn {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/options.png) no-repeat;}
li.edit_tags a.btn {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/tag-1.png) no-repeat;}
li.mem_add a.btn {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/heart-1.png) no-repeat;}
li.watch_comments a.btn {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/listen.png) no-repeat;}
li.tell_friend a.btn {background:url(
http://i177.photobucket.com/albums/w216/always_muneca/group.png) no-repeat;}
dd.entrymenu li.comments {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/comments.png) no-repeat scroll 0 0;
display:block; float:right; line-height:19px; margin-top:-30px; padding:10px 7px -5px 1px; text-align:center; width:76px; height:50px;}
dd.entrymenu li.comments a {color:#FFFFFF; font-family:trebuchet MS; font-size:18px; font-weight:bold; margin-top:5px; padding:10px 27px 5px 25px; }
dd.entrymenu li.postcomment {background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/Image27.png) no-repeat scroll 0 0;
display:block; float:right; height:33px; margin-right:15px; margin-top:-15px; width:41px;}
dd.entrymenu li.postcomment a {color:#ffffff; display:block; font-size:0; letter-spacing:-9999px; margin-top:5px; padding:6px 5px 0;}
.author {float: left; margin: -40px -20px 0px; width: 70px; text-align: center;}
.author dt {background-color: #000000; width:128px; height:115px; margin-left: -110px; margin-top: -15px;
padding:15px 0px 0px 0px;}
dd.username {margin-left: -130px; padding:0px 75px 5px 5px; }
dd.username img[src*="userinfo.gif"], dd.username img[src*="community.gif"], dd.username img[src*="partnercomm.gif"],
dd.username img[src*="newsinfo.gif"], dd.username img[src*="syndicated.gif"] {
background:transparent none repeat scroll 0 0 !important; height:0; padding:0 !important; width:0;}
abbr.updated {border:0 none; font-family:georgia; font-size:18px;}
dd.entry-date {margin-left: -120px; padding:0px 75px 5px 5px; }
.metadata {font-family:georgia; font-size:9px; line-height:15px; margin-bottom:7px; margin-left:62px;}
.metadata dl { line-height:15px; padding:0; margin:5px;}
.metadata dt, .metadata dd { display:inline; margin:2px;}
.meta-music-label, .meta-location-label, .meta-mood-label, .meta-groups-label {display:none !important;}
dd.meta-music-value {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/music-2.png) no-repeat left; padding:2px 0px 5px 27px;}
dd.meta-mood-value {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/mood.png) no-repeat left; padding:2px 0px 5px 27px;}
dd.meta-location-value {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/location.png) no-repeat left; padding:2px 0px 5px 27px;}
dd.meta-groups-value {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/30.png) no-repeat left; padding:2px 0px 5px 27px;}
.ljtags {
background:transparent url(
http://i177.photobucket.com/albums/w216/always_muneca/Tag.png) no-repeat top left;
padding: 15px 0 3px 43px; margin-left: 3px; margin-top:20px; line-height:20px; text-transform:lowercase;}
.sidebar {display:none;}
.calendar-wrap table {margin:16px auto; width:400px;}
.calendar-wrap td {height:38px;}
a.month {font-family:georgia; font-size:20px;}
a.year {font-family:georgia;}
.content-tags { margin: -20px 10px 0 110px; padding: 10px;}
.entry-linkbar {float:right; padding:10px 12px !important;}
.ljuser a b {background:transparent none repeat scroll 0 0; color:#55B7FF;
font-family:georgia; font-weight:normal; letter-spacing:0; text-decoration:none !important; }
.ljuser a:hover b { background:transparent none repeat scroll 0 0; border-bottom:0 none; text-decoration:none !important; }
img[src*="userinfo.gif"], img[src*="openid-profile.gif"], img[src*="community.gif"], img[src*="anonymous.gif"], img[src*="partnercomm.gif"] {
background-repeat:no-repeat !important; height:0; padding:16px 17px 0 0 !important; width:0; }
img[src*="newsinfo.gif"], img[src*="syndicated.gif"] {background-repeat:no-repeat; height:0; padding:15px 11px 0 0 !important; width:0; }
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"] {background-position:0 2px; background-repeat:no-repeat; height:0;
padding:34px 34px 0 0 !important; width:0;}
img[src*="icon_private.gif"] {background-position:0 2px; background-repeat:no-repeat; height:0; padding:24px 24px 0 0 !important; width:0;}
img[src*="userinfo.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/user.png) !important;}
img[src*="openid-profile.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/user.png) !important;}
img[src*="anonymous.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/user.png) !important;}
img[src*="community.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/comm.png) !important;}
img[src*="partnercomm.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/comm.png) !important;}
img[src*="newsinfo.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/28.png) !important;}
img[src*="syndicated.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/01.png) !important;}
img[src*="icon_protected.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/Lock.png) !important;}
img[src*="icon_groups.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/Lock.png) !important;}
img[src*="icon_private.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/001_29.png) !important;}
img[src*="btn_prev.gif"], img[src*="btn_edit.gif"], img[src*="btn_edittags.gif"], img[src*="btn_memories.gif"], img[src*="btn_tellfriend.gif"], img[src*="btn_track.gif"], img[src*="btn_next.gif"], img[src*="btn_flag.gif"], img[src*="btn_del.gif"], img[src*="btn_scr.gif"], img[src*="btn_freeze.gif"]
{background-repeat:no-repeat !important; height:0; padding:16px 16px 0 0 !important; width:0;}
img[src*="btn_prev.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/2-3.png) !important;}
img[src*="btn_edit.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/options.png) !important;}
img[src*="btn_edittags.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/tag-1.png) !important;}
img[src*="btn_memories.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/heart-1.png) !important;}
img[src*="btn_tellfriend.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/group.png) !important;}
img[src*="btn_track.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/listen.png) !important;}
img[src*="btn_next.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/1-4.png) !important;}
img[src*="btn_flag.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/69.png) !important;}
img[src*="btn_del.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/stop-1.png) !important;}
img[src*="btn_scr.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/stopplay.png) !important;}
img[src*="btn_freeze.gif"] {background-image:url(
http://i177.photobucket.com/albums/w216/always_muneca/base.png) !important;}
dl#post-sticky.entry {padding-bottom:14px; }
dl#post-sticky.entry .entry-title { background:transparent none repeat scroll 0 0; font-family:null; padding:15px 18px 7px; }
dl#post-sticky.entry .entry-content {line-height:20px;}
textarea, input, select { background:#ffffff none repeat scroll 0 0; border:1px solid #E9E9E9; font-family:georgia;
font-size:12px; max-width:450px;}
.entry-comments-text {margin-left:-62px; padding:0px 0px 10px 115px;}
.comment-wrap {border-bottom:1px #ffffff dotted; min-height:125px;}
.comment-upic {background-color: #000000; width:100px; height:102px; margin-left: -170px; margin-top: -25px; padding: 5px 5px 5px 5px; float:left;}
.comment-text {margin-left:12px; margin-right:11px; margin-top:14px;}
.comment-menu {padding:10px 0; text-align:right;}
.comment-head-in {font-size:9px; line-height:2px; padding-left:14px;}
.comment-head-in .ljuser {font-size:18px;}
.comment-head-in img[src*="userinfo.gif"] {background-image:none !important; height:0; padding:0 !important; width:0;}
.comment-head-in h3 {color:#55B7FF; font-family:georgia; font-size:20px; font-weight:normal; margin-bottom:0;}
#qrform table {border:medium none !important;}
div.ContextualPopup .Content {padding: 10px; margin: 4px 59px 4px 4px;
background:#404040; font-size: 9px; color:#55B7FF; font-family:arial;}
div.ContextualPopup div.Inner {position: relative; top: -2px; left: -2px; background-color: #000000!important;
color: #ffffff !important; border: 1px solid #55B7FF; padding: 0px;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important; font-weight: lighter; color: #ffffff !important; }
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {font-weight: lighter !important; color: #55B7FF; }
#lj_controlstrip {background:transparent none repeat scroll 0 0 !important;}
#lj_controlstrip td {border-bottom:medium none; color:#FFFFFF;}
#lj_controlstrip_statustext {color:#FFFFFF;}
#lj_controlstrip a {color:#55B7FF;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic
{border-right:0 none;}
#lj_controlstrip_login td {border-bottom:0 none;}
#lj_controlstrip td td {border-bottom: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 input {background:#FFFFFF none repeat scroll 0 0 !important; border:medium none; color:#000000 !important;}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {background:#FFFFFF none repeat scroll 0 0 !important; border:medium none; color:#000000 !important;}
#lj_controlstrip .ljuser a b {background:transparent none repeat scroll 0 0; color:#FFFFFF; letter-spacing:0; text-decoration:none !important;}
*All Images are included in the layout. You can save them and upload to your own server if you like to guarantee working links.
**If you find anything wrong with the layout please let me know. It took a lot of trial n error for me to get it to work on both Firefox n IE. Everytime I change something something else got shift out of place. Hopefully it is working properly as it seems to be working for me :)ENJOY!**