039 - Layout 018 [Minimalism: Let's Go Where We Never Go]

Mar 25, 2009 20:00


A very pink new layout. Enjoy! :D



Live preview | Image Preview



/*****DO NOT REMOVE THIS***** Layout 018 [Let's Go Where We Never Go] by Yam @ Frozen Mint (frozen_mint.livejournal.com) CREDITS: Header Vector Image: Dryicons (http://dryicons.com/) User, community icons: Splashyfish (http://splashyfish.com/icons/) Entry links: Sweetie (http://sweetie.sublink.ca/)*****/ /*****BASICS*****/*{vertical-align:baseline;border:0;margin:0;padding:0;} body{background:#f07091 url(http://www.mentahelada.net/lj-layouts/layout018/bg-body.jpg) top left repeat-x;color:#43525a;font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;font-size:100%;line-height:106%;} hr{height:0;} .hr{display:none;} .ippu{font-size:11px;} a{outline:none;} a img{border:0;} blockquote{background:#c7eafb url(http://www.mentahelada.net/lj-layouts/layout018/bg-quote.jpg) top left repeat-x;padding:30px 15px 15px;margin:5px 0;width:450px;color:#43525a;font:italic normal 100 1.4em Georgia, "Times New Roman", Times, serif;} /*****LAYOUT**** */#page{background:transparent;} .layout-inner{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/bg-header.png) top center no-repeat;margin:0 auto;overflow:auto;width:960px;} .content-inner{background:transparent;} .content{background:transparent;float:left;width:640px;} .header{background:transparent;height:326px;padding:20px 0 0;color:#fff;} .sidebar{background:transparent;float:right;padding-top:446px;width:300px;} /*****HEADER**** */.userpic, .userpic-in, .u-wrap h1, .header .vcard, .header h1, .header h2, .header h3{display:none;} ul.nav{position:absolute;width:960px;} ul.nav li.item{display:inline;list-style:none;float:left;} li.item a{display:block;text-indent:-9999%;font-size:0;border:0;outline:none !important;} li.item-recent a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-recent.png) top left no-repeat;width:52px;height:22px;margin-left:215px;} li.item-friends a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-friends.png) top left no-repeat;width:58px;height:22px;margin-left:40px;} li.item-archive a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-archive.png) top left no-repeat;width:57px;height:22px;margin-left:40px;} li.item-profile a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-info.png) top left no-repeat;width:44px;height:22px;margin-left:40px;} li.item-addfriend a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-add.png) top left no-repeat;width:110px;height:22px;margin-left:40px;} li.item-rss a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-rss.png) top left no-repeat;width:21px;height:22px;margin-left:40px;} li.item-recent a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-recent-hover.png) top left no-repeat;} li.item-friends a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-friends-hover.png) top left no-repeat;} li.item-archive a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-archive-hover.png) top left no-repeat;} li.item-profile a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-info-hover.png) top left no-repeat;} li.item-addfriend a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-add-hover.png) top left no-repeat;} li.item-rss a:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/head-rss-hover.png) top left no-repeat;} /*****CONTENT**** */.entry-wrap{background:#f4f4f4 url(http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg) top left repeat-x;margin:30px 0 0;font-size:0.75em;} .content-inner hr{display:none;} dl.vcard{background:transparent;display:block;float:right;margin:10px 0;width:120px;z-index:200;font-size:0.9166em;text-align:center;} dl.vcard dt img,.ico{vertical-align:middle !important;border-bottom:0;} span.inside{display:block;padding-top:5px;} dd.entry-date{background:transparent;border-right:5px solid #c7eafb;margin:5px 0;padding:10px 3px 5px;color:#617682;text-align:right;font:italic normal 100 2em Georgia, "Times New Roman", Times, serif;line-height:0.75em;} .entry-title{background:transparent;border-bottom:5px solid #fee9e3;margin:0 10px;padding:40px 20px 0;color:#617682;font:italic normal 100 2em Georgia, "Times New Roman", Times, serif;line-height:80%;text-align:center;text-decoration:none;} .entry-title a{color:#617682;font-weight:100;line-height:80%;text-decoration:none;} .entry-title a:hover{color:#e06585;} .entry-text{text-align:justify;margin:10px 15px;padding-bottom:10px;} .entry-text a{color:#e06585;text-decoration:none;} .entry-text a:hover{color:#43525a;border-bottom:1px solid #e06585;} .entry-content{min-height:200px;} .entry-content ul li{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/bullet.png) left no-repeat;list-style:none;margin-left:16px;padding-left:16px;} .entry-content ol li{list-style:decimal;margin-left:45px;} /*****METADATA & TAGS ON ENTRY**** */.metadata{background:transparent;border-left:10px solid #c7eafb;margin:0 0 8px;padding:10px 0;width:50%;font:italic normal 100 0.9166em Georgia, "Times New Roman", Times, serif;line-height:1.6em;text-align:left;} .metadata dt{display:inline;font-weight:100;} .metadata dd{display:inline;} .ljtags{background:transparent url(http://www.mentahelada.net/lj-layouts/layout018/entry-tags.png) no-repeat bottom left;margin:0 0 8px;padding:10px 0 0 25px;width:50%;font:italic normal 100 0.9166em Georgia, "Times New Roman", Times, serif;line-height:1.6em;text-align:left;} .ljtags a{color:#e06585;text-decoration:none;} .ljtags a:hover{color:#43525a;border-bottom:1px solid #e06585;} /*****COMMENT AREA & ENTRY LINKS**** */dd.entrymenu{background:url(http://www.mentahelada.net/lj-layouts/layout018/bg-entrylinks.jpg) bottom left repeat-x;padding:0 15px;} dd.entrymenu ul{border-top:5px solid #fee9e3;height:auto;list-style:none;overflow:auto;padding:10px 0 25px;position:relative;} dd.entrymenu ul li{display:block;float:left;} dd.entrymenu ul li a{font-size:0.8333em;text-transform:uppercase;text-decoration:none;display:block;margin-top:5px;height:16px;color:#e06585;text-align:center;padding:0 10px 8px 18px;} dd.entrymenu ul li.comments a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-comment.png) no-repeat;} dd.entrymenu ul li.postcomment a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-add.png) no-repeat;} dd.entrymenu ul li.edit_entry a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-edit.png) no-repeat;} dd.entrymenu ul li.edit_tags a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-edittag.png) no-repeat;} dd.entrymenu ul li.mem_add a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-mems.png) no-repeat;} dd.entrymenu ul li.tell_friend a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-tell.png) no-repeat;} dd.entrymenu ul li.watch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-track.png) no-repeat;} dd.entrymenu ul li.unwatch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-notrack.png) no-repeat;} dd.entrymenu ul li.flag a{background:url(http://www.mentahelada.net/lj-layouts/layout018/entry-flag.png) no-repeat;} dd.entrymenu ul li.comments a:hover,dd.entrymenu ul li.postcomment a:hover,dd.entrymenu ul li.edit_entry a:hover,dd.entrymenu ul li.edit_tags a:hover,dd.entrymenu ul li.mem_add a:hover,dd.entrymenu ul li.tell_friend a:hover,dd.entrymenu ul li.watch_comments a:hover,dd.entrymenu ul li.unwatch_comments a:hover,dd.entrymenu ul li.flag a:hover{color:#43525a;} /*****SIDEBAR**** */.sidebar-block{background:transparent;margin-bottom:25px;padding:10px;position:relative;font-size:0.75em;} .sidebar-cal dt{display:none;} .sidebar-summary dt,.sidebar-links dt,.sidebar-tags dt{margin:5px 0 10px;color:#849daa;font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;font-weight:100;line-height:80%;text-transform:none;letter-spacing:-0.07em;} .sidebar-cal,.sidebar-summary,.sidebar-links,.sidebar-tags,.sidebar-custom{background:#f4f4f4;color:#43525a;} .sidebar-cal a.month,.sidebar-cal a.year{color:#e06585;font-size:0.8333em;text-decoration:none;text-transform:uppercase;} .sidebar-cal a.month:hover,.sidebar-cal a.year:hover{text-decoration:underline;} dd.calendar-wrap table{margin:0 auto;width:90%;} dd.calendar-wrap table thead th{margin:5px 0 10px;color:#43525a;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:100;line-height:80%;text-transform:uppercase;letter-spacing:-0.07em;} dd.calendar-wrap table tbody td{background:#fee8e2;text-align:center;margin:0;padding:3px;} dd.calendar-wrap table tbody td a{border:0;color:#e06585;font-weight:900;text-align:center;text-decoration:none;} dd.calendar-wrap table tbody td a:hover{text-decoration:underline;} .sidebar-summary ul li{background:#fee9e2;list-style:none;margin-bottom:3px;padding:5px;color:#e06585;} .sidebar-summary ul li:hover{background:#c7eafb;} .sidebar-summary ul li a{color:#e06585;text-decoration:none;} .sidebar-summary ul li a:hover{color:#43525a;} .sidebar-links dd a{background:#fee9e2;list-style:none;margin-bottom:3px;padding:5px;color:#e06585;display:block;text-decoration:none;} .sidebar-links dd a:hover{background:#c7eafb;color:#43525a;} .sidebar-tags dd a{color:#e06585;text-decoration:none;padding:3px;} .sidebar-tags dd a:hover{background:#c7eafb;color:#43525a;} .sidebar-tags dd ul li{list-style:none;} .sidebar-custom dd a{color:#e06585;text-decoration:none;padding:3px;} .sidebar-custom dd a:hover{background:#c7eafb;color:#43525a;} .sidebar-powered{background:transparent;padding:2px;color:#f4f4f4;font:normal normal 100 0.6em Georgia, "Times New Roman", Times, serif;text-align:center;text-transform:uppercase;} .sidebar-powered a{color:#f4f4f4;text-decoration:none;} .sidebar-powered a:hover{text-decoration:underline;} /*****FOOTER**** */.content-inner ul.page-nav{padding:15px;text-align:center;} .content-inner ul.page-nav li{display:inline;list-style:none;} .content-inner ul.page-nav li a{margin-left:9px;color:#f4f4f4;font-family:Georgia, "Times New Roman", Times, serif;font-size:0.75em;text-decoration:none;text-transform:uppercase;} .content-inner ul.page-nav li a:hover{text-decoration:underline;} /*****TAGS PAGE**** */.content-tags{padding:50px 0;} /*****ARCHIVE PAGE **** */div.calendar-wrap caption{margin-top:5px;} .view-archive .entry-text ul li{margin:5px 0;color:#849daa;font:normal normal 100 1.6em Georgia, "Times New Roman", Times, serif;line-height:80%;text-transform:none;letter-spacing:-0.07em;list-style:none;padding:3px 0;} div.calendar-wrap table{margin:0 auto;margin-bottom:20px;position:relative;width:80%;} div.calendar-wrap a{padding-top:15px;color:#849daa;font:normal normal 100 1.3em Georgia, "Times New Roman", Times, serif;text-decoration:none;text-transform:none;} div.calendar-wrap a:hover{color:#43525a;} div.calendar-wrap table thead th{margin:20px 0 10px;color:#43525a;font:normal normal bolder 1em Georgia, "Times New Roman", Times, serif;line-height:80%;text-align:center;text-transform:uppercase;letter-spacing:-0.07em;} div.calendar-wrap table tbody td{background:#fee8e2;text-align:center;margin:0;padding:3px;} div.calendar-wrap table tbody td a{border:0;color:#e06585;font-weight:900;text-align:center;text-decoration:none;} div.calendar-wrap table tbody td a:hover{text-decoration:none;} /*****REPLY PAGE**** */.entry-linkbar{font-size:1em;text-align:center;border-bottom:0;} .replyform{width:auto;height:auto;} input,select{background:#f4f4f4;border:1px solid #ccc;margin:3px 0;color:#666;} #postform textarea{background:#f4f4f4;border:1px solid #ccc;margin:3px 0;width:95%;color:#666;} #postform blockquote{background:transparent;border:0;width:95%;color:#f4f4f4;} #postform table{border:0;height:auto;} #userpics select{background:#f4f4f4;border:1px solid #ccc;margin:3px 0;color:#666;} .entry-comments-text{padding-top:30px;} /*****COMMENTS VIEW**** */.comment-wrap{border:1px solid #ccc;padding:10px;margin-bottom:15px;overflow:auto;} .comment-head{border-bottom:1px solid #ccc;margin-bottom:5px;color:#f07091;font-family:Georgia, "Times New Roman", Times, serif;font-size:0.8551em;} .comment-head-in p a{border-bottom:0;} .comment-upic img{float:left;margin:0 10px 10px 0;width:70px;height:auto;} .comment-permalink{float:right;} div#qrformdiv #qrform table{border:1px solid #f4f4f4 !important;} div#qrformdiv #qrform table textarea{border:1px solid #ccc;background:#f4f4f4;} /*****LJ-USER / COMMUNITY / PROTECTED ICONS**** */.ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-users.png) no-repeat; padding: 16px 17px 0 0!important;} .entry-title img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-lock-24.png) no-repeat; padding: 22px 23px 0 0!important;} .entry-text dl dd img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} .sidebar-summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-lock.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout018/icon-users.png) no-repeat; padding: 16px 17px 0 0!important;} /*****CONTEXTUAL POPUP**** */div.ContextualPopup img{border:0 none;} div.ContextualPopup div.Inner{background:#f4f4f4 !important;border:1px solid #ccc;padding:5px;color:#303030 !important;font-size:1em;font-weight:100;} div.ContextualPopup .Content{margin-right:50px;font-weight:100;} div.ContextualPopup .Relation{color:#f07091;font-size:1.4em;font-weight:500;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;} div.ContextualPopup .Content .OnlineStatus{font-weight:100;} div.ContextualPopup .Userpic{font-weight:100;} div.ContextualPopup div.Inner a,div.ContextualPopup div.Inner a:link,div.ContextualPopup div.Inner a:visited{color:#f07091 !important;font-weight:100;text-decoration:none !important;} div.ContextualPopup div.Inner a:hover{color:#303030 !important;font-weight:100;text-decoration:none !important;} /*****REMOVING NAVSTRIP*****/html body{padding-top: 0 !important;}#lj_controlstrip{display: none !important;}

Changelog:
2009-03-28: Fixed some sidebar bugs. CSS more compressed. Fixed some entry-links bugs.
2009-07-17: Fixing the username that appeared in the header since Minimalism doesn't use anymore the .vcard class

LAYOUT INFO:
  • Style: Minimalism
  • Account level: Basic, Paid, Plus
  • Tested on: IE (7 and higher), Firefox Safari and Chrome. It is a little buggy in FF2. But it works.

IMAGES:
Please upload the images to your own server. Thanks.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Credits:
Pretty vector used in header by Dryicons
User, community, lock icons: Splashyfish
Entry links: Sweetie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body background: http://www.mentahelada.net/lj-layouts/layout018/bg-body.jpg
Header: http://www.mentahelada.net/lj-layouts/layout018/bg-header.png

Entry background: http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg
Entry links background: http://www.mentahelada.net/lj-layouts/layout018/bg-entrylinks.jpg
Blockquote: http://www.mentahelada.net/lj-layouts/layout018/bg-quote.jpg
Unordered list item: http://www.mentahelada.net/lj-layouts/layout018/bullet.png
Add (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-add.png
Comments (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-comment.png
Edit (entry inks): http://www.mentahelada.net/lj-layouts/layout018/entry-edit.png
Edit tags (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-edittag.png
Flag entry entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-flag.png
Memories (entry liinks): http://www.mentahelada.net/lj-layouts/layout018/entry-mems.png
Tags (on entry): http://www.mentahelada.net/lj-layouts/layout018/entry-tags.png
Tell a friend (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-tell.png
Track (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-track.png
No track (entry links): http://www.mentahelada.net/lj-layouts/layout018/entry-notrack.png

Header add: http://www.mentahelada.net/lj-layouts/layout018/head-add.png
Header add hover: http://www.mentahelada.net/lj-layouts/layout018/head-add-hover.png
Header archive: http://www.mentahelada.net/lj-layouts/layout018/head-archive.png
Header archive hover: http://www.mentahelada.net/lj-layouts/layout018/head-archive-hover.png
Header friends: http://www.mentahelada.net/lj-layouts/layout018/head-friends.png
Header friends hover: http://www.mentahelada.net/lj-layouts/layout018/head-friends-hover.png
Header userinfo: http://www.mentahelada.net/lj-layouts/layout018/head-info.png
Header userinfo hover: http://www.mentahelada.net/lj-layouts/layout018/head-info-hover.png
Header recent entries: http://www.mentahelada.net/lj-layouts/layout018/head-recent.png
Header recent entries hover: http://www.mentahelada.net/lj-layouts/layout018/head-recent-hover.png
Header RSS: http://www.mentahelada.net/lj-layouts/layout018/head-rss.png
Header RSS hover: http://www.mentahelada.net/lj-layouts/layout018/head-rss-hover.png
User, community, locked/protected icons:




Carlisle icon in the preview made by me. Find it here.
BASIC INSTRUCTIONS:
  1. Go to Select Journal Style and search for Travel Afar. Apply the theme.
  2. Go to Customize Journal Style
  3. Select NO in the dropdowns
  4. Leave "Custom External Stylesheet URL" empty
  5. Paste the CSS that I give you in the "Custom Stylesheet" box
  6. Save.
  • NOTE: This layout doesn't show the navigation strip. I disabled it via CSS.

EASY RULES:
  • Credit frozen_mint if you use. Please don't credit mintyapple, please change the credit you have in your userinfo. Thanks!
  • Comment if you like / if you take

@ mintyapple

layouts:minimalism, layouts

Previous post Next post
Up