S2 Minimalism [Forget Your Name]

[yam]

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



Live preview | Image Preview
/*****DO NOT REMOVE THIS***** Layout 025 [Forget Your Name] by Yam @ MentaHelada (mentahelada.livejournal.com) ----------CREDITS: Header icons: http://dryicons.com/free-icons/preview/luna-grey-icons/ Icons: http://iconza.com/ BLUE *****/ /*****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:#3e94a9!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/layout025/bg-top.png) top left repeat-x; border:1px solid #3e94a9; padding:25px 15px 15px; margin:10px auto; width:55%; color: #3e94a9; font:italic normal 100 1em "Trebuchet MS", Arial, Helvetica, sans-serif; } strong, b{color:#111; font-weight:900;} /*****LAYOUT*****/ body{ background:#eaeaea url(http://www.mentahelada.net/lj-layouts/layout025/bg-body.jpg) top left repeat; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; line-height:110%; } #page{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/bg-top.png) top left repeat-x; padding-top:25px;} .content-inner {background:transparent;} .layout-inner, .layout{ background:transparent; margin:0 auto; overflow:hidden; width:960px; } .content{ background:transparent; float:left; margin-top:-240px; width:670px; } .header{ background:transparent; color:#eaeaea; } .sidebar{ background:transparent; float:right; padding-top:300px; width:260px; } /*****HEADER*****/ .userpic, .userpic-in, .u-wrap h1, .header .vcard, .header h1, .header h2, .header h3 {display:none;} ul.nav{ background:transparent; position:relative; top:270px; left:700px; width:260px; } ul.nav li.item{ display:inline; list-style:none; text-align:left; } li.item a{ display:block; outline:none!important; margin-bottom:5px; padding:5px 5px 0 65px; height:32px; color:#111; font:normal normal 900 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:lowercase; line-height:90%; } li.item a:hover, li.item-selected a{color:#3e94a9; text-decoration:none;} li.item-recent a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-recent.png) 25px 0 no-repeat;} li.item-friends a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-friends.png) 25px 0 no-repeat;} li.item-archive a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-archive.png) 25px 0 no-repeat;} li.item-profile a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-info.png) 25px 0 no-repeat;} li.item-addfriend a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-add.png) 25px 0 no-repeat;} li.item-rss a{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/head-rss.png) 25px 0 no-repeat;} /*****CONTENT*****/ .entry-wrap{ background:#eaeaea; border:1px solid #ccc; margin-bottom:10px; font-size:0.8125em/*13px*/; } dl.vcard{ background:#dfdfdf; border:1px solid #ccc; display:block; float:right; margin:10px 0 10px 10px; padding-top:10px; width:120px; z-index:200; font-size:0.7692em; 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; border-top:1px solid #ccc; margin:5px 0; padding:10px 3px 5px; color:#3d3d3d; text-align:center; font:normal normal 100 1em "Trebuchet MS", 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:#3e94a9; font:normal normal 900 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; font-variant:small-caps; } .entry-title a{ color:#3e94a9; font-weight:900; line-height:80%; text-decoration:none; } .entry-title a:hover{color:#111;} .entry-text{ text-align:justify; margin:0 10px 10px; padding-bottom:10px; } #post-sticky .entry-text{margin:10px;} .entry-text a{color:#3e94a9; font-weight:900; text-decoration:none;} .entry-text a:hover{color:#111;} .entry-content {min-height:200px;margin-top:10px;} .entry-content ul li{background:transparent url(http://www.mentahelada.net/lj-layouts/layout025/bullet.png) top 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-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px; width:60%; font:normal normal 100 0.7692em "Trebuchet MS", 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/layout025/entry-tags.png) no-repeat bottom left; padding:10px 0 0 27px; width:60%; font:normal normal 100 0.7692em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.4em; text-align:left; text-transform:uppercase; } .ljtags a{color:#111; text-decoration:none; } .ljtags a:hover{color:#3e94a9;} /*****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 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.7692em "Trebuchet MS", 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/layout025/entry-comment.png) no-repeat;} dd.entrymenu ul li.postcomment a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-add.png) no-repeat;} dd.entrymenu ul li.edit_entry a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-edit.png) no-repeat;} dd.entrymenu ul li.edit_tags a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-edittag.png) no-repeat;} dd.entrymenu ul li.mem_add a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-mems.png) no-repeat;} dd.entrymenu ul li.tell_friend a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-tell.png) no-repeat;} dd.entrymenu ul li.watch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-track.png) no-repeat;} dd.entrymenu ul li.unwatch_comments a{background:url(http://www.mentahelada.net/lj-layouts/layout025/entry-notrack.png) no-repeat;} dd.entrymenu ul li.flag a{background:url(http://www.mentahelada.net/lj-layouts/layout025/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:#3e94a9;} /*****SIDEBAR*****/ .sidebar-block{ background:transparent; border:1px solid #ccc; 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:#3e94a9; font:normal normal 900 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps; line-height:80%; text-align:left; text-decoration:none; } .sidebar-cal, .sidebar-summary, .sidebar-links, .sidebar-tags, .sidebar-custom{background:#eaeaea; color:#3d3d3d;} .sidebar-cal a.month,.sidebar-cal a.year{ color:#111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 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:#3e94a9; 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; padding:3px; } dd.calendar-wrap table tbody td a{ color:#3e94a9; 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:#3e94a9;} .sidebar-summary ul li:hover{background:#ccc; color:#3e94a9;} .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:#3e94a9;} .sidebar-tags dd a{color:#111;text-decoration:none;padding:3px;} .sidebar-tags dd a:hover{background:#dfdfdf;color:#3e94a9;} .sidebar-tags dd ul li{list-style:none;} .sidebar-custom dd a{color:#3e94a9;text-decoration:none;padding:3px 0;} .sidebar-custom dd a:hover{background:#ccc;color:#111;} .sidebar-powered{ background:transparent; border:0!important; padding:2px; color:#666; font:normal normal 100 0.6em Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; } .sidebar-powered a{color:#666;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:#111;} .content-inner ul.page-nav li a { background:#3e94a9; padding:5px; margin-left:9px; color:#eaeaea; 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:#111; font:normal normal 900 1.4em "Trebuchet MS", Arial, Helvetica, sans-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 "Trebuchet MS", Arial, Helvetica, sans-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 "Trebuchet MS", 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; 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:#eaeaea!important; border:1px solid #ccc; margin:3px 0; color:#666; } #postform textarea{ background:#eaeaea; 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:#eaeaea; 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:#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 #eaeaea!important;} div#qrformdiv #qrform table textarea{border:1px solid #ccc; background:#eaeaea;} /*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/ .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout025/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/layout025/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/layout025/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/layout025/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/layout025/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/layout025/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/layout025/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/layout025/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/layout025/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;}

CSS

CSS
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: Iconza
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For all versions:
Body background: http://www.mentahelada.net/lj-layouts/layout025/bg-body.jpg
Unordered list item: http://www.mentahelada.net/lj-layouts/layout025/bullet.png

Header add: http://www.mentahelada.net/lj-layouts/layout025/head-add.png
Header archive: http://www.mentahelada.net/lj-layouts/layout025/head-archive.png
Header friends: http://www.mentahelada.net/lj-layouts/layout025/head-friends.png
Header userinfo: http://www.mentahelada.net/lj-layouts/layout025/head-info.png
Header recent entries: http://www.mentahelada.net/lj-layouts/layout025/head-recent.png
Header RSS: http://www.mentahelada.net/lj-layouts/layout025/head-rss.png

Blue version:
Top: http://www.mentahelada.net/lj-layouts/layout025/bg-top.png
Add (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-add.png
Comments (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-comment.png
Edit (entry inks): http://www.mentahelada.net/lj-layouts/layout025/entry-edit.png
Edit tags (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-edittag.png
Flag entry entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-flag.png
Memories (entry liinks): http://www.mentahelada.net/lj-layouts/layout025/entry-mems.png
Tags (on entry): http://www.mentahelada.net/lj-layouts/layout025/entry-tags.png
Tell a friend (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-tell.png
Track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-track.png
No track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-notrack.png
User, community, locked/protected icons:



Pink version:
Top: http://www.mentahelada.net/lj-layouts/layout025/bg-top2.png
Add (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-add2.png
Comments (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-comment2.png
Edit (entry inks): http://www.mentahelada.net/lj-layouts/layout025/entry-edit2.png
Edit tags (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-edittag2.png
Flag entry entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-flag2.png
Memories (entry liinks): http://www.mentahelada.net/lj-layouts/layout025/entry-mems2.png
Tags (on entry): http://www.mentahelada.net/lj-layouts/layout025/entry-tags2.png
Tell a friend (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-tell2.png
Track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-track2.png
No track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-notrack2.png
User, community, locked/protected icons:



Green version:
Top: http://www.mentahelada.net/lj-layouts/layout025/bg-top3.png
Add (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-add3.png
Comments (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-comment3.png
Edit (entry inks): http://www.mentahelada.net/lj-layouts/layout025/entry-edit3.png
Edit tags (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-edittag3.png
Flag entry entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-flag3.png
Memories (entry liinks): http://www.mentahelada.net/lj-layouts/layout025/entry-mems3.png
Tags (on entry): http://www.mentahelada.net/lj-layouts/layout025/entry-tags3.png
Tell a friend (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-tell3.png
Track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-track3.png
No track (entry links): http://www.mentahelada.net/lj-layouts/layout025/entry-notrack3.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!