dreamscapes | Tabula Rasa - Ciel (needs testing)

I'm quite nervous since it's the first time i'm posting a layout to be converted, so please excuse me if i make any mistakes. Well, i would like it to be tested (especifficaly, i don't have IE 7, i have 8. Also i don't have Opera or Safari so i can't test on those browsers. I would also appreciate people testing this on their computers so i can get feedback on how it looks on different computers and resolutions, and be able to change things so this layout meets the requirements), so thank you in advance!
Note: Has been tested by me on Firefox and IE 8 under a 1024x768 and 800x600 resolution on Windows Vista.

Theme name/layout: Tabula Rasa Plain/Tabula Rasa
Author:

carisma_sensei
Layout info: I assume you will like to have the overrides:

img { 
	border: none; 
}

hr {
	display: none;
}

.entry-content hr, .comment-content hr {
	display: block;
	margin: 1em 10%;
}

body {
	font-family: Arial;
        color: #666666;
        font-size:62.5%;
	padding: 0;
        margin: 0;
    background: #E5E4E4;
    
}

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

a:hover {
color: #666666;
text-decoration: none;
}

.entry-poster a, .entry-poster a:link, .entry-poster a:hover, .entry-poster a:active {
font-size: 1.2em;
}

#canvas { 
	float: left;
	border: none;
	margin: 4px;
	width: 90%;
    display: inline; /* So IE plays nice */
}

#header, #footer { 
	margin: 0;
        clear: both;
	padding: .5em;
}

#header {
    background: transparent;
    
}

#primary {
	float: left;
	width: 78%;
	margin-left: 3;
        padding: 6px;
        background: #FFFFFF;
        -moz-border-radius-topleft: 4%;
	-moz-border-radius-topright: 4%;
	-moz-border-radius-bottomleft: 4%;
	-moz-border-radius-bottomright: 4%;
}

#primary > .inner:first-child {
	padding: 1em;
}

#secondary {
        position: fixed; 
        top: 45px; 
        right: 2px; 
        padding: 3px;
        width: 18%;
}

.navigation ul { 
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.navigation li { 
	display: inline;
	padding: 0 .5em; 
}

.entry {
    background: transparent;
}

.entry-content {
min-height: 150px;
font-size: 1.2em;
}

.entry-title {
font-size: 1.25em;
font-weight: normal;
font-family: Helvetica;  
text-transform: uppercase;
border-left: 0; 
border-right: 0; 
padding: 3px; 
margin: 0; 
color: #52736B;
}

.entry-title a, .entry-title a:link, .entry-title a:visited {
font-size: 1.25em;
font-weight: normal;
font-family: Helvetica;  
text-transform: uppercase;
border-left: 0; 
border-right: 0; 
padding: 3px; 
margin: 0; 
color: #52736B;
text-decoration: none;
}

.entry-title a:hover {
font-size: 1.25em;
font-weight: normal;
font-family: Helvetica;  
text-transform: uppercase;
border-left: 0; 
border-right: 0; 
padding: 3px; 
margin: 0; 
color: #52736B;
text-decoration: none;
}

.datetime { 
text-transform: uppercase;  
}

.metadata ul { 
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
        font-size: 1.2em;
}
.metadata li { 
	margin-bottom: .5em;
}

.metadata-label {
        text-transform: uppercase;
        font-family: Lucida Grande;
        color: #52736B;
}

.ljtaglist li {
font-size: 1.2em;
}

.tag-text {
        text-transform: uppercase;
        font-family: Lucida Grande;
        font-size: 1.3em;
        color: #52736B;
}

.tag ul { 
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0; 
        font-size: 1.2em;
}
.tag ul li {
	display: inline;
	padding: .25em; 
} /* same for month view */

ul.entry-management-links {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: right;
        padding: 6px;
        background: #BBD5CF;
}
ul.entry-management-links li { 
	display: inline;
	padding: 0 .25em;
}

.entry-interaction-links a { 
        font-family: Georgia;
        text-transform: uppercase;
        font-size: 1.2em; 
}

ul.entry-interaction-links li { 
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
        margin-top: -12px;
	text-align: right;
        padding: 6px;
        background: #D6E3E3;
}

.entry .userpic a {
margin: 0; 
padding: 0;
border: 0;
}

.entry-wrapper-even .entry .userpic img {
margin: 0 4px 4px 0; 
padding: 8px; 
border: 5px solid #B6D2CB; 
float: left;
}

.entry-wrapper-odd .entry .userpic img {
margin: 0 4px 4px 0; 
padding: 8px; 
border: 5px solid #B6D2CB; 
float: left;
}

.comment {
        min-height: 138px;
        font-size: 1.2em;
}

.comment-wrapper { 
	padding: .5em 0;
        border-bottom: 5px solid #B6D2CB;
}

.comment .userpic {
margin: 5px; 
float: left;
}

ul.comment-management-links {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: right;
}
ul.comment-management-links li { 
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.comment-interaction-links li { 
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext { 
	width: 100%; /* fix for FF form width glitch */
}

#archive-year {
font-size: 1.2em;
}

#archive-year .header h3 {
font-size: 1.5em;
font-family: Helvetica;  
text-transform: uppercase; 
padding: 3px; 
color: #52736B; 
}

.month caption { 
display: none; 
}

table.month {
width: 80%; 
text-align: center; 
}

.month th {
padding: 10px 0 0 0; 
}

.day-has-entries p{
padding: 0; 
margin: 0; 
}

.month a { 
background: #f5f5f5;
}

.month .inner a{
float: right;
}

.module-navlinks {
text-align: center;
background: #95B7AE;
padding: 0px;
}

.module-navlinks ul {
margin: 0; 
padding: 0;
list-style: none;
}

.module-navlinks li {
margin: 0; 
line-height: 25px;
}

.module-navlinks .module-list-item a {
color: #FFFFFF; 
padding: 3px;
text-decoration: none; 
font-size: 1.1em;
text-transform: uppercase;
font-family: Georgia;
border-bottom: 2px solid #D6E3E3;
display: block;
}

.module-navlinks .module-list-item a:hover {
background: #607878; 
color: #FFFFFF; 
text-decoration: none;
font-size: 1.1em;
text-transform: uppercase;
font-family: Georgia;
border-bottom: 2px solid #FFFFFF;
display: block;
}

.navigation ul {
margin: 4px 0 0 0; 
padding: 0; 
list-style: none; 
text-align: right;
}

.navigation li {
display: inline; 
padding: 0 10px 0 10px; 
}

#footer, h1#title, h2#pagetitle, .module-header, .module-userprofile, .module-calendar, .module-pagesummary, .module-typelist, .module-tags_list, .module-syndicate, .module-time, .module-powered  {
display: none;
}

Image info: This layout has no images.

Flat | Top-Level Comments Only

I am so excited you are posting this! It looks okay on both Safari and Opera, so I think you're good there.

Some comments/suggestions I have (though they are certainly not the law of the land or anything mind you):

* Currently there is no journal name on the style, only the subtitle, and no reading page title on the reading page. We might want to think about putting those in.
* It might be nice to put the journal actions above or below the journal navigation on the right. We can make this so that it displays as a linked list of text descriptions--I think with a simple space as a divider, it might fit the aesthetic.
* Along those lines, if the profile module is active, the default icon might go very well above the journal navigation.
* This is a bit more ambitious, but maybe it would be possible to put other modules into the tertiary area and put it underneath the entries, like many one column styles do?

Things to think about for conversion:

* What colors should be changed into wizard options, and how fine grained should the number of specific things you can set colors for be?
* Are there any common requests for modification you have had people make? We might be able to accommodate them as options!

Thank you for testing it, i'm glad it looks good on those browsers too.

*You mean having the title and subtitle of the journal show? I wasn't really sure how to integrate them with the layout so i decided to get rid of them, but i may play with it and see how it comes out, any and all help/suggestions are very welcome.

*By journal actions, you mean the links to subscribe, post, etc that show under the userpic on the sidebar? If it's that, it would look good either above or below as you said (i don't know about conversion, but maybe if possible, let people choose if they want it above or below the navigation?)

About the other modules, you mean like a part of the sidebar that goes under the entries, where you can find links, calendar and possibly tags? That would be a little hard for me, i have never tried that, but i think it's a very good idea, it would look good.

I don't have any specifications for conversion. It would be good if people could change colours as they wanted (including background and all), so i leave that to the people who will prepare this layout for other's use.
And as for people's requests for modifications, i haven't had any except maybe people wanting a different colour sheme, but if you (or anyone) comes up with any suggestions, we may as well try to integrate them into the layout.

Lastly, i would like to note that i'm not a CSS expert ^^'' So some things may take me some time and experimentation, but i'm open to any criticism and help. I hope i got what you told me and didn't misunderstand anything haha!

You understood everything just fine! I'm not a CSS expert myself, but I am willing to help tinker and experiment with you to do the things I listed.

Different color schemes would be fun! We might want to have several official color schemes of it to start out. Do you have any suggestions for alternatives? I've always found ColourLovers to be a great resources for design color schemes.

I have an account there, and here are my colour paletes. I must admit creating them is very addictive! I think my Autumnal or Tango Noir would be good alternatives. And then any other palettes from ColourLovers that we could find interesting.

I will study the ideas you gave me and see if i can manage something. I will tell you about my results and/or my failures in hope for help :3 Thank you again!

Hi, i just wanted to say that since i'm on vacation, i haven't had the time to get around coding all that you suggested to this layout (not even playing with my overrides to see if i'm able to xD uhhg), so i don't really know when i would be able to... If on the meanwhile you decided to do some tweaking to it and tell me about it later, i will be reading comments and all regularly, i'm just not sure when i will be able to start re-making this :3
Thank you~!

Tabula Rasa - Ciel (needs testing)

no subject

no subject

no subject

no subject

no subject