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.

Threaded | Flat

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!

Am I meant to tick the "Use layout's stylesheet" for this one, or not? I tested with it unticked.

I'm using IE7 here, and I really like this layout.

Personally, it looks odd without any gap above or below the actual entry text in recent entries view - there's a gap between Custom Friends Groups and Tags, but not between the entry and Custom Friends Groups. It also looks odd on comment pages that Select and the tickbox are on a line above the screening etc. buttons, and Reply Parent Thread seems a long way below them (i.e. too much whitespace). I don't know how much of each of those is intentional or IE being weird or what.

For the archive view, I've done a screenshot: http://tinypic.com/r/2pt6pkw/3 as the day number loses its alignment when there's an entry on that day.

Going around following up on things -- have you submitted your CLA yet? I can't find it in our records.

cheers,

Hi! I'm one of the people

afuna mentioned who's working on style backlogs, and I'm tackling this one right now. I've added a little bit of module and header styling, trying to stick with the visual theme - you can see what I've got so far here.

Did you have a name in mind for the color scheme? I'm unfortunately kind of awful at coming up with them myself *g*

Tabula Rasa - Ciel (needs testing)

no subject

(no subject)

(no subject)

(no subject)

(no subject)

no subject

(no subject)

no subject

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

no subject

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)