Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
11,827 (2 today)
Favourites
926 (who?)
Comments
160
Downloads
3,172
×
Pure + Night Gallery CSS by Gasara Pure + Night Gallery CSS by Gasara
09.10.2013 - Updated to remove dA's new default external link styles and fix the header height issue. The CSS has also been updated to work with all of deviantART's recent gallery changes including large thumbs, multiple display options, More Like This links and the rather huge submit button. Some of the changes meant that I couldn't make an exact copy of the original design but I've tried to keep it as close to the original as possible. I hope you like it.

If you are currently using the previous version of this skin I recommend updating it now.




I N F O
--------------------------------------------------

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

Full installation instructions are included in the download.

F E A T U R E S
--------------------------------------------------
- Hidden comment count, print icons, feed icons, disabled page links, More Like This button, additional details (Favourites Gallery), submit button and pale border around transparent images.
- Styled literature and journal thumbs.

Sidebar Header -
< h3>...< /h3> (without spaces)

NOTE
- You must have content in your sidebar.
- Your sidebar must be displayed on the left.
- The sidebar will expand beyond the bottom of the skin if your sidebar content exceeds the length of the gallery content. To avoid this try to keep your sidebar content less than or level with the bottom of the gallery area.

T E R M S . O F . U S E
--------------------------------------------------

- This gallery CSS is free to use
- You can completely edit this CSS for personal use
- You may not redistribute this gallery CSS, edited or otherwise
- You may not sell this gallery CSS, edited or otherwise

J O U R N A L . C S S
--------------------------------------------------

:
Add a Comment:
 
:iconsunflowerintherain:
SunflowerInTheRain Featured By Owner Aug 23, 2014  Student Traditional Artist
This is perfect for a manga folder... which is what I'm using it for.Bucktooth 
Reply
:icongasara:
Gasara Featured By Owner Aug 24, 2014
I have to say it does look good with your manga pages ♥
Reply
:iconkionecookie:
KioneCookie Featured By Owner Aug 21, 2014  Hobbyist General Artist
using! and i credited you <3
Reply
:icongasara:
Gasara Featured By Owner Aug 24, 2014
:hug:
Reply
:iconalari-jejunen:
Alari-Jejunen Featured By Owner Jun 12, 2014
How do you install it? *~*
Reply
:iconlil-miss-scribble:
Lil-Miss-Scribble Featured By Owner May 15, 2014  Hobbyist Traditional Artist
How do I use it?
Reply
:iconcantatus-promise:
Cantatus-Promise Featured By Owner May 12, 2014  Hobbyist Digital Artist
Using!
I actually found a way to remove the sidebar, I hope you don't mind :)
Thank you so much, this is fantastic.
Reply
:iconbansini:
Bansini Featured By Owner May 24, 2014  Hobbyist General Artist
Would you mind sharing how you achieved that? :heart:
Reply
:iconcantatus-promise:
Cantatus-Promise Featured By Owner May 24, 2014  Hobbyist Digital Artist
Sure! I just removed some of the code and changed little parts of it until it worked.

body{
margin-left:10px;
font-family: verdana;
color:#888888;
border: 1px solid #4F4F4F;
background-color:#ffffff;
padding-bottom: 20px;
}

.folderview-top{
margin-left: -15px;
background-color:#4F4F4F;       
color:#888888;
font-size: 9px;
text-align: right;
padding: 50px 50px 50px 50px;   
height: 100px;            
}

.folderview-top h2 {
position: relative;
top: 50px;
font-family: trebuchet ms;
text-transform: lowercase;
color:#eeeeee;
letter-spacing: 4px;
font-size:11px;
text-align: right;
padding: 0px 5px 2px 0px;
border-right: 5px solid #666666;
}


.folderview-top .description h3 {
display: block;
padding: 3px 3px 3px 19px;
font-family: trebuchet ms;
text-transform: lowercase;
letter-spacing: 3px;
color: #ffffff; 
background-color: #4F4F4F;
text-decoration: none;
font-size: 11px;
text-align: center;
}

.folderview-top .description a:hover {
color:#ffffff;
background-color: #B272A6;
text-decoration: none;
}

strong {
color: #ffffff;
background-color: #B272A6;
padding: 0px 2px 0px 2px;
}

a {
color:#ffffff;
text-decoration:none
}

a:hover {
color:#B272A6;
text-decoration:none;
}

a.external:after {
display:none!important;
}

b {
color:#B272A6;
}

i {
background-color: #eeeeee;
}


.tt-a {
margin: 15px;
}

.tt-w {
background:#f7f7f7;
padding:12px 16px 12px 16px;
text-align: center; 
}

.tt-w:hover {
background-color:#c5c5c5;
text-decoration: none;
}

.tt-bb {
background: transparent;
text-align: center;
}

.t {
font-family: verdana;
font-size: 10px;
display: block;
color: #ffffff;
background-color: #aaaaaa;
font-weight: normal;
padding: 5px;
text-align: center;
margin-top: 10px;
margin-left: -6px;
margin-right: -6px;
text-decoration: none;
}

.t:hover {
color: #ffffff;
background: #B272A6;
}

.tt-fh-oe {
color: #ffffff;
}

.tt-fh-oe:hover {
color: #ffffff;
background: #B272A6;
}

.lit strong {
font-family: trebuchet ms;
color: #1e1e1e; 
letter-spacing: 1px;
background-color: transparent;
font-size:12px;
padding: 5px 0px 5px 0px;

.details {
text-align: center;
}

.u {
color:#aaaaaa;
text-decoration: none;
}

.u:hover {
color:#B272A6;
text-decoration: none;
}

.pagination-wrapper {
padding-top: 20px;
text-align:right;
}

.pagination ul.pages li.prev a, .pagination ul.pages li.next a, .pagination ul.pages li.number a, .pagination ul.pages li.dotdotdot a {
color:#aaaaaa;
text-shadow:none;
box-shadow:none;
background:#f7f7f7;
border: 1px solid #f7f7f7;
}

.pagination ul.pages li.next a:hover, .pagination ul.pages li.number a:hover, .pagination ul.pages li.dotdotdot a:hover {
color:#ffffff;
text-shadow:none;
box-shadow:none;
background:#B272A6;
}

.pagination ul.pages li.current a {
color:#ffffff;
text-shadow:none;
box-shadow:none;
background:#aaaaaa;
}

.pagination ul.pages li.current a:hover {
color: #ffffff;
background-color:#aaaaaa;
}

.center {
text-align: center;
}

span.lit.lit-bkmrk {
display: none!important;
}

q {
font-size: 10px!important;
}

a.thumb.lit strong {
font-size: 12px!important;
}
 
a.thumb.lit .wrap {
background: #ffffff!important;
margin-left: 0px;
}

.shadow {
background-image:none!important;
}

small, .icon, .frontbutton, .feedbutton, .disabled, .tt-bb, .frame-button.submit {
display: none;
}
Reply
:iconxaveysaur:
xaveysaur Featured By Owner Apr 30, 2014  Student General Artist
how do i get the thumnails to be square like in the image?
mine are all different sizes and i want to make them look neat and organized
thank you!
Reply
Add a Comment: