.09 Layouts

Jul 02, 2009 14:31

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!**

comm: layouts

Previous post Next post
Up