Shop Mobile More Submit  Join Login
Pure + Night 3.0 Gallery CSS by Gasara Pure + Night 3.0 Gallery CSS by Gasara
Tick by Gasara Yes, you can use
Tick by Gasara Yes, you can edit
Cross by Gasara Please do not redistribute
Note by Gasara Download the CSS from the link on the right

Pure + Night
Ver 3.0 - June 2016
Updated to work with deviantART's gallery changes.

Live Preview (With Sidebar)
Live Preview (Without Sidebar)

Works in IE, Chrome and Firefox
Works for user gallery and Favourites Gallery

Features 
- Can be used with or without sidebar.
- Hidden Elements for streamlined look.
- Styled literature and journal thumbs.

Note
- Please use the With Sidebar CSS / No Sidebar CSS as appropriate to avoid layout problems.




FAQ25 - How do I add a gallery skin?
FAQ26 - How do I add a description?
FAQ27 - How do I remove a description?
Add a Comment:
 
:icondravenblackthorne:
DravenBlackthorne Featured By Owner Apr 20, 2017  New Deviant Hobbyist Digital Artist
Thank you. Using this!
Reply
:iconmimpi-reiart:
Mimpi-ReiArt Featured By Owner Mar 13, 2017  Student Digital Artist
Thank you very much, I will use this ok >w<
Reply
:iconscarlietnight:
ScarlietNight Featured By Owner Jan 15, 2017  Student General Artist
This is amazing!
Though I have a question: I have added a description (with box version), yet the text does not show. How do I fix that?
Reply
:icongasara:
Gasara Featured By Owner Jan 17, 2017  Professional General Artist
Thank you!
I know dA recently changed how the galleries display which has disrupted some code but the sidebar is still working correctly in the live preview link I set up. All I can suggest is that you try adding the text again and see what happens. 

FAQ26 - How do I add a description?
Reply
:iconscarlietnight:
ScarlietNight Featured By Owner Jan 17, 2017  Student General Artist
Alrighty! Thank you. :D
Reply
:icongarvella:
garvella Featured By Owner Jan 14, 2017  Hobbyist Digital Artist
Using <3
Reply
:iconxgalaxy-purple:
xGalaxy-Purple Featured By Owner Jan 10, 2017   General Artist
Using! thank you!
Reply
:iconjessaetian:
Jessaetian Featured By Owner Oct 26, 2016
I'm going to use this for all of my galleries! .:Bunny in love: 
Thank you for making and sharing this, and for free too! 
I'll credit you every time I use it too 

Bunny Emoji-66 (Thank you arigatou) [V3] 
Reply
:icongasara:
Gasara Featured By Owner Oct 30, 2016  Professional General Artist
You're most welcome! Enjoy x
Reply
:iconotakulane:
otakulane Featured By Owner Jun 6, 2016
does anyone know how i can have more columns? The example shows 4 columns of gallery items, but when I use it I only get 2 and a huge space in between each :( 

plus, is there anyway that i can delete the sidebar?? 
Reply
:icongasara:
Gasara Featured By Owner Jul 1, 2016  Professional General Artist
The zip file comes with two separate CSS files for the layout with or without the sidebar. If you don't want to use the sidebar then use the CSS file titled Pure + Night Gallery 3.0 CSS (No Sidebar)

As for the columns, those are dependant on what kind of images you have in your gallery and your browser size - things that are controlled by dA, not the CSS. If you remove the sidebar you'll find your images will probably fill the space out better anyway.
Reply
:iconotakulane:
otakulane Featured By Owner Jul 3, 2016
oh okay, thank you so much for answering!!
Reply
:icontyfordd:
Tyfordd Featured By Owner Jun 15, 2016  Hobbyist General Artist
I'm trying to find that out myself, but as far as I can see, if you change the deviations to grid view, it aligns all of them. That takes away the large space in between, but I'm not sure on the whole 4 columns being shown deal. Sorry D:
Reply
:iconotakulane:
otakulane Featured By Owner Jun 17, 2016
ainnn, thanks for the help anyways >.< 
Reply
:icontyfordd:
Tyfordd Featured By Owner Jun 17, 2016  Hobbyist General Artist
Yep! :V
Reply
:iconcharmiez:
Charmiez Featured By Owner May 29, 2016  Hobbyist General Artist
How stunning. And just what I was after. I'll use it very soon!
Reply
:iconaibina:
aIbina Featured By Owner May 19, 2016
gonna use it soon! uwu
Reply
:iconpennygem:
PennyGEM Featured By Owner May 8, 2016  Hobbyist General Artist
managed to figure out how it works the css xD so now im using!! thank youuu :3
Reply
:icongasara:
Gasara Featured By Owner May 8, 2016  Professional General Artist
You're welcome! :iconcocoloveplz:
Reply
:iconqoidfish:
qoIdfish Featured By Owner May 5, 2016  Hobbyist Digital Artist
using!
Reply
:icongasara:
Gasara Featured By Owner May 7, 2016  Professional General Artist
:dance:
Reply
:iconnekofumei:
Nekofumei Featured By Owner Apr 30, 2016  Hobbyist Digital Artist
Using!
Reply
:iconpastelee:
Pastelee Featured By Owner Feb 22, 2016  Hobbyist Digital Artist
using changed the colours a bit tho haha
Reply
:icongasara:
Gasara Featured By Owner Feb 22, 2016  Professional General Artist
No problem - enjoy! Tiny Heart Emoticon by Gasara  
Reply
:iconkionaaura:
KionaAura Featured By Owner Jan 21, 2016  Hobbyist General Artist
I might be using this... I'll see how it looks on my gallery first..
Reply
:icondovahsaur:
Dovahsaur Featured By Owner Edited Jan 13, 2016  Hobbyist Digital Artist
This is a beautiful CSS, but I have trouble making it work, I pasted the code into the CSS part of the folder options, but the skin doesn't look right to me and my gallery folder looks like this, but in my favourites folder it works just fine.

Could you please tell me what I did wrong ? Thank you in advance and great work ^^
Reply
:iconpasiel:
pasiel Featured By Owner Jan 8, 2016  Student Digital Artist
what is "style block"?
whenever i add the html (including the sidebar one) it says "Missing: Style Block"
Reply
:icontitovn:
Titovn Featured By Owner Edited Dec 25, 2015  Hobbyist Photographer
Thank you for creating and sharing! Love this, and I will be using it, slightly edited on my profile. I will also credit you of course when I'm finished!
Reply
:iconnightfeather123:
Nightfeather123 Featured By Owner Nov 5, 2015  Hobbyist General Artist
I'd like tot know if it's possible to change the grey bar at the top to a custom image of mine. Would you mind telling me how??
Reply
:iconyinukume:
YinUkume Featured By Owner Sep 15, 2015  Hobbyist General Artist
Thank you so much for making this piece!!! I'm using a (slightly edited) version of this as my gallery skin right now, feel free to take a look!

(also your tutorials are amazing! :heart:)
Reply
:iconblushycake:
blushycake Featured By Owner Aug 21, 2015  Hobbyist Digital Artist
Lovely skin ! XD But my thumbnails are all out of alignment, not nice and square like the one above :/ 
Anyway to fix that?

Thank you ! (Credited BTW!) c:
Reply
:icongoddesskalypso:
I love it :heart: I have a question, though! Is there a way to put the tags in the white box with the description? Like where is says "italic, bold, underline," etc.? Thanks c:
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Jul 11, 2015   General Artist
Love it! I'm using it :D (Big Grin) 
But I have a question, how do I make the title of the gallery looks like that?
 Hgk by PauJackson  
Reply
:iconporsheee:
Porsheee Featured By Owner Jul 21, 2015  Student Writer
I'm having that problem as well? 
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Jul 21, 2015   General Artist
I just looked at this comment and it works now :D
If anyone is still having issues with the header no longer working as pictured, try the following:

Look for:
.folderview-top h2 

(its closer to the top)

Change h2 to h1

It solved the issue for me.
Reply
:iconzeonxeria:
ZeonXeria Featured By Owner Mar 2, 2016  Hobbyist Digital Artist
It works on me too!
Thank you so much for sharing 5 seconds hug 
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Mar 19, 2016   General Artist
No problem :hug:
Reply
:iconporsheee:
Porsheee Featured By Owner Jul 21, 2015  Student Writer
Yeah, thanks, I saw it right after too! It makes me excited~ And I just spent waaayyy too much time trying to work on my gallery, but it's not done yet. Ag! 
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Jul 22, 2015   General Artist
You're welcome :D 
I hope you finish soon :)
Reply
:iconyunasenpai:
YunaSenpai Featured By Owner Jul 23, 2015  Hobbyist Digital Artist
THANK YOU OMG *w*
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Jul 30, 2015   General Artist
You're welcome :D
Reply
:icondamnproblem:
DamnProblem Featured By Owner Jul 11, 2015  Student Artist
Thanks
Reply
:iconkaer-baer:
Kaer-Baer Featured By Owner Jul 9, 2015  Hobbyist Digital Artist
If anyone is still having issues with the header no longer working as pictured, try the following:

Look for:
.folderview-top h2

(its closer to the top)

Change h2 to h1

It solved the issue for me.
Reply
:iconpaulina-blomme:
Paulina-Blomme Featured By Owner Jul 21, 2015   General Artist
Thank you so much! :D
Reply
:iconxennydiemes:
XennyDiemes Featured By Owner Apr 28, 2015  Professional Writer
I think I have an issue with the header font of this css. For a while it did looked like the picture above until weeks ago when it suddenly snaps back to the gallery default font. Is there a way to fix this?
Reply
:iconwreck-itralph:
Wreck-ItRalph Featured By Owner Apr 29, 2015
dA might intends to adjust the code to make them unsupported, I already feel that.
Reply
:iconxennydiemes:
XennyDiemes Featured By Owner May 13, 2015  Professional Writer
I hope there is a fix for it soon, or I may consider dumping it.
Reply
:iconkelmeloo:
kelmeloo Featured By Owner Apr 7, 2015  Student Photographer
Is there a way/code for the blockquote title shown in the preview? I like it much much better than the regular font that is shown in my folders.
Reply
:iconheyabbyanne:
HeyAbbyAnne Featured By Owner Apr 16, 2015  Professional Digital Artist
I am having the same issue. Just shows up as the default title font in the upper right corner.. I was hoping for that nice blockquote-ish title too. xD
Reply
:iconkelmeloo:
kelmeloo Featured By Owner Apr 16, 2015  Student Photographer
I still haven't figured it out, but I haven't really looked into the css/html either. I'm sure after a little bit of research I could figure it out maybe, unless that's something that isn't included in the css to begin with. In that case it would take a little longer to learn how to code it. But I agree, it's just so much better looking!
Reply
Add a Comment:
 
×




Details

Submitted on
July 18, 2012
File Size
380 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
26,282 (6 today)
Favourites
1,578 (who?)
Comments
239
Downloads
5,711 (1 today)
×