Skip to content

Instantly share code, notes, and snippets.

@mkody
Last active April 6, 2016 21:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mkody/eb53b9c9b4ecb14c9746 to your computer and use it in GitHub Desktop.
Save mkody/eb53b9c9b4ecb14c9746 to your computer and use it in GitHub Desktop.
My Little deviantART (ParallaxMLP)

The picture used is from ParallaxMLP on deviantArt, go visit him!

Updates are done with cloneddragon's help!
Available now on gist.


  • 6th April 2016: Added floating pony back, thanks cloneddragon! (See lines 11 and 12)
  • 17th November 2015: Now support new redesign, "Watch 2.0". Also, dropped support for old logo and floating pony.
  • 3rd May 2015: Fix display on error pages (like deactivated account) by cloneddragon
  • 6th April 2015: New fix by cloneddragon + update for old logo
  • 14th December 2014: Yay, new dA design! Old and new logo available
  • 16th November 2014: New layout changes, fixed for not floating version
  • 17th September 2014: Fixed for new layout change + updated both code
  • 25th February 2014: Fixed for submit page
  • 16th February 2014: Better "floating" pony (cloneddragon's fix)
  • 15th February 2014: Fix to new deviantArt small changes
  • 5th october 2013: Firefox overflow-update (cloneddragon's fix)

@-moz-document domain("deviantart.com") {
.oh-eax h1, .retina_logo {
overflow: hidden !important;
}
/* OLD DESIGN */
#overhead #deviantart-logo{
background-image: url('http://fc04.deviantart.net/fs70/f/2014/348/4/2/dapony_only_by_mkody-d89uy4b.png') !important;
background-repeat: no-repeat !important;
height: 46px !important; /* NON-FLOATING PONY */
/* height: 69px !important; FLOATING PONY */
width: 127px !important;
top: 3px !important;
left: 0 !important;
position: absolute !important;
pointer-events: none !important;
}
#overhead #deviantart-logo .type,
#join #header #deviantart-logo .type {
width: 109px !important;
height: 30px !important;
position: absolute !important;
top: 7px !important;
left: 36px !important;
}
#overhead #deviantart-logo .mark,
#join #header #deviantart-logo .mark {
display: none !important;
}
/* /end OLD DESIGN */
/* NEW DESIGN */
.logo_container #deviantart-logo {
width: 122px !important;
}
.logo_container #deviantart-logo .mark {
background-image: url('http://fc04.deviantart.net/fs70/f/2014/348/4/2/dapony_only_by_mkody-d89uy4b.png') !important;
background-repeat: no-repeat !important;
height: 50px !important;
width: 127px !important;
top: -7px !important;
left: -20px !important;
position: absolute !important;
pointer-events: none !important;
}
.logo_container #deviantart-logo .type {
position: absolute !important;
left: 17px !important;
}
.logo_container #deviantart-logo .mark > svg {
display: none !important;
}
/* /end NEW DESIGN */
/*stash: don't display the logo twice*/
.stash-submit-page .oh-keep:first-child {
background-image: none !important;
}
/*error page: this positions the full body pony*/
.error-deactivated #deviantart-logo {
margin-top:-14px!important;
background-position: 12px 0px !important;
}
/*error page: stretches the display box*/
.error-deactivated #deviantart-logo {
width: 100% !important;
height: 69px !important;
}
/*error page: hides the normal logo*/
.error-deactivated #deviantart-logo .mark {
display: none;
}
/*error page: repositions the DA title, only the new one though, haven't tested with the old one*/
.error-deactivated #deviantart-logo .type {
padding-left: 48px !important;
height: 30px !important;
padding-top: 10px !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment