Deviation Actions

ClaireJones's avatar

Modernity Candy CSS v.1.2.2

By ClaireJones
GIMP | Notepad++

mo·der·ni·ty [mŏ-dûr'nĭ-tē, mō-]
1. the quality of being current or of the present


User Level: Advanced
Compatibility: Firefox, IE6 & IE7

View the single column version here: [link]
View the two column version here: [link]
View the one column Halloween version here: [link]


Journal CSS FAQ: [link]
Read this first before noting questions.

More CSS Layouts: [link]


:new: Display issues have been fixed. The journal layout will now work properly.

Currently, this is my 400th deviation. :giggle: I managed to fit all eighteen layouts (nineteen, technically) into a 2MB file. I thought it would be much larger.

This CSS was designed in Firefox and works almost perfectly with the latest version of Internet Explorer 7. See the Known Bugs list in the readme for more information regarding specific issues.

Available in nine colours:
Rose (pink), Crimson (dark red), Autumn (orange), Lemon (yellow), Grass (green), Slate (grey blue), Lilac (purple), Ice (light bluish grey) and Halloween Redux (Modernity version of Halloween CSS Layout)

  • ZIP file contains both single and two column versions, along with preview images
  • Designed for a 1024x768 resolution
  • Designed for both Firefox and Internet Explorer with minimal loss of aesthetics in IE
  • Many customizable features
  • Menu links feature mouse-over descriptions (Removed in v.1.2)
  • Static left sidebar
  • Sleek and modern design
  • Features Fella, the dA mascot
  • A Fella-less header and other PSD/XCF files are also included
  • CSS is available under a Creative Commons Attribution-Noncommercial 3.0 License and may be altered as desired


30 OCT 2008: v.1.2.2
  • Moved the sidebar code in the two column layout to the Header section.
  • Updated the Photobucket screenshot and directions (Photobucket changed their uploading system).
  • Other tweaks.

24 OCT 2008: v.1.2
  • Fixed the CSS to work correctly in dA v6 by removing the top menu.
  • Restored background image to Explorer versions.
  • Minor tweaks to the code
  • Added new readme.
Join the community to add your comment. Already a deviant? Log In
MvArtGeeks's avatar
i want to learn css layout coding i want to make my own anyone could give me advice how to start
SaraLavigne's avatar
Felcane-Studios's avatar
Thank you for such a wonderful CSS :)
melyanna's avatar
Your layouts are really cool! Thank you for sharing them with us. :)
Yahuli's avatar
Amazing Jounal CSS! :clap: I found it very easy to use and modify. [link] Thank you very much for this! :aww:
Neko-CosmicKitty's avatar
nicely done journal css
TatsuTD's avatar
oooh very nice :)
Magnetic-Staircase's avatar
Thank you for this CSS, but I have one question. Every time I try to use it, at the top of my CSS box it says "CSS Error:
Brackets in values - other than url([link]) - are disallowed (token: #000000 url('background.png';) left repeat)" and I'm not sure how to fix it/what it's supposed to mean. Could you help me?
Allentla's avatar
Wow this CSS is so awesome and I'll be using it too.^^
FionaCreates's avatar
Thanks for creating this wonderfully simple journal. I adored editing it for my own nefarious purposes :P
lycanthropeful's avatar
Oops, that was my fault - the HTML stuff was there all along. ^^;

This is now successfully being used as my journal,and I love it! I only have one problem: my last header box is hanging over the comments: [link]

Is there any way to fix this/make the journal extendable?
lycanthropeful's avatar
It's gorgeous... but I have been playing with it, trying to get it to work for 2 hours now, almost, and I still can't get the left column to show up, despite using the two column CSS. I even hosted the images on another site, which was a problem before. Isn't there anything with the readme that shows what HTML you need to use to make the column on the left (for links, stamps, credit, etc.) to show up?
jleighbean's avatar
Side bars and scrolling boxes - two things I've yet to figure out! Thank you for this! :+fav:
jleighbean's avatar
This is being used! --> [link]
PaganArts's avatar
Lovely CSS :aww:

We've slightly edited one, and are using it for our club journal - [link] :)
Miss-Dutch's avatar
Love this new layout!
I'm using it right now
Fixxen's avatar
Faving and using this CSS:thumbsup:
ClaireJones's avatar
Thanks for using and letting me know! I appreciate it. :aww:
NatSilva's avatar
Thank you for this, im not very good with tech stuff.. :giggle: so this will come in handy!
JenCamacho's avatar
Thank you, I'll be using it! :XD:
ilaBarattolo's avatar
this is amazing
i'm going to use it!!!!!!!
homicidalmaniac69's avatar
Thank you for this. I am going to be using it very soon.
projectTiGER's avatar
Thank you very much for the awesome CSS!!
jladigital's avatar
Love your CSS and using it :)
Join the community to add your comment. Already a deviant? Log In