Jump to content
Not connected, Your IP: 3.144.252.58
AirVPN
cm0s

airvpn css

By cm0s, ... in General & Suggestions

Recommended Posts

cm0s    118

cm0s
Posted ...

here's the css you can mod it further however you want

i took some universal theme i found on userstyles dot org

modded it so credz to unknown author

if you want to see some screenshots digiroast dot net

page 'airvpn dot html' no js etc runnen tor traffic welcome

 

/*
about:config
search stylish set
editor to 1
edited 091516
modded by cm0s
original author unknown
*/
@namespace url([url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]);

@-moz-document  domain(airvpn.org) {

/*----- SITES TO EXCLUDE -----*/
@-moz-document regexp("https?://(?!(www.your.sites.here.com|forum.example.com)).*"), url-prefix(ftp://), url-prefix(file://), url-prefix(about:), url-prefix(javascript) { html, #newtab-window {
  background-image: none !important; background-color: #000 !important; }

#user_navigation a {
    color: #3c3 !important;
}

#cookieLaw {
   display: none;
}

#board_statistics {
   display: none;
}

#footer_utilities > p:nth-child(3) {
   display: none;
}

.breadcrumb {
   display: none;
}

#board_index {
    position: relative;
    width: 100%;
}


#copyright {
  display: none;
}

#index_stats {
  display: none;
}

#footer_utilities {
  display: none;
}

div.ipsSideBlock:nth-child(1) > div:nth-child(2) {
   display: none;
}

div.ipsSideBlock:nth-child(2) > div:nth-child(2) {
   display: none;
}

.message.error {
    background-color: #F3E3E6;
    border-color: #E599AA;
    color: #80001C;
    display: none;
}

.category {
    display: block;
    margin: 30px;
    padding: 10px;
    box-shadow: 0px 0px 3px #808080;
    border-radius: 10px;
    background: #000;
}

.air_nav1_item_sel {
    background-color: #000 !important;
    color: #4091F9 !important;
    font-weight: bold;
}

img.bitcoinsign {
    visibility: hidden !important;
}

#branding {
    border: 0px none;
    background-color: #000 !important;
    background-image: url("/img/gradient4.png") !important;
    background-repeat: repeat-x !important;
}

#primary_nav > li > a, #community_app_menu > li > a, #community_app_menu .submenu_container li > a {
    height: 16px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #080 !important;
    background-color: #000 !important;
}

pre.prettyprint, code.prettyprint {
    background-color: #222 !important;
    border-radius: 4px;
    color: #000;
    padding: 5px;
    border: 1px solid #C9C9C9;
    overflow: auto;
    margin-left: 10px;
    font-size: 13px;
    line-height: 140%;
    font-family: monospace !important;
}

table.cke_editor td {
    padding: 0px !important;
    background: #000 !important;
}

.cke_skin_ips .cke_wrapper {
    padding: 0px 5px 0px 3px !important;
    border: 2px solid #000 !important;
    background-color: #000 !important;
    background-image: none !important;
}

pre.prettyprint {
    width: 95%;
    margin: 1em auto;
    padding: 1em;
    background: #000 !important;
    color: #080 !important;
}

pre._prettyXprint {
    background-color: #111 !important;
    border-radius: 4px;
    color: #080 !important;
    border: 1px solid #448AE7 !important;
    overflow: auto;
    font-size: 13px;
    line-height: 140%;
    width: 95%;
    margin: 1em auto;
    padding: 1em;
    white-space: pre-wrap;
    font-family: monospace !important;
}

.post_block .post_controls li a.ipsButton_secondary {
    opacity: 1;
    background: #000 !important;
}

.ipsLikeButton.ipsLikeButton_enabled {
    background: #7B96BB url("[url="https://airvpn.org/public/style_images/master/like_button.png"]https://airvpn.org/public/style_images/master/like_button.png"[/url]) no-repeat scroll left top;
    border: 1px solid #7B96BB;
    background: #000 !important;
    color: #080 !important;
}

.ipsButton_secondary {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0px 10px;
    background: transparent -moz-linear-gradient(center top , #000 0%, #000 100%) repeat scroll 0% 0%;
    border: 1px solid #7B96BB;
    box-shadow: 0px 1px 0px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    color: #080 !important;
    display: inline-block;
    white-space: nowrap;
    transition: all 0.2s ease-in-out 0s;
}

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton {
    font: 300 14px/1.3 "Proxima-Nova",Helvetica,Arial,sans-serif;
    height: auto;
    padding: 0.5em;
    background: #000 !important;
    color: #080 !important;
}

.ipsLikeButton.ipsLikeButton_disabled {
    background: #000 url("[url="https://airvpn.org/public/style_images/master/like_button.png"]https://airvpn.org/public/style_images/master/like_button.png"[/url]) no-repeat scroll left bottom;
    border: 1px solid #ACACAC;
    color: #080 !important;
    background: #000 !important;
}

@media screen {
   .str, .kwd, .com, .typ, .lit { color: #448AE7 !important }
   .pun, .opn, .clo, .pln, .tag, .atn, .atv, .dec, .var, .fun { color: #448AE7 !important }

}

#ipboard_body > div:nth-child(7) {
   display: none !important;
}

#ipboard_body > div:nth-child(9) {
   display: none !important;
}

#ipboard_body > div:nth-child(11) {
   display: none !important;
}

/*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
* {
    color: #070 !important;
    text-shadow: 0 0 3px #000 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-color: #040 !important;
    border-top-color: #040 !important;
    border-bottom-color: #040 !important;
    border-left-color: #040 !important;
    border-right-color: #040 !important}
body {background: transparent !important}
*:before, *:after {background-color: transparent !important; border-color: #040 !important}

a, a * {
    color: #080 !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: #080 !important;
    text-shadow: 0 0 5px rgba(0,128,0,0.9) !important}
a:visited, a:visited * {
    color: #080 !important}
a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"] {
    color: #080 !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: #3c3 !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: #090 !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(0,30,0,.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, header, nav, footer, 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"], [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}
[id*="overlay"], [id*="lightbox"], blockquote {
    background-color: rgba(35,35,35,.9) !important;
    border-radius: 5px}
pre, dl, .Message code {
    background-color: rgba(0,2,0,.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: #090 !important;
    text-shadow: 0 1px #000 !important;
    border: 2px solid #030 !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: #090 !important;
    text-shadow: 0 1px #000 !important;
    border-color: #030 !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: #0F0 !important}
input *, select *, button *, a.button *, a.submit * {
    color: #090 !important;
    text-shadow: none !important}
input:hover, input[type="button"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, select:hover, button:hover, [role="button"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover {
    border: 2px solid #050 !important;
    border-top-color: #050 !important;
    border-bottom-color: #050 !important;
    border-left-color: #050 !important;
    border-right-color: #050 !important}
input:focus, select:focus {
    box-shadow: 0 0 5px #077 !important}
input *:hover * {
    color: #3c3 !important;
    text-shadow: 0 0 2px #0F0 !important}
input[type="checkbox"], input[type="checkbox"]:focus {
    border: 2px solid #030 !important;
    background-color: #111 !important;
    color: #3c3 !important;
    border-radius: 4px !important}
input[type="radio"], input[type="radio"]:focus {
    border: 2px solid #030 !important;
    background-color: #111 !important;
    color: #3c3 !important}
input[type="checkbox"], input[type="radio"] {min-width: 10px; min-height: 10px}

select input[type="button"], select button {border: none !important}
select button {min-height: 8px !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: #0F0 !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: #030 !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 {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background: none !important;
    color: #666 !important}
option:not([disabled]):hover, option:focus, option:checked {
    background: linear-gradient(#030, #292929) !important;
    color: #3c3 !important}

/* webkit checkbox & select fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="checkbox"]:checked, input[type="radio"]:checked {border-color: #3c3 !important}
select {
    padding-right: 12px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAApSURBVChTYxjiYObMmf+hTBSASxwDoCskWiMMwDSQrBEGyNY4FAADAwDdpBOHzViE2AAAAABJRU5ErkJggg==) #000 no-repeat !important;
    background-position: right center !important} }

/*----- SCROLLBAR CHANGES -----*/
scrollbarbutton {
    -moz-appearance: none !important;
    background-color: transparent;
    border: none !important}
thumb {
    -moz-appearance: none !important;
    border: 2px solid transparent !important;
    background: #3b3 !important;
    background-clip: padding-box !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 3px #000 !important}
scrollbar {
    -moz-appearance: none !important;
    background: transparent !important;
    box-shadow: inset #000 0 0 8px !important}
scrollbarbutton:hover, thumb:active, thumb:hover {
    opacity: 0.5 !important}

scrollbar[orient="vertical"] thumb {min-width: 12px !important; max-width: 12px !important; min-height: 14px !important}
scrollbar[orient="horizontal"] thumb {min-height: 12px !important; max-height: 12px !important; min-width: 14px !important}
scrollbar[orient="vertical"] {min-width: 12px !important; max-width: 12px !important}
scrollbar[orient="horizontal"] {min-height: 12px !important; max-height: 12px !important}


/*----- IMAGE CHANGES -----*/
body, *:not(:empty):not(html):not(span):not(a):not(:not(option):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(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch):not(.sp),
.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 {opacity: 1 !important}

}


/*----- ABOUT PAGES BACKGROUND -----*/
@-moz-document url-prefix(about) {
#newtab-window, #addons-page {background: #151515 !important}
* {background-color: transparent}
body > * {background-color: rgba(0,0,0,.5) !important}
#list-view {background: #111 !important}
#detail-view {background: #222 !important}
#addons-page > * > *, #addons-page > * > * > * {border-color: #030 !important} }

/*----- SHOW INSTALLS ON USERSTYLES.ORG -----*/
@-moz-document domain(userstyles.org) {
li[total-install-count]:after {
    font-size: .70em !important;
    content: " (Installs: " attr(total-install-count) ", " attr(weekly-install-count) " wk)"} }

/*----- RIGHT-CLICK MENUS & TOOLTIP STYLE -----*/
#contentAreaContextMenu menuitem[disabled="true"], 
#contentAreaContextMenu menuitem[disabled="true"] menuseparator {
    display: none !important}

menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {
    -moz-appearance: none !important;
    background: rgba(15,15,15,.9) !important;
    border: 1px solid #000 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 1px #777, inset 0 0 10px #000 !important;
    padding: 2px 0 !important}
menupopup * {box-shadow: none !important; color: #777 !important}
menupopup menuitem:hover * {
    color: #3c3 !important;
    text-shadow: 0 0 5px rgba(255,255,200,0.9) !important}
menupopup menuseparator {
    -moz-appearance: none !important;
    background: transparent !important;
    margin: 2px 0 2px -3px !important;
    padding: 0 !important;
    border-top: none !important;
    border-color: transparent !important;
    box-shadow: 0 0 3px #666 !important}
menupopup menuitem {
    -moz-appearance: none !important;
    background: transparent !important;
    text-shadow: 0 1px #000 !important}
menupopup menuitem:hover, menuitem[_moz-menuactive="true"] {
    background: #030 !important;
}
tooltip {
    -moz-appearance: none !important;
    color: #0c0 !important;
    background: rgba(0,0,0,.8) !important;
    border: 1px solid #050 !important;
    border-radius: 3px !important}

/*----- FIX WHITE NEW TAB FLASH -----*/
browser[type="content-primary"] {background: #151515 !important}
LZ1 reacted to this

Share this post

Link to post

Guest   

Guest
Posted ...

I like it, afraid doesn't seem to work for me tho.

Share this post

Link to post

cm0s    118

cm0s
Posted ... 


/*

about:config

search stylish set

editor to 1

took global dark modded it

edit_061917

*/


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


@-moz-document domain(airvpn.org) {


@-moz-document url-prefix("about:preferences"),url-prefix("about:addons"){

    * { color: #999 !important; background-color: #2C2E2F !important; }

#categories *    {color:#6C7075 }

#categories,

#nav-header    {background:#2C2E2F !important;color:#E0E0E0 !important;}

.main-content     {background:#2C2E2F !important}

    .addon-view[notification], .addon-view[pending] { background-image:none !important; color:#FFF !important;background:#4D679A!important}

#categories [selected="true"],

#categories richlistitem:hover    {color:#E0E0E0 !important;background:#4D679A!important}}



/*----- SITES TO EXCLUDE -----*/

@-moz-document regexp("https?://(?!(www.your.sites.here.com|www.rememberthemilk.com|youtube.com|facebook.com|keep.google.com|calendar.google.com|mail.google.com|forum.example.com)).*"), url-prefix(ftp://), url-prefix(file://), url-prefix(javascript),url-prefix(about:),regexp("!about:preferences"),url-prefix("about:addons"),url-prefix("https://www.google.com") { html, #newtab-window {background: 



     /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE "": *****/



     /***** FOR A SIMPLE BLACK BACKGROUND JUST REMOVE THE URL LINE ABOVE *****/

     /***** Some background-images (you can also use your own url):


   default:     http://abload.de/img/b1fgs11.png

   old default: http://abload.de/img/ultra_x2vm9k.jpg

                http://abload.de/img/b2w4shd.png

                http://abload.de/img/b3qrs99.png

                http://abload.de/img/b4zcse8.png

                http://abload.de/img/b5b1s7x.png

                http://abload.de/img/b6umsmy.png

                http://abload.de/img/b7ars8c.png

                http://abload.de/img/kubrickbgcolor2darkr8skc.png

                http://abload.de/img/xpattern_darkq8s3i.png

                http://abload.de/img/mainpatternolxcq.png


*/ #000000 /* fixed */ !important}



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

* {

    color: #999 !important;

    box-shadow: none !important;

    background-color: transparent !important;

    border-color: #000000 !important;

    border-top-color: #000000 !important;

    border-bottom-color: #000000 !important;

    border-left-color: #000000 !important;

    text-shadow: none !important;

    border-right-color: #000000 !important}

body {background: transparent !important}

*:before, *:after {background-color: transparent !important; border-color: #000000 !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;

    }

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: #859900 !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: #000000 !important}

::selection {background: #377 !important; color: #000000 !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, header, nav, footer, 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"], [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;

    }

[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;

    border: 2px solid #000000 !important;

    border-radius: 4px !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;

    border-color: #000000 !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;

    }

input:hover, input[type="button"]:hover, input[type="checkbox"]:hover, input[type="radio"]: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 {

    }

input *:hover * {

    color: #F0F0F0 !important;

    }

input[type="checkbox"], input[type="checkbox"]:focus {

    border: 2px solid #000000 !important;

    background-color: #000000 !important;

    color: #DDD !important;

    border-radius: 4px !important}

input[type="radio"], input[type="radio"]:focus {

    border: 2px solid #000000 !important;

    background-color: #000000 !important;

    color: #DDD !important}

input[type="checkbox"], input[type="radio"] {min-width: 10px; min-height: 10px}


select input[type="button"], select button {border: none !important}

select button {min-height: 8px !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 #000000 !important;

    transition: border-color, background, 0.3s !important}

textarea, textarea * {

    color: #C8C8C8 !important;

    }

textarea:hover, textarea:focus:hover {

    border-color: #000000 !important}

textarea:focus {

    background: rgba(0,0,0,.5) !important;

    border-color: #000000 !important}

textarea:focus, textarea:focus > * {

    box-shadow: none !important}


option {

    -moz-appearance: none !important;

    -webkit-appearance: none !important;

    background: none !important;

    color: #666 !important}

option:not([disabled]):hover, option:focus, option:checked {

    background: linear-gradient(#000000, #292929) !important;

    color: #DDD !important}


/* webkit checkbox & select fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {

input[type="checkbox"]:checked, input[type="radio"]:checked {border-color: #DDD !important}

select {

    padding-right: 12px !important;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAApSURBVChTYxjiYObMmf+hTBSASxwDoCskWiMMwDSQrBEGyNY4FAADAwDdpBOHzViE2AAAAABJRU5ErkJggg==) #000000 no-repeat !important;

    background-position: right center !important} }


/*----- SCROLLBAR CHANGES -----*/

scrollbarbutton {

    -moz-appearance: none !important;

    background-color: transparent;

    border: none !important}

thumb {

    -moz-appearance: none !important;

    border: 2px solid transparent !important;

    background: #999 !important;

    background-clip: padding-box !important;

    border-radius: 3px !important;

    }

scrollbar {

    -moz-appearance: none !important;

    background: transparent !important;

    }

scrollbarbutton:hover, thumb:active, thumb:hover {

    opacity: 0.5 !important}


scrollbar[orient="vertical"] thumb {min-width: 12px !important; max-width: 12px !important; min-height: 14px !important}

scrollbar[orient="horizontal"] thumb {min-height: 12px !important; max-height: 12px !important; min-width: 14px !important}

scrollbar[orient="vertical"] {min-width: 12px !important; max-width: 12px !important}

scrollbar[orient="horizontal"] {min-height: 12px !important; max-height: 12px !important}



/*----- IMAGE CHANGES -----*/

body, *:not(:empty):not(html):not(span):not(a):not(:not(option):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(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch):not(.sp),

.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 {opacity: 1 !important}


}



/*----- ABOUT PAGES BACKGROUND -----*/

@-moz-document url-prefix(about) {

#newtab-window, #addons-page {background: #151515 !important}

* {background-color: transparent}

body > * {background-color: rgba(0,0,0,.5) !important}

#list-view {background: #000000 !important}

#detail-view {background: #000000 !important}

#addons-page > * > *, #addons-page > * > * > * {border-color: #000000 !important} }


/*----- SHOW INSTALLS ON USERSTYLES.ORG -----*/

@-moz-document domain(userstyles.org) {

li[total-install-count]:after {

    font-size: .70em !important;

    content: " (Installs: " attr(total-install-count) ", " attr(weekly-install-count) " wk)"} }


/*----- RIGHT-CLICK MENUS & TOOLTIP STYLE -----*/

#contentAreaContextMenu menuitem[disabled="true"], 

#contentAreaContextMenu menuitem[disabled="true"] menuseparator {

    display: none !important}


menupopup, popup,

popup > menu > menupopup,

menupopup > menu > menupopup {

    -moz-appearance: none !important;

    background: rgba(15,15,15,.9) !important;

    border: 1px solid #000000 !important;

    border-radius: 3px !important;

    padding: 2px 0 !important}

menupopup * {box-shadow: none !important; color: #777 !important}

menupopup menuitem:hover * {

    color: #F0F0F0 !important;

    }

menupopup menuseparator {

    -moz-appearance: none !important;

    background: transparent !important;

    margin: 2px 0 2px -3px !important;

    padding: 0 !important;

    border-top: none !important;

    border-color: transparent !important;

    }

menupopup menuitem {

    -moz-appearance: none !important;

    background: transparent !important;

    }

menupopup menuitem:hover, menuitem[_moz-menuactive="true"] {

    background: #000000 !important;

}

tooltip {

    -moz-appearance: none !important;

    color: #CCC !important;

    background: rgba(0,0,0,.8) !important;

    border: 1px solid #555 !important;

    border-radius: 3px !important}


/*----- FIX WHITE NEW TAB FLASH -----*/

browser[type="content-primary"] {background: #151515 !important}


/****************** AIRVPN MODZ  *****************//////////


#copyright {

  display: none;

}


#index_stats {

  display: none;

}


#footer_utilities {

  display: none;

}


div.ipsSideBlock:nth-child(1) > div:nth-child(2) {

   display: none;

}


div.ipsSideBlock:nth-child(2) > div:nth-child(2) {

   display: none;

}


.message.error {

    background-color: #F3E3E6;

    border-color: #E599AA;

    color: #80001C;

    display: none;

}


.category {

    display: block;

    margin: 30px;

    padding: 10px;

    box-shadow: 0px 0px 3px #808080;

    border-radius: 10px;

    background: #000000;

}


.air_nav1_item_sel {

    display: inline-block;

    display: block;

    float: left;

    height: 20px;

    background: #000000 !important;

    color: white;

    margin: 5px;

    margin-bottom: 0px;

    text-align: center;

    padding-top: 12px;

    padding-left: 9px;

    padding-right: 12px;

    padding-bottom: 3px;

    box-shadow: 3px 0px 3px #0753B8;

    -webkit-box-shadow: 3px 0px 3px #0753B8;

    -moz-box-shadow: 3px 0px 3px #0753B8;

    text-shadow: 1px 1px black;

    transition: background-color 0.2s;

}


img.bitcoinsign {

    visibility: hidden !important;

}


#branding {

    border: 0px none;

    background-color: #000000 !important;

    background-image: url("/img/gradient4.png") !important;

    background-repeat: repeat-x !important;

}


#primary_nav > li > a, #community_app_menu > li > a, #community_app_menu .submenu_container li > a {

    height: 16px;

    padding-top: 12px;

    padding-left: 10px;

    padding-right: 10px;

    color: #080 !important;

    background-color: #000000 !important;

}


pre.prettyprint, code.prettyprint {

    background-color: #000000 !important;

    border-radius: 4px;

    color: #000000;

    padding: 5px;

    border: 1px solid #C9C9C9;

    overflow: auto;

    margin-left: 10px;

    font-size: 13px;

    line-height: 140%;

    font-family: monospace !important;

}


table.cke_editor td {

    padding: 0px !important;

    background: #000000 !important;

}


.cke_skin_ips .cke_wrapper {

    padding: 0px 5px 0px 3px !important;

    border: 2px solid #000000 !important;

    background-color: #000000 !important;

    background-image: none !important;

}


pre.prettyprint {

    width: 95%;

    margin: 1em auto;

    padding: 1em;

    background: #000000 !important;

    color: #080 !important;

}


pre._prettyXprint {

    background-color: #000000 !important;

    border-radius: 4px;

    color: #080 !important;

    border: 1px solid #448AE7 !important;

    overflow: auto;

    font-size: 13px;

    line-height: 140%;

    width: 95%;

    margin: 1em auto;

    padding: 1em;

    white-space: pre-wrap;

    font-family: monospace !important;

}


.post_block .post_controls li a.ipsButton_secondary {

    opacity: 1;

    background: #000000 !important;

}


.ipsLikeButton.ipsLikeButton_enabled {

    background: #7B96BB url("https://airvpn.org/public/style_images/master/like_button.png") no-repeat scroll left top;

    border: 1px solid #7B96BB;

    background: #000000 !important;

    color: #080 !important;

}


.ipsButton_secondary {

    height: 22px;

    line-height: 22px;

    font-size: 12px;

    padding: 0px 10px;

    background: transparent -moz-linear-gradient(center top , #000000 0%, #000000 100%) repeat scroll 0% 0%;

    border: 1px solid #7B96BB;

    box-shadow: 0px 1px 0px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.3);

    border-radius: 3px;

    color: #080 !important;

    display: inline-block;

    white-space: nowrap;

    transition: all 0.2s ease-in-out 0s;

}


.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton {

    font: 300 14px/1.3 "Proxima-Nova",Helvetica,Arial,sans-serif;

    height: auto;

    padding: 0.5em;

    background: #000000 !important;

    color: #080 !important;

}


.ipsLikeButton.ipsLikeButton_disabled {

    background: #000000 url("https://airvpn.org/public/style_images/master/like_button.png") no-repeat scroll left bottom;

    border: 1px solid #ACACAC;

    color: #080 !important;

    background: #000000 !important;

}


@media screen {

   .str, .kwd, .com, .typ, .lit { color: #448AE7 !important }

   .pun, .opn, .clo, .pln, .tag, .atn, .atv, .dec, .var, .fun { color: #448AE7 !important }


}


#ipboard_body > div:nth-child(7) {

   display: none !important;

}


#ipboard_body > div:nth-child(9) {

   display: none !important;

}


#ipboard_body > div:nth-child(11) {

   display: none !important;

}

Share this post

Link to post

Guest   

Guest
Posted ...

I did test the code exstensively, it doesn't seem to work properly it only was able to edit the header for me odd.

Share this post

Link to post

cm0s    118

cm0s
Posted ...

yeah not sure what is up you need to give more info or post a screen shot

what browser you are using and anything else you can think of

if on windows, doubt that would effect anything but it's basic css

 

 

cheerz

Share this post

Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
  • Security Check
    Play CAPTCHA Audio
    Refresh Image
Go To Topic Listing
×
×
  • Create New...