mentahelada

Hello! This is the first real entry of this comm. I'm really sorry if you saw that 4 entries of dummy text. I really needed them, but now I deleted them. So, as you can see, this is my first time with Transmogrified, that's why these layouts are kind of simple. I hope you like them, anyway. :D

Live preview | Image Preview

a)

Live preview | Image Preview

/********************DO NOT REMOVE THIS********************
Layout 001 [This Life Is Shining] by Fania @ Mentahelada (mentahelada.dreamwidth.org)
Theme: Transmogrified
----------CREDITS:
Header pattern and color palette: http://www.colourlovers.com/pattern/311414/games
*************************************************************/

/*****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:#333;}
b, strong{font-weight:900;}

#lj_controlstrip_userpic{display:none;}
#lj_controlstrip td{width:33.33%;}
#lj_controlstrip {background:transparent!important; padding:3px 10px; width:100%;color:#333!important;}
#lj_controlstrip a{color:#333; text-decoration:underline; text-transform:none;}
#lj_controlstrip a b{color:#333; text-decoration:underline; text-transform:none;}
#lj_controlstrip a:hover{color:#333; text-decoration:none;}
#lj_controlstrip_statustext{color:#333; font-weight:100;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;}

blockquote {
	background:#fff;
	border:1px solid #dfdfdf;
	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;	
}

/*****BASIC LAYOUT*****/
body {
	background:#000 url(http://www.mentahelada.net/dw-layouts/layout001/bg-body.jpg) top left repeat;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:103%;
}

#container {
	background:#f4f4f4;
	margin:0 auto;
	width:960px;
}

#wrap {
	padding:0 260px 0 10px;
	font-size:0.75em;
}

#content {
	/*position:relative;*/
	width:100%;
	float:left;
}

/*****HEADER*****/
#header {
	background:#8CDBBB url(http://www.mentahelada.net/dw-layouts/layout001/bg-header.png) repeat;/*header here*/
	color:#333;
	height:55px;/*change to fit your header*/
}

#header h1, header h2 {display:none;}

/* section one = nav links */
.module-section-one {
	font-size:1.4em;
	text-align:center;
}

.module-section-one li {
	display: inline;
	list-style: none;
}
	
.module-section-one ul {
	background:#FF8337;
	padding:17px;
	color:#000;
}

.module-section-one li a {
	background:#FF8337;
	margin:7px;
	padding:7px;
	color:#f4f4f4;
	font-style:italic;
	text-decoration:none;
}

.module-section-one ul li a:hover, .module-section-one ul li.active a {
	background:#74A27D;
	color:#fff;
}

/*****BY ALL MEANS SIDEBAR LOL*****/   
.module-section-two {
	/*position:relative;*/
	float:left;
	width:250px;
	margin-right:-250px;
}

.module-section-two .module {
	background:#f4f4f4;
	margin:10px 0 10px 20px;
}

.module-section-two h2 {
	background:#f4f4f4;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:7px;
	padding:0.2em;	
	color:#74A27D;	
	font-size:1.7em;
	font-style:italic;
	font-weight:100;
	text-align:left;				
}

.module-section-two h2 a, .module-section-two .module-header a {
	background:#f4f4f4;
	padding:0;
	color:#74A27D;	
	font-style:italic;
	font-weight:100;
	text-decoration: none;		
}

.module-section-two h2 a:hover, .module-section-two .module-header a:hover {color:#FF8337;}

.module-userprofile{padding:5px 0;}
.module-userprofile h2, .module-userprofile p{display:none;}
.module-userprofile .userpic img {border: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:#f4f4f4; border:1px solid #dfdfdf; padding:2px;}
.entry-day{background:#74A27D ; border:1px solid #74A27D ; padding:2px;}
.entry-day a{color:#fff; text-decoration:none;}
.entry-day a:hover{text-decoration:underline;}
.entry-day:hover{background:#FF8337; border:1px solid #FF8337;}

.module-section-two ul {list-style-type:none;}

.module-typelist li.module-list-item a, .module-categories li.module-list-item a{
	background:#f4f4f4;
	border-bottom:1px dotted #dfdfdf;
	display:block;
	color:#935047;
	text-decoration:none;
}

.module-typelist li.module-list-item a:hover, .module-categories li.module-list-item a:hover{
	background:#dfdfdf;
	border-bottom:1px dotted #dfdfdf;
	color:#333;
}

.module-pagesummary li.module-list-item, .module-categories_multilevel li.module-list-item{
	background:#f4f4f4;
	border-bottom:1px dotted #dfdfdf;
	padding:3px 0;
}

.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{color:#333;}
.module-pagesummary li.module-list-item:hover, .module-categories_multilevel li.module-list-item:hover{background:#dfdfdf;border-bottom:1px dotted #dfdfdf;color:#333;}

.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:#333;}
	
/*****ENTRY*****/
a:hover{text-decoration:none;}
  
.navigation {
	background:#f4f4f4;
	padding:7px;
	color: #333;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9166em;
	text-align:right;
	text-transform:uppercase;
}

.navigation ul {text-align:left;}
.navigation li {display: inline; padding: 0 5px;}
.navigation li a{text-decoration:none;}

.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 {
	padding:10px 0;
	position:relative;
	margin-bottom:30px;
}

.entry .userpic a, .comment .userpic a {
	border:0;
	float:right;
	margin-bottom:3px;
	margin-left:3px;
	margin-top:-50px;
}

.entry .userpic img a, .comment .userpic img a {border:0;}
.entry-title, .comment-title {margin-right:110px;}
.entry-title a, .comment-title a {text-decoration:none;}
#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{
	border-bottom:1px dotted #dfdfdf; 
	display:block;
	margin-right:110px; 
	margin-bottom:10px;
	padding:3px; 
	font-size:0.9166em;
}

.comment-poster {
	border-bottom:1px dotted #dfdfdf; 
	display:inline-block;
	margin-right:110px; 
	margin-bottom:10px;
	min-width:40%;
	padding:3px; 
	font-size:0.9166em;
}

.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {background:#f4f4f4;border-bottom:4px solid #74A27D;}
.entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {background:#f4f4f4;border:0;}
.entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title{
	background:#f4f4f4;
	border-top:1px dotted #dfdfdf;
	color:#74A27D;
	font-size:1.4em;
	font-weight:100;
	font-variant:small-caps;}
.entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {color: #74A27D; letter-spacing:0.1em;}
.entry-wrapper-odd .entry-title a:hover, .comment-wrapper-odd .comment-title a:hover {color:#b9b9b9;}
a, .entry-wrapper-odd a, .comment-wrapper-odd a {color:#74A27D;}

.entry-wrapper-even .entry, .comment-wrapper-even .comment{background:#f4f4f4;border-bottom:4px solid #FF8337;}
.entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a{background:#f4f4f4;border:0;}
.entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title{
	background:#f4f4f4;
	border-top:1px dotted #dfdfdf;
	color:#FF8337;
	font-size:1.4em;
	font-weight:100;
	font-variant:small-caps;}
.entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {color:#FF8337; letter-spacing:0.1em;}
.entry-wrapper-even .entry-title a:hover, .comment-wrapper-even .comment-title a:hover {color:#b9b9b9;}
.entry-wrapper-even a, .comment-wrapper-even a {color:#FF8337;}

.entry .time, .entry .date {display: inline-block;}

.metadata{
	border-top:1px dotted #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;}

.entry ul li {
	list-style:disc;
	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 dotted #dfdfdf; margin:10px 0 3px;}
.entry .footer .inner, .comment .footer .inner {text-align:center;}
.entry .footer a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9166em; 
	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:5px;}
.entry-management-links li a, .comment-management-links li a,
.comment-interaction-links .thread a {
	background-image: url(http://s.dreamwidth.org/stc/transmogrified/permalink.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 14px;
}
.entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
.comment-management-links .edit_comment a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/edit.gif);
}
.entry-management-links .edit_tags a, .comment-interaction-links .parent a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/tag.gif);
}
.entry-management-links .mem_add a, .entry-management-links .watch_comments a,
.comment-management-links .watch_thread a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/memories.gif);
}
.entry-management-links .link_prev a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/previous.gif);
}
.entry-management-links .link_next a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/next.gif);
}
.entry-interaction-links li a, .entry-management-links .tell_friend a,
.comment-interaction-links li a { 
background-image: url(http://s.dreamwidth.org/stc/transmogrified/comment.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 14px;  
display: inline;
}
.comment-management-links .delete_comment a {
background-image: url(http://s.dreamwidth.org/stc/transmogrified/delete.gif);
}

/*****FOOTER*****/   
.module-section-three {
	background:#FF8337;
	clear:both;
	margin:0 auto;
	padding:5px;
	width:960px;
	color: #f4f4f4;
	font-size:0.75em;
}

.module-section-three a {color: #ffffff;}
.module-section-three .module {text-align:center;}
.hfeed .navigation {}

/*****TAGS PAGE*****/  
.page-tags #content{
	background:#f4f4f4;
	margin-top:10px;
	padding:10px 0;
}

.page-tags #content h2 {
	background:#f4f4f4;
	border-bottom:1px dotted #dfdfdf;
	color:#FF8337;
	font-size:1.4em;
	font-weight:100;
	font-variant:small-caps;
}

.page-tags #content ul li{
	list-style:disc;
	margin-left:50px;
	padding-bottom:10px;
}

/*****CALENDAR PAGE*****/  
.page-archive .navigation ul li{padding:12px; font-size:1.3em;}
.month-wrapper, #archive-month dl {
	background:#fff;
	border:1px solid #dfdfdf;
	padding:10px;
	position:relative;
	margin: 20px 0px;
}

.month-wrapper h3 {
	background:#fff;
	border-bottom:1px dotted #dfdfdf;
	color:#FF8337;
	font-size:1.4em;
	font-weight:100;
	font-variant:small-caps;
}

.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:#f4f4f4; border:1px solid #fff; padding:5px; line-height:2em; vertical-align:text-top; text-align:center;}
.day-has-entries{background:#ccc!important; border:1px solid #ccc; padding:2px;}
.month .day-has-entries {line-height:1em;}
.month .day-has-entries a{color:#333; font-size:1.5em; text-decoration:none;}
.month .day-has-entries a:hover{color:#fff; text-decoration:underline;}
.day-has-entries:hover{background:#FF8337!important; border:1px solid #FF8337;}
.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 {border:1px solid #f4f4f4;margin:20px 0;}
#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:#f4f4f4; border:1px solid #f4f4f4!important;}

/*****CONTEXTUAL POPUP****/
div.ContextualPopup img {border:0;}
div.ContextualPopup div.Inner {background:#fff!important; padding:5px;color:#333!important; font-size:1em; font-weight:100!important;border:1px solid #dfdfdf;}
div.ContextualPopup .Content {font-weight:100!important; margin-right:50px;}
div.ContextualPopup .Relation {font-size:1.2727em/*14px*/; font-weight:900!important;color:#74A27D!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:#74A27D!important; font-weight:100; text-decoration:none!important; text-transform:none;}
div.ContextualPopup div.Inner a:hover{color:#333!important;font-weight:100; text-decoration:underline!important;}

b)

Live preview | Image Preview

/********************DO NOT REMOVE THIS********************
Layout 001 [This Life Is Shining] by Fania @ Mentahelada (mentahelada.dreamwidth.org)
Theme: Transmogrified
----------CREDITS:
Header pattern and color palette: http://www.colourlovers.com/pattern/89366/Prisca
*************************************************************/

/*****BASIC LAYOUT*****/
body {
	background:#E9DEB0;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:103%;
}

#container {
	background:#f4f4f4;
	border:1px solid #dfdfdf;
	margin:0 auto;
	width:960px;
}

#wrap {
	padding:0 260px 0 10px;
	font-size:0.75em;
}

#content {
	/*position:relative;*/
	width:100%;
	float:left;
}

/*****HEADER*****/
#header {
	background:#E9DEB0 url(http://www.mentahelada.net/dw-layouts/layout001/bg-header3.png) repeat;/*header here*/
	color:#333;
	height:100px;/*change to fit your header*/
}

#header h1, header h2 {display:none;}

/* section one = nav links */
.module-section-one {
	font-size:1.4em;
	text-align:center;
}

.module-section-one li {
	display: inline;
	list-style: none;
}
	
.module-section-one ul {
	background:#A73E2B;
	padding:17px;
	color:#000;
}

.module-section-one li a {
	background:#A73E2B;
	margin:7px;
	padding:7px;
	color:#f4f4f4;
	font-style:italic;
	text-decoration:none;
}

.module-section-one ul li a:hover, .module-section-one ul li.active a {
	background:#D07E0E;
	color:#fff;
}

/*****BY ALL MEANS SIDEBAR LOL*****/   
.module-section-two {
	/*position:relative;*/
	float:left;
	width:250px;
	margin-right:-250px;
}

.module-section-two .module {
	background:#f4f4f4;
	margin:10px 0 10px 20px;
}

.module-section-two h2 {
	background:#f4f4f4;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:7px;
	padding:0.2em;	
	color:#D07E0E;	
	font-size:1.7em;
	font-style:italic;
	font-weight:100;
	text-align:left;				
}

.module-section-two h2 a, .module-section-two .module-header a {
	background:#f4f4f4;
	padding:0;
	color:#D07E0E;	
	font-style:italic;
	font-weight:100;
	text-decoration: none;		
}

.module-section-two h2 a:hover, .module-section-two .module-header a:hover {color:#A73E2B;}

.module-calendar {text-align: center;}
.module-calendar table {width:90%; margin:0 auto; font-size:0.9166em;}
.module-calendar table th {color:#2F615E; font-size:1.0909em; font-weight:100;}
.empty-day{background:#f4f4f4; border:1px solid #dfdfdf; padding:2px;}
.entry-day{background:#D07E0E ; border:1px solid #D07E0E ; padding:2px;}
.entry-day a{color:#fff; text-decoration:none;}
.entry-day a:hover{text-decoration:underline;}
.entry-day:hover{background:#A73E2B; border:1px solid #A73E2B;}

.module-section-two ul {list-style-type:none;}

.module-typelist li.module-list-item a, .module-categories li.module-list-item a{
	background:#f4f4f4;
	border-bottom:1px dotted #dfdfdf;
	display:block;
	color:#2F615E;
	text-decoration:none;
}

.module-typelist li.module-list-item a:hover, .module-categories li.module-list-item a:hover{
	background:#dfdfdf;
	border-bottom:1px dotted #dfdfdf;
	color:#333;
}

.module-pagesummary li.module-list-item, .module-categories_multilevel li.module-list-item{
	background:#f4f4f4;
	border-bottom:1px dotted #dfdfdf;
	padding:3px 0;
}

.module-pagesummary li.module-list-item a, .module-categories_multilevel li.module-list-item a{color:#2F615E; text-decoration:none;}
.module-pagesummary li.module-list-item a:hover, .module-categories_multilevel li.module-list-item a:hover{color:#333;}
.module-pagesummary li.module-list-item:hover, .module-categories_multilevel li.module-list-item:hover{background:#dfdfdf;border-bottom:1px dotted #dfdfdf;color:#333;}

.module-syndicate{text-align:center;}

.module-categories_cloud a, .module-categories_multilevel a{padding:3px; color:#2F615E; text-decoration:none;}
.module-categories_cloud a:hover{color:#333;}
	
/*****ENTRY*****/
a:hover{text-decoration:none;}
  
.navigation {
	background:#f4f4f4;
	padding:7px;
	color: #333;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9166em;
	text-align:right;
	text-transform:uppercase;
}