HOME | DD

ClaireJonesSimple + Clean v1.2 CSS Layout by-nc

Published: 2007-03-16 20:13:09 +0000 UTC; Views: 137562; Favourites: 1781; Downloads: 12400
Redirect to original
Description User Level: Beginner to Intermediate
Compatibility: Should work in both Firefox and IE.

View the live version here: [link]

Warning! This layout is currently being edited to fix some problems caused by the new dA userpages.

I've seen a lot of CSS layouts here on dA, some good and others not so good, but I haven't seen a lot of utterly simplistic dA colorscheme layouts. That's where I come in. It's not the best design out there, but it was what I had wanted for my own journal.

Be sure to go over the readme before attempting to apply the CSS to a journal.

Thanks so much for all the usage and ! I really appreciate it. I never thought Simple + Clean would be so popular.

Features:
  • Minimalist design to compliment the dA layout
  • Scroll box to contain images (if desired)
  • Right-hand Links sidebar
  • Two main header styles
  • An additional smaller header that can be used more or less like a caption
  • Only one graphical element (could be good or bad, depending on one's preference)
  • Many of the elements are moderately easy to customize (link colors, etc.)

Mood Box:
Make the Mood Box visible by removing "display: none;" from .list { }. The new code allows it to be placed either at the top or bottom of the journal. Nothing fancy here, but at least it's not all fugly like before.

Columns:
Be sure to have more content in the main (left) column. Otherwise, the links will spill into the sections below. This was fixed in later Simple + Clean versions by using a different CSS method.

More CSS Layouts: [link]

Change Log:
8-26-07:
Argh. I think dA didn't recognize the new ZIP file I uploaded (not the first time the phenomenon has occurred). Should be the correct version now.

8-24-07:
  • Removed "Journal Entry" text leaving date still visible.
  • Fixed code so that the "Journal Entry" text will not display in IE (displays as 1px text).
  • Added correct Mood Box code so that it will not be visible by default.
  • Fixed Mood Box code so that it displays correctly when visible.
  • The new headers are now .header1 (old header), .header2 (same as .header1, but in small-caps) and .header3 (centered small text header with expanded font).
  • Scooted the "No Comments/Prev. Journal" links over to align with the rest of the journal layout.

5-26-07:
After some careful consideration on the Creative Commons License, I have removed the Share Alike attribution. I think the general Non-Commercial license works best for everyone.

Origin:
Simple + Clean's name originates from Kingdom Heart's main theme, Simple and Clean (the English version of Hikari) by Utada Hikaru.

dA members who have used this CSS:
~1ofthefew | ~870 | ~Adaae | ~allsoulsnight | *angelsashes | =Anoya | =Anupthra | *Ashley425 | *AStarAboveU | =babylon6 | ~BluefootedCrow | `budgie | =cameraoscura | =CandyStriped | *CB-Stock | =charlie140588 | =Chicken-monster | *cloudliqueur | =createbyweek | ~CursedBlackwings | ~DA-Freja | =damouse | *dana-martinez | ~dbl-A | =Digital-Kisses | ~Dreamer-lupe | ~engelszorn | =ersi | ~Fabulae | *faestock | ~fanficbug | ~Fenetre-sur-Cour | ~FeverantObsession | ~flamingarrow | ~flightless-angel | *flowers-are-forever | =fluffyvolkswagen | ~ForeignSin | =forevergeek | `GeorgeHarrison | ~gigiptex | ~gold-chocobo | =Green-najotake | =GreenBushido | ~hagarun | ~hannaelly | =Hantenshi | ~hartofgold | =helly7307-stock | ~hengie | ~imbecile-anthem | ~imxanxillusion | ~inkshed | ~jessandpencil | =Jezhawk | ~Katherine--Elizabeth | ~kazugfx | =khimaereus | *KirlianCamera | ~KittyKittyMeow | =KoolGal14 | =Kycha | =LadyAmdis | ~Lilyse | ~loki-mcdamage | =lone-momo | ~lowapproach | =Lucky101 | ~LuPY | `lyastri | ~maf8 | *markskywalker | *Mazoku85 | ~mcboyde | ~Minolta | ~missbecca | *MissKeira | `mom-the-bomb | =MsRebelDoll | ~mwirsig | ~MysteryRealm | ~nativa | ~NijiHana | ~Nilala | ~oniNON | ~onpaperwings | `parliamentFunk | ~pencil-ninja | `pendlestock | ~PekGuo | ~Phoenix13x5 | ~pr0jectz | ~RainDropSoup | ~RaquelCree | =Rebecca-Parker | ~redbuffalo2001 | ~redhead-2008 | =robinism | =Ronnen | ~sakura0104 | ~sandemonic | ~Sarto-San | =sayra | =Saysamia | ~scarabee | ~seorangprempuan | ~sergiofx | =ShadeGlass | `SheTakesPics | ~Shia-Izumono | *Sklarvv | ~SleepySh | *slumberdoll | =snapr | *soheir | *SojiOkage | ~Sokyu | ^StJoan | =stormyblueyz | ~SubwoofaCS | ~summersilhouette | ~tangledseaweed | ~technosplat | ~THFM | ~the-ace-chef | =TheOnlyLordRequiem | =tragic-saturn | *Transcripts | =TrixyPixie | ~Tiuni | ~VenomMistress | ~victoriastar | ~WiccaJaz | =wildheartfreesoul | ~wpe2006 | =xldstudios | ~Xx-Black-Soul-xX | =xxchange | ~fullmetalkittn | ~Yokou-chan | *zombiemeena

Edited Versions:
~afiqqq | =alucinogenos | ~arciel | *ArtistUnwanted | *asteroid--blues | ~Aukon | ~biting-bullets | =BlindWorld | =BlueStef | ~Canides | ~cbsmoonlight | ~chesterblover | =ChiChiRoma | *christel-b | =Cristian-M | *cocacolagirlie | =cougars | =CrazyLadiee | ~crirox | *cyKoe | ~davesteele | ~DeadlyDonna | ~dELOdePote | =Docali | ~DraggyGirl | =DuckTape-Productions | ~eeron | =elithespork | ~ethereal-dreams | =Fixedys | ~fizster | =Freakshow6 | ~fullmetalkittn | =Furiousxr | =greymoccasin | *Hedfones | ~henica | ~Hinderence | *hortensie | ~i-be-c | ~ilona | *ILTBY | !imaboneheadtoo | ~itsMoochan | ~jaderose43 | *jakikukeko | =joannastar-stock | =jocarra | `juuhanna | =Karbo | =Kherrigan | =known-secret | =Kuru-da-Bunbun | *ladysage1999 | *lavabeast | *LazyMary | =leeroi1 | *leAlmighty | =lil-twilight-wolf | =Lillymon | =Lune-Tutorials | ~lutrasilvereye | =M-PlayC3ll | *magnublaze | =MaureenOlder | =MissyStock | =Mithgariel-stock | ~mulduan | ~nadiard | ~Naruto-Couples-fc | ~neonfishy | =NightsongWS | =nintendo-goddess | ~Noushie | =onixa | =OnPix-artist | ~paintingwords | =pen-mage | *pencilenvy | ~perilous-dreamer | =PhoenixKnght86 | ~philosophyoftime | ~Polinadiab | `Princess-of-Shadows | *PrisonerofConvention | =ProSI | ~purplesunfire01 | =quiet-krys | ~rafemccawley | =rheall | =ribcage-menagerie | =robinism | *Ryushay | =SeaMist | =Seventh-Seal | =sfpup | =Shaelynn | ~ShayLee | ~SkyesFantasyStock | ~Somnilocus | ~starflower135 | *strangelight | =super-fly-rules | =sweetfire-05 | =thali-n | =TheDEviLDweLLeR | ~thenamelessone | =TwilightMoon | ~Unpleasable | ~Vamediah | =veryangelic | ~vickygraphy | ~Waltz-With-Me | *WhiteGaby | :devWofkaJ: | =xSYNNcere | *XxCrimsonFuryxX | ~Ze6 | *ZeppTokyoASK | =Zhampip


Edit:
Wow! A DD? I'm so surprised and honoured. Thanks so much to =robinism for the suggestion and `maxwell-heza for the feature!
Related content
Comments: 852

Lion-faerie [2009-12-25 10:41:56 +0000 UTC]

So pro
I love this one.

👍: 0 ⏩: 0

Lauriine [2009-12-22 07:17:35 +0000 UTC]

Hey, thank you so much for this amazing layout! I'm using it

👍: 0 ⏩: 0

LadyChestnut [2009-12-21 19:15:52 +0000 UTC]

Very elegant journal layout!
I'm using it for sure

👍: 0 ⏩: 0

Double-Echo [2009-12-16 03:29:45 +0000 UTC]

Wow, I finally find a decent journal skin that I like and guess what, no more fucking free Assasin's Creed-sponsored journals. fuck fucking shit

👍: 0 ⏩: 0

MsPixie [2009-12-15 18:33:33 +0000 UTC]

I loveeee this!
It's perfect!

👍: 0 ⏩: 0

Zarchasm [2009-12-04 20:21:05 +0000 UTC]

I just got a sub and this is beauuutiful. Thank you! :]

👍: 0 ⏩: 0

TheAshFactor [2009-12-02 06:06:53 +0000 UTC]

I love it hon!! Will you be making any more?

👍: 0 ⏩: 0

silent-waltz [2009-11-30 21:04:02 +0000 UTC]

Using it, thank you!

👍: 0 ⏩: 0

CinderWolfxx [2009-11-26 17:47:46 +0000 UTC]

Okay, I'm really dumbfounded here on dA. I need some help here, how do add tthe skin? isn't there a code of some short?

Otherwise I love this jurnal skin, it very clean, but only if it was simple to me LOL

👍: 0 ⏩: 0

Blazko [2009-11-23 10:53:34 +0000 UTC]

just enabled it in my journal

👍: 0 ⏩: 0

chiitan [2009-11-21 07:01:00 +0000 UTC]

really simple &great

👍: 0 ⏩: 0

stella-marina [2009-11-17 17:27:13 +0000 UTC]

I really like it - and I use it; great parts of it... my journal is quite small at the moment.

👍: 0 ⏩: 0

TsukiGesshoku [2009-11-17 10:13:07 +0000 UTC]

I use it >o<

👍: 0 ⏩: 0

LugalaiEstonia [2009-11-16 12:58:59 +0000 UTC]

yay i've been looking for this for a long time!
but i can't find the link for downloading the skin. any help?

👍: 0 ⏩: 0

MK-FireQueen [2009-11-14 13:30:10 +0000 UTC]

I just LOVE IT!

👍: 0 ⏩: 0

AestheticJunk [2009-10-27 00:40:08 +0000 UTC]

I love this lyt!
So simple yet brilliant.
I shall be using it, if that's ok, as soon as I master how to actual do so i'm a massive noob.

👍: 0 ⏩: 0

Clad51 [2009-10-26 14:34:18 +0000 UTC]

I'd like to use this journal, if you don't mind.

👍: 0 ⏩: 0

ShyGoodbyes [2009-10-10 18:21:09 +0000 UTC]

this is amazing!!

obvious question: when will the editing be done?

👍: 0 ⏩: 0

iHeaz [2009-10-10 01:15:59 +0000 UTC]

I love this! I'm using it now since I finally could buy myself Premium account Thanks for sharing!

👍: 0 ⏩: 0

matildea [2009-10-03 16:02:29 +0000 UTC]

I'm not good at this, I don't understand it, I just need the answer to only one question; how do you make small pictures in your journal..? Hehe..

👍: 0 ⏩: 0

Heaven-Sent-Devil [2009-09-19 20:37:53 +0000 UTC]

This is so beautiful, its not all the time you find something utterly simple thats also gorgeous im using it

👍: 0 ⏩: 0

lindelokse In reply to ??? [2009-09-10 18:50:25 +0000 UTC]

this is the best css ever, thank you so much for sharing
Now that I'm subscribed I'm using it [link]
thank you !!!

👍: 0 ⏩: 0

ZiiZii-RocK [2009-09-03 13:37:00 +0000 UTC]

Hey, I'm using this css... Tnx for sharing...

👍: 0 ⏩: 0

Silverdarkkuro [2009-09-02 01:44:13 +0000 UTC]

im gonna use this it looks good even though im not that good at CSScodes yet im practicing though XD

👍: 0 ⏩: 0

Emo-Child-Nibi [2009-08-26 20:54:22 +0000 UTC]

I'd like to use this journal, if you don't mind. ^^

<3 I love it.

👍: 0 ⏩: 0

Amplifi [2009-08-22 20:03:34 +0000 UTC]

Absolutely beautiful. It's a beautiful skin, without being in your face or too bright or anything.

👍: 0 ⏩: 0

Gis-Likes-tO [2009-08-22 16:56:25 +0000 UTC]

I'll use it if you don't mind

👍: 0 ⏩: 0

Ace-Fox [2009-08-18 21:13:14 +0000 UTC]

i hope you dont mind me using it as well.. congrats on the DD, Btw

👍: 0 ⏩: 0

judicwick [2009-08-11 06:53:36 +0000 UTC]

This CSS is so awesome

I'm using it :3

👍: 0 ⏩: 0

crumblecoochiie [2009-08-06 18:06:45 +0000 UTC]

love this css and it's very popular. Thank you for making da a sleeker place

👍: 0 ⏩: 0

i---feel---sick [2009-07-26 06:05:55 +0000 UTC]

I love this layout, I hope you don't mind if I use it.

👍: 0 ⏩: 0

Griolf [2009-07-25 19:40:30 +0000 UTC]

OwO OOO I'M GONNA USE IT!!! MWAHAHA! very very very nice :3

👍: 0 ⏩: 0

Buttercup-Rose [2009-07-23 12:23:31 +0000 UTC]

Awesome journal page! im gonna use it if you don't mind?

👍: 0 ⏩: 0

valeriexx [2009-07-20 04:15:39 +0000 UTC]

so amazing!

👍: 0 ⏩: 0

OutsideFate [2009-07-09 11:59:28 +0000 UTC]

forget me, i failed

👍: 0 ⏩: 0

OutsideFate [2009-07-09 11:56:07 +0000 UTC]

I used a little of the HTML. (scroolbox)

👍: 0 ⏩: 0

zelmint [2009-06-22 15:21:34 +0000 UTC]

Hi, I think I'll use this. Very easy to deal with. =]

👍: 0 ⏩: 0

Anotheroutsider [2009-06-21 12:17:10 +0000 UTC]

Used this on my journal. Thank you soooo much !!!

👍: 0 ⏩: 0

LittleBlackGirl [2009-06-13 17:00:08 +0000 UTC]

Hi there, just letting you know that I'll use this CSS from now on. It's really simple, nice, clean. Thank you.

👍: 0 ⏩: 0

AngeLangkiE [2009-06-10 04:54:58 +0000 UTC]

I will use this when I'll submit another journal.

👍: 0 ⏩: 0

TwilitKitsune [2009-05-31 20:47:19 +0000 UTC]

Oh, this is nice .

👍: 0 ⏩: 0

That-1-Kiid [2009-05-31 13:57:50 +0000 UTC]

Oh this is lovely! I adore the simplicity of it, and you did an amazing job.

I-I'm going to use it for my journal as well. ^//^

👍: 0 ⏩: 0

lajvio [2009-05-29 19:44:20 +0000 UTC]

Love you CSS!! And love that it's so custom friendly!

👍: 0 ⏩: 0

MissEbda3 [2009-05-29 19:07:58 +0000 UTC]

i like it

umm can i ask u a question ?

is it ok if i use it

if ur answer is yes

how can i chose this skin ?

👍: 0 ⏩: 0

moonmandala [2009-05-28 21:51:38 +0000 UTC]

i'm using it! thanks sooooo much!!!

👍: 0 ⏩: 0

Koopnik [2009-05-22 16:04:58 +0000 UTC]

I really love this layout.
I don't like overcomplicated things and I've been looking for something simple. It's nice to see that a simple CSS template exists!

I'm going to be using it if that's all right with you.

👍: 0 ⏩: 0

Tifa22 [2009-05-22 12:45:49 +0000 UTC]

Looks great

👍: 0 ⏩: 0

SeenasArt [2009-05-21 10:07:28 +0000 UTC]

I use it X3!

👍: 0 ⏩: 0

C-Hass [2009-05-14 13:49:05 +0000 UTC]

Put me in, i'm using this beauty pretty soon!

👍: 0 ⏩: 0

i-lay-between-us [2009-05-14 02:58:23 +0000 UTC]

May I use this CSS?

👍: 0 ⏩: 0


| Next =>