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:
- Go to Select Journal Style and search for Travel Afar. Apply the theme.
- Go to Customize Journal Style
- Select NO in the dropdowns
- Leave "Custom External Stylesheet URL" empty
- Paste the CSS that I give you in the "Custom Stylesheet" box
- 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