dreamscapes | For The Bold (Tabula Rasa) (Reply)

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)

For The Bold (Tabula Rasa)

Post a comment in response: