Advertisement
Psykek

haveibeenpwned night theme

Jan 29th, 2019
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.46 KB | None | 0 0
  1. /*
  2.     To use this, you need to download the stylus extension off of your browser (don't download the stylish extension as that contains spyware). You can get this extension here: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ or https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en
  3.  
  4.  
  5. After you download that extension, click on it at the top right of your browser then click "manage". It will pop up a window which you can then click on "Write new style" (located on the left side of the screen) and paste the css into the the text area. Make sure you click on the + sign at the bottom and add the website URL(s) so that it only applies there and not everywhere else. Otherwise you will just get messed up webpages everywhere else you go. After you are done with that, click save and it should work.
  6.  
  7.  
  8. Here are all of the pages you will need to add:
  9. - haveibeenpwned.com
  10.  
  11.  
  12. Images: https://vgy.me/mEgrQ5.jpg, https://vgy.me/1N2DgT.jpg, https://vgy.me/tpfmRj.jpg
  13.  
  14. *Images may differ from product due to possible future updates. If the theme changes drastically in future updates then images will also be updated.  
  15.  
  16.  
  17. If you want to contact me, add me on discord at Psykek#3180 or join the server: https://discord.gg/9uMWE3U
  18. */
  19.  
  20.  
  21.  
  22. .navbar-static-top .container {
  23.     background-color: #101010;
  24. }
  25. .navbar-static-top {
  26.     background-color: #101010;
  27. }
  28. .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  29.     color: #fff;
  30.     background-color: #080808;
  31.     border-radius: 10px;
  32.     width: 100px;
  33.     text-align: center;
  34. }
  35. .nav > li {
  36.     background-color: #101010;
  37. }
  38. .navbar-inverse .navbar-nav > .active {
  39.     background-color: #101010;
  40. }
  41. .navbar-inverse .navbar-nav > .active > a:hover {
  42.     background-color: #202020;
  43. }
  44. .main {
  45.     background-color: #151515
  46. }
  47. .secondaryHeader {
  48.     background-color: #131313;
  49. }
  50. .tertiaryHeader {
  51.     background-color: #111111;
  52.     color: #808080;
  53. }
  54. body {
  55.     background-color: #111111;
  56. }
  57. .logoPanel p {
  58.     color: grey;
  59. }
  60.  
  61. .input-group .form-control {
  62.     background-color: #202020;
  63.     box-shadow: none;
  64. }
  65. a.btn-primary {
  66.     border: 1px solid #100000!important;
  67.     background-color: #101010;
  68. }
  69. .btn-primary, a.btn-primary {
  70.     border: 1px solid black !important;
  71.     background-color: #101010;
  72. }
  73. a.btn-primary:hover {
  74.     background-color: #151515;
  75. }
  76. .btn-primary {
  77.     color: grey;
  78. }
  79. .main {
  80.     color: grey;
  81. }
  82. .main .main-logo .logo {
  83.     border-radius: 30px;
  84.     border: 5px solid #202020;
  85.     font-size: 5.15em;
  86.     padding: 8px 20px;
  87.     background-color: rgba(10,10,10,0.2);
  88. }
  89. .tertiaryHeader a.btn, .pwnResultBanner a.btn {
  90.     background-color: #090909;
  91.     color: #808080!important;
  92.     border: 1px solid black;
  93.     margin-left: 10px;
  94. }
  95. .tertiaryHeader a.btn:hover  {
  96.     background-color: #131313;
  97.     color: #808080!important;
  98.     border: 2px solid black;
  99.     margin-left: 10px;
  100. }
  101. .in img {
  102.     display: none;
  103. }
  104. .col-sm-3 {
  105.     color: grey;
  106. }
  107. .pwnCompany a {
  108.     color: #099099
  109. }
  110. .col-sm-6 h3 {
  111.     color: grey;
  112. }
  113. .dropdown-menu a {
  114.     background-color: #141414;
  115. }
  116. .dropdown-menu {
  117.     position: absolute;
  118.     top: 100%;
  119.     left: 0;
  120.     z-index: 1000;
  121.     display: none;
  122.     float: left;
  123.     min-width: 160px;
  124.     padding: 0px 0;
  125.     margin: 0px 0 0;
  126.     font-size: 14px;
  127.     text-align: left;
  128.     list-style: none;
  129.     background-color: #202020;
  130.     -webkit-background-clip: padding-box;
  131.     background-clip: padding-box;
  132.     border: 1px solid #ccc;
  133.     border: 1px solid rgba(0,0,0,.15);
  134.     border-radius: 4px;
  135.     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  136.     box-shadow: 0 6px 12px rgba(0,0,0,.175);
  137. }
  138. #noPwnage, #PwnedPasswordsDonate {
  139.     background: -moz-linear-gradient(-45deg,#101010 0,#000000 100%);
  140.     background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#000000));
  141.     background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
  142.     background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
  143.     background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
  144.     background: linear-gradient(135deg,#101010 0,#000000 100%);
  145.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010',endColorstr='#000000',GradientType=1);
  146. }
  147. #noPwnage .pwnTitle a, #noPwnage .pwnTitle a:link {
  148.     padding: 0;
  149.     border-bottom: 1px solid #454545;
  150. }
  151. #noPwnage a, #noPwnage a:link, #noPwnage a:visited {
  152.     border-bottom-color: #454545;
  153. }
  154. #noPwnage a, #noPwnage a:link, #noPwnage a:visited {
  155.     border-bottom-color: #454545;
  156. }
  157. #noPastesFound a:hover {
  158.     background-color: #454545;    
  159. }
  160. #noPwnage a:hover {
  161.     background-color: #454545;
  162. }
  163. .modal-header {
  164.     border-top-left-radius: 10px;
  165.     border-top-right-radius: 10px;
  166.     padding: 10px 20px;
  167.     border-bottom: none;
  168.     background: -moz-linear-gradient(-45deg,#101010 0,#000000 100%);
  169.     background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#000000));
  170.     background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
  171.     background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
  172.     background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
  173.     background: linear-gradient(135deg,#101010 0,#000000 100%);
  174.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101010',endColorstr='#000000',GradientType=1);
  175. }
  176. .form-control {
  177.     color: grey;
  178.     background-color: #101010;
  179. }
  180. .table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  181.     border: 1px solid #505050;
  182. }
  183. .bg-info {
  184.     border-radius: 10px;
  185.     background-color: #181818;
  186.     color: grey;
  187. }
  188. code {
  189.     background-color: #202020;
  190. }
  191. .bodyGradient {
  192.     background: -moz-linear-gradient(-45deg,#101010 0,#0000000 100%);
  193.     background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#101010));
  194.     background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
  195.     background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
  196.     background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
  197.     background: linear-gradient(135deg,#101010 0,#000000 100%);
  198.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1932',endColorstr='#000000',GradientType=1);
  199.     color: #fff;
  200. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement