holopsicon | LAYOUT 》MACABRE

Entry tags:

LAYOUT 》MACABRE

TEMPORARILY PRIVATED UNTIL I CAN FIX THIS CODE UP. DM me if you really want it, but this was pretty obviously my return to coding anything in 5+ years.

Threaded | Top-Level Comments Only

it's just gorgeous! using it on my journal since i've just decided to come back to dw 😁

I LOVE IT. I'm going to be using it at my writing community

kristwrites (god I hope that works lmao, it's been a while since I had to use LJ/DW-y code), and tbh I'll probably use it on this journal too. I just love this color scheme.

ahh, thank you very much! ♡ tbh i coded it because i'm so excited to see people interested in dreamwidth again.

thank you so much!! i still use ljuser to link people/communities... oops

jfsdjl old coding habits die hard, eh?

ty again for the layout, it's absolutely fab

Just a quick question - I'm using it on this journal with a tiled background image instead of solid white, and I don't really use sidebar modules at all. Is there any way to add a little padding around the edges of the text in the white boxes so it's easier to read, and to make the main journal entry section wider?

Sure! How's this:

body {
	background: #FFF url(https://i.imgur.com/vaWcrdB.jpg) center top;
	font-family: Helvetica, Arial, sans-serif;
	color: #191919;
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing: .02em;
	word-wrap: break-word;
	text-align: justify;
	padding: 0px;
}

a, a:active, a:visited {
	text-decoration: none;
	color: #990100;
}

a:hover {
	color: #620100;
}

#canvas {
	margin: 0px auto;
	width: 750px;
	background: #FFF;

}

#header {
	background: #191919;
}

div.module-headernavigation.module ul.module-list {
	list-style: none;
	padding: 15px 15px 0px;
}

div.module-headernavigation.module ul.module-list li {
	display: inline;
	margin-right: 15px;
}

div.module-headernavigation.module ul.module-list li a {
	color: #990100;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .07em;
}

div.module-headernavigation.module ul.module-list ul.module-list li a:hover {
	color: #A7DBD8;
}

div#header_titlewrapper {
	background: #990100;
	min-height: 35px;
	}

div#header_navwrapper {
	height: 35px;
}

h1#title, h1#title a {
	font-family: "Times New Roman", serif;
	text-transform: lowercase;
	color: #191919;
	padding: 10px 5px 0px;
	font-size: 14px;
	letter-spacing: .09em;
	font-style: italic;
	text-align: right;
}

div#primary {
	display: inline;
	float: right;
	background: #FFF;
	width: 730px;
padding: 10px;
	margin: 15px 0px 0px 20px;
}

div#secondary {
	float: left;
	width: 200px;
	display: inline;
	background: #FFF;
	height:  100%;
DISPLAY: none;
}

div#secondary img {
	max-width: 200px;
	}

div#primary img {
	max-width: 410px;
	}

h2.module-header {
	border-bottom: 1px dotted #C9C9C9;
	font-family: "Times New Roman", serif;
	padding: 2px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .07em;
}

div#secondary ul {
	padding: 0px;
	margin: 0px;
	}

div#secondary li.module-list-item {
	display: block;
	background: #F6F6F6;
	border-left: 5px solid #B90504;
	font-size: 11px;
	font-family: "Courier New", monospace;
	margin-bottom: 4px;
	padding: 4px;
	text-transform: uppercase;
	}

div#secondary li.module-list-item a {
	color: #525252;
	}

div#secondary li.module-list-item a:hover {
	color: #620100;
	}

div#secondary li.module-list-item:hover {
	border-left: 5px solid #990100!important;
	}

div#primary div.module-userprofile.module img {
	border: 5px solid #999!important;
	display: block;
	margin: auto;
	}

h2.module-header a {
	color: #000;
	}

div.module-calendar.module table {
	margin: auto;
	width: 100%;
	text-align: center;
	}

div.module-calendar.module table th {
	font-family: "Times New Roman", serif;
	}

div.module-calendar.module table td {
	background: #FAFAFA;
}

div.module-calendar.module table td.empty-day {
	background: #F6F6F6;
	}

div.module-calendar.module table td.entry-day {
	background: #EEE;
	}

div#primary div.userpic {
	background: #F0F0F0;
	float: right;
	padding: 5px;
	margin: -34px 0px 1px 10px;
	}

div#secondary div.userpic {
	width: 100px;
	height: 100px;
	margin: auto;
	}

div.journal-name {
	font-style: italic;
	text-align: center;
	color: #990100;
	padding: 4px 0px 0px;
	font-family: "Times New Roman", serif;
	}

div#tertiary {
	clear: both;
	width: 750px;
	display: inline;
	padding: 0px 10px 10px;
	font-size: 11px;
}

/* ENTRY STRUCTURE */

h3.entry-title {
	margin: 0px;
	text-transform: uppercase;
	padding: 0px 0px 5px;
	font-size: 15px;
	}

h3.entry-title a {
	color: #B90504;
}

div.metatime_wrapper {
	padding: 5px;
	background: #F0F0F0;
	text-transform: uppercase;
	font-size: 11px;
	font-family:  "Times New Roman", serif;
	letter-spacing: .09em;
	margin-bottom: 10px;
	}

div.metatime_wrapper a, div.metatime_wrapper a:active, div.metatime_wrapper a:visited {
	color: #000;
	}

div.metatime_wrapper a:hover {
	color: #EEE;
	}

div.entry-content {
	min-height: 85px;
	text-align: justify;
	margin-top: 5px;

}

span.poster.entry-poster {
	display: block;
	background: #F6F6F6;
	margin-top: -10px;
	padding: 5px;
	font-size: 11px;
	}

blockquote { 
	background: #F0F0F0;
	padding: 10px;
	margin: 15px;
	}

/* METADATA (MUSIC, LOCATION, MOOD) */

div.metadata.bottom-metadata ul {
	padding: 0px;
	font-size: 11px;
	letter-spacing: .15px;
	text-transform: lowercase;
	}

div.metadata.bottom-metadata ul li {
	list-style: none;
	padding: 0px;
	}

li#metadata-mood {
	background: url(https://i.imgur.com/IEcJxiw.gif) no-repeat center left;
	padding-left: 11px;
	}

li#metadata-groups {
	background: url(https://i.imgur.com/ExupcZ2.png) no-repeat center left;
	padding-left: 11px;
	}

li#metadata-mood img {
	display: none;
	}

li#metadata-location {
	background: url(https://i.imgur.com/cr9Oc.png) no-repeat center left;
	padding-left: 11px;
	}
	
li#metadata-music {
	background: url(https://i.imgur.com/AL8MtGG.gif) no-repeat center left;
	padding-left: 11px;
	}

/* COMMENTS */

ul.entry-interaction-links.text-links {
	padding: 0px;
	margin: -10px 0px 0px;
	}

ul.entry-interaction-links.text-links li {
	display: inline;
	list-style: none;
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	margin-right: 5px;
	}

/* TAGS  */

div.tag ul {
	display: block;
	list-style: none;
	padding: 4px 10px 4px;
	background: #F6F6F6;
	border-left: 5px solid #8C0100;
	}

div.tag ul li { 	
	display: inline;
	font-size: 11px;
	font-family: "Courier New", monospace;
	letter-spacing: .15px;
	text-transform: uppercase;
	}

ul.entry-management-links.text-links, ul.entry-management-links.icon-links {
	padding: 5px 10px 5px;
	color: #FFF;
	background: #8C0100;
	font-family: "Times New Roman", serif;
	}

ul.entry-management-links.text-links a, ul.entry-management-links.text-links a:active, ul.entry-management-links.text-links a:visited {
	color: #EEE;
	}

ul.entry-management-links.text-links a:hover {
	color: #FBFBFB;
	}

ul.entry-management-links.text-links li, ul.entry-management-links.icon-links li {
	display: inline;
	list-style: none;
	font-size: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	}

div.separator.separator-after {
	height: 25px;
	}

/* PRIVACY IMAGES */

div.metatime_wrapper img[src*="locked.png"] {
	background-image:url(https://i.imgur.com/D6fSABc.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:10px 10px 0px 0 !important;
	width:0;
}
div.metatime_wrapper img[src*="private.png"] {
	background-image:url(https://i.imgur.com/2CEuT87.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:10px 9px 0 0 !important;
	width:0;
}

div.metatime_wrapper img[src*="filtered.png"] {
	background-image:url(https://i.imgur.com/7RHcyAB.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:10px 10px 0 0 !important;
	width:0;
}

/* TAGS PAGE */

div.tags-container h2 { 
	border-bottom: 1px dotted #C9C9C9;
	font-family: "Times New Roman", serif;
	padding: 0px 2px 2px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .07em;
}

ul.ljtaglist.tags_multilevel li {
	  list-style-image: url('https://i.imgur.com/6Kh5OOW.png');
	}

/* ARCHIVE PAGE */

div#archive-year ul {
	padding: 0px;
	text-align: center;
	}

div#archive-year ul li {
	display: inline;
	list-style: none;
	}

div#archive-year ul li a, li.active {
	background: #191919;
	color: #EEE;
	font-size: 14px;
	padding: 3px 5px;
	font-family: "Courier New", monospace;
	}

div.month-wrapper h3 {
	border-bottom: 1px dotted #C9C9C9;
	font-family: "Times New Roman", serif;
	padding: 0px 2px 2px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .07em;
}

table.month {
	width: 100%;
	text-align: center;
	border: 1px solid #EEE;
	}

table.month caption, div.month-wrapper div.footer {
	display: none;
	}

table.month th {
	padding: 3px;
	background: #EEE;
	}

table.month td {
	height: 60px;
	width:  60px;
	background: #FAFAFA;
	}

td.day {
	background: #F6F6F6!IMPORTANT;
	}

/* USERICONS */

img[src*="user.png"]  {
	background-image:url(https://i.imgur.com/0xvwzO4.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:12px 12px 0 0 !important;
	width:0;

}

img[src*="user_staff.png"]  {
	background-image:url(https://i.imgur.com/UXunya9.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:12px 12px 0 0 !important;
	width:0;

}

img[src*="community.png"] {
	background-image:url(https://i.imgur.com/8LPLPGO.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:12px 12px 0 0 !important;
	width:0;
}

img[src*="comm_staff.png"]  {
	background-image:url(https://i.imgur.com/nMJimKs.gif) !important;
	background-repeat:no-repeat !important;
	height:0;
	padding:12px 10px 0 0 !important;
	width:0;

}

.ljuser a b{
	font-weight:normal;
	color:#990100;
}

/* CONTROL STRIP */

#lj_controlstrip {
	background:none repeat scroll 0 0 #FFF;
	color:#525252;
	}

#lj_controlstrip_statustext {
	color:#525252;
	}

#lj_controlstrip a {
	color:#525252;
	}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
	border-right:0 none;
	}

#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
	background: none repeat scroll 0 0 #FFF !important;
	border: 0px;
	text-transform: lowercase;
	color:#525252;
	}

input#Logout {
	border-bottom: 1px solid #eee;
	margin-left: 5px;
	padding: 0px 3px 0px;
	font-family: "Times New Roman", serif;
}

input#search.text {
	border-bottom: 1px solid #eee;
}

#lj_controlstrip .ljuser a b {
	color:#990100;
	font-size:12px;
	font-family: Georgia, "Times New Roman", serif;
	}

#lj_controlstrip .ljuser a:hover {
	text-decoration: none;
	color: #333;
	}

#lj_controlstrip .ljuser img {
display: none;
}

input#xc_user, input#xc_password.lj_login_password, input#xc_remember {
	border: 1px dotted #EEE;
	}

/* MISC */

ol {
	list-style-type: upper-roman;
}

ul { 
	list-style-type: square;
}

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

span.tag-text, h2#pagetitle, div.manage-link, h2#subtitle, ol br, ul br, ul.userlite-interaction-links.text-links, ul.userlite-interaction-links.icon-links, div.module-navlinks.module, div.module-section-two, div.navigation.topnav, li.page-separator {
	display: none;
	}

div.navigation.bottomnav {
	color: #AAA;
	font-family: "Times New Roman", serif;
	font-size: 11px;
	}
div.navigation.bottomnav ul {
	padding: 0px 0px 15px 0px; margin: 0px;
	}

div.navigation.bottomnav a {
	text-transform: uppercase;
	color: #828282;
	}

div.page-top  {
text-align: right;
display: none;
	}

li.page-back, li.page-forward {
	display: inline;
	list-style: none;
	}

/* QUICK REPLY */

div#qrformdiv {
	margin-top: 30px;
	}

textarea#body.text, input#subject.text, select#prop_picture_keyword.select {
	border: 1px dotted #999;
	font-family: Helvetica, Arial!important;
	font-size: 12px;
	color: #727272;
	background: none repeat scroll 0 0 #FFF !important;
	}

div.qr-footer {
	text-align: center;
	}

input#submitpost.submit, input#submitmoreopts.submit {
	border: 1px dotted #999;
	font-family: Helvetica, Arial!important;
	text-transform: uppercase;
	font-size: 11px;
	color: #727272;
	background: none repeat scroll 0 0 #FFF !important;
	width: 49.5%;
	margin-right: 2px;
}

div.de {
	color: #AAA;
	font-size: 11px!important;
	font-style: italic;
	}

div.qr-icon img{
	margin-top: 35px;
	}

This is gorgeous thanks for sharing! Credited in the profile.

Threaded | Top-Level Comments Only

LAYOUT 》MACABRE

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject