mentahelada

Hello! (Next one will be a Tabula Rasa one. :D)
Enjoy!!

/********************DO NOT REMOVE THIS********************
Layout 002 [Just An Illusion] by Fania @ Mentahelada (mentahelada.dreamwidth.org)
Theme: Transmogrified
----------CREDITS:
Background: http://dryicons.com/free-graphics/preview/classy-card/
*************************************************************/

/*****BASICS*****/
* {margin: 0; padding: 0;}
/** {box-sizing:border-box; -moz-box-sizing:border-box; }*/
.ippu {font-size:11px;}
a{outline:none;}
a img{border:0;}
p, td {font-size:inherit;}
code, kbd, pre, tt {font-family:monospace;}
i, em{font-style:italic;}
::-moz-selection {background:#ccc;color:#4c4c4c;}
b, strong{font-weight:900;}	
#lj_controlstrip_userpic{display:none;}
#lj_controlstrip td{width:33.33%;}
#lj_controlstrip {background:#6c4f2d!important; padding:3px 10px; width:100%;color:#fff!important;}
#lj_controlstrip a, #lj_controlstrip a b{color:#fff; text-decoration:underline; text-transform:none;}
#lj_controlstrip a:hover{color:#fff; text-decoration:none;}
#lj_controlstrip_statustext{color:#fff; font-weight:100;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;}
blockquote {
	background:#fff;
	border:1px solid #d4f0fe;
	margin:10px 0;
	padding:20px;
	width:70%;
	color:#666;
	font:italic normal 100 1em Georgia, "Times New Roman", Times, serif;
	text-align:left;
	line-height:1.6em;	
}
h4{font-weight:900; font-size:1.4em; text-transform:uppercase;}
/*****BASIC LAYOUT*****/
body {
	background:#f8f8f8 url(http://www.mentahelada.net/dw-layouts/layout002/bg-body.png) top left repeat;
	color:#4c4c4c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:103%;
}
#container {
	background:transparent url(http://www.mentahelada.net/dw-layouts/layout002/bg-content.png) bottom left fixed no-repeat;
	margin:0 auto;
	width:100%;
	min-width:800px;
}
#wrap {
	/*padding:0 260px 0 10px;*/
	font-size:0.75em;
	margin:0 auto;
	width:800px;
}
#content {
	/*position:relative;*/
	width:100%;
	float:left;
	width:600px;}
/*****HEADER*****/
#header {
	background:#6c4f2d;
	height:50px;
	overflow:auto;
}
#header h1, header h2 {display:none;}
/* section one = nav links */
.module-section-one {
	font-size:1em/*16px*/;
	text-align:center;
}
.module-section-one li {
	display:inline;
	list-style:none;
}
.module-section-one ul {
	background:#6c4f2d;
	padding:17px;
	text-align:center;
}
.module-section-one li a {
	background:transparent;
	margin:10px;
	padding:5px;
	color:#fff;
	font-style:italic;
	text-decoration:none;
}
.module-section-one ul li a:hover, .module-section-one ul li.active a {
	background:#e9f7fe;
	color:#6c4f2d;
}
/*****BY ALL MEANS SIDEBAR LOL*****/ 
.journal-name, .journal-website-name{display:none;}  
.module-section-two {
	/*position:relative;*/
	float:left;
	width:200px;
	/*margin-right:-250px;*/
}
.module-section-two .module {
	background:transparent;
	/*border:1px solid #d4f0fe;*/
	margin:10px 0 20px 20px;
}
.module-section-two h2 {
	background:transparent;
	margin-bottom:7px;
	padding:0.2em;	
	color:#5b9ebf;	
	font-size:1.3em;
	font-style:italic;
	font-weight:100;
	text-align:left;				
}
.module-section-two h2 a, .module-section-two .module-header a {
	background:transparent;
	padding:0;
	color:#5b9ebf;
	font-style:italic;
	font-weight:100;
	text-decoration:none;		
}
.module-section-two h2 a:hover, .module-section-two .module-header a:hover {color:#6c4f2d;}
.module-userprofile{padding:5px 0;}
.module-userprofile h2, .module-userprofile p{display:none;}
.module-userprofile .userpic img {display:none;}
.module-userprofile .userpic {text-align:center;}
.module-userprofile ul {text-align:center; margin-top:20px;}
.module-userprofile li {display: inline; padding:7px; list-style:none;}
/**/
.module-calendar {text-align:center;}
.module-calendar table {width:90%; margin:0 auto; font-size:0.9166em;}
.module-calendar table th {color:#935047; font-size:1.0909em; font-weight:100;}
.empty-day{background:#fff; border:1px solid #d4f0fe; padding:2px;}
.entry-day{background:#6c4f2d; border:1px solid #6c4f2d; padding:2px;}
.entry-day a{color:#fff; text-decoration:none;}
.entry-day a:hover{text-decoration:underline;}
.entry-day:hover{background:#5b9ebf; border:1px solid #5b9ebf;}
/**/
.module-section-two ul {list-style-type:none;}
.module-typelist li.module-list-item a, .module-categories li.module-list-item a{
	background:#fff;
	display:block;
	padding:5px 3px;
	margin-bottom:2px;
	color:#935047;
	text-decoration:none;
}
.module-typelist li.module-list-item a:hover, .module-categories li.module-list-item a:hover{
	background:#dfdfdf;
	color:#4c4c4c;
}
.module-pagesummary li.module-list-item, .module-categories_multilevel li.module-list-item{
	background:#fff;
	padding:5px 3px;
	margin-bottom:2px;
}
.module-pagesummary li.module-list-item a, .module-categories_multilevel li.module-list-item a{color:#935047; text-decoration:none;}
.module-pagesummary li.module-list-item a:hover, .module-categories_multilevel li.module-list-item a:hover{background:#dfdfdf;color:#4c4c4c;}
.module-pagesummary li.module-list-item:hover, .module-categories_multilevel li.module-list-item:hover{background:#dfdfdf;color:#4c4c4c;}
.module-syndicate{text-align:center;}
.module-categories_cloud a, .module-categories_multilevel a{padding:3px; color:#935047; text-decoration:none;}
.module-categories_cloud a:hover{color:#4c4c4c;}
/*****ENTRY*****/
#content{padding-top:5px;}
a:hover{text-decoration:none;}
.navigation {
	background:transparent;
	padding:7px;
	color: #4c4c4c;
	font-size:0.9166em;
	font-style:italic;
	text-align:right;
	text-transform:lowercase;
}
.navigation ul {text-align:left;}
.navigation li {display:inline; padding:0 5px;}
.navigation li a{text-decoration:none;}
.navigation li a:hover{text-decoration:underline;}
.navigation .page-back a:before {
	content: "< ";
	font-size:1em;
	letter-spacing:0;
	vertical-align:baseline;
	padding-right: 1px;
}
.navigation .page-forward a:after {
	content: " >";
	font-size:1em;
	letter-spacing:0;
	vertical-align:baseline;
	padding-left:1px;
}
.entry, .comment, .text_noentries_day {
	border:1px solid #dfdfdf;
	padding:10px;
	position:relative;
	margin-bottom:30px;
}
.entry .userpic img, .comment .userpic img {border:none; width:80px; height:auto;}
.entry .userpic a, .comment .userpic a {
	border:0;
	position:absolute;
	top:10px;
}
.entry .userpic img a, .comment .userpic img a {border:0;}
.entry .header, .comment .header{padding-left:90px;}
.entry-title, .comment-title {position:relative;}
.entry-title a, .comment-title a {text-decoration:none;}
.entry-content{margin-top:40px; min-height:100px;}
.comment-content{margin-top:40px; min-height:50px;}
#content > hr {display: none;}
.datetime {
	padding-top:1px;
	color:#999!important;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9166em; 
	text-transform:uppercase;
}
.datetime a{color:#999!important; text-decoration:none;}
.datetime a:hover{text-decoration:underline;}
.entry-poster, .comment-poster{
	border-bottom:1px solid #dfdfdf;
	display:block;
	margin-left:85px; 
	margin-bottom:10px;
	padding:3px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9166em; 
	text-transform:uppercase;
}
.poster-ip{float:left;margin-left:85px; }
.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {background:#fff;}
.entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background:#fff;border:0;}
.entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title{
	background:#fff;
	color:#6c4f2d;
	font-size:1.4em;
	font-style:italic;
	font-weight:100;
}
.entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #6c4f2d; letter-spacing:0.05em;}
.entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color:#b9b9b9;}
.entry-wrapper-odd a, .comment-wrapper-odd a {color:#6c4f2d;}
/**/
.entry-wrapper-even .entry, .comment-wrapper-even .comment{background:#fff;}
.entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a{background:#fff;border:0;}
.entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title{
	background:#fff;
	color:#5b9ebf;
	font-size:1.4em;
	font-style:italic;
	font-weight:100;
}
.entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color:#5b9ebf; letter-spacing:0.05em;}
.entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color:#b9b9b9;}
a, .entry-wrapper-even a, .comment-wrapper-even a {color:#5b9ebf;}
.entry .time, .entry .date {display: inline-block;}
.metadata{
	border-top:1px solid #dfdfdf;
	margin:10px 0 3px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9166em;
	font-weight:100; 
	text-align: left;
	text-transform:uppercase;
}
.tag{
	margin:10px 0 10px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9166em;
	font-weight:100; 
	text-align: left;
	text-transform:uppercase;
}
.tag ul {display: inline;}
.tag li, .metadata li, .footer li {display: inline; list-style: none; margin-left:0!important;}
.tag li:before {content: ", ";}
.tag li:first-child:before {content: " ";}
.metadata a, .tag a, .metadata-label{font-weight:100; color:#999;}
.entry .metadata li {list-style: none;display: block;}
.entry ul li {
	list-style:square;
	margin-left:50px;
	padding-left:0px;
}
.entry ol li {
	list-style:decimal-leading-zero;
	margin-left:50px;
	padding-left:0px;
}
.entry .footer {border-top:1px solid #dfdfdf; margin:10px 0 3px;}
.entry .footer .inner, .comment .footer .inner {text-align:left;}
.entry .footer a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9166em;
	text-decoration:none;
	text-transform:uppercase; 
	white-space: nowrap;}
.entry .footer hr {display: none;}

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {text-align:right; display:inline;}
.entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {display:inline; list-style:none; padding-right:15px;}
.entry-management-links li a:hover, .entry-interaction-links li a:hover, .comment-management-links li a:hover, .comment-interaction-links li a:hover {text-decoration:underline;}
/*****FOOTER*****/   
.module-section-three {display:none;}
span#site-branding{display:none;}
.hfeed .navigation {}
.bottomcomment{padding-bottom:10px;}
/*****TAGS PAGE*****/ 
.page-tags #content{
	background:#fff;
	margin-top:10px;
	padding:10px;
	width:580px!important;
}
.page-tags #content h2 {
	background:#fff;
	color:#6c4f2d;
	font-size:1.4em;
	font-style:italic;
	font-weight:100;
}
.page-tags #content ul{
	padding-top:20px;
}
.page-tags #content ul li{
	list-style:disc;
	margin-left:50px;
	padding-bottom:10px;
}
/*****CALENDAR PAGE*****/  
.page-archive .navigation ul{padding-top:20px;}
.page-archive .navigation ul li{padding:20px; font-size:1.3em;}
.month-wrapper, #archive-month dl {
	background:#fff;
	border:1px solid #dfdfdf;
	padding:10px 0;
	position:relative;
	margin: 20px 0px;
}
.page-archive .header{text-align:right;border-bottom:1px dotted #dfdfdf;padding-right:10px;}
.month-wrapper h3 {
	background:#fff;
	color:#5b9ebf;
	font-size:1.4em;
	font-style:italic;
	font-weight:100;
}

.month table{width:90%; margin:0 auto; font-size:0.9166em;}
.month table th {
	vertical-align: text-top;
	padding: 5px;
	color:#935047; 
	font-size:1.0909em; 
	font-weight:900; 
	line-height:2em;
	text-align:center;
}
.month caption {display: none;}
.month .day{background:#fff; border:1px solid #fff; padding:5px; line-height:2em; vertical-align:text-top; text-align:center;}
.day-has-entries{background:#5b9ebf!important; border:1px solid #5b9ebf; padding:2px;}
.month .day-has-entries {line-height:1em;}
.month .day-has-entries a{color:#fff; font-size:1.9em; text-decoration:none;}
.month .day-has-entries a:hover{color:#333; text-decoration:underline;}
.day-has-entries:hover{background:#ccc!important; border:1px solid #ccc;}
.day-has-entries p{margin:3px!important; text-align:right;}
/* IE only to line up the empty days neatly *+html .month .day span, *+html .month th span{vertical-align: 100%;}*/
.month .footer {width:90%; text-align:center; margin:10px auto;}
/*****REPLY PAGE, +COMMENTS, ++*****/  
.page-reply .entry-wrapper{margin-top:20px;}
#postform {background:#fff; border:1px solid #dfdfdf;margin:20px 0; padding:20px;}
#commenttext {width:90%;}
.text_noentries_day {margin-top: 20px;margin-bottom: 20px;}
#archive-month dt {font-weight: bold;}
#archive-month .entry-title {font-size: 10pt;display: inline-block;padding-left: 5px;}
.poster-ip{color:#a8a8a8;font-family:Arial, Helvetica, sans-serif; font-size:0.9166em; text-transform:uppercase;}
#qrdiv table, #qrformdiv table, form #qrform{background:#fff; border:1px solid #fff!important;}
/*****CONTEXTUAL POPUP****/
div.ContextualPopup img {border:0;}
div.ContextualPopup div.Inner {background:#fff!important; padding:5px;color:#4c4c4c!important; font-size:1em; font-weight:100!important;border:1px solid #5b9ebf;}
div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;}
div.ContextualPopup .Relation {font-size:1.2727em/*14px*/; font-weight:900!important;color:#6c4f2d!important;}
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:#5b9ebf!important; font-weight:100; text-decoration:none!important; text-transform:none;}
div.ContextualPopup div.Inner a:hover{color:#935047!important;font-weight:100;text-decoration:underline!important;}

Layout info:

Theme: Transmogrified
Tested on: IE (7 and higher), Firefox, Safari and Chrome.

Images:

Please upload the images to your own server. Thanks.
Body background: http://www.mentahelada.net/dw-layouts/layout002/bg-body.png
Flower: http://www.mentahelada.net/dw-layouts/layout002/bg-content.png
Carlisle icon in the preview made by me. Find it here.

(credits)

Background by Dryicons: http://dryicons.com/free-graphics/preview/classy-card/

Basic Instructions:

Apply the Transmogrified theme
If you've made changes to this theme, reset to default the modules. Change the position of the sidebar ones if you want
Go to the "Custom CSS" page and uncheck the "Use layout's stylesheet(s)" option
Leave "Use an external stylesheet " empty
Paste the CSS that I give you in the "Use embedded CSS" box
Save your changes.

Make changes if you know how (but still credit me!)
Ask if you have doubts, I'll try to answer asap

Easy Rules

Credit mentahelada if you use. Thanks!
Comment if you like / if you take

From:

eumelkeks

That is a really neat layout. Very nice. :)

phoenix

Oh, *pretty*! I'm going to apply this when I get home from work. (Probably best I don't play with styles beforehand.) You're a star.

whatthefolk

Very cute! I'll have to come back to grab this. Thank you!

tree

lovely layout. i'm using it (with ongoing tweaks) at

borrowedfable. thanks. :)

kittenbiscuits

hey there, I'm using this layout and I looked at your page and noticed you added a blurb and your default user pic. Would you mind giving me the code for that? I would really appreciate it.

sure. :) the blurb is actually the "custom text" module in your customization area. so just make sure that's in the sidebar and the order you want it in. then in the Text section, under Options, you'll find the box to add your custom text.

the icon was a bit of fiddling with the CSS source. in the original source, look for this line:

.module-userprofile .userpic img {display:none;}

change it to:

.module-userprofile .userpic img {align:center;}

and that's it. :)

caitlinka

hi, hi. I'm using this layout as well and I was wondering how you go the header (text: this is a borrowed fable) to show up centered like it is on your journal. I would appreciate any help you can give me. I've been fiddling with the code by myself, but haven't quite gotten it yet. Thanks! :)

it's been such a long time since i fiddled with this that i don't actually remember what the original code looked like. but here's what mine looks like now:

/*****HEADER*****/
#header {
	background:#6c4f2d;
	width:100%;
	margin: 0;
        padding: 0;
}
    #header h1 {
        margin: 0px;
	padding: 30px 0 0 0;
	color: #FFFFFF;
        font-style: italic;
        font-family: Georgia, serif;
        font-weight: normal;
        text-decoration: none;
	}
    #title { 
      text-align: center;
       width: 100%;
       height: 30px;
        }

Thank you!

emilienicole

This is lovely.
Using it, thanks.

cleo

This is beautiful!

manifestjoy

This is gorgeous! I love the images, colors, and the layout! Of course, that means I want to fiddle with it because I'm a complete idiot and can't leave well enough alone. xP It's my nature. I'll let you know when I do and *of course* I'll credit you! Great job! :D

shiegra

Lovely! Thank you for making!

fearless

Love this, would you mind letting me know how to put breaks between the Current Location, Current Mood, and Current Music tags? Thanks.

fania

Oh, thanks for letting me know about this.
Find this part of the code:
.entry .metadata li {list-style: none;}

And add this inside the brackets:

display: block;

I'll fix the entry asap.

:D