050 - Layout 27 [Minimalism: Look A Bit Harder]

[yam]

Hello! I'm back! :D
Long story short: I'm, again, a freelance staying-in-home designer, and I'm really really happy about that. Now I need lots of new clients, or maybe a new full time job. But a nice one. :)
Anyway, I have four layouts ready to post. I made this one for personal use, but now you can use it. Enjoy! :D



Live preview | Image Preview

/*****DO NOT REMOVE THIS***** Layout 027 [Look A Bit Harder] by Yam @ MentaHelada (mentahelada.livejournal.com) ----------CREDITS: Mini icons: http://iconza.com/ Content background: http://pattern8.com *****/ /*****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; border-bottom:0; padding:3px; color:#f8f8f8!important;} #lj_controlstrip a, #lj_controlstrip a b{color:#f8f8f8; text-decoration:underline; text-transform:none;} #lj_controlstrip a:hover, #lj_controlstrip a b:hover{color:#32adc3;text-decoration:none;} #lj_controlstrip_statustext{color:#f8f8f8; font-weight:100;} #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;} /**/ blockquote{ background:#f4f4f4 url(http://www.mentahelada.net/lj-layouts/layout027/bg-top.png) top left repeat-x; border:1px solid #3e94a9; padding:15px; margin:10px auto; width:55%; color: #3e94a9; font:italic normal 100 1.25em Georgia, "Times New Roman", Times, serif; } strong, b{color:#111; font-weight:900;} span.ljuser a b{font-weight:100;} a{color:#32adc3;}/*azul*/ a:hover{color:#f49a0b;}/*naranja*/ /*****LAYOUT*****/ body{ background:#f8f8f8; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:110%; } #page{background:transparent;} .content-inner {background:transparent;} .layout-inner, .layout{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout027/bg-content.png) repeat fixed; margin:0 auto; overflow:hidden; width:960px; } .content{ background:transparent; float:left; width:614px; } .header{ background:#111; height:80px; width:960px; color:#f8f8f8; } .sidebar{ background:transparent; float:right; margin:105px 20px 0 0; width:302px; } body.view-recent .header, body.view-tags .header, body.view-entry .header, body.view-reply .header{border-bottom:5px solid #32adc3;} body.view-friends .header{border-bottom:5px solid #f49a0b;} body.view-archive .header{border-bottom:5px solid #a634aa;} /*****HEADER*****/ .userpic, .userpic-in, .u-wrap h1, .header .vcard, .header h2, .header h3{display:none;} ul.nav{background:#111; height:80px; padding-left:156px; position:absolute; width:648px;} ul.nav li.item{display:inline; list-style:none; float:left;} li.item a{ background:url(http://www.mentahelada.net/lj-layouts/layout027/header-sprite.png) no-repeat; display:block; outline:none!important; height:80px; width:156px; font-size:0; text-indent:-9000%; } li.item-friends a{background-position:-156px 0;} li.item-archive a{background-position:-312px 0;} li.item-profile a{background-position:-468px 0;} li.item-addfriend a, li.item-rss a{display:none;} li.item-recent a:hover{background-position:0 -80px;} li.item-friends a:hover{background-position:-156px -80px;} li.item-archive a:hover{background-position:-312px -80px;} li.item-profile a:hover{background-position:-468px -80px;} /*****CONTENT*****/ .entry-wrap{ background:#f8f8f8; margin:20px 0 20px 20px; font-size:0.75em/*12px*/; } dl.vcard{ background:#f8f8f8; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; display:block; float:right; margin:0 0 10px 10px; padding-top:10px; width:120px; z-index:200; font-size:0.9166em; text-align:center; text-transform:none; } .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:#f8f8f8; border-top:1px solid #ccc; margin:5px 0; padding:10px 3px 5px; color:#3d3d3d; text-align:center; font:normal normal 100 1em Arial, Helvetica, sans-serif; line-height:0.75em; } .entry-title{ background:transparent; border-bottom:1px solid #ccc; margin:0 10px 0; padding:20px 0 0 0; color:#111; font:normal normal 100 1.7em Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; font-variant:normal; } .entry-title a{ color:#111; line-height:80%; text-decoration:none; } .entry-title a:hover{color:#f49a0b;} .entry-text{ text-align:justify; margin:0 10px 10px; padding-bottom:10px; } .entry-content a{font-weight:900!important;} #post-sticky .entry-text{margin:10px;} .entry-text a{font-weight:100; text-decoration:none;} .entry-content {min-height:200px;margin-top:10px;} .entry-content ul li{list-style:square;margin-left:45px;} .entry-content ol li{list-style:decimal;margin-left:45px;} /*****METADATA & TAGS ON ENTRY*****/ .metadata{ background:transparent; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px; width:75%; font:normal normal 100 0.9166em Arial, Helvetica, sans-serif; line-height:1.4em; text-align:left; text-transform:lowercase; } .metadata dt{display:inline;font-weight:100;padding-right:3px} .metadata dd{display:inline;} .ljtags{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout027/entry-tags.png) no-repeat bottom left; padding:20px 0 0 27px; width:75%; font:normal normal 100 0.9166em Georgia, "Times New Roman", Times, serif; line-height:1.4em; text-align:left; text-transform:none; } /*****COMMENT AREA & ENTRY LINKS*****/ dd.entrymenu{background:transparent;padding:0 10px;} dd.entrymenu ul li{display:block;float:left;} dd.entrymenu ul{ border-top:1px solid #ccc; height:auto; list-style:none; overflow:auto; padding:10px 0; 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.7692em Georgia, "Times New Roman", Times, 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/layout027/entry-comment.png) no-repeat;} dd.entrymenu ul li.postcomment a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-add.png) no-repeat;} dd.entrymenu ul li.edit_entry a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-edit.png) no-repeat;} dd.entrymenu ul li.edit_tags a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-edittag.png) no-repeat;} dd.entrymenu ul li.mem_add a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-mems.png) no-repeat;} dd.entrymenu ul li.tell_friend a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-tell.png) no-repeat;} dd.entrymenu ul li.watch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-track.png) no-repeat;} dd.entrymenu ul li.unwatch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-notrack.png) no-repeat;} dd.entrymenu ul li.flag a{background:url(http://www.mentahelada.net/lj-layouts/layout027/entry-flag.png) no-repeat;} dd.entrymenu ul li a:hover{color:#3e94a9;} /*****SIDEBAR*****/ .sidebar-block{ background:transparent; margin-bottom:20px; padding:10px; position:relative; font-size:0.75em; } .sidebar-cal dt{display:none;} .sidebar-summary dt, .sidebar-links dt, .sidebar-tags dt{ background:transparent; margin:0 0 5px; color:#333; font:normal normal 900 1.2em Arial, Helvetica, sans-serif; line-height:80%; text-align:left; text-decoration:none; text-transform:uppercase } .sidebar-cal, .sidebar-summary, .sidebar-links, .sidebar-tags, .sidebar-custom{background:#f8f8f8; color:#3d3d3d;} .sidebar-cal a.month,.sidebar-cal a.year{ color:#3d3d3d; font-family:Arial, Helvetica, sans-serif; font-size:0.9166em; text-decoration:none; text-transform:uppercase; } dd.calendar-wrap table tbody td a{color:#f49a0b;} .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; font-size:0.9166em; font-weight:100; line-height:80%; text-transform:uppercase; letter-spacing:-0.07em; } dd.calendar-wrap table tbody td{ background:#e0e0e0; text-align:center; padding:3px; } dd.calendar-wrap table tbody td a{ color:#f49a0b; 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:#e0e0e0; list-style:none; margin-bottom:3px; padding:5px; color:#3d3d3d; } .sidebar-summary ul li a{color:#3d3d3d;text-decoration:none;} .sidebar-summary ul li:hover{background:#ccc;} .sidebar-links dd a { background:#e0e0e0; list-style:none; margin-bottom:3px; padding:5px; color:#3d3d3d; display:block; text-decoration:none; } .sidebar-links dd a:hover{background:#ccc;} .sidebar-tags dd a{color:#111;text-decoration:none;padding:3px;} .sidebar-tags dd a:hover{background:#e0e0e0;} .sidebar-tags dd ul li{list-style:none;} .sidebar-custom dd a{text-decoration:none;padding:3px 0;} .sidebar-custom dd a:hover{background:#ccc;color:#111!important;} .sidebar-powered, 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:#32adc3!important;} .content-inner ul.page-nav li a { background:#111!important; padding:5px; margin-left:9px; color:#f8f8f8; font-size:0.8em; text-decoration:none; text-transform:uppercase; } /*****TAGS PAGE*****/ .content-tags{padding:50px 0;font-size:1.2em;} /*****ARCHIVE PAGE *****/ body.view-archive .entry-text a{color:#a634aa;} div.calendar-wrap caption{margin-top:5px;} body.view-archive .content-inner ul.page-nav li a{background:#a634aa;color:#f8f8f8;} .view-archive .entry-text ul li{ margin:5px 0; color:#111; font:normal normal 900 1.4em Georgia, "Times New Roman", Times, serif; line-height:80%; text-transform:none; letter-spacing:-0.05sem; 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:#3e94a9; font:normal normal 900 1.3em Georgia, "Times New Roman", Times, serif; letter-spacing:0.05em; text-decoration:none; text-transform:lowercase; } div.calendar-wrap a:hover{color:#111;} div.calendar-wrap table thead th{ margin:20px 0 10px; color:#3d3d3d; 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:#e0e0e0; text-align:center; padding:3px; } div.calendar-wrap table tbody td a{ border:0; color:#3e94a9; font-weight:900; text-align:center; text-decoration:none; } div.calendar-wrap table tbody td a:hover {color:#111;text-decoration:none;} /*****REPLY PAGE*****/ .entry-linkbar{font-size:1em;text-align:center;} .replyform{width:auto;height:auto;} input, select { background:#f8f8f8!important; border:1px solid #e0e0e0; margin:3px 0; color:#333; } input:hover, select:hover, #postform textarea:hover, #postform option:hover, #userpics select:hover{ background:#f8f8f8!important; border:1px solid #ccc; margin:3px 0; color:#333; } #userpics option:hover {border:0!important;} #postform textarea{ background:#f8f8f8; border:1px solid #e0e0e0; margin:3px 0; width:95%; color:#333; } #postform blockquote{ background:transparent; border:0!important; width:95%; } #postform table{border:0;height:auto;} .entry-comments-text{padding-top:30px;} #userpics select { background:#f8f8f8; border:1px solid #e8e8e8; margin:3px 0; color:#333; } /*****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:#3e94a9; font-size:1em; } .comment-upic img{ float:left; margin:0 10px 10px 0; width:70px; height:auto; } .comment-permalink{float:right;} a.comment-permalink{color:#999!important;} a:hover.comment-permalink{color:#111!important;} .comment-text{min-height:50px;} .entry-linkbar{border-bottom:0!important;} div#qrformdiv #qrform table{border:1px solid #f8f8f8!important;} div#qrformdiv #qrform table textarea{border:1px solid #ccc; background:#f8f8f8;} /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout027/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/layout027/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/layout027/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/layout027/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/layout027/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/layout027/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/layout027/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/layout027/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/layout027/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:#3e94a9; 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:#3e94a9!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:
All mini icons: Iconza
Content background: Pattern8
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Content background: http://www.mentahelada.net/lj-layouts/layout027/bg-content.png

Add (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-add.png
Comments (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-comment.png
Edit (entry inks): http://www.mentahelada.net/lj-layouts/layout027/entry-edit.png
Edit tags (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-edittag.png
Flag entry entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-flag.png
Memories (entry liinks): http://www.mentahelada.net/lj-layouts/layout027/entry-mems.png
Tags (on entry): http://www.mentahelada.net/lj-layouts/layout027/entry-tags.png
Tell a friend (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-tell.png
Track (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-track.png
No track (entry links): http://www.mentahelada.net/lj-layouts/layout027/entry-notrack.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