belladonna + just desserts for tabula rasa
Dec. 9th, 2012 01:20 am![[personal profile]](http://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
chimneyTitle: belladonna | two color variations
Credit to:![[community profile]](http://www.dreamwidth.org/img/silk/identity/community.png)
pastries/chimney
Base style: tabula rasa
Type: css layout
Best resolution: 900px+
Tested in: latest firefox, chrome, ie9, safari is weird on custom fonts. but i used adobe browserlabs so don't take my word for it.
Features: fixed widths, weird icon shapes, two column
Title: just desserts | 4 color variations
Credit to:pastries/chimney
Base style: tabula rasa
Type: css layout
Best resolution: 800px and above, fixed to 650ish
Tested in: latest firefox, chrome, ie9, safari is funk with custom fonts again
Features: WEIRD ICON SHAPES, food, colors, fixed width, one column
Credit to:
pastries/chimneyBase style: tabula rasa
Type: css layout
Best resolution: 900px+
Tested in: latest firefox, chrome, ie9, safari is weird on custom fonts. but i used adobe browserlabs so don't take my word for it.
Features: fixed widths, weird icon shapes, two column
Title: just desserts | 4 color variations
Credit to:
pastries/chimneyBase style: tabula rasa
Type: css layout
Best resolution: 800px and above, fixed to 650ish
Tested in: latest firefox, chrome, ie9, safari is funk with custom fonts again
Features: WEIRD ICON SHAPES, food, colors, fixed width, one column
layout: Blanket, "blackletter"
Sep. 6th, 2012 01:57 pm
neopolitan rose for crisped
Jul. 26th, 2012 01:46 pmchimneyTitle: neopolitan rose
Credit to:chimney / pastries
Base style: crisped
Type: css layout
Best resolution: fixed to roughly 900px i think, should work on any resolution
Tested in: latest firefox update, chrome, safari. FIREFOX does have issues with the text in the header/nav links, and there's padding issues at the top and bottom, but nothing serious. may be fixed at some point lkajsfd.
Features: two column, fixed header and navigation link list, 80% less modules! and withfail color!
here @pastries
Credit to:
chimney / pastriesBase style: crisped
Type: css layout
Best resolution: fixed to roughly 900px i think, should work on any resolution
Tested in: latest firefox update, chrome, safari. FIREFOX does have issues with the text in the header/nav links, and there's padding issues at the top and bottom, but nothing serious. may be fixed at some point lkajsfd.
Features: two column, fixed header and navigation link list, 80% less modules! and with
here @
pastries
Transmogrified CSS: Lefty
May. 15th, 2012 11:10 pmsarkenTitle: Lefty
Theme Titles/Live Preview Links: Green Party and Pinko
Credit to:sarken or rentals
Base style: Transmogrified
Type: Full layout in CSS
Best resolution: Variable width
Tested in: Internet Explorer 8, Chrome 17, Firefox 3.6, Opera 11.6, Safari 5.0
Features: Comment pages, fixed width sidebar, fluid width entries, custom control strip, variety of page set-ups
Link: CSS & Instructions
Theme Titles/Live Preview Links: Green Party and Pinko
Credit to:
sarken or rentalsBase style: Transmogrified
Type: Full layout in CSS
Best resolution: Variable width
Tested in: Internet Explorer 8, Chrome 17, Firefox 3.6, Opera 11.6, Safari 5.0
Features: Comment pages, fixed width sidebar, fluid width entries, custom control strip, variety of page set-ups
Link: CSS & Instructions
layout: seamless (tabula rasa)
Feb. 18th, 2012 06:48 pmarobynsungTitle: Seamless
Credit:visualwit
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, header navigation
CODE: Garden Seamless
CODE: Cloudy Seamless
Credit:
visualwit Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, header navigation
CODE: Garden Seamless
CODE: Cloudy Seamless
layout: sensibility (tabula rasa)
Feb. 12th, 2012 03:02 pmarobynsungTitle: Sensibility
Credit:visualwit
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size); header navigation
CODE: Moded Sensibility
CODE: Clear Sensibility
CODE: Given Sensibility
Credit:
visualwit Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size); header navigation
CODE: Moded Sensibility
CODE: Clear Sensibility
CODE: Given Sensibility
Tabula Rasa: New York Evening
Feb. 10th, 2012 06:46 pmsailorptah
Original layout using this Creative-Commons-licensed Manhattan panorama. Screenshot is of the version with the old image; live preview has the new image. Thanks to
facetofcathy for pointing me in the right direction!Previews & Code
Title: New York Evening
Credit to:
sailorptahBase style: Tabula Rasa
Type: Full layout in CSS
Best resolution: 1024x768+
Tested in: Firefox, Chrome
Features: customizable, fixed width, 2 columns
Code Snippet - Making the Navstrip fluid.
Feb. 8th, 2012 11:39 amfacetofcathyTitle: Fluid Navstrip
Credit to: n/a
Base style: All
Type: Code Snippet
Best resolution: Display widths of 20em and up
Tested in: Firefox, Chrome, Opera
Features: Cells and contents of the navstrip table wrap as required by the user's display.
This is a code snippet that will work on any layout/style (barring any conflicts with other styles applied to the navstrip). The purpose is to make the navstrip wrap at larger font sizes or smaller screen widths rather than triggering a scrollbar as it does normally.
( Screencaps of the code in action under the cut )
The content of each cell in the navstrip table wraps as well, and you can get below a 20em display width without any scrollbars. There is padding added, a font size in ems, and a generous line-height. The result has a little more space around the log out button, which may help with accidental log outs for some users.
There is a 1px bit of visible body background colour at the right, left and bottom edges some of the time in all tested browsers, but I see that with my background image as well.
This code should work correctly in all browsers except IE7 and lower.
Padding, font-size and line-height can be customized at will.
( code under the cut )
Credit to: n/a
Base style: All
Type: Code Snippet
Best resolution: Display widths of 20em and up
Tested in: Firefox, Chrome, Opera
Features: Cells and contents of the navstrip table wrap as required by the user's display.
This is a code snippet that will work on any layout/style (barring any conflicts with other styles applied to the navstrip). The purpose is to make the navstrip wrap at larger font sizes or smaller screen widths rather than triggering a scrollbar as it does normally.
( Screencaps of the code in action under the cut )
The content of each cell in the navstrip table wraps as well, and you can get below a 20em display width without any scrollbars. There is padding added, a font size in ems, and a generous line-height. The result has a little more space around the log out button, which may help with accidental log outs for some users.
There is a 1px bit of visible body background colour at the right, left and bottom edges some of the time in all tested browsers, but I see that with my background image as well.
This code should work correctly in all browsers except IE7 and lower.
Padding, font-size and line-height can be customized at will.
( code under the cut )
layout: tabbed (tabula rasa)
Jan. 28th, 2012 06:46 pmarobynsungTitle: Tabbed
Credit to:visualwit
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size)
NOTE: Works best with short navigation text and shorter titles otherwise they'll bleed into each other.
CODE: Tabbed Vintage
CODE: Tabbed Comfort
CODE: Tabbed Bright
Credit to:
visualwit Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size)
NOTE: Works best with short navigation text and shorter titles otherwise they'll bleed into each other.
CODE: Tabbed Vintage
CODE: Tabbed Comfort
CODE: Tabbed Bright
layout: sands of time (tabula rasa)
Jan. 22nd, 2012 07:46 pmarobynsungTitle: Sands of Time
Credit to:visualwit
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size)
CODE: Sands of Time @visualwit
Credit to:
visualwit Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size)
CODE: Sands of Time @
visualwit Central for Blanket
Jan. 20th, 2012 09:27 pmterra
Image Preview // Live Preview
Title: Central
Credit to:
vigilsBase style: Blanket
Type: Custom CSS
Best resolution: 800x600 +
Tested in: Firefox, Chrome, Safari
Features: 1 column, fixed width, instructions for header image
Instructions and CSS can be found here.
(no subject)
Jan. 17th, 2012 07:31 pmflamingchemist |  |
 |  |
Title: Full House
Credit to:
flamingchemist Base style: Bases
Type: Full Layouts in CSS
Best resolution: Fluid
Tested in:Mozilla Firefox
Features: 1 column or 2 columns, fluid width
Available here!
