Skip to content

Instantly share code, notes, and snippets.

@netsprout
Last active November 6, 2015 23:24
Show Gist options
  • Save netsprout/2ea5a3852997eba33adb to your computer and use it in GitHub Desktop.
Save netsprout/2ea5a3852997eba33adb to your computer and use it in GitHub Desktop.
DK Interstitial CSS Hacks: Hacking the splash ad css and injecting it into the DOM on the console
$('.interstitial-ad iframe:visible')
.contents()
.find('head')
.append("<style type='text/css'> body { background: red; } </style>")
$('.interstitial-ad iframe:visible')
.contents()
.find('head')
.append("<style type='text/css'>#ad-button { height: 26px !important; top: 212px !important; left: 270px !important; } </style>")
$('.interstitial-ad iframe:visible')
.contents()
.find('head')
.append("<style type='text/css'> #ad-button { height: 26px !important; top: 212px !important; left: 270px !important; } #right_splash_container > h2 { margin-bottom: 0 !important; } #petitionSplash { max-height: none !important; min-height: 240px !important; width: 655px !important; } #ad-close { width: 17px !important; height: 17px !important; } #ad-button, #ad-close { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,116,30)), color-stop(0.64, rgb(245,141,43)) ) !important; } </style>")
$('.interstitial-ad iframe:visible')
.contents()
.find('head')
.append("<style type='text/css'> " +
" #ad-button { " +
" height: 26px !important; " +
" top: 212px !important; " +
" left: 270px !important; " +
" } " +
" " +
" #right_splash_container > h2 { " +
" margin-bottom: 0 !important; " +
" } " +
" " +
" #petitionSplash { " +
" max-height: none !important; " +
" min-height: 240px !important; " +
" width: 655px !important; " +
" } " +
" " +
" #ad-close { " +
" width: 17px !important; " +
" height: 17px !important; " +
" } " +
" " +
" #ad-button, #ad-close { " +
" background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,116,30)), color-stop(0.64, rgb(245,141,43)) ) !important; " +
" } " +
"</style>")
<!-- # Latest: -->
<style type='text/css'>
#ad-button {
height: 26px;
top: 212px;
left: 270px;
}
#right_splash_container > h2 {
margin-bottom: 0;
}
#petitionSplash {
max-height: none;
min-height: 230px;
width: 655px;
height: 0;
}
#ad-close {
width: 17px;
height: 17px;
}
</style>
<!-- # Previous -->
<style type='text/css'>
#ad-button {
height: 26px;
top: 212px;
left: 270px;
}
#right_splash_container > h2 {
margin-bottom: 0;
}
#petitionSplash {
max-height: none;
min-height: 240px;
width: 655px;
height: 0;
}
#ad-close {
width: 17px;
height: 17px;
}
#ad-button, #ad-close {
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,116,30)), color-stop(0.64, rgb(245,141,43)) );
}
</style>
<style type='text/css'>
#ad-button {
height: 26px;
top: 212px;
left: 270px;
}
#right_splash_container > h2 {
margin-bottom: 0;
}
#petitionSplash {
max-height: none;
min-height: 240px;
width: 655px;
height: 0;
}
#ad-close {
width: 17px;
height: 17px;
}
</style>
<style type='text/css'> #ad-button { height: 26px !important; top: 212px !important; left: 270px !important; } #right_splash_container > h2 { margin-bottom: 0 !important; } #petitionSplash { max-height: none !important; min-height: 240px !important; width: 655px !important; } #ad-close { width: 17px !important; height: 17px !important; } #ad-button, #ad-close { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(221,116,30)), color-stop(0.64, rgb(245,141,43)) ) !important; } </style>
<style type='text/css'> #ad-button { height: 26px; top: 212px; left: 270px; } #right_splash_container > h2 { margin-bottom: 0; } #petitionSplash { max-height: none; min-height: 240px; width: 655px; } #ad-close { width: 17px; height: 17px; }</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment