dreamscapes | Tabula Rasa - Ciel (needs testing)

Entry tags:

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~!

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.

I'm sorry for the late reply~
I don't know what the problems are, since i use IE 8 and Firefox and it looks great on both, so i don't know how to fix it D:

As for the archive, it's intended to look that way, it's the only way i know of making it look like that without the day going up or doing weird things, so i hope it won't be too annoying.

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

cheers,

Yes i did, and i received an answer to it ^^

Did you find my CLA? I was just wondering since i did receive a confirmation.

Also because i will not be able to do much with this layout in terms of converting or spending time fixing problems (i noticed someone commented above about some problems with IE which i don't know how to fix, i haven't gotten around to test anything else), if you are finally going to fix and convert this layout, then go ahead since i can't do much for it ^^'' My holidays are ending and i have retakes in a week uhg.

Hmm, which name did you send it under? I bet we have it, but just don't have it linked to this account.

Also, thanks for the heads up. I'll take a look at the IE issues, etc. Good luck with your retakes!

My name's Janna Bello García, if you also need to know my e-mail address,let me know :3

*quick check*

Yup, I think we need your email address as well. Thanks :)

I either sent it via Kaolla_janna14[@]hotmail[.]com or the same with yahoo.es

Hmm, strange. I really can't find it, sorry. Do you still have a copy of the original email? Could you forward it to me (afuna@dreamwidth.org)?

thanks

T_T
Damn, i can't find it. I thought i hadn't deleted it. Anyway if you really can't find it, which is strange, i will send it in again as soon as possible~

I sent my CLA again to denise@dwscoalition.org
If it doesn't arrive, i will send it to you via PM or something, so please let me know ^^

Thank you!

Just wondering if you guys just dropped this layout or would like me to do something for you to accept it, or are you not interested on it anymore? xD

We're still definitely interested! We're working through the backlog of styles, but we recently got a couple new people studying how to convert styles, so we're hoping to be able to get through the backlog at some point *g*

Ohh nice, I'll wait for news on this. And thank you all for your hard work!

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*

Wow I really appreciate your efforts it looks amazing! I love it.

Hmm I'm bad at choosing names for color schemes xD If I get any ideas I'll let you know or otherwise if you come up with anything that's fine :D

It got lots of good feedback in IRC, too - you had a really great look going stylistically, I've just sort of extended it out into all the elements.

My brain wants to say 'Cloudy Days' because of the cool colors mixed with the rounded edges, but idk, I feel like people assume 'cloudy days' are negative.

Ohhh I love cloudy days! Fits the layout and I love cloudy days xD ♥

Cloudy Days it is, then! I should have the patch done today, so with any luck it'll be in the next code push :)

Thank you for your hard work! I'm so happy for this :D

No problem! It's a lovely little layout, and I quite enjoyed working on it. The patch is actually already in, but I know we have something of a queue built up, so I can't say for sure when it'll go live - hopefully fairly soon!

Flat | Top-Level Comments Only

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