eclectic_friends | Layout [Tabula Rasa] Appleblossom / Because it was forbidden.

Style: Core 2 Testing
Best View: 1024px and wider.
Browsers: Firefox 3, Opera 9.64, IE 8, Safari 3.2.2 on Vista.
Navbar: Optional
Account Levels: All
Notes: You need to have a default icon selected for the main sidebar to display correctly. However, if you are dead set against having a default icon, I can tweek the css for you. Also, after we get some more layout choices, I'm willing to adapt this to one of those layouts. This layout it made to work with all the core 2 testing page set-ups.

Adam was but human-this explains it all.

Screen cap to see it bigger // Live Preview

/* DreamWidth Tabula Rasa / Appleblossom Layout
Coding and Graphics by tmbreck
contact: lilbreck@gmail.com */
body {
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-color: #d0d9bf;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #efeae7;
	cursor: default;
	}
img {
	border: none;
	}
a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}
a:hover {
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
	cursor: ne-resize;
	}
ol {
	list-style: decimal-leading-zero;
	}
ul {
	list-style: square;
	}
dt {
	background-color: #ff0000;
	text-indent: 10px;
	}
dt a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	cursor: ne-resize;
	}
dd {
	font-style: italic;
	margin: 0px 25px 5px 25px;
	padding-bottom: 5px;
	text-indent: 5px;
	border-left: #ff0000 solid 5px;
	}
blockquote {
	background-color: #d0d9bf;
	color: #405f01;
	border-left: #ff0000 solid 15px;
	padding: 0px 4px;
	}
#canvas {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 994px;
	overflow: auto;
	}
.one-column #canvas {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 750px;
	overflow: auto;
	}
.two-columns-left #canvas, .two-columns-right #canvas  {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 887px;
	overflow: auto;
	}
#header {
	margin: 0px auto;
	padding: 0px;
	}
.one-column #primary {
	margin: 0px;
	padding: 0px;
	width: 750px;
	background-image: url(http://img152.imageshack.us/img152/4839/abbkgr.jpg);
	background-position: center;
	background-repeat: repeat-y;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-sides #primary {
	float: left;
	width: 750px;
	background-image: url(http://img152.imageshack.us/img152/4839/abbkgr.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin-right:-100%;
	margin-left: 132px;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-right #primary, .two-columns-right #primary {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 750px;
	background-image: url(http://img152.imageshack.us/img152/4839/abbkgr.jpg);
	background-position: center;
	background-repeat: repeat-y;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-left #primary, .two-columns-left #primary {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 750px;
	background-image: url(http://img152.imageshack.us/img152/4839/abbkgr.jpg);
	background-position: center;
	background-repeat: repeat-y;
	border-bottom: #ff0000 solid 10px;
	}
.one-column #secondary {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-color: #a1b380;
	overflow: hidden;
	border-bottom: #ff0000 solid 10px;
	border-right: #ff0000 solid 10px;
	border-left: #ff0000 solid 10px;
	}
.three-columns-sides #secondary {
	float: left;
	margin: 100px 0px 0px 0px;
	padding: 110px 0px 0px 0px;
	width: 132px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-right #secondary {
	float: left;
	width: 130px;
	margin: 90px 0px 0px 0px;
	padding: 110px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img83.imageshack.us/img83/3028/abbside2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-left #secondary {
	float: right;
	width: 130px;
	margin: 90px 0px 0px 0px;
	padding: 110px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.two-columns-right #secondary {
	float: left;
	width: 137px;
	margin: 90px 0px 0px 0px;
	padding: 110px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img83.imageshack.us/img83/3028/abbside2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.two-columns-left #secondary {
	float: right;
	width: 137px;
	margin: 90px 0px 0px 0px;
	padding: 110px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.one-column #tertiary {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-color: #a1b380;
	overflow: hidden;
	border-bottom: #ff0000 solid 10px;
	border-right: #ff0000 solid 10px;
	border-left: #ff0000 solid 10px;
	}
.three-columns-sides #tertiary {
	float: right;
	margin: 100px 0px 0px 0px;
	padding: 310px 0px 0px 0px;
	width: 112px;
	background-attachment: scroll;
	background-image: url(http://img83.imageshack.us/img83/3028/abbside2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-right #tertiary {
	float: left;
	width: 114px;
	margin: 0px;
	padding: 300px 0px 0px 0px;
	position: relative;
	top: 200px;
	background-attachment: scroll;
	background-image: url(http://img83.imageshack.us/img83/3028/abbside2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.three-columns-left #tertiary {
	float: left;
	width: 114px;
	margin: 0px;
	padding: 300px 0px 0px 0px;
	position: relative;
	top: 200px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.two-columns-right #tertiary {
	width: 750px;
	margin: 0px 137px 0px 0px;
	position: relative;
	clear: both;
	border-bottom: #ff0000 solid 10px;
	}
.two-columns-left #tertiary {
	width: 750px;
	margin: 0px 0px 0px 137px;
	position: relative;
	clear: both;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.page-tags.three-columns-left #tertiary {
	float: left;
	width: 114px;
	margin: 0px;
	padding: 300px 0px 0px 0px;
	position: relative;
	top: 225px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/7414/abbside.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
#footer {
	display: none;
	}
.inner {
	margin: 0px;
	padding: 0px;
	}
#title {
	margin: 0px 15px;
	padding: 0px;
	font-size: 24px;
	color: #405f01;
	}
#subtitle {
	margin: 4px 15px 0px 15px;
	padding: 0px;
	text-indent: 25px;
	font-size: 12px;
	font-style: italic;
	color: #405f01;
	}
#pagetitle {
	margin: 0px 100px;
	padding: 0px;
	text-align: center;
	color: #405f01;
	}
.one-column .module-content {
	padding: 2px;
	background-color: #a1b380 !important;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	}
.three-columns-sides .module-section-one .module, .three-columns-left .module-section-one .module, .two-columns-left .module-section-one .module {
	margin: 0px;
	padding: 0px;
	border-left: #ff0000 solid 10px;
	}
.three-columns-right .module-section-one .module, .two-columns-right .module-section-one .module {
	margin: 0px;
	padding: 0px;
	border-right: #ff0000 solid 10px;
	}
.module-section-one .module-content {
	padding: 5px;
	background-color: #a1b380;
	}
.module-section-two {
	margin: 0px;
	padding: 0px;
	}
.three-columns-sides .module-section-two .module, .three-columns-right .module-section-two .module {
	margin: 0px;
	padding: 0px;
	border-right: #ff0000 solid 10px;
	}
.three-columns-left .module-section-two .module {
	margin: 0px;
	padding: 0px;
	border-left: #ff0000 solid 10px;
	}
.two-columns-right .module-section-two .module, .two-columns-left .module-section-two .module {
	margin: 0px;
	padding: 0px;
	border-left: #ff0000 solid 10px;
	border-right: #ff0000 solid 10px;
	}
.module-section-two .module-content {
	padding: 5px;
	background-color: #ff0000;
	}
.module-header {
	margin: 0px;
	padding: 2px;
	background-color: #ff0000;
	text-align: center;
	font-size: 12px;
	}
.one-column .module-photo, .one-column .module-user-links, .one-column .module-about, .one-column .module-navlinks, .one-column .module-calendar, .one-column .module-typelist, .one-column .module-syndicate, .one-column .module-tags_multilevel, one-column .module-tags_cloud {
	padding: 1px !important;
	float: left;
	background-color: #a1b380 !important;
	width: 102px;
	}
.one-colum .module-powered, .one-column .module-time {
	padding: 1px !important;
	float: left;
	background-color: #a1b380 !important;
	width: 50%;
	}
.one-column .module-photo .module-content {
	padding: 0px !important;
	}
.module-photo .module-content, .module-user-links .module-content {
	text-align: center;
	background-color: #efeae7;
	}
.userlite-interaction-links {
	margin: 2px 0px;
	padding: 0px;
	list-style: none;
	text-align: center
	}
.userlite-interaction-links li {
	margin: 0px;
	padding: 0px;
	display: inline;
	}
.module-about {
	text-align: center;
	font-size: 13px;
	padding: 10px 0px !important;
	}
.module-about p {
	margin: 0px;
	}
.current {
	font-style: italic;
	font-weight: lighter;
	}
.module-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.module-calendar {
	font-size: 9px;
	text-align: center;
	}
.module-calendar table {
	margin: 0px auto;
	width: 100%;
	}
.module-typelist .module-list {
	font-size: 12px;
	text-align: center;
	}
.module-syndicate .module-content {
	background-color: #a1b380;
	padding: 5px;
	text-align: center
	}
.one-column .module-syndicate {
	display: none;
	}
.module-tags_cloud {
	font-size: 50% !important;
	}
.module-tags_multilevel .module-list {
	font-size: 10px;
	border-bottom: dotted 1px;
	}
.module-tags_multilevel .module-list-item .module-list {
	text-indent: 10px;
	}
.manage-tags-link {
	margin: 4px 0px 0px 0px;
	text-align: center;
	}
.one-column .module-pagesummary {
	display: none;
	}
.module-pagesummary .module-content {
	background-color: #a1b380;
	padding: 5px;
	}
.module-pagesummary .module-list .module-list-item {
	font-size: 10px;
	margin: 4px 0px;
	border-bottom: dotted 1px;
	}
.module-time {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	background-color: #a1b380;
	font-size: 9px;
	color: #ffffff;
	text-align: center;
	}
.module-powered {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	background-color: #a1b380;
	font-size: 9px;
	color: #ffffff;
	text-align: center;
	}
.module-powered a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	cursor: ne-resize;
	}
.navigation {
	text-align: center;
	}
.navigation li {
	list-style: none;
	display: inline;
	margin: 0px 8px;
	}
#entries {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#entries .inner {
	margin: 0px;
	padding: 0px;
	}
.entry-wrapper {
	margin: 0 15px;
	padding: 0px;
	}
.header {
	border-bottom: dotted 1px;
	}
.entry-title {
	margin: 0px;
	padding: 0px;
	}
.date {
	font-size: 12px;
	}
.time {
	font-size: 9px;
	}
.userpic {
	float: right;
	margin: 0px;
	padding: 4px;
	background-color: #FF0000;
	}
.page-read .entry-poster {
	float: right;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 10px;
	background-color: #FF0000;
	}
.entry-poster a:hover {
	color: #000000;
	}
.entry-poster .ljuser {
	display: block;
	}
.entry-content {
	padding: 6px 2px;
	}
.metadata ul {
	list-style: none;
	display: block;
	}
.metadata-label {
	font-weight: bold;
	}
.tag {
	border-bottom: dotted 1px;
	text-align: left;
	}
.tag ul {
	margin: 0px 3px;
	padding: 0px;
	}
.tag li {
	display: inline;
	}
.tag li:after {
	content: ", ";
	}
.entry-management-links {
	text-align: center;
	}
.entry-management-links li {
	list-style: none;
	display: inline;
	}
.entry-interaction-links {
	text-align: center;
	}
.entry-interaction-links li {
	list-style: none;
	display: inline;
	margin: 0px 8px;
	}
.footer {
	margin: 0px 0px 6px 0px;
	border-bottom: solid 2px;
	text-align: center;
	}
#archive-year {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#archive-year .inner {
	margin: 0px 5px;
	}
.year {
	margin: 0px auto;
	padding: 0px;
	}
.month {
	margin: 0px auto;
	padding: 0px;
	width: 98%;
	}
.month .header {
	background-color: #FF0000;
	text-align: center;
	}
.month td {
	border: dotted 1px;
	text-align: center;
	}
.month .label {
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: left;
	border-width: 0px 1px 1px 0px;
	border-style: dotted;
	}
.day {
	height: 50px;
	vertical-align: top;
	}
#archive-month {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
#archive-month .inner {
	margin: 0px 5px;
	}
.page-tags #primary > .inner:first-child {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.page-tags #primary .inner h2 {
	margin: 0px 15px;
	background-color: #FF0000;
	text-align: center;
	}
.page-entry #primary > .inner:first-child {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.page-entry #comments {
	margin: 0px 15px;
	}
.comment-pages {
	text-align: center;
	margin: 0px 8px;
	}
.comment-title {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
	background-color: #FF0000;
	text-indent: 15px;
	}
.comment-title a:hover {
	color: #000000;
	}
.comment-content {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}
.comment .footer li {
	list-style: none;
	display: inline;
	margin: 0px 8px;
	padding: 0px;
	}
.page-reply #primary > .inner:first-child {
	margin: 0px;
	padding: 375px 0px 0px 0px;
	background-attachment: scroll;
	background-image: url(http://img152.imageshack.us/img152/3658/abbhdr.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: #ff0000 solid 10px;
	}
.page-reply #postform {
	margin: 0px 8px;
	padding: 0px;
	}
input {
	background-color: #d0d9bf !important;
	color: #405f01;
	}
textarea {
	background-color: #d0d9bf;
	color: #405f01;
	}
option {
	background-color: #d0d9bf;
	color: #405f01;
	}

abbhdr.jpg: http://img152.imageshack.us/img152/3658/abbhdr.jpg
abbkgr.jpg: http://img152.imageshack.us/img152/4839/abbkgr.jpg
abbside.jpg: http://img152.imageshack.us/img152/7414/abbside.jpg
abbside2.jpg: http://img83.imageshack.us/img83/3028/abbside2.jpg

Save images and upload them to your servers.
Upload images to a hosting site.
Open the CSS file and do a find/replace for the images.
Go to your customization page
Under 'Select a New Theme' click on 'All' and choose Tabula Rasa.
Go to Custom CSS page, un-check 'Use layout's stylesheet(s)'
Copy/Paste everything from the CSS file/textarea into the 'Use embedded CSS' textarea.

Zip file containing images and css for those who prefer it.

If you have any questions, feel free to ask me here.

Flat | Top-Level Comments Only

From:

rua1412

Hi Tmbreck, someone in my flist pointed me out this community since she knew I was reserching for a layout code.
I wanted to know if I could use it since I can't find the zip file or if this is only for your friends.
Thank you.

tmbreck

I had forgotten to put in the zip file. The link to the zip file should be there under the preview image of the layout.

Thank you for the explainations.

Hi, just wanting to show the result I got changing the header ^_^
http://rua1412.dreamwidth.org/
Thank you so much again for the code and the great layout!

I'm glad you are enjoying it! If you have any problems with the layout.

A friend is someone with whom I can reveal many parts of me

even those I am meeting for the first time

Layout [Tabula Rasa] Appleblossom / Because it was forbidden.

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

Profile

April 2017

Tags

Page Summary

Style Credit

Expand Cut Tags