literature

dAblack for v7

Deviation Actions

GyroxOpex's avatar
By
GyroxOpex
Published:
28K Views

Literature Text

/*
* deviantART - dAblack for V7
* Author      : GyroxOpex (original code from Trezoid, with code from hkk, as well as some from Gpopper's darkGRAY 7 style)
* Updated     : November 12, 2013 (version 2.1.1/11.12.2013, build 8)
* Website     : gyroxopex.deviantart.com, userstyles.org/users/23596, hkk.deviantart.com, gpopper.deviantart.com
* Description : Changes the colors of the popular art site deviantART
* Usage       : Use with the Stylish Firefox extension (userstyles.org/) or copy to your Firefox userContent.css file
*/

/* ===Table of contents===
*1. Profile page
*2. Gruzy boxes
*3. Buttons
*4. Gallery page
*5. Deviation Page
*6. Journal portal
*7. DeviantPage
*8. Message center
*9. Shopping
*10. News
*11. Here's a llama, there's a llama
*12. FAQ
*13. Today we . . . look at dA stats.
*14. Forums
*15. Oh dAmn
*16. dA v7 Bug Fixes
* 16.1 Polls
* 16.2 Shopping
*17. Notes
*18. Groups
*19. Daily Deviations
* 19.1 Daily Deviation Box
* 19.2 Daily Deviations Page
*20. Submission pages
* 20.1 Submit your art
*  20.1.1 Remove white-shadow
* 20.2 Premium Member Your Settings
* 20.3 Premium Member Submission
* 20.4 Submission Artist's Comments
* 20.5 darkGray Textarea
* 20.6 Textarea Focus
* 20.7 SMbutton - green, black, notes, purple
*21. Depths
*22. Other stuff (fixes, etc.) */

namespace url(www.w3.org/1999/xhtml);

@-moz-document domain("deviantart.com") {

*{color:#999!important;}
/* header menu.
*todo: Shrink it, search in
*/
#overhead{background:-moz-linear-gradient(-90deg, #303030, black) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black!important;}

.oh-l i{background-color:transparent!important;}

#oh-mainmenu{padding-left:14px!important;left:0!important;}
#oh-mainmenu:hover{background:-moz-linear-gradient(-90deg, #101010, #101010) repeat scroll 0 0 transparent!important;}

#oh-more{left:0px!important; width:175px!important; background:black none!important;left:-10px!important;}

#oh1, #oh1:hover, #oh-mmain{background-image:url(trezoid.webs.com/dAfiles/Heade…)!important;}

.mmhover .oh-l, .mmhover2 .oh-l, .mmhover3 .oh-l, .oh-bl .active, .oh-m:active {background:-moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;position:fixed}

.oh-menu, .collections{background:black!important;border-width:0!important;position:fixed!important;}
#overhead .gmbutton2f.search-l {
background: transparent !important;}

.div.browse-limits-h.bt-selector {
background: black !important;}
/**/

/* profile page.
*todo: bugtest
*/
.catbar{background:black!important;border-width:0!important;}

.catbar a, a{color:white!important;}
.catbar a:hover, a:hover{color:gray!important;}

.gtab-selected, .gtab-i, .gtabi-mc{background:-moz-linear-gradient(-90deg, #404040, black) repeat scroll 0 0 transparent!important;border-width:0px!important;-moz-border-radius:4px 4px 4px 4px;}

.blues-bar, .messages-head{background:-moz-linear-gradient(-90deg, black, black) repeat scroll 0 0 transparent!important;border-width:0!important;}

.blues-bar-ctrl{background:transparent none!important;border-width:0!important;}

.blues-bar-ctrl *{color:white!important;}

#gruze-columns{background:black!important;}

/*gruzy boxes*/

.gr-genericbox .gr-top, .gr-grouplistbox .gr-top, .gr-top-alone, .deepee-title, .bottom-bit{background:-moz-linear-gradient(-90deg, #292929, #202020) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.gr-genericbox .gr-top .gr, .gr-grouplistbox .gr-top .gr, .gr-top-alone .gr{background:transparent none!important;border-width:0!important;}
i.tri{background-image: url(trezoid.webs.com/deviantDARKv2…)!important;}
.gr1, .gr2, .gr3{display:none!important;}

.gr-body, .gr-midbody, .talk-tower, .gr-configbox .gr-body .gr, .deepee-navbar, .submit_to_groups .stream{background:black!important;border-color:#505050!important;}

.talk-tower{padding-top:30px!important;top:-20px!important;position:relative!important;}

.cc-in{background:-moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.ch-ctrl{background:-moz-linear-gradient(-90deg, black, #292929) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

.gr-body .gr{border-color:black!important;}

.ctube{background:transparent url(trezoid.webs.com/deviantDARKv2…) top right no-repeat!important;}
.cfill{background: transparent url(trezoid.webs.com/deviantDARKv2…)!important;}

#depths{background:black!important;}

.creason{background:black!important;}
/**/

/* buttons */
.gmbutton2{background:-moz-linear-gradient(-90deg, #494949, #101010) repeat scroll 0 0 transparent!important;-moz-border-radius:6px 6px 6px 6px}

.gmbutton2 b{background:transparent!important;}

.gmbutton, .gmbuttonlil{background:-moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;-moz-border-radius:6px 6px 6px 6px}

.gmbutton2:hover, .gmbutton2 b:hover, .gmbutton:hover, .gmbuttonlil:hover{background:-moz-linear-gradient(-90deg, #393939, #101010) repeat scroll 0 0 transparent!important;}

.bb .gmbutton2, .bb .gmbutton2 b{background:-moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}
.bb .gmbutton2:hover{background:-moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}
.bt-selector.browse-limits a {
background:-moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}
.bt-selector a:hover {
background:-moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}

li.a{background:#202020!important;}

/**/

/* Gallery page*/

.browse2-right{background:black!important;}
#browse2-stream .tt-a{padding:30px!important;}
td.f{background:black!important;}

#facetMenu-Browse_list li a:hover, #facetMenu-Category_list li a:hover, #facetMenu-Product_list li a:hover{background:#202020!important;}

#mcstatus{background:black!important;position:absolute!important;}
#mcstatus:hover{padding-left:10px!important;}

/*Deviation page*/
div.bubbleview {color: #888 !important;}
:link, *:visited {color: #999 !important;}


#artist-comments .gr-headless {margin-top:10px;}
#artist-comments .hh {top:12px !important;}
#artist-comments .cc-name img {top:15px !important;}
#artist-comments {left:40px !important; /*width:90%;*/ margin-bottom:30px;}
#artist-comments h1, #artist-comments h2, h3, h4 {letter-spacing:0 !important;}
#artist-comments * {background:none repeat scroll 0 0 transparent !important; border:0 none !important;}
#artist-comments .text-ctrl {background:-moz-linear-gradient(top, black, rgba(55,55,55, 0)) !important; border-top:1px solid #262626 !important; border-bottom:1px solid #4C4C4C !important; margin-right:35px;}
#artist-comments .text {background:-moz-linear-gradient(bottom, #303030, #373737 70px, rgba(55,55,55, 0)) !important; border-top:1px solid #4C4C4C !important; border-bottom:1px solid #262626 !important; padding-left:15px;}
#artist-comments h1 a {color:#999 !important;}
#artist-comments h1 small a {color:white !important;}
#artist-comments h1, #artist-comments h1 small {text-shadow:0 -1px 0 #000;}
#artist-comments .text a {color:#999 !important;}



div.talk-post textarea, div.talk-post div.pager-holder, div.talk-post div.pager2 {
background-color:black;
border:medium none;
height:214px !important;
}

/*Journal portal*/
div.boxtop.journaltop {color: white !important;}
div.boxtop.journaltop h2 a {color: white !important;}
div.pp.journaltext.text {color: #888 !important;}
div.pp.journaltext.text .highlight a:hover {background: none !important; border: none !important; color: white !important;}
div.journalbox a.thumb img {outline: 1px solid black !important;}
div.journalbox a.thumb img:hover {border-color: black !important;}

div.mcbox-preview-journal small.t, div.mcbox-full-stack small.t, div.mcbox-preview-stack small.t, div.mcbox-preview-forum small.t {color:#999 !important;}
div.mcbox-preview-journal small.t a, div.mcbox-full-stack small.t a, div.mcbox-preview-stack small.t a, div.mcbox-preview-forum small.t a {color:#999 !important;}
.journalcontrol .gr-top .gr {color:#999 !important;}
.journal-green .gr-box {background: black !important;
border: 1px solid #252525 !important; border-radius: 3px !important; box-shadow: 1px 0 3px rgba(0,0,0, .2) inset, -1px 0 3px rgba(0,0,0, .2) inset;}

#dv7 .journal-green .gr-box .gr-body ul.list li.f, body.gruze .journal-green .gr-box .gr-body ul.list li.f,
.journal-green .gr-top, .journal-green .gr-top .gr, .journal-green .gr-body {background: none repeat scroll 0 0 transparent!important;}
.journal-green .gr1, .journal-green .gr2, .journal-green .gr3 {display: none !important;}
.journal-footer a.comments em {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 3px !important;}
.journal-footer a.faves em {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll -16px 3px !important;}

#journalsBrowseWrapper #sidebarPoll .leftbut, #journalsBrowseWrapper #sidebarPoll .rightbut {
background: -moz-linear-gradient(top, #303030, black) repeat scroll 0 0 transparent !important; border: 1px solid #111 !important; box-shadow: none !important;}

#journalsBrowseWrapper #sidebarPoll .leftbut i, #journalsBrowseWrapper #sidebarPoll .rightbut i {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 4px 9px transparent !important;}
#journalsBrowseWrapper #sidebarPoll .rightbut i {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 4px 9px transparent !important;}

#journalsBrowseWrapper #sidebarPoll .leftbut.enabled:hover, #journalsBrowseWrapper #sidebarPoll .rightbut.enabled:hover {
background: -moz-linear-gradient(top, #303030, #202020) repeat scroll 0 0 transparent !important; box-shadow: 0 1px #696969 inset !important;}
#journalsBrowseWrapper #sidebarPoll .pollslider {background-image: url("www.geocities.jp/bla_v_ck/da_c…") !important; background-repeat: repeat-x !important; background-position: 0 0 !important; padding: 0 16px 0 0 !important;}
#journalsBrowseWrapper #sidebarPoll .lefttab {background-image: url("www.geocities.jp/bla_v_ck/da_c…") !important;}
#journalsBrowseWrapper #sidebarPoll .righttab {background-image: url("www.geocities.jp/bla_v_ck/da_c…") !important; right: -6px !important;}
#journalsBrowseWrapper #sidebarPoll .pollslider {color: #888 !important;}
#journalsBrowseWrapper #sidebarPoll .totalvotes {color: #666 !important;}
#journalsBrowseWrapper #sidebarPoll .totalvotes a {color: #999 !important;}
#journalsBrowseWrapper #sidebarPoll .commentcount {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 2px transparent !important;}
#journalsBrowseWrapper #sidebarPoll input.vote_button {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 0 transparent !important;}
#journalsBrowseWrapper #journalsSidebar #communityMood ul.graph {background: url("www.geocities.jp/bla_v_ck/da_c…") repeat scroll 0 0 #4C4C4C !important; border: 1px solid #2B2B2B !important; box-shadow: 0 0 8px rgba(0,0,0, .5) inset !important;}
#journalsBrowseWrapper #journalsSidebar #communityMood ul.graph li span {background: -moz-linear-gradient(top, #292929, #101010) repeat scroll 0 0 transparent !important; border: 1px solid #222 !important; box-shadow: 0 1px 1px #FFE100 inset !important;}
#journalsBrowseWrapper #journalsSidebar #communityMood li {color: #888 !important;}
#journalsBrowseWrapper #journalsSidebar .submit-journal span {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 50px 9px transparent !important;}
#journalsBrowseWrapper a.loadmore, #journalsBrowseWrapper a.loadingmore {
background: none repeat scroll 0 0 #2E2E2E !important; box-shadow: 0 0 6px rgba(0,0,0, .5) inset !important;
color: #666 !important;}

.journal-green .gr-top .gr h2 a, .browse2-journals-next .journal-wrapper .journal-footer .more {color: #999 !important; text-shadow: 0 1px 0px rgba(0,0,0, .6);}
.journal-green .gr-top ul li, .journal-green .gr-top ul li a.u, div.bubbleview .journal-footer a {color: #AAA !important;}
.browse2-journals-next .journal-wrapper .journal-footer .date {color: #777 !important; text-shadow: 0 -1px 0 rgba(0,0,0, .6);}
.journal-green .gr-body .text {text-shadow: 0 -1px 0 rgba(0,0,0, .6);}
.journal-green .gr-top ul li.category, .journal-green .gr-top ul li.category a {color: #777 !important;}

.module-tabbar {background-color:#3E3E3E !important;}
.module-tabbar .tab:hover {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important; background-position:0 -28px !important;}
.module-tabbar .activetab {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important; background-position:0 0 !important;}
.module-tabbar .activetab b {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important; background-position:100% 0 !important;}
.module-tabbar .tab:hover b {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important; background-position:100% -28px !important;}

div#journal div.altaltbubble {background-color:#2F2F2F !important;}
#journal-tab-journaltext .section-foot {background-color: #2F2F2F !important;}
div#journal_sidebar.rr span.side a {color:#FFA500 !important;}
#skinHelpModal {background-color:#525252 !important; border:1px solid #666 !important; color:#999 !important;}
#deviant .skincontrols a.gmbutton2 i.icon, #journal .skincontrols a.gmbutton2 i.icon {background-image:url(www.geocities.jp/bla_v_ck/da_c…) !important;}
#journal div.gr-Submitbox #journal-subject, #journal div.gr-Submitbox #journal_body {border-color:#555 !important;}
#journal-moreoptions, div.current-skin {background-color:#313131 !important; border-color:#404040 !important;}
#journal-moreoptions-link.moreoptions-opened {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important;}
#journal-moreoptions-link {background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 4px transparent !important;}
#journal-moreoptions-content img[src$="/journal-hr.gif"]{visibility:hidden;}
#journal-moreoptions-content td {color:#666 !important;}
#journal-moreoptions-content input.text, div.journal-skin-editor div.modal-dialog-body input, div.journal-skin-editor div.modal-dialog-body textarea {box-shadow:none !important;}
img[src$="/journal/checkmark.gif"]{width:0 !important; height:0 !important; padding:0 0 15px 15px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
div.current-skin h3, div.current-skin span.skin-title {text-shadow:none !important;}
a.skinthumb img[src$="/browse-skins.png"]{width:0 !important; height:0 !important; padding:0 0 52px 52px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
#skins-list hr {border-color: #272727 -moz-use-text-color #3F3F3F !important;}
div.journal-editor-sidebar div.sub_is_awesome {background:transparent !important; color:#666 !important;}
.blues-bar .smbutton span {color: #888 !important;}
div.skins-stream .resource-skin:hover {background-color:#808080 !important; border-color:#878787 !important;}
div.skins-stream .resource-skin:hover a.t:hover {background: -moz-linear-gradient(top, #FFBB00, #FFA500) repeat scroll 0 0 transparent !important; border-color: #FFBB00 !important; box-shadow: 0 1px 2px #FFA500 inset, 0 1px 3px #111 !important;}

.deviation-ile div.ile-published .deviation-ile-category {background: url("www.geocities.jp/bla_v_ck/da_c…") repeat-x scroll 0 -32px #747474 !important; border: 1px solid #282828 !important;}
.deviation-ile div.ile-published .deviation-ile-category span.arrow {background: url("www.geocities.jp/bla_v_ck/da_c…") repeat-x scroll 0 -33px #747474 !important; border-left: 1px solid #666 !important;}
.deviation-ile div.ile-published .deviation-ile-category span.arrow span {background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 0 transparent !important;}
.deviation-ile .deviation-ile-category {color: #AAA !important; text-shadow: 0px 1px 0px rgba(0,0,0, .75);}



/* DeviantPage */
.lrx{background:black!important;}
.lrx:hover{background:#303030!important;margin-top:0px!important;bottom:45px!important;}

#dv7, .resview7-view, html, .dynamic-zoomed-in{background:black none!important;}

#lit-view, #lit-view .text{background:#202020!important;}
.gr-headless .gr{background:#202020!important;}

.ch-top{background:black!important;}

.smbutton{
background:-moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;
border:1px solid #404040!important;}

.smbutton span{border-width:0!important;}

.alink del{background-image:url(trezoid.webs.com/deviantDARKv2…)!important;height:16px!important;border-width:0!important;}
.alink del:hover{background:url(trezoid.webs.com/deviantDARKv2…)0 -30px!important;}

.cctextarea textarea, .previewbox {
background:black!important;
border:medium none;
display:block;
font:1em/1.4 verdana;
height:44px;
margin:0;
outline:medium none;
width:100%;
}
.journal-green.gr-box {
background: black !important; margin: 0px 0pt !important; padding: 0px !important; border: none !important;}
div.gr-box.gr-genericbox {
background: black !important;}
/*message center*/

.messages-head .f{background:-moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.mczone-title{background:-moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.mczone{background:black!important;border-width:0!important;}

.talkmessage-taller, #bubbleview-messages, .talkmessage{background:-moz-linear-gradient(-90deg, black, #292929) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

.page2, .page2 .f{background:black!important;border-width:0!important;}

.page2 .f:hover{background:-moz-linear-gradient(-90deg, #191919, black) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.page2 .selected{background:-moz-linear-gradient(-90deg, #393939, black) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

.page2 .header, .talkmessage-comment, .tabtext{background:black!important;border-width:0!important;}

.messages .f{border-width:0!important;}

.mczone-title i.mm{display:none!important;}

i.dd{display:none!important;}

.page2 .f i{display:none!important;}

div.talk-post div.inputs {
font-size:10pt;
text-align:left;
white-space:nowrap;
background:transparent!important;border-width:0!important;
}

#div.popup2.element.style {
left:209px;
top:418px;
visibility:visible;
background:black!important;
}

div.popup2-mcbox-comment {
background:-moz-linear-gradient(-90deg, black, #292929) repeat scroll 0 0 transparent !important;
border:1px solid #101010 !important;
color:#999 !important;
height:250px !important;
overflow:auto;
width:400px !important;
-moz-border-radius:6px 6px 6px 6px;
}

/****/

/*Shopping*/
#gmi-ShopSubjects{background:-moz-linear-gradient(-90deg, #404040, #202020) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

.right .paddle{background:#101010 url(st.deviantart.net/minish/devia…)0 -61px!important;}
.paddle:hover{background:#151515!important;}
.left .paddle{background:#101010 url(st.deviantart.net/minish/devia…)0 -120px!important;}

/****/

/*News*/

#news{background:#101010!important;}
#browsebar2{background:#161616!important;border-width:0!important;}
#browsebar1{border-width:0!important;}

/*****/

/* Here's a llama, there's a llama*/

#badge-trade{background:black!important;}

.trade, .trade *{background:black!important;border-width:0!important;}

/******/

/* FAQ */

.bubbleview{background:black!important;}
#help-container .altview{background:#202020!important;}
.section-head{background:#292929!important;}


.toggle-holder li{background:#191919!important;border-color:#101010!important;}

.altview ul{background:#202020!important;}

#faqtip-nav{background:#303030!important;}

/*****/

/* Today we...look at dA stats. */

.graph{background:#101010!important;}

/****/

/* Forums */

.fora .f, .forum .f{border-color:#101010!important;}

/*******/

/* Oh dAmn */

.gr-box .gr-top, .gr-box .gr-top .gr{background:-moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

.zebra tr{background:-moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}
.zebra .even{background: #101010!important;}
.zebra .odd{background: #202020!important;}

.damnc-tabbar-outer{background:black!important;}

.tabbar strong{background: -moz-linear-gradient(-90deg, #202020, black)!important;}

.tabbar strong i{display:none!important;}

.damncr .alt0{background: black!important;}

.damncrc-topic{background: black!important;border-color:#404040!important;}
.damncrc-chat-inner{background: #202020!important;}

.other-hl, .other-hl *{background: #303030!important;}

.damncr-members dt{background:#303030!important;}


/* dA v7 bug fixes
*todo: find bugs, fix them.
*/
i.l{display:none!important;}

/**Polls**/
.div.ctube, div.cfill {background:-moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent!important;border-width:0!important;padding-top:3px!important;padding:2px!important;-moz-border-radius-topleft:5px!important;-moz-border-radius-topright:5px!important;}

/**Shopping**/
#submit div.altview {
background-color:black;
margin:15px;
padding:5px 0 15px;
}

/*Notes*/

#notes, #notes.messages
{background: none repeat scroll 0 0 #000000
}

div#notes div.messages.f.full.hh {
background: black !important;
color: white !important;
}

div#notes div.conversation h2.mczone-title {
background: black !important;
}

div#notes div.messages div.left-column div#current-folder ul.notes > li.note {
background: black !important;
}

#overhead-you-know-what {
background:none repeat scroll 0 0 black!important;
border-top:1px solid black !important;
height:100px;
margin-bottom:-1px;
position:relative;
text-align:center;
z-index:90;
}

div.wrap-text {
background:transparent!important;
word-wrap:break-word;
}

element.style {
background:black !important;
min-height:4991px;
}

element.style {
background:black !important;
margin:0 auto 12px;
width:320px;
}

element.style {
min-height:4997px;
background:black !important;
}

element.style {
display:block;
width:100%;
background-color:black!important;
}

#notes #current-note .mcb-note-box {
-moz-background-inline-policy:continuous;
-moz-border-radius:8px 8px 8px 8px;
background:black !important;
border:1px solid #101010;
min-height:87px;
padding:8px;
}

#overhead-you-know-what {
text-align:center;
background:black;
}

#notes .left-column {
background:none repeat scroll 0 0 black !important;
border-right:1px solid #A3AFA3;
float:left;
width:45%;
}

#table.iconset-modules{
background:black!important;
}

#tbody{
background:black!important;
}

#notes td.message-folders {
background: black !important;}
#notes li.note {
background:-moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent !important;}
.pagination-wrapper {
background:black !important;}
.gmbutton2town {
background: black !important;}
#notes td.notes-left {
background:black !important;}
#notes td.notes-right {
background: black !important;}
#notes h2.mczone-title .note-actions .gmbutton2town {
background: -moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;}
.gr-body .recipient {
background: black !important;}
.gr-body .field {
background: black !important; box-shadow: none !important;}
.gr-body .message textarea {
background:black !important; box-shadow: none !important;}
#notes h2.mczone-title .note-controls .gmbutton2town {
background: -moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent!important;}
#notes td.sidebar_ad {
background:black !important;}
#notes td.sidebar_ad .advertisement {
background: black !important;}
.pagination ul.pages.compact li.prev a.disabled {
background: -moz-linear-gradient(-90deg, #242424, #090909) repeat scroll 0 0 transparent!important; border: none !important;}
.pagination ul.pages li.next a{
background: -moz-linear-gradient(-90deg, #484848, #111111) repeat scroll 0 0 transparent!important; border: none !important;}
.pagination ul.pages li.next a:hover{
background: -moz-linear-gradient(-90deg, #484848, #111111) repeat scroll 0 0 transparent!important; border: none !important;}
.pagination ul.pages.compact li.next a.disabled {
background: -moz-linear-gradient(-90deg, #242424, #090909) repeat scroll 0 0 transparent!important; border: none !important;}
.pagination ul.pages.compact li.number a{
background: -moz-linear-gradient(-90deg, #242424, #090909) repeat scroll 0 0 transparent!important; padding: 5px !important; border: none !important;}
.pagination ul.pages.compact li.dotdotdot a{
background: -moz-linear-gradient(-90deg, #242424, #090909) repeat scroll 0 0 transparent!important; padding: 5px !important; border: none !important;}
#notes.compose_frame .previewcontainer {
background:black !important;}
.notesfmessage.notesuccess, .notesfmessage.notesuccessml{
background: -moz-linear-gradient(-90deg, #292929, black) repeat scroll 0 0 transparent !important; border: none !important;}
#notes .notesfmessage hr.notesent {
border: none !important;}
/*Note that the following disables the box shadow for *all* preview boxes on the site. */
.previewcontainer {
box-shadow: none !important;}

/*Groups*/

#aboutus .rolelabel, #aboutus-members .rolelabel {
clear:both;
margin-bottom:20px;
margin-top:5px;
background:-moz-linear-gradient(-90deg, #101010, #303030) repeat scroll 0 0 transparent!important;
}

.gr-box .mem-display .rolelabel {
background:-moz-linear-gradient(-90deg, #101010, #303030) repeat scroll 0 0 transparent!important;
color:#FFFFFF !important;
font-family:"Trebuchet MS",sans-serif;
font-size:10pt;
font-weight:bold;
letter-spacing:0;
padding:4px 8px 4px 38px;
}

/*Daily Deviations*/

.bubbleview {background: none repeat scroll 0 0 black !important; color: #888 !important;}
:link, *:visited {color: #999 !important;}




/** Daily Deviation Box **/
i.gr1 {background:none repeat scroll 0 0 black !important;}
i.gr2, i.gr3, .gr-body, .gr-top {
background:none repeat scroll 0 0 black !important;
border-color:#303030 !important;}

i.gr3 i, .gr-top .gr {
background:none repeat scroll 0 0 black !important;
border-left-color:#525252 !important;
border-right-color:#525252 !important;}
i.gr2 i {background-color: #5B5B5B !important;}
.gr-body .gr {border-top-color:#474747 !important;}

/* gr-body top border */
div#artist-comments div.gr-box div.gr-body div.gr,
div.grmood div.gr-box div.gr-body div.gr {border-top-color:#474747 !important;}

.gr-headless .gr-body .gr {background-image: url(www.geocities.jp/bla_v_ck/da_c…) !important;
background-repeat:repeat-x !important;}
.gr-headless i.gt2, .gr-headless i.gt3, .gr-headless i.gt3 i, .backroom .gr-headless i.gt2, .backroom .gr-headless i.gt3, .backroom .gr-headless i.gt3 i {
background-color:#494949 !important;}

.ddbox .awarded {color:#999 !important;}
.gr-darkbox i.gt2 i {border:1px solid #5B5B5B !important; border-color:#5B5B5B -moz-use-text-color -moz-use-text-color !important;}
.gr-darkbox .gr-body .gr {background-color:#2F2F2F !important; border-top-color:#474747 !important;}





/** Daily Deviations Page **/
#dailyDevTopNav {background: -moz-linear-gradient(-90deg, #303030, black) !important; border-bottom:1px solid black !important; border-top:1px solid #636363 !important;}
#dailyDevBottomNav {background: -moz-linear-gradient(-90deg, black, #303030) !important; border-top:10px solid black !important; border-bottom: 1px solid black !important;}
#ddtable tr.alt {background-color: #424242 !important;}
div.dailyDevNav span.dailyDevCurDate {color: #999 !important; text-shadow:0 -1px 0 #222;}

#dailyDevs .ddinfo a {color:white !important;}
#dailyDevs .ddinfo .foot a {color:#999 !important;}
div.pager2 div.dates span.day {color:#777 !important;}
body.bubble div.stream div.tt-a b.filmtime {background:none repeat scroll 0 0 #5B5B5B !important; color:#333 !important;}

div.ddInfoBorders {border-left:1px solid #303030 !important; border-right:1px solid #303030 !important;}
div.dailyDevNav a.dailyDevPrevButton {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll 0 0 !important;}
div.dailyDevNav a.dailyDevPrevButton:active {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll 0 -22px !important;}
div.dailyDevNav a.dailyDevNextButton {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll -151px 0 !important;}
div.dailyDevNav a.dailyDevNextButton:active {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll -151px -22px !important;}
div.dailyDevNav a.dailyDevPickButton {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll -90px 0 !important;}
div.dailyDevNav a.dailyDevPickButton:active {background:transparent url(www.geocities.jp/bla_v_ck/da_c…) no-repeat scroll -90px -22px !important;}
div#dailyDevs.h div.stream span.shadow a img[src$="/poetry.jpg"]{width:0 !important; height:0 !important; padding:0 0 125px 150px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
.critique-plate p {color:#888 !important;}
.critique-plate p a {color:#FFA500 !important;}
.bubbleview {background: none repeat scroll 0 0 #373737 !important; color: #888 !important;}
:link, *:visited {color: #999 !important;}


/* Submission pages */

div.bubbleview {background:#101010 !important; color: #888 !important;}
:link, *:visited {color: #999 !important;}


/** Submit Your Art **/
div.dnd_deck_container div.dnd_deck_picker {background-color:black !important; border:1px solid #2D2D2D !important;}
div.help div div.text {color:#262626 !important;}
div.help div {background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 -30px transparent !important;}
div.help a.help {background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll 0 0 transparent !important;}
div.help span.bb {background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat scroll left bottom transparent !important;}
div.helpactive a.help {background-position:0 -30px !important;}
div.deck_modal_preview_layout form.dabtns, div.deck_modal_file_layout form.dabtns {background-color:#373737 !important;}
div[class="modal"][style="top: 50%; left: 50%; width: 430px; height: 332px; margin-left: -215px; margin-top: -166px;"],
div[class="modal"][style="top: 50%; left: 50%; width: 430px; height: 271px; margin-left: -215px; margin-top: -135px;"]{-moz-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);}
div.deckItemDiv_selected {background-color:#5F5F5F !important;}
div.deckItemDiv div.closeSelected, div.deckItemDiv div.deckItemClose {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important;}
img[src$="/uploading.png"]{width:0 !important; height:0 !important; padding: 0 0 100px 79px !important; background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
img[src$="/needpreview.png"]{width:0 !important; height:0 !important; padding: 0 0 100px 79px !important; background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
img[src$="/noPreview.png"]{width:0 !important; height:0 !important; padding: 0 0 100px 120px !important; background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
img[src$="/processing.png"]{width:0 !important; height:0 !important; padding: 0 0 100px 79px !important; background: url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
#submit.bubbleview .submissionstep label.l {text-shadow:0 -1px 0 #222;}
#submit.bubbleview .submissionstep label.l a {color:#FFA500 !important;}
#submit.bubbleview .submissionstep label.l_inline small {color:#777 !important;}
#deck_avatar_clone.deck_modal_file_layout div.light form.dabtns {background-color:#515151 !important;}

/*** Remove white-shadow ***/
div.options-container input.itext, div.options-container textarea.itext, div.options-container .previewcontainer {
box-shadow:none !important; color:#888 !important;}

div.options-container {background: none repeat scroll 0 0 #444 !important; -moz-box-shadow:inset 0 0 6px rgba(0,0,0, 0.75); border-bottom:solid 1px #4C4C4C;}
div.helptext {background: none repeat scroll 0 0 #6F6F6F !important; border: 1px solid #111 !important;}
div.altaltview div.previewcontainer, div.options-container div.previewcontainer {background:-moz-linear-gradient(top, #303030, #393939 70px, #393939) !important;
border: 1px solid #4C4C4C !important; padding-left:5px; min-height: 20em !important;}
div.loading > div.ch > div.btns > div.preview {background:-moz-linear-gradient(top, #303030, #3E3E3E 70px, #3E3E3E) !important;}
a#preview-description.smbutton {margin-top:5px !important;}
div.modal[style^="top: 50%; left: 50%; width: 732px;"][style$="margin-top: -264px; position: fixed; display: block;"]{-moz-box-shadow:0 8px 16px rgba(0,0,0, 0.4);}

div.loading div[class="ch pppp"]{background:#515151 !important; color:#888 !important;}

form.ccommonsform div.description-scroll {background-color: #323232 !important; border-color: #2D2D2D -moz-use-text-color !important;}
form.ccommonsform div.description-scroll img[src$="/icons/attrib.gif"]{width:0 !important; height:0 !important; padding:0 0 32px 32px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
form.ccommonsform div.description-scroll img[src$="/icons/noncomm.gif"]{width:0 !important; height:0 !important; padding:0 0 32px 32px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
form.ccommonsform div.description-scroll img[src$="/icons/nonmod.gif"]{width:0 !important; height:0 !important; padding:0 0 32px 32px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}
form.ccommonsform div.description-scroll img[src$="/icons/share.gif"]{width:0 !important; height:0 !important; padding:0 0 32px 32px !important; background:url("www.geocities.jp/bla_v_ck/da_c…") no-repeat !important;}

/** Premium Menber Your Settings **/
div[style*="submit-withsub.gif"]{background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important;}
div[style="padding: 7px 29px 0px 30px; color: white; text-align: left; font-size: 8.25pt; line-height: 1.6em;"], div[style="padding: 7px 29px 0px 30px; color: white; text-align: left;"]{color:#2C2C2C !important; text-shadow:0 -1px 0 #777 !important;}

/** Premium Menber Submission **/
div[style*="/submit-withsub.gif"] {background-image:url("www.geocities.jp/bla_v_ck/da_c…") !important;}
div.submissionstep form#form4 div.ch div div {color:#999 !important; text-shadow:0 -1px 0 rgba(0,0,0, 0.4);}
div.submissionstep form#form3 div.ch div span {color:#777 !important;}

/** Submission Artist's Comments **/
.previewcontainer strong:first-child, .previewcontainer strong:first-child + br
{display:none !important;}

/** darkGray Textarea **/
input[id="devtitle"][name="devtitle"],textarea[id="devdesc"][name="devdesc"],input[id="devkeywords"][name="devkeywords"]
{-moz-appearance:none !important; border:1px solid #2D2D2D !important; color:#888 !important; padding:1px !important; font-family:Verdana, sans-serif !important;
background:-moz-linear-gradient(top, #333, #383838 1px, #3D3D3D)!important; -moz-border-radius:3px !important;}

/** Textarea Focus **/
input[id="devtitle"][name="devtitle"]:focus,textarea[id="devdesc"][name="devdesc"]:focus,input[id="devkeywords"][name="devkeywords"]:focus
{background:-moz-linear-gradient(top, #555, #3E3E3E 1px, #494949)!important;}

/** smbutton - green, black, notes, purple
=============================================== **/
.smbutton, .smbutton-green, .smbutton-black, .smbutton-purple {
border-color:#282828 !important;
-webkit-box-shadow:0 1px 0 rgba(100,100,100, 0.3) !important;
-moz-box-shadow:0 1px 0 rgba(100,100,100, 0.3)!important;
background:#535353 !important;
background:-moz-linear-gradient(-90deg, #535353, #3D3D3D)!important;
background:#535353 !important;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#535353', EndColorStr='#3D3D3D') !important;
color:#909090 !important; text-shadow:0 -1px 0 #333; font-family:Verdana, sans-serif;}

.smbutton:hover, .smbutton-green:hover, .smbutton-black:hover, .smbutton-purple:hover {
-webkit-box-shadow:0 1px 0 rgba(100,100,100, 0.3) !important;
-moz-box-shadow:0 1px 0 rgba(100,100,100, 0.3)!important;
background:#616161 !important;
background:-moz-linear-gradient(-90deg, #616161, #474747) !important;
_background:#616161 !important;
_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#616161', EndColorStr='#474747') !important;}

.smbutton:active, .smbutton-green:active, .smbutton-black:active, .smbutton-purple:active {
-webkit-box-shadow:0 1px 0 rgba(100,100,100, 0.3) !important;
-moz-box-shadow:0 1px 0 rgba(100,100,100, 0.3)!important;
background:#2C2C2C !important;
background:-moz-linear-gradient(-90deg, #2C2C2C, #404040) !important;
_background:#2C2C2C !important;
_filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2C2C2C', EndColorStr='#404040') !important;}

.smbutton span, .smbutton-green span, .smbutton-black span, .smbutton-purple span {border-top:1px solid #5D5D5D !important;}
.smbutton:hover span, .smbutton-green:hover span, .smbutton-black:hover span {border-top-color:#777 !important;}
.smbutton:active span, .smbutton-green:active span, .smbutton-black:active span {border-top-color:#4D4D4D !important;}
.smbutton small, .smbutton-green small {color:#888 !important;}

/*Depths*/

#depths #footer-da-journal li.first {
border-top-left-radius: 4px !important; border-top-right-radius:4px !important;}
#depths #footer-da-journal li {
background: -moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent !important;}
#depths #footer-pane-extra div.base-padding {
background: black !important;}
#depths .pollbox .pollslider {
background: -moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent !important;}
#depths .pollbox .rightbut.disabled {
opacity: 0.4 !important; border: transparent !important;}
#depths .pollbox .rightbut {
background: -moz-linear-gradient(-90deg, #1A1A1A, #171717) repeat scroll 0 0 transparent !important; border: transparent !important;}
#depths .pollbox .leftbut.disabled {
opacity: 0.4 !important; border: transparent !important;}
#depths .pollbox .leftbut {
background: -moz-linear-gradient(-90deg, #1A1A1A, #171717) repeat scroll 0 0 transparent !important; border: transparent !important;}
#depths .pollbox .lefttab {
background: -moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent !important;}
#depths .pollbox .righttab {
background: -moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent !important;}

/*New Upload Page (moved from Other Stuff)*/

#container-overhead {
background: black !important;}

#ile-container {
background: black !important;
border: none !important;}

.ile-preview {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
border: none !important;}

.ile-description-input {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

#devtitle {
background: black !important;
box-shadow: none !important;
border: none !important;}

.ile-keywords-inner {
background: black !important;
box-shadow: none !important;
border: none !important;}

#autocomplete-placebo {
background: #202020 !important;
box-shadow: none !important;
border: none !important;}

.isearch {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

.pager-panes {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

div.ile-feature:nth-child(2) {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

div.ile-feature:nth-child(3)  {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

.ile-feature-downloads-items {
background: -moz-linear-gradient(-90deg, #303030, #404040) repeat scroll 0 0 transparent !important;
box-shadow: none !important;
border: none !important;}

/******/
/*Other stuff (fixes, etc.)*/

#cooler-comment-submit{position:fixed!important;bottom:0!important;width:auto!important;background:-moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent!important;margin-right:55px!important;left:90px!important; right:0!important;padding:5px!important;padding-top:10px!important;z-index:9999!important;height:5px!important;width:300px!important;-moz-border-radius-topleft:5px!important; -moz-border-radius-topright:5px!important;-moz-box-shadow:0 0 5px #000!important;}
.ccname{left:-50px!important;}
#cooler-comment-submit:hover{height:auto!important;width:auto!important;}

.shadow img:hover{-moz-box-shadow:3px 3px 5px #000!important;margin-top:-3px!important; margin-left:-3px!important;}

.overlay-stream{background:#202020!important;}
.dcut{background:-moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent!important;}

.gmhuge{-moz-box-shadow:3px 3px 5px #000!important;-moz-border-radius:5px!important;}
.gmvoteyes{background:-moz-linear-gradient(-90deg, #404040, #303030) repeat scroll 0 0 transparent!important;}
.gmvoteyes:hover{background:-moz-linear-gradient(-90deg, #101010, #303030) repeat scroll 0 0 transparent!important;}

.gmvoteno{background:-moz-linear-gradient(-90deg, #404040, #303030) repeat scroll 0 0 transparent!important;}
.gmvoteno:hover{background:-moz-linear-gradient(-90deg, #303030, #303030) repeat scroll 0 0 transparent!important;}

.gmhugeoff{background:-moz-linear-gradient(-90deg, #404040, #303030) repeat scroll 0 0 transparent!important;}

div.options-container{background:#101010!important;}

#depths #footer-pane-channels div.base-padding {background: -moz-linear-gradient(-90deg, black, #101010, black) repeat scroll 0 0 transparent !important;}

#depths #footer-pane-extra div.base-padding {
background-color: black;
padding-top: 0;}

#depths #footer-pane-channels div.channels-pane-faux3dborder {
border-bottom: 1px solid #101010 !important;
border-top: 1px solid #101010 !important;
border-left: 20px solid #101010 !important;}
.sleekadbubble {
background: black!important; border: 1px solid #101010!important;}
.sleekadfooter .promo-text {
background: black !important;}
.pagination ul.pages li.prev a.disabled {
background: black !important; border: 1px solid #101010;}
body.gruze div.bubbleview .pagination ul.pages li.current a {
background: -moz-linear-gradient(-90deg, #202020, #101010) repeat scroll 0 0 transparent !important;}

body.gruze div.bubbleview .pagination ul.pages li a, body.gruze div.bubbleview .details-section a {
background: -moz-linear-gradient(-90deg, #101010, #050505) repeat scroll 0 0 transparent !important;
}

.bt-selector a.selected {
background:black !important;}

div.browse-container .browse-top-bar {
background: black !important;}

div.browse-container .browse-left-bar {
background: black !important; border-right: 1px solid #404040 !important;}

div.browse-content {
background: black !important;}

.browse-facet a.selected {
background: -moz-linear-gradient(-90deg, black, #404040) repeat scroll 0 0 transparent !important;}

.browse-facet ul a {
color: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important; padding: 5px !important;}

.browse-facet ul a:hover {
color: -moz-linear-gradient(-90deg, black, #101010) repeat scroll 0 0 transparent !important; padding: 5px !important;}

body.gruze .bubbleview {
background: black !important;}

div.modal.modal-rounded {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important; box-shadow: none !important;}

div.modal-devwatch div.modal-devwatch-options {
background: -moz-linear-gradient(-90deg, #202020, #303030) repeat scroll 0 0 transparent !important;}

.right-buttons .button.left, .right-buttons .button.middle, .right-buttons .button.right, .right-buttons .button.sitback {
background: -moz-linear-gradient(-90deg, #101010, #202020) repeat scroll 0 0 transparent !important; !important;}

.popup2.popup2-friends-menu {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;}

.friendmachine-new .readout {
background: black !important;}

.friendmachine .controls a.edit {
background: black !important;}

.friendmachine .controls a.edit:hover {
background: #101010 !important;}

#theWho div.even {
background: #101010 !important;}

#theWho div.odd {
background: #202020 !important;}

div.image-comments-closed span {
background: -moz-linear-gradient(-90deg, black, #202020) repeat scroll 0 0 transparent !important;}

.dv7-dyn .textbanner-ad {
background: black !important; border-bottom: 1px solid black !important;}

.drawPlz .topbar {
  background: -moz-linear-gradient(-90deg, #101010, #202020) repeat scroll 0 0 transparent !important;
  border-top: 1px solid rgb(217, 217, 214);
  min-height: 18px;}

.cctextarea, .cctextarea textarea {
  -moz-box-sizing: border-box;
  background: black;}

.cctextarea {
  border: 1px solid rgb(85, 85, 85);
  margin: 0px 0px 10px;
  display: block;
  background: url("/minish/deviation/textarea-shadow-left.png") no-repeat scroll 0% 0%, url("/minish/deviation/textarea-shadow-right.png") no-repeat scroll right top, url("/minish/deviation/textarea-shadow.png") repeat-x scroll 0% 0% black;
  padding: 3px;
  border: 0px;
}

.body.gruze .bubbleview {
  color: rgb(0, 0, 0);
}

.element {
  background: black !important;;
  margin-top: -3px;
}

.ppp {
background: black !important;}

div.messages {
  background: none repeat scroll 0% 0% rgb(0, 0, 0);
  position: relative;
}

div.message-simulator {
  padding: 10px 15px 5px;
  white-space: normal;
  font-size: 9pt;
  font-family: Verdana,sans-serif;
  background: black !important;
}

body#deviantART-v5.bubble.squish {
background-color: black !important;}

.da-custom-ad-box {
background: black !important;}

#aboutme-interests-button {
background:  -moz-linear-gradient(-90deg, #101010, #202020) repeat scroll 0 0 transparent !important;}

span.aboutme-interests-label {
background:  -moz-linear-gradient(-90deg, #101010, #202020) repeat scroll 0 0 transparent !important;}

span.aboutme-interests-value {
background:  black !important;}

#output > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
display: none !important;}

#output > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
background: black !important;}

#output > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
width: 120px !important;
background: url("imageshack.us/a/img841/7880/da…") !important;}

#da-h1:hover {
background: -moz-linear-gradient(-90deg, #303030, black) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black!important;}

div.stash-upload-box {
background: -moz-linear-gradient(-90deg, black, black) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black!important;}

div.normal:nth-child(1) > span:nth-child(1) {
background: -moz-linear-gradient(-90deg, #303030, black) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black !important;}

div.stash-upload-box:nth-child(2){
background: -moz-linear-gradient(-90deg, #303030, black) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black!important;
width: 98% !important;
height: 40% !important;}

.ile-description-input {
background: transparent !important;}

#gmi-SubmitTabbar {
background: black !important;
border: none !important;}

#gmi-SubmitTab {
background: -moz-linear-gradient(-90deg, black, #303030) repeat scroll 0 0 transparent!important;width:100%!important;position:fixed!important; border-bottom:1px solid black !important;
width: 8% !important;
border: none !important;}

div.stash-modal:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
width: 32% !important;
height: 40% !important;}

.modal-button-holder {
background: transparent !important;
border: none !important;}

i.fade {
background: black !important;
opacity: 0.9 !important;}

div.f:nth-child(1) {
background: black !important;
border: none !important;}

.pppbox {
background: -moz-linear-gradient(-90deg, black, #303030) repeat scroll 0 0 transparent!important;
height: 90% !important;}


#super-secret-stats > div:nth-child(1) {
-moz-linear-gradient(-90deg, black, #303030) repeat scroll 0 0 transparent!important;
}

div.ccwriter-content {
background: black !important;}

DIV#writer8216228072-writer.writer.no-lub.put-art-here.ui-droppable {
background: black !important;}

.dev-right-col-bg {
background: black !important;}

a.share-button.note {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.share-button.facebook {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

#gmi-ResourceViewShareTumblr {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.share-button.twitter {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

div.share-button.more {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

.deviation-share-links-dropdown {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.dev-page-button:nth-child(1) {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.dev-page-button:nth-child(2) {
border: none !important;
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.dev-page-button:nth-child(3) {
border: none !important;
background: -moz-linear-gradient(-90deg, #404040, #303030) repeat scroll 0 0 transparent!important;}

.dev-page-view {
background: black !important;}

div.dev-page-container.bubbleview {
background: black !important;}

.dev-right-col-bg {
border-left: 1px solid #202020}

a.gtab {
background: -moz-linear-gradient(-90deg, #404040, black) repeat scroll 0 0 transparent!important;}

li.tab.active.profile {
background: black !important;}

.dev-view-deviation {
background: -moz-linear-gradient(-90deg, black, black, black) repeat scroll 0 0 transparent!important;}

div.deviation-full-minipage{
background: black !important;}

#fave-btn-wrap {
background: black !important;}

div.action-button {
background: -moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}

div.description-fader {
background: -moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}

div.minipage-show-description.browse-proper-button {
background: -moz-linear-gradient(-90deg, #202020, black) repeat scroll 0 0 transparent!important;}

div.browse-inline-ad.browse-inline-728x90 {
background: black !important;}

a.promo-text-link {
background: black !important; border: 1px solid #fff !important;}

li.tab.active.editable {
background: black !important; border: none !important;}

div.dev-view-deviation {
background: black !important;}

a.gtab {
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

a.a {
background: black !important;}

div.dev-right-col-bg {
background: black !important;}

a#gmi-GPageButton.away {
background: -moz-linear-gradient(-90deg, #303030, #202020) repeat scroll 0 0 transparent!important;}

#userlist ul.list li {
background: -moz-linear-gradient(-90deg, #303030, black) !important;}

}
NOTE TO ADMINS: Could you please move this deviation back to /deviantART Related/deviantART Skins & Scripts? For some reason I was unable to select that category when updating. Thanks!

NEW: I've just launched a wiki for all things dAblack-related. Check out the new dAblack Wiki! As I go along, I'll be adding pages for new skins in the dAblack family. Of course, if you want to draw a little more attention to your deviantART skin, you can create a page there and post a screenshot or two of it as well as a link to download it from. What are you waiting on? Go have a look! :)

EDIT 17: Welcome to version 2.1/10.31.2013! This update makes the skin compatible with dA's new main page and fixes a few other things as well. To get the update, you'll have to re-download the skin or update it using Userstyles.org's automatic updater (details below). Happy Halloween!

EDIT 16: Welcome to version 2.0! In this version, I've finished up the outgoing links page, as well as updated the skin for the new Sta.sh upload wizard. I've also done a few more fixes and tweaks, not the least of which was FINALLY dealing with the "hover bug" which caused the deviantART logo in the top right-hand corner to look odd when hovering over it. To get the update, you'll either have to re-download from here or update via Userstyles (instructions below).

EDIT 15: Welcome to version 1.9/6.6.2013! It's been an incredibly long time since I've been here. This was going to be a small update, but since things have changed so much I decided to just go ahead and fix all the bugs I could find. Among many other things, the skin has been updated for the new update page (which I really like, by the way - thanks dA!), as well as to make the massive ad space on the front page black, and I've also started work on the outgoing links page, although that page is still a little unfinished. To get the update, you'll have to re-download the skin (instructions below).

EDIT 14: Welcome to version 1.8/10.13.2012! In this version, I've colored in the popup you get right after you've added someone to your deviantWATCH, as well as fixed the friends menu and added gradients to the buttons in the top-right corner of the main page.

EDIT 13: Welcome to version 1.7.1! This changes the background of the ad space on the user pages to black so that it'll look as intended. To get the fix you'll have to re-download or update the skin via Userstyles.org (instructions below).

EDIT 12: Welcome to version 1.7! This update fixes the main page. Unfortunately, it's still only available here. Installation/updating instructions are below. :)
----->SUB-EDIT: Userstyles finally decided to accept the update, so you can now use it to update the skin. Instructions for updating via Userstyles are below. :D

EDIT 11: Welcome to version 1.6.2/7.5.2012! This is a small fix which styles the buttons which allow you to go to different pages in a user's gallery. To get the fix, you'll have to either re-download the style from here or update it via Userstyles.org. More specific instructions can be found below, under "Downloading, installing and updating."
---->SUB-EDIT For some reason, Userstyles won't accept the code because it's "invalid CSS," despite the fact that it's perfectly valid. I don't know what the problem is, but I've never had this happen before. For now, the only way you can update it is via this page.

EDIT 10: Welcome to version 1.6.1/6.1.2012! This is an incremental update, which simply removes white shadows from preview boxes and styles the "Note sent successfully!" message in the notes center. Also, I've changed the update date to reflect the date on which the current version was written (the previous version said that the update date was September 27, 2011 when in fact it was May 24, 2012). To get the update you'll have to re-download.

EDIT 9: Welcome to version 1.6/5.24.2012! Sorry for the long update time. This version is by far the biggest update yet. Here's a list of the fixes included in this version:

1. The journal portal and the polls section at the bottom of the page are now styled.
2. The notes center has been fixed (AGAIN!)
3. The un-styled part of the search bar has been styled.
4. The white area around journals and featured deviations on a deviant's page has been fixed.
5. The advertisement spaces in the messages center and notes center have been turned black (ads will still show up, however).

To get the update, you will have to re-download the skin. Instructions for installing and updating are below. Major thanks goes to ~Gpopper once again for being awesome and providing a good bit of this version's code! :D

EDIT 8: Welcome to version 1.5/9.27.2011! In this version, I've styled the room tabs in dAmn, adding a nice gradient, as well as a few other major updates to dAmn chatrooms. Big thanks to =Alucard-Dracula01 for alerting me to the fact that the dAmn room tabs were un-styled. To get the update you'll need to re-download.

EDIT 7: Welcome to version 1.4.2/5.7.2011! This update simply fixes the problem with this style affecting all websites. You'll have to re-download to get the fix. Thanks to ~Gpopper for helping me figure out what the problem was.

EDIT 6: Welcome to version 1.4.1/5.6.2011! This is an incremental update, but it fixes a critical problem with 1.4: after installing 1.4, it would change every site you visited, not just deviantART (for example, it would magically make Userstyles.org all-black). To get the fix you'll have to re-download. Also, this update is available on Userstyles.org if you'd like to use that instead (instructions are below the edits). For some reason, the problem is still occurring. I'll provide an update when I can; for now, you'll have to manually activate/deactivate it.

EDIT 5: Welcome to version 1.4/5.6.2011! This is by far the largest update since release. Using code from ~Gpopper's darkGRAY v7 style, I've been able to re-style the daily deviations page and box as well as the submission page, and, via some new code, the footer at the bottom of the page (which was all-green before). Also included in this update is an issue with the attribution (for some reason, starting with 1.3, it went back to crediting Valacar for Trezoid's code layout). I've also included a handy table of contents to help potential modders navigate the code. As a note, this, for the time being, is a dA-EXCLUSIVE UPDATE. The reason for this is that Userstyles won't accept the code, so until I get that figured out, installing this theme via Userstyles.org will only install 1.3.1.

EDIT 4: Welcome to version 1.3.1/11.12.2010! This is just a minor update. It came to my attention a while back that when logged out, the dA logo and part of the search bar would be missing from the overhead menu. I fixed that by deleting the custom logo from the stylesheet, so now the normal deviantART logo shows up there. A very small portion of the search bar will appear gray, because dA's logo file has it like that. Other than that, I've changed the lower part of the overhead to be totally black, and that's about it.

EDIT 3: Welcome to version 1.3/10.29.2010! I've fixed numerous other things this time around. For instance, in the message center, when you hit the "Original" button in the reply section, the popup should now have a cool new gradient instead of that horrid off-white that makes things hard to read. Also, the comment box background and reply box background should now be black. Oh, and I stuck some gradients onto some buttons to make them fit in nicer and make them easier to read. However, not all buttons have changed because many of them rely on Windows/Mac's standard button background. I'll see what I can do about styling them, though. Shouldn't be that big of a problem.

EDIT 2: Welcome to v.1.2/10.28.2010! This new release includes numerous bug fixes, mainly with the ad space in the notes center. The center appears much darker now, as I was able to separate the adspace and sidebar so I could get the adspace to be black without affecting the text. Also, the text area for the note should now appear black, as well as the area under the list of notes. So, all in all, the notes area should appear almost all black instead of some black and some gray (I left the lines between the notes gray to provide a little bit of organization). As a side note, I corrected the attribution area at the top of the stylesheet so that it no longer credits Valacar for Trezoid's code layout. Phew, that's a lot of work!

As an aside: for whatever reason, I couldn't change the text of the HTML file, so to download it, just copy the text under the image into Stylish.

EDIT: Welcome to v1.1/8.19.2010! This time, I actually styled the notes center with the help of the mega-awesome ~hkk, who wrote the original dAblack! Thanks, ~hkk!

-----

dAblack is back in black!

This is a significantly reworked version of dAblack-so significant, in fact, that none of the original dAblack's code survives. As a matter of fact, I had to take the code from Trezoid's deviantDARK V3 on Userstyles.

Anyway, enough about that. The new dAblack has some huge changes from hkk's version. The first thing you will notice is that there are a lot more gradients, which make the website look all shiny. Next, instead of having to scroll down to add a comment, there's a tab in the bottom left that you can mouse over, which reveals a text field. Also, the whole thing is just a lot darker.

Downloading, installing and updating
Installing is easy. First, you should get Stylish. After that, just hit "Download", then randomly click into the text. Then, hit Control+A (Command+A for Mac users) to select all. After that, come back over here, hit Control+C (Command+C on Mac). Once that's done, click the Stylish icon in the lower right of your browser, select "Write new style">"For deviantart.com". A window will come up with the text

~namespace url(www.w3.org/1999/xhtml);

@-moz-document domain("www.deviantart.com") {

}

Delete that (don't cut it, or you'll have to download this again), paste the text into the window, click "Save", and enjoy!

But I can't/don't want to do all that!
Cool. Just hop over to the theme's page on Userstyles and hit "Install with Stylish".

Updating
From deviantART
To update the style without leaving deviantART, hit "Download." Next, click anywhere in the text, hit Ctrl+A to select all of it, then right-click and select "Copy." Open up the theme in Stylish, hit Ctrl+A once again, and then hit backspace to delete the old version's code. Paste the code you just copied into the window, hit "Save," and enjoy!

From userstyles.org
Go to the theme's page on Userstyles.org and hit "Update." :)

Credit goes to Trezoid on Userstyles for the basic code layout (although I did alter it a lot) and ~hkk for the original dAblack, one of my favorite dA skins ever.

Screenshots
Just in case those screens in the preview above are too small, here are some bigger screens:

Main Page
Profile Page
Deviation Page
Comments Section
Message Center
Help & FAQ
News
News Post
Forum
Forum Post
dAmn
Notes

Supported browsers

This theme is only for Firefox 3.6a1pre and up. It might work with 3.5, but downgrading your browser really isn't safe, so I haven't tested it with 3.5.

That means that other browsers, such as Chrome and Internet Explorer, are not supported and that this theme will not work properly in them. As ~hkk, creator of the original dAblack, explains below:

"A little further explanation if you're interested: the CSS code (which you see above, as the text of this deviation) has some quirks. CSS is a language to describe (i.e. define) the style and layout of a website, it is being interpreted by your browser and applied to another part of the website description (the HTML, which describes the content).
The current standard of CSS, version 3, introduced many new features, but it was in development for a long time, and some browsers don't fully support all of it; however, some browsers introduced similar features as proprietary extensions. That is all the lines starting with "-moz-..." and "-webkit-..." (moz being for Firefox/Mozilla and webkit being for Chrome/Webkit).

"As you can see, it is quite the hassle to support more than one browser like this, especially since the definitions look a bit different in different browsers -- this is especially critical in some places where items are aligned very closely, on a per-pixel basis.

"As GyroxOpex mentioned, adapting the style to be usable with Chrome would take as long as writing a completely new style, and it might not even be completely compatible."

-----

Have a nice one, and if you've got any problems, just report them to me!
Creative Commons Attribution-Noncommercial 3.0 License
Comments183
Join the community to add your comment. Already a deviant? Log In
Paws-and-Art's avatar
Paws-and-Art
does this still work?