Git Product home page Git Product logo

html {background:

 /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE url("") *****/


 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAAC4AgMAAADvbYrQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAJUExURQwMDA8PDxISEkrSJjgAAAVcSURBVGjevZqxjtwwDETZTOOvm2Yafp0aNvzKFJRsade3ycqHLA4IcMo70LRIDsk1iDZ/0P8VbTmAZGZmpGiejaBECpLcIUH0DAUpSpIgHZkuSfTchaIJBtk4ggTJnVL94DzJkJjZNqFsECUDjwhEQpKUyXAKExSHh0T3bYgASSNn8zLpomSSSYg4Mo58BEEETaz3N35OL3SoW0iREvcgAyHzGKfoEN4g1t+qS7UBlR2ZLfO8L5J0WQh3KOABybNJfADpDfIol88vF1I6n0Ev5kFyUWodCoSOCIgfnumfoVigk1CkQpCQAVG+D/VMAuuJQ+hXij2RaCQW1lWY0s93UGaTCCFTw7bziSvyM4/MI/pJZtuHnKIy5TmCkJ4tev7qUKZSDyFXQXGFOz1beFsh11OonvjNEeGUFJN5T6GIHh1azAu9OUKSLJN70P/7jHCvotbrTEZGG0EjTSfBDG5CQfX7uUC5QBF1IlFqm1A/4kdIOi6IDyHwA5SCApKcnk+hH82bat2/P9MN1PNUr1W3lwb3d+lbqF5XRpv0wFSomTlElmz8bh9yZt5Btl7Y34MwILvM0xIaTyF3ZsYE9VMOKMav7SFUFpakQRU1dp0lm65Rr3UPIPZ7UVUSpJmB9KBkhhkyjHDfgkb+nX1bmV5OCSGkwytP0/MhFD9BdkofjSL0DJqTb6n7zObeTzKh0CkJnkIvN7OXcMnjyDghD+5BZzM3pRDIxot8EVlrevkSIj3rysyOGIKKZx+UgQzQMtsehK56V+jUJAMaqoB8Avk7pBfIT/1h+xCZGXFnni/mRRyZvWXdg8SIiLgxz18cgQ5xD/r02dJo/KjCuJhXwb80/BRcJnpOQfg95KoCIAlmBkNQQZ3TBZsLwCPILwiCiKDEOC0kxEMBUfkIGiLxgkSVhWsnjnqSZ1DwhGCz+DhdngGZXNvQmZdWMfWa4+z+9BtoxPWiMoyekUlJqM44IchDEsWH0JIvK9m0KQhNkI+JyTNo1WhvEKQa1QFPIV+KWmZTNeiAdLhMPGv1HnQ3v5pEIs1MgsvMkMQ8bPoSMpYf+wCNFdo8U1WJLBEyOI0l/HcgjysGShCOsVZ3x3BOjR9JxS50PfTxDvncXx69NW/PIa0QLS7oiKjhrYt7kGJuEeahIGVrVa3hrWITmkdY0muykRnMNEauxJx5voS0DGpXkXglyzFFOXLuNb6GYploQjqiqd8hdt2W1YbXvGYb0hvkbbR8FxS1NXgOaZlxN+/maTLvFyB/FfMepyPMjvTRoOgJ9P8+ZcQ6vAL52rfUVKYGXnwC+Yg2Xzr7VaX6M8i7eeM0XsYlb3o4apX0PdQd4Yt55QjYEptEXzBsQq/mVXWjRKDyG/oAjbUM8V3oB9let5K80Vo/a/3PkNCVR6ZCRyRAXAuSNirCWWoy2x4EnP9hzop+C+Uj6FolHcpaLqIL/FcoUmdzvAPZnXnVHwzIZkf4NkTJlF0kesylpoIwZOybQMPliG+hGmuZGfEyP3WRNdbCuVDqV+tnqGr8PXTtlY1LARgrxt4ZD+kj8SPEv0MobQvxGKp3qJ9zR/IImiWBrRrtzjz7K4QfoPHEBhquXOUTFJd5lXL2IIyXu07UMaA+5MKSez5AnCZjb9Cc6X3xLUdO5jDcGTVj+R4aY+e5u5Iou/5WrWYjIGW0zLYHnYlFOnSpjLmoRcxF7QFkA5rME+dlfUA6ukhs7tvQ7Ai/M29Z/dDFPeg/byRXOxykJM96xZimqhJ5r5Z3oP61AHo2aCSbCeLvQTFB8xd6xmL4t6BjQF1i/zp0tg31PY0OmY1taUFYHfEV9K/7x/nzB/aTFFDPHGpXAAAAAElFTkSuQmCC")

 /***** FOR A SIMPLE BLACK BACKGROUND JUST REMOVE THE URL LINE ABOVE *****/
 /***** Some background-images (you can also use your own url):

default: https://abload.de/img/bg_digital94uzx.png old default1: https://abload.de/img/b1fgs11.png old default2: https://abload.de/img/ultra_x2vm9k.jpg https://abload.de/img/b2w4shd.png https://abload.de/img/b3qrs99.png https://abload.de/img/b4zcse8.png https://abload.de/img/b5b1s7x.png https://abload.de/img/b6umsmy.png https://abload.de/img/b7ars8c.png https://abload.de/img/kubrickbgcolor2darkr8skc.png https://abload.de/img/xpattern_darkq8s3i.png https://abload.de/img/mainpatternolxcq.png

/ #1A1A1A / fixed */ !important}

/----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----/

  • { color: #999 !important; text-shadow: 0 0 3px #000 !important; box-shadow: none !important; background-color: transparent !important; border-color: #444 !important; border-top-color: #444 !important; border-bottom-color: #444 !important; border-left-color: #444 !important; border-right-color: #444 !important} body {background: transparent !important} *:before, *:after {background-color: transparent !important; border-color: #444 !important}

a, a * { color: #409B9B !important; text-decoration: none !important} a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover, [role="link"]:hover, [role="link"]:hover *, [role="button"]:hover *, [role="menuitem"]:hover, [role="menuitem"]:hover *, .link:hover, .link:hover * { color: #F0F0F0 !important; text-shadow: 0 0 5px rgba(255,255,200,0.9) !important} a:visited, a:visited * { color: #607069 !important} a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"] { color: #DDD !important; font-weight: bold !important}

h1, h2, h3, h4, h5, h6, h1 , h2 , h3 , strong, [id="headline"], [class="headline"], [id="header"], [class*="header"], [class*="header"] td { color: #DDD !important} a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, a strong, a[id*="headline"], a[class*="headline"], a[id*="header"], a[class*="header"] { text-decoration: underline !important} [class*="error"], [class*="alert"], code, span[onclick], div[onclick] { color: #900 !important}

::-moz-selection {background: #377 !important; color: #000 !important} ::selection {background: #377 !important; color: #000 !important} :focus {outline: none !important}

/----- MENU & CO BACKGROUND-COLORS -----/ div[style="display: block;"], div[role="navigation"] {background: rgba(0,0,0,.5) !important}

table { background: rgba(40,30,30,.6) !important; border-radius: 6px !important} table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even) { background-color: rgba(0,0,0,.2) !important}

iframe, embed, nav, label [onclick], nav ul, div[style*="position:"][style*="left:"][style*="visible"], div[style*="z-index:"][style*="left:"][style*="visible"], div[style*="-moz-user-select"], div[role="menu"], div[role="dialog"], span[class*="script"] div, [id*="menu"], [id*="Menu"], [class*="dropdown"], [class*="popup"], [class="title"], ul[style*="display:"], ul[style*="visibility:"] ul, [id*="nav"] ul, [class*="nav"] ul, ul[class*="menu"], a[onclick][style*="display"], a[id*="ghosteryfirefox"], #ghostery-purple-bubble, #translator-popup, .menu, .tooltip, .hovercard, .vbmenu_popup { background: rgba(5,5,5,.9) !important; border-radius: 5px; box-shadow: 1px 1px 5px #000 !important} header, #header, footer, #footer { background: rgba(19,19,19,.9) !important; box-shadow: 0 0 5px #000 !important} body > #dialog, body > .xenOverlay { background: rgba(19,19,19,.96) !important; background-clip: padding-box !important; box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111 !important; border: 10px solid rgba(99,99,99,.7) !important; border-radius: 0 !important;} [id*="overlay"], [id*="lightbox"], blockquote { background-color: rgba(35,35,35,.9) !important; border-radius: 5px} pre, dl, .Message code { background-color: rgba(5,5,5,.5) !important}

/----- DEFAULT BUTTONS, SEARCHBOXES & CO -----/ input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick] { -moz-appearance: none !important; -webkit-appearance: none !important; transition: border-color 0.3s !important; background: #060606 !important; color: #BBB !important; text-shadow: 0 1px #000 !important; border: 2px solid #333 !important; border-radius: 4px !important; box-shadow: 0 0 2px rgba(0,0,0,.9) !important} a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick] { transition: border-color 0.3s !important; background: #060606 !important; color: #BBB !important; text-shadow: 0 1px #000 !important; border-color: #333 !important; box-shadow: 0 0 2px rgba(0,0,0,.9) !important} a[href="javascript:;"]:hover, a[class*="button"]:not(:empty):hover, a[id*="button"]:hover, a[id*="Button"]:not(:empty):hover, div[class*="button"][onclick]:hover { background: #151515 !important; color: #FFF !important} input *, select *, button *, a.button *, a.submit * { color: #BBB !important; text-shadow: none !important} input:hover, input[type="button"]:hover, select:hover, button:hover, [role="button"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover { border: 2px solid #555 !important; border-top-color: #555 !important; border-bottom-color: #555 !important; border-left-color: #555 !important; border-right-color: #555 !important} input:focus, select:focus { box-shadow: 0 0 5px #077 !important} input *:hover * { color: #F0F0F0 !important; text-shadow: 0 0 2px #FFF !important} input[disabled], select[disabled], button[disabled], input[disabled]:hover, select[disabled]:hover, button[disabled]:hover, input[disabled]:focus, select[disabled]:focus, button[disabled]:focus { opacity: 0.5 !important; border-color: #333 !important}

/* input[type="checkbox"], input[type="radio"] { box-shadow: 0 0 0 2px #444, 0 0 2px 2px #000 !important; opacity: 0.7; transition: box-shadow 0.2s, opacity 0.2s !important} input[type="checkbox"]:not([disabled]):hover, input[type="radio"]:not([disabled]):hover { opacity: 0.9} input[type="checkbox"]:not([disabled]):active, input[type="radio"]:not([disabled]):active { box-shadow: 0 0 0 2px #999, 0 0 2px 2px #000 !important} input[type="checkbox"]:checked, input[type="radio"]:checked { box-shadow: 0 0 0 2px #077, 0 0 2px 2px #000 !important} input[type="checkbox"][disabled], input[type="radio"][disabled] { opacity: 0.35} */ input[type="checkbox"] {border-radius: 1px !important} input[type="radio"], input[type="radio"]:focus {border-radius: 100% !important} input[type="checkbox"], input[type="radio"] {min-width: 12px; min-height: 12px} input[type="checkbox"]:checked, input[type="radio"]:checked { border-color: #077 !important; box-shadow: 0 0 5px #077 !important}

select { padding-right: 15px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=) no-repeat right 4px center #060606 !important; transition: border-color 0.3s, background-position 0.3s !important}

button:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, a[class*="button"]:not(:empty):active, a.submit:active, a.BigButton:active, a.TabLink:active, .Active .TabLink { background: #292929 !important; color: #FFF !important}

textarea { -moz-appearance: none !important; -webkit-appearance: none !important; background: rgba(0,0,0,.3) !important; border-radius: 3px !important; border: 1px solid #000 !important; box-shadow: inset 0 0 8px #000 !important; transition: border-color, background, 0.3s !important} textarea, textarea * { color: #C8C8C8 !important; text-shadow: 0 0 1px gray !important} textarea:hover, textarea:focus:hover { border-color: #333 !important} textarea:focus { background: rgba(0,0,0,.5) !important; border-color: #222 !important} textarea:focus, textarea:focus > * { text-shadow: none !important; box-shadow: none !important}

option, optgroup { -moz-appearance: none !important; -webkit-appearance: none !important; background: none !important; color: #666 !important} optgroup { background: #222 !important; color: #DDD !important} option:not([disabled]):hover, option:focus, option:checked { background: linear-gradient(#333, #292929) !important; color: #DDD !important}

/----- IMAGE CHANGES -----/ body, :not(:empty):not(html):not(span):not(a):not(b):not(option):not(select):not(img):not([style="display: block;"]):not([onclick="open"]):not([onclick*="s_objectID"]):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([class*="item"]):not([id*="item"]):not([class*="thumb"]):not([class*="icon"]):not([class*="photo"]):not(.view):not(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch), .r3_hm, .gmbutton2 b, .gtab-i, .ph, .bstab-iLft, .csb, #pagination div, [style*="sprite2.png"], #mw-head-base, #mw-page-base { background-image: none !important}

img {opacity: .7 !important; transition: opacity .2s} img:hover, a:hover img, #mpiv-popup {opacity: 1 !important}

craftlkhugetree's Projects

craftlkhugetree doesnโ€™t have any public repositories yet.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.