047 - Layout 24 [Minimalism - Truth In Your Lies]

[yam]

A simple Minimalism layout. Enjoy! :)



Live preview | Image Preview

Changelog: 2009-07-28: Fixing the username that appeared in the header since Minimalism doesn't use anymore the .vcard class

/*****DO NOT REMOVE THIS***** Layout 024 [Truth In Your Lies] by Yam @ MentaHelada (mentahelada.livejournal.com) ----------CREDITS: Header icons: http://dryicons.com/free-icons/preview/grungy-aesthetica-icons-set/ Mini icons: http://splashyfish.com/icons/ *****/ /*****BASICS*****/ * {vertical-align:baseline;border:0;margin:0;padding:0;} hr {height:0;} .hr {display:none;} .ippu {font-size:11px;} a{outline:none;} a img{border:0;} #lj_controlstrip {background:#111!important;padding:3px; color:#fff!important;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} blockquote{ background:#f4f4f4 url(http://www.mentahelada.net/lj-layouts/layout024/bg-quote.png) top left repeat-x; border:1px solid #d1d1d1; padding:15px; margin:10px auto; width:55%; font:italic normal 100 1em Georgia, "Times New Roman", Times, serif; } /*****LAYOUT*****/ body { background:#111 url(http://www.mentahelada.net/lj-layouts/layout024/bg-body.jpg) repeat; color:#3d3d3d; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:110%; } #page {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/bg-header.jpg) top left repeat-x;} .content-inner {background:transparent;} .layout-inner, .layout{ background:transparent; margin:0 auto; overflow:hidden; width:960px; } .content { background:transparent; float:left; width:690px; } .header { background:transparent; height:130px; padding:20px 0 0; color:#f4f4f4; } .sidebar { background:transparent; float:right; padding-top:178px; width:250px; } /*****HEADER*****/ .userpic, .userpic-in, .u-wrap h1, .header .vcard, .header h1, .header h2, .header h3 {display:none;} ul.nav li.item { display:inline; list-style:none; float:left; padding-top:45px; font-family:Calibri, Arial, Helvetica, sans-serif; text-align:center; } li.item a { border:0!important; display:block; outline:none!important; width:48px; height:48px; padding-top:52px; color:#111; font-size:0.6875em; text-transform:uppercase; line-height:90%; } li.item a:hover, li.item-selected a{color:#dfdfdf; text-decoration:none;} li.item-recent a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-recent.png) top left no-repeat;margin-left:200px;} li.item-friends a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-friends.png) top left no-repeat;margin-left:40px;} li.item-archive a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-archive.png) top left no-repeat;margin-left:40px;} li.item-profile a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-info.png) top left no-repeat;margin-left:40px;} li.item-addfriend a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-add.png) top left no-repeat;margin-left:40px;} li.item-rss a {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/head-rss.png) top left no-repeat;margin-left:40px;} /*****CONTENT*****/ .entry-wrap { background:#f4f4f4; margin:30px 0 0; font-size:0.8125em; } dl.vcard { background:transparent; display:block; float:right; margin:10px 0 10px 10px; width:120px; z-index:200; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:0.8461em; text-align:center; text-transform:uppercase; } .content-inner hr {display:none;} dl.vcard dt img, .ico {vertical-align:middle!important;border-bottom:0!important;} span.inside {display:block;padding-top:5px;} dd.entry-date { background:#dfdfdf; margin:5px 0; padding:10px 3px; color:#3d3d3d; text-align:center; font:normal normal 100 1em Calibri, Arial, Helvetica, sans-serif; line-height:0.75em; } .entry-title { background:transparent; border-left:15px solid #df2c11; margin:0 10px; padding:20px 0 0 3px; color:#df2c11; font:normal normal 900 1.7em Arial, Helvetica, sans-serif; line-height:80%; text-align:left; text-decoration:none; } .entry-title a { color:#df2c11; font-weight:900; line-height:80%; text-decoration:none; } .entry-title a:hover {color:#0775ce;} .entry-text { text-align:justify; margin:0 10px 10px; padding-bottom:10px; } #post-sticky .entry-text{margin:10px;} .entry-text a{color:#0775ce; text-decoration:none; } .entry-text a:hover{color:#df2c11;} .entry-content {min-height:200px;margin-top:10px;} .entry-content ul li {background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/bullet.png) left no-repeat;list-style:none;margin-left:29px;padding-left:16px;} .entry-content ol li {list-style:decimal;margin-left:45px;} /*****METADATA & TAGS ON ENTRY*****/ .metadata { background:transparent; border-left:15px solid #3d3d3d; padding:10px 0 0 3px; width:50%; font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif; line-height:1.4em; text-align:left; text-transform:uppercase; } .metadata dt {display:inline;font-weight:100;padding-right:3px} .metadata dd {display:inline;} .ljtags { background:transparent url(http://www.mentahelada.net/lj-layouts/layout024/entry-tags.png) no-repeat bottom left; margin:0 0 8px; padding:10px 0 0 18px; width:50%; font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif; line-height:1.4em; text-align:left; text-transform:uppercase; } .ljtags a{color:#0775ce; text-decoration:none; } .ljtags a:hover{color:#df2c11;} /*****COMMENT AREA & ENTRY LINKS*****/ dd.entrymenu{background:transparent;padding:0 10px;} dd.entrymenu ul li {display:block;float:left;} dd.entrymenu ul { border-top:5px solid #0775ce; height:auto; list-style:none; overflow:auto; padding:10px 0 25px; position:relative; } dd.entrymenu ul li a { display:block; margin-top:5px; padding:0 10px 8px 18px; height:16px; color:#3d3d3d; font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif; line-height:1.4em; text-align:center; text-decoration:none; text-transform:uppercase; } dd.entrymenu ul li.comments a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-comment.png) no-repeat;} dd.entrymenu ul li.postcomment a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-add.png) no-repeat;} dd.entrymenu ul li.edit_entry a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-edit.png) no-repeat;} dd.entrymenu ul li.edit_tags a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-edittag.png) no-repeat;} dd.entrymenu ul li.mem_add a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-mems.png) no-repeat;} dd.entrymenu ul li.tell_friend a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-tell.png) no-repeat;} dd.entrymenu ul li.watch_comments a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-track.png) no-repeat;} dd.entrymenu ul li.unwatch_comments a {background:url(http://www.mentahelada.net/lj-layouts/layout024/entry-notrack.png) no-repeat;} dd.entrymenu ul li.flag a {background:url(http://www.mentahelada.net/lj-layouts/layout024/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:#0775ce;} /*****SIDEBAR*****/ .sidebar-block { background:transparent; margin-bottom:25px; padding:10px; position:relative; font-size:0.8125em; } .sidebar-cal dt {display:none;} .sidebar-summary dt, .sidebar-links dt, .sidebar-tags dt { background:transparent; margin:0 0 10px; color:#0775ce; font:normal normal 900 1.7em Arial, Helvetica, sans-serif; line-height:80%; text-align:left; text-decoration:none; } .sidebar-cal, .sidebar-summary, .sidebar-links, .sidebar-tags, .sidebar-custom {background:#f4f4f4; color:#3d3d3d;} .sidebar-cal a.month,.sidebar-cal a.year { color:#0775ce; font-size:0.8461em; 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:#df2c11; font-size:0.8461em; font-weight:100; line-height:80%; text-transform:uppercase; letter-spacing:-0.07em; } dd.calendar-wrap table tbody td { background:#dfdfdf; text-align:center; margin:0; padding:3px; } dd.calendar-wrap table tbody td a { border:0; color:#0775ce; 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:#dfdfdf; list-style:none; margin-bottom:3px; padding:5px; color:#3d3d3d; } .sidebar-summary ul li a {color:#3d3d3d;text-decoration:none;} .sidebar-summary ul li a:hover {color:#df2c11;} .sidebar-summary ul li:hover {background:#ccc; color:#df2c11;} .sidebar-links dd a { background:#dfdfdf; list-style:none; margin-bottom:3px; padding:5px; color:#3d3d3d; display:block; text-decoration:none; } .sidebar-links dd a:hover {background:#ccc;color:#df2c11;} .sidebar-tags dd a{color:#0775ce;text-decoration:none;padding:3px;} .sidebar-tags dd a:hover{background:#dfdfdf;color:#df2c11;} .sidebar-tags dd ul li{list-style:none;} .sidebar-custom dd a {color:#0775ce;text-decoration:none;padding:3px 0;} .sidebar-custom dd a:hover {background:#dfdfdf;color:#df2c11;} .sidebar-powered { background:transparent; padding:2px; color:#f4f4f4; font:normal normal 100 0.6em Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; } .sidebar-powered a {color:#f4f4f4;text-decoration:none;} .sidebar-powered a:hover {text-decoration:underline;} span.comma{display:none;} /*****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:hover {background:#0775ce;} .content-inner ul.page-nav li a { background:#df2c11; padding:5px; margin-left:9px; color:#f4f4f4; font-size:0.6em; text-decoration:none; text-transform:uppercase; } /*****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:#0775ce; font:normal normal 900 1.6em Arial, Helvetica, sans-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:15px 0; color:#0775ce; font:normal normal 100 1.35em Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; } div.calendar-wrap a:hover{color:#df2c11;} div.calendar-wrap table thead th { margin:20px 0 10px; color:#3d3d3d; font:normal normal bolder 1em Arial, Helvetica, sans-serif; line-height:80%; text-align:center; text-transform:uppercase; letter-spacing:-0.07em; } div.calendar-wrap table tbody td { background:#dfdfdf; text-align:center; margin:0; padding:3px; } div.calendar-wrap table tbody td a { border:0; color:#0775ce; font-weight:900; text-align:center; text-decoration:none; } div.calendar-wrap table tbody td a:hover {color:#df2c11;text-decoration:none;} /*****REPLY PAGE*****/ .entry-linkbar{font-size:1em;text-align:center;} .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%; } #postform table {border:0;height:auto;} .entry-comments-text{padding-top:30px;} #userpics select { background:#f4f4f4; border:1px solid #ccc; margin:3px 0; color:#666; } /*****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:#df2c11; font-size:1em; } .comment-upic img{ float:left; margin:0 10px 10px 0; width:70px; height:auto; } .comment-permalink{float:right;} .comment-text{min-height:50px;} .entry-linkbar{border-bottom:0!important;} 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/layout024/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/layout024/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/layout024/icon-group.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/layout024/icon-lock.png) no-repeat; padding: 16px 16px 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/layout024/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/layout024/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/layout024/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/layout024/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/layout024/icon-group.png) no-repeat; padding: 16px 17px 0 0!important;} /*****CONTEXTUAL POPUP*****/ div.ContextualPopup img {border:0 none;} div.ContextualPopup div.Inner {background:#fff!important; border:1px solid #ccc; padding:5px; color:#303030!important; font-size:1em; font-weight:100!important;} div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;} div.ContextualPopup .Relation {color:#df2c11; font-size:1.5em; font-weight:500!important; font-style:normal;} div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;} div.ContextualPopup .Userpic {font-weight:100!important;} div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {color:#df2c11!important; font-weight:100; text-decoration:none!important;} div.ContextualPopup div.Inner a:hover{color:#303030!important; font-weight:100; text-decoration:none!important;}
LAYOUT INFO:

• Style: Minimalism
• Account level: Basic, Paid, Plus
• Tested on: IE (7 and higher), Firefox Safari and Chrome.

IMAGES:
Please upload the images to your own server. Thanks.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Credits:
Header Icons by Dryicons
All mini icons: Splashyfish
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body background: http://www.mentahelada.net/lj-layouts/layout024/bg-body.jpg
Header: http://www.mentahelada.net/lj-layouts/layout024/bg-header.jpg

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

Header add: http://www.mentahelada.net/lj-layouts/layout024/head-add.png
Header archive: http://www.mentahelada.net/lj-layouts/layout024/head-archive.png
Header friends: http://www.mentahelada.net/lj-layouts/layout024/head-friends.png
Header userinfo: http://www.mentahelada.net/lj-layouts/layout024/head-info.png
Header recent entries: http://www.mentahelada.net/lj-layouts/layout024/head-recent.png
Header RSS: http://www.mentahelada.net/lj-layouts/layout024/head-rss.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.

EASY RULES:

• Credit mentahelada 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

• Affiliate?
• Resources
• Friend mentahelada for updates!

@ mintyapple