dreamscapes | For The Bold (Tabula Rasa)

Finally settled down long enough to post:

Theme || Layout: For The Bold (Tabula Rasa) || Tabula Rasa
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa

Image Preview: http://i39.tinypic.com/5untzp.png

Image Info: No images

Additional Info: CSS currently only works with "2 column sidebar right" but please feel free to fix that and anything else that needs fixing/changing. The name for this particular color scheme is Modernity.

CSS:

/*-- For The Bold (Tabula Rasa) --*/
/*-- stylesheet by visualwit for DW --*/

/*--- main ---*/

* {
		margin: 0px; 
		padding: 0px;
		}

BODY { 
		background-color: #EDEDED;
		background-image: url(''); 
		color: #707070; 
		font-size: 1em; 
		line-height: 140%;
		margin: 10px 0px 0px 0px; 
		font-family: corbel, century gothic, gill sans mt, verdana, arial, sans-serif;
		}

a, a:link, a:visited { 
		color: #3dac8e;
		text-decoration: none;
		}

a:hover {
		color: #12332a;
		}

hr { 
		color: transparent; 
		height: 1px; 
		border: 0px;  
		}

input, textarea {
		background-color: #FFFFFF;
		color: #757575; 
		border: 1px solid #CDCDCD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

::-moz-selection { 
		background-color: #CDCDCD;
		color: #FFFFFF; 
		}

blockquote {
		background-color: #EDEDED;
		margin: 15px 30px;
		padding: 10px;
		font-style: none;
		color: #333333; 
		border: 2px solid #3dac8e;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

ul {
		margin: 5px 0px 5px 15px;
		list-style: circle;
		list-style-position: inside;
		}

ol {
		margin: 5px 0px 5px 35px;
		list-style-position: inside;
		list-style: decimal;
		}

span.poster {	
		margin: -20px 0px 0px 0px;
	        float: right; 
		}

/*--- containers and things ---*/

#canvas { 
		width: 90%; 
		margin: 0px auto; 
		}

#primary { 
		float: right; 
		margin: 0px;   
		width: 77%; 
		}

/*--- sidebar options ---*/

#secondary { 
		width: 22%;
                background-color: #3dac8e;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

.two-columns-right #secondary { 
		width: 22%;
		float: left; 
		margin: 0; 
		}

/*--- titles ---*/

#footer {
 		padding: 10px; 
                float: center;  
		}

#header { 
		padding: 10px; 
		margin: 0px 0px 10px 0px; 
		}

h1#title { 
		display: ; 
		color: #333333; 
		font-weight: lighter; 
		font-size: 1.9em; 
		text-transform: uppercase;
		}

h2#subtitle { 
		display: ; 
		color: #333333; 
		font-weight: lighter; 
		line-height: 80%;
		font-size: 1.55em; 
		text-transform: lowercase;
		}

h2#pagetitle { 
		display: none; 
		}

/*--- sidebar ---*/

li.page-separator { 
		display: none; 
		}

.module { 
		color: #333333; 
		padding: 10px; 
		margin: 0px 0px 0px 0px;
		text-align: right; 
		}

.module a { 
		color: #FFFFFF; 
		}

h2.module-header {
		margin: 0px 0px 5px 0px;
		color: #333333; 
		font-size: 1.41em; 
		font-weight: lighter; 
		text-transform: uppercase;
		border-bottom: 1px #7ab8a7 solid; 
		}

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

li.module-list-item { 
                padding: 1px; 
		margin: 0px 0px 2px 0px;
		list-style: none; 
		}

div.module-content div.userpic { 
		margin: 10px 0px 0px 0px;
		text-align: center; 
		}

div.module-content div.userpic img { 
		padding: 10px; 
		background-color: #FFFFFF!important; 
		width: 85px;
                height: 85px; 
		border: 0; 
		}

div.journal-name {  
		margin: 5px 0px 0px 0px; 
		text-align: center; 
 		}

div.journal-website-name { 
		text-align: center; 
		}

ul.userlite-interaction-links { 
		margin: 5px 0px 0px 0px; 
		list-style: none; 
		text-align: center; 
		}

ul.userlite-interaction-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		text-align: center; 
		}

div.module-navlinks { 
		text-align: right;
		list-style: none; 
		font-size: 1.41em; 
		text-transform: uppercase;
		}

div.module-navlinks ul.module-list { 
		border: 0px;
		margin: 0px;
		list-style: none; 
		}

.module-list-item .current  {
		color: #333333;
		}

div.module-calendar table { 
		text-align: center; 
		margin: 0px auto; 
		}

div.module-calendar th { 
		background-color: #FFFFFF; 
		margin: 0px 2px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.empty-day { 
		background-color: #FFFFFF; 
		padding: 1px; 
		margin: 0px 2px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.entry-day { 
		background-color: #FFFFFF; 
		margin: 0px 1px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.entry-day a { 		color: #3dac8e;
		}

/*--- navigation (for entries) ---*/

.topnav { 
		display: none; 
		}

.navigation { 
		margin: 5px 0px 5px 0px; 
		}

div.navigation ul { 
		display: inline; 
		}

div.navigation li { 
		display: inline; 
		list-style: none; 
		}

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

/*--- entries ---*/

h3.day-date { 
		background-color: #FFFFFF;
		margin: 0px 160px 0px 0px; 
		padding: 5px 5px 0px 5px; 
		}

div.entry {
		background-color: #FFFFFF;
		margin: 0px 160px 20px 0px; 
		padding: 5px; 
		}

div.entry-content { 
		min-height: 100px; 
		padding: 10px; 
		border-top: 1px #999999 solid; 
		}

h3.entry-title { 
		color: #333333; 
		font-size: 1.41em; 
		font-weight: lighter; 
		text-transform: uppercase;
		}

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

.datetime {  
		color: #ababab; 
		font-size: .75em; 
		}

.datetime a {  
		color: #ababab; 
		}

div.entry div.userpic { 
		float: right; 
		margin: 0px -146px 15px 0px; 
		}

div.entry div.userpic img { 
		background-color: #333333!important; 
		padding: 15px; 
		border: 0px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

/*--- currents and tags ---*/

.metadata { 
		margin: 20px 0px 0px 0px ; 
		text-align: right; 
		text-transform: uppercase;
		}

div.metadata ul { 
		padding: 0px; 
		margin: 0px; 
		}

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

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul  { 
		color: #3dac8e;
		text-align: right; 
		display: inline; 
		}

div.tag { 
		text-transform: uppercase;
		margin: 10px 0px 10px 0px;  
		}

span.tag-text { 
		}

div.tag ul li { 
		text-align: right; 
		display: inline; 
		list-style: none; 
		font-weight: normal; 
		margin: 5px 0px 0px 0px; 
		}

ul.entry-management-links {
		margin: 15px 0px 0px 0px; 
		text-align: right; 
		}

ul.entry-management-links li { 
		display: inline; 
		list-style: none; 
		}

ul.entry-interaction-links { 
		font-size: 1.30em; 
		text-transform: uppercase;
		padding: 0px; 
		margin: 5px 0px 0px 0px; 
		text-align: right; 
		}

ul.entry-interaction-links li { 
		display: inline; 
		list-style: none;  
		font-weight: normal; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

ul.entry-interaction-links a { 
		color: #333333; 
		}

/*--- comments ---*/

hr.above-entry-interaction-links, hr.below-reply-container { 
		display: none; 
		}

.comment { 
		background-color: #FFFFFF;
		margin: 0px 160px 20px 0px; 
		padding: 10px; 
		}

.comment-content { 
		min-height: 60px; 
		padding: 10px; 
		border-top: 1px solid #999999; 
		}

.comment-title { 
		font-size: 1.27em; 
		font-weight: lighter; 
		text-transform: uppercase;
		color: #333333; 
		}

.comment-title a { 
		font-weight: lighter; 
		color: #333333; 
		}

.comment-wrapper { 
		margin: 10px 0px; 
		}

div.comment div.userpic { 
		display: block; 
		float: right; 
		margin: 0px -125px 15px 0px; 
		border: 0px solid #e4f4d2;
		}

div.comment div.userpic img { 
		background-color: #333333!important; 
		padding: 10px; 
		width: 85px;
                height: 85px; 
		border: 0px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px
		}

.comment-management-links ul, .comment-interaction-links ul {
		list-style: none; 
		}

.comment-management-links li, .comment-interaction-links li { 
		display: inline;
                font-weight: lighter;  
		margin: 5px; 
		}

.comment-management-links ul, .comment-interaction-links ul {  
		list-style: none; 
		}

.comment-management-links li, .comment-interaction-links li { 
		font-size: 1.22em; 
		text-transform: uppercase;
		display: inline; 
		}

.comment-management-links li a, .comment-interaction-links li a{ 
		color: #333333; 
		}

#qrform table { 
		border: 0!important; 
		}
		
		textarea.textbox  { 
		color: #757575; 
		width: 80% !important; 
		border: 1px solid #CDCDCD;
		float: left; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

table.talkform { 
		background-color: #FFFFFF; 
		margin: 0px 0px 10px 0px; 
		padding: 10px; 
		}

.bottomcomment { 
		background-color: #FFFFFF;
		margin: 0px 160px 15px 0px; 
		padding: 10px; 
		}

.comment .footer { 
		text-align: right; 
		margin: 15px 0px 0px 0px; 
		}

/*--- archive page ---*/

.month table { 
		width: 100%; 
		margin: auto; 
		color: #333333; 
		}

.month caption { 
		display: none; 
		}

table.month td, table.month th {
		border: 1px solid #707070; 
                }

.month { 
		font-weight: bold; 
		padding: 10px; 
		background-color: #FFFFFF;
		margin: 0px 0px 15px 0px; 
		}

.month th { 
		background-color: #f5f5f5; 
		margin: 0px 2px; 
		padding: 2px; 
		text-align: center; 
		}

td.day { 
		padding: 5px;
		font-weight: normal; 
		text-align: left; 
		}

.month td.day-has-entries {
		background-color: #FBFBFB; 
		}

.month td.day-has-entries p { 
		font-weight: bold; 
		font-size: 1.2em; 
		display: block; 
		text-align: right; 
		}

/*--- tags page ---*/

.page-tags .tags-container { 
		padding: 20px; 
		background-color: #FFFFFF;
		margin: 0px 0px 10px 0px;

}

.page-tags h2 { 
		color: #787878;
		font-weight: normal; 
		}

.page-tags .ljtaglist { 
		list-style: none; 
		}

/*--- contextual pop-up ---*/

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		}

div.ContextualPopup .Content {
		background-color: #FFFFFF;
		border: 0px;
		margin: auto;
                font-weight: lighter;  
		}

div.ContextualPopup div.Inner {
		background-color: #FFFFFF;
                color: #333333;!important;
		border: 1px solid #333333;
                font-weight: lighter;  
		}

div.ContextualPopup .Userpic {
		padding: 5px;
		margin:  5px;
		background-color: #333333;
		border: 0;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
		text-decoration: none !important;
		color: #3dac8e!important;
                font-weight: lighter;  
		}

div.ContextualPopup .Relation {
		}

/*--- navigation bar ---*/

table#lj_controlstrip td {
		background-color: #FFFFFF;
		border: 0px;
		}

#lj_controlstrip input {
		background-color: #EDEDED;
		color: #333333; 
		border: 1px solid #333333;
		}

#lj_controlstrip a  {
		color: #3dac8e;
		}

#lj_controlstrip_statustext {
		color: #333333;
		}

#lj_controlstrip .ljuser a b {
		color: #333333;
		}

/*--- paste additional codes below this point ---*/

Originally posted over here.

(reposted for username consistency)

Flat | Top-Level Comments Only

Oh, oh, oh! This is beautiful! I really, really like this! ♥

YAY!

Thanks for the reminder!
& for the color theme name I think we'll go with Teal Eaves :)

Thank you. I've updated everything which needed to be. :)

So damn lovely! Can't wait to be able to use this on a journal or comm. :D

Patched and up for review! I'll tell you when it's committed.

Edit: this was committed today! Thanks again for submitting your beautiful styles to the site. *g*

Edited 2012-04-16 10:59 (UTC)

thanks so much for encouraging me to post them and working at these!!

For The Bold (Tabula Rasa)

no subject

no subject

no subject

no subject

no subject

no subject

no subject