My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Do I Need Java Script for this Dark Google Theme?
i got a code to give google and gmail a dark theme. the website i got it from is:http://userstyles.org/styles/43463/darker-google
i dont know if i did this right. but i pasted the code in a txt file then renamed the extension to ".js". i went into Preferences>Content>Java Script Options and selected the folder where the .js file is located. i then tested it by going into google. but i didnt see anything.. no black google or black gmail. again, i dont know if i'm doing this right since i'm a newbie in this. i ask that you guys help me. heres the code:
// ==UserScript==
// @name Darker Google
// @namespace http://userstyles.org
// @description Google redesigned in dark gray, custom images, gradients etc.
// @author zigboom
// @homepage http://userstyles.org/styles/43463
// @include http://www.google*
// @include http://images.google*
// @include http://news.google*
// @include http://blogsearch.google*
// @include http://books.google*
// @include http://209.85.165.104*
// @include http://translate.google*
// @include http://video.google*
// @include https://encrypted.google*
// @include https://www.google*
// @include http://books.google*
// @include http://news.google*
// @include http://maps.google*
// @include http://www.google*
// @include http://news.google*
// @include https://encrypted.google*
// @include http://www.google*
// @run-at document-start
// ==/UserScript==
(function() {
var css = "";
if (false || (document.location.href.indexOf("http://www.google") == 0) ||
(document.location.href.indexOf("http://images.google") == 0) ||
(document.location.href.indexOf("http://news.google") == 0) ||
(document.location.href.indexOf("http://blogsearch.google") == 0) ||
(document.location.href.indexOf("http://books.google") == 0) ||
(document.location.href.indexOf("http://209.85.165.104") == 0) ||
(document.location.href.indexOf("http://translate.google") == 0) ||
(document.location.href.indexOf("http://video.google") == 0) ||
(document.location.href.indexOf("https://encrypted.google") == 0) ||
(document.location.href.indexOf("https://www.google") == 0))
css += "body { background: #181818 !important;\nmargin: 0px !important; }\n\n.sfbg.nojsv, .sfbgg, #kd-googlebar { background: #181818 !important;\nborder-bottom: 0px !important; }\n\n.lst {\n border-color: transparent !important; \n}\n\n.gl.nobr {\n margin-top: 8px !important; \n}\n\n.std, #panel .selected {\nbackground: transparent !important;\npadding: 0px !important;}\n\n\n\n.ms .icon img {\nborder: 1px solid rgba(255,255,255,0.5) !important;\nborder-radius: 4px !important;\nbackground: white !important;}\n\n#details span {\ncolor: #7F0000 !important;}\n\n.leftborder {\nborder-right: 0px !important}\n\n* {border-color: #555555 !important; text-decoration: none !important;}\n\n.yui-gb, #modules {background: #151515 !important;}\n\n.modboxin, .modbox, #guser, div[GM40threads], #m_40_b, .thread_table, .read, .thread {background: #151515 !important;}\n\n.modboxin *{border-left: none !important;border-right: none !important;border-top: none !important;}\n\n.modboxin, .modboxin_s, .rnd_modboxin * {\nborder: 0px solid !important;}\n\n.related, .entry, .subject_label, .dd, .dd_border, .rnd1, .rnd2, .rnd3, .rnd1_max_top, .rnd2_max_top, .rnd3_max_top, .surroundborder, .gac_m tbody, tr[bgcolor=\"#e5ecf9\"] ,td[bgcolor=\"#e5ecf9\"], .tablib_unselected {background: #151515 !important;}\n\n.related {color: #660000 !important;}\n.tablib_selected {background-color: #000000 !important}\n\ndiv[style=\"width: 100%; clear: both;\"] table, #box *, #body_body, .selectionTools, #GMdisplay, .thread, .thread-l, .thread-r, .thread-header-date, .reply_compose_container, .footer-links-selected, #wml, #wng, #col2, #gen-query, #ps-footer-bg, .list tr, #ps-titlebar, #ps-titlebar + div, td[style=\"border-top: 1px solid rgb(51, 102, 204); padding: 3px 7px; background: rgb(229, 236, 249) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;\"], #talk_container, .talk_roster, .me_entry, .roster_msgs_entry, .roster_msgs_entry div[style=\"padding: 3px;\"], .roster_buzz, #inner_roster, .roster_entry, #chat_content, .mole_color, #mole_parent, .wackhistory, .wackmsgtype_i, .wackfooter, .gadget_set, .goog-popupiconpicker, .goog-tabpane, .goog-tabpane-tab, .goog-tabpane-cont, .goog-icon-picker-iconbox, #nav, .blk {\nbackground: transparent !important;}\n\n#wrapper {\nborder-left: 3px solid rgba(0,0,0,0.9) !important;\nmargin-left: -7px !important;\nmargin-top: -5px !important;\npadding-left: 10px !important;\npadding-top: 5px !important;}\n\n#wrapper {\nborder-bottom: 3px solid rgba(0,0,0,0.9) !important;\nborder-radius: 8px !important;}\n\n.modbox {\nborder: 2px solid rgba(0,0,0,0.9) !important;\nborder-radius: 8px !important;\nmargin: -8px -1px 17px 10px !important;}\n\n.modbox_max {\nborder: 3px solid rgba(0,0,0,0.9) !important;\nborder-radius: 8px !important;}\n\n.unread {\nbackground: grey !important;}\n\n.leftselectedtab a.v2ddbox, a.v2maxbox, a.v2minbox, .leftselectedtab .titlehover a.v2ddbox, .leftselectedtab a.v2ddbox:hover {\nbackground-image: url(\"http://i41.tinypic.com/r0qnw2.gif\") !important;}\n
\na.v2maxbox, a.v2minbox {\nmargin-top: 2px !important;}\n\nimg[src=\"http://img0.gmodules.com/ig/images/small_star_on.gif\"] {\nbackground-image: url
(\"http://i41.tinypic.com/28b9w6g.png\") !important;}\n\nimg[src=\"/images/isr_c.gif\"]
{\nheight: 11px !important;\nwidth: 11px !important;}\n\n#max_ph .modtitle, #max_ph .modtitle_s {\nmargin-left: 4px !important;}\n\n.left_rounded_only .rnd1_max_top, #col2 .left_rounded_only .rnd1 {\nmargin-left: 5px !important;}\n.left_rounded_only .rnd2_max_top, #col2 .left_rounded_only .rnd2 {\nmargin-left: 3px !important;}\n.left_rounded_only .rnd3_max_top, #col2 .left_rounded_only .rnd3 {\nmargin-left: 2px !important;}\n\n.unread .thread, .unselected_section_title a:link, .unselected_section_title a:visited, .unread .sender_list, .unread .personal_level, .unread .subject_and_snippet, .unread .date {\ncolor: black !important}\n\n.leftunselectedtab .gadget_title a:link, .leftunselectedtab .gadget_title a:visited {\ncolor: #1E1E1E !important}\n\n.selected_gadget_title a:link, .selected_gadget_title a:visited, .leftunselectedtab .selected_gadget_title a:link, .leftunselectedtab .selected_gadget_title a:visited {\ncolor: #909090 !important}\n\n#left_nav_top_rounded_corners_t1, #left_nav_top_rounded_corners_t2, #left_nav_top_rounded_corners_t3, #left_nav_bottom_rounded_corners_b1, #left_nav_bottom_rounded_corners_b2, #left_nav_bottom_rounded_corners_b3 {\nmargin-right: -3px !important;}\n\n.leftselectedtab {\npadding-top: 2px !important;\npadding-bottom: 2px !important;}\n\n.leftunselectedtab {\nborder: 2px solid rgba(0,0,0,0.9) !important;\nborder-radius: 8px !important;\nbackground: rgba(0,0,0,0.2) !important;\nmargin: 1px 1px 1px 0px !important;\n}\n\n.talk_roster, .talk_roster_unfixed {\nmargin-left: -3px !important;}\n\n.leftunselectedtab {\nborder-bottom: 4px solid rgba(0,0,0,0.9) !important;}\n\n#chat_nav {\nborder: 2px solid rgba(0,0,0,0.9) !important;\nborder-bottom: 4px solid rgba(0,0,0,0.9) !important;\nborder-radius: 8px !important;\nbackground: rgba(0,0,0,0.2) !important;\nmargin: 1px 1px 1px 4px !important;\npadding: 2px 0px 2px 5px !important;}\n\n.enable_talk_header {\nmargin: 0px 0px 0px 2px !important;\npadding: 0px 0px 0px 0px !important;}\n\n#nhdrwrap .gradient, #nhdrwrap .gradient b {\nheight: 5px !important;}\n\n.leftborder {\nborder-right:5px solid black;}\n\n.topline, .bottomline {\ndisplay: none !important}\n\n.tabseparatorsocial {\nmargin-bottom: -2px !important;}\n\n\n\n\n.gbmc {\n background: #181818 !important; \n}\n\n .gbts, .gbtb2 {\n border-color: transparent !important; \n color: #cccccc !important;\n }\n \n \n.gbto .gbts {\n background-color: #333333 !important; \n border-top: 1px solid #555555 !important; \n border-left: 1px solid #555555 !important; \n border-right: 1px solid #555555 !important; \n }\n \n\n.gbmt:hover {\n background-color: #333333 !important; \n color: #cccccc !important; \n}\n\n\n\n\n\n\n.vspii {\nbackground: -moz-linear-gradient(left, #555555, #333333 8px, transparent 8px),\n-moz-linear-gradient(right, #555555, #333333 8px) !important;\n}\n\n#nycp {\n background: #333333 !important; \n margin-top: 0px !important; \n opacity: 1 !important; \n border: 1px solid #444444 !important; \n z-index: 1000 !important; \n }\n\n\n\n\n\n#addstuff {\ncolor: transparent !important;}\n\n#addstuff a:link[href=\"http://www.google.de/intl/de/help/ig/football/index.html#source=blhp\"], #addstuff a:visited
[href=\"http://www.google.de/intl/de/help/ig/football/index.html#source=blhp\"],
.personalize_link div, .sandbox_msg * {\ndisplay: none !important;}\n\n\n\n\n#tsf, #rshdr, .tpblk { \n background-color: #181818 !important; \n}\n\n#rgsh_s{ \n background-color: #181818 !important; \n}\n\n\n\n.mitem, .lnsep {\n border-bottom: 0px !important; \n}\n\n.mitem:hover, #showmodes {\n background-color: transparent !important; \n}\n\n\n\n#gbx4, #gbx1 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #333333 !important;\n\n margin-top: -3px !important; \n opacity: 1 !important; \n}\n\n#gbx3 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #333333) !important;\n margin-top: -3px !important; \n opacity: 1 !important; \n}\n\n#gbx2 {\n background-color: #181818 !important; \nborder-bottom: 0px solid !important;\nborder-top: 0px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n }\n\n\n#gbgs5 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #444444 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: -4px !important; \nopacity: 1 !important; \n height: 28px !important; \n color: #999999 !important; \n border-color: #181818 !important; \n border-radius: 0px !important; \n border-left: 0px solid !important; \n border-right: 0px solid !important; \n margin-right: -1px !important; \n margin-left: -1px !important; \n padding: 4px 3px 3px 3px !important; \n height: 21px !important; \n}\n\n.gbmtc, .gbmasph, .gbmt, .gbmc {\n background-color: #333333 !important; \n color: #cccccc !important;\n}\n\n\n.gbqfb.gbqfba {\n color: #CCCCCC !important;\n text-shadow: 0 0 3px #000000 !important;\n }\n\n\n\n\n\n.goog-button-base {\n\nborder: 1px solid #555555 !important;\nborder-radius: 4px !important;\nbackground: #333333 !important;}\n\n#search-restrict-input {\n-moz-appearance: none !important; \n background: transparent !important; \n}\n\n\n.goog-button-base:hover {\nborder: 1px solid #555555 !important;\nborder-radius: 4px !important;\nbackground: #444444 !important;}\n\n.goog-button-base * {\nbackground: none !important;\nborder: none !important;}\n\n#fr-footer {\nbackground: #151515 !important;}\n\n#entries * {\nbackground-color: #151515 !important;}\n\n\n\n\nFORM *:not([name=\"q\"]):not([type=\"submit\"]):not([type=\"button\"]):not([class=\"gac_m\"]):not(img) {\nbackground-color: transparent !important; \n}\n\n#fctr,\n#pmocntr,\n#sbl,\n#tba,\n#tbe,\n#gbar,\n#guser,\n#gog,\n#leftnav,\n#leftnav li,\n#hidden_modes,\n.gb1,\n.yui-b, .yui-gb, .yui-u, .title, .text {\nbackground-color: transparent !important; color: #999999 !important;}\n#ghead {background-color: transparent !important; color: #fff !important;}\n\n#gbgs4dn {\n color: #999999 !important;\n\n }\n\n#gbgs4dn:hover {\n color: #CCCCCC !important; \n -moz-transition: text-shadow .5s !important; \n }\n\n.lsbb,\n.lst-td,\n.ds,\n#center_col,\n#leftnav a {\nborder-style: none !important;}\n\n.gac_m {\nbackground-color: rgba(0,0,0,0.7) !important;\nopacity: 0.99 !important;\n}\n\n\n\n\n#appbar {\n background-color: transparent !important; \n border-bottom: 2px solid !important; \n -moz-border-bottom-colors: #333333 #000000 !important; \n border-top: 2px solid !important; \n -moz-border-top-colors: #000000 #333333 !important; \n}\n\n#appbar > DIV {\nborder-color: transparent !important; \n}\n\n\n.s em {\n color: #999999 !important; \n }\n \n .s a em {\n color: rgb(17, 34, 204) !important; \n }\n\n.gbqfqw, #gbx1 {\nborder: none !important; \n}\n\n\n\n.gbqfb, .ab_button {\n background: -moz-linear-gradient(#555555, #181818) !important; \n border-radius: 6px !important; \n box-shadow: 0 0 10px transparent !important; \n -moz-transition: box-shadow 1s !important; \n margin-left: 1px !important; \n margin-right: 1px !important; \n }\n \n.gbqfb:hover, .ab_button:hover {\n background: -moz-linear-gradient(#666666, #222222) !important; \n box-shadow: 0 0 10px #666666 !important; \n -moz-transition: box-shadow 1s !important; \n }\n \n #gbqfq {\n height: 25px !important; \n margin-top: -5px !important; \n box-shadow: 0 0 15px transparent !important; \n -moz-transition: box-shadow 1s !important; \n }\n \n #gbqfq:focus {\n box-shadow: 0 0 15px #555555 !important; \n -moz-transition: box-shadow 1s !important; \n }\n \n .gbqfqw {\n border-radius: 6px !important; \n }\n\n\n\nINPUT[name=\"q\"], #tsf > DIV > DIV:last-child > TABLE > TBODY > TR > TD:first-child > DIV > INPUT,\n\n#sff > TABLE > TBODY > TR > TD:first-child > INPUT:first-child + INPUT + INPUT + INPUT + INPUT,\n\n#sftr > FORM > TABLE > TBODY > TR > TD:first-child > INPUT,\n\n#body > CENTER > FORM > TABLE:first-child > TBODY > TR:first-child > TD:first-child + TD > INPUT:first-child + INPUT + INPUT,\n\n#lst-xbtn > DIV > INPUT,\n\n#body > CENTER > FORM > TABLE > TBODY > TR > TD:first-child + TD > DIV > INPUT, \n\n#nqsbq\n{\n-moz-appearance: none !important;\ncolor: #999999 !important;\nborder-radius: 6px !important;\nbackground: -moz-linear-gradient(top, #181818, #333333) !important;\nborder: 1px solid #555555 !important;\nopacity: 0.99 !important;\nfont-weight: bold !important;\npadding: 1px 5px 1px 5px !important;\n}\n\n.gsib_a {\n padding: 4px 0 0 0 !important;\n margin: 0px !important; \n }\n\n#grey { border-color: transparent !important;\n}\n\n .c {\n background: #333333 !important; \n border: 1px solid #555555 !important; \n }\n \n B {\n color: #CCCCCC !important; \n }\n\n\n\n.gac_c, .gssb_e, .gssb_a.gbqfsf {\n background: #333333 !important; \n margin: 0 !important; \n opacity: .95 !important; \nborder-bottom-right-radius: 0px !important; \nborder-bottom-left-radius: 0px !important; \n}\n\n.gac_c:hover, .gac_d.gac_e.gac_k, .gssb_a.gsfs:hover, .gsq_a:hover, .gssb_a.gbqfsf:hover {\n background: #555555 !important; \n}\n\n\n#sf {\n-moz-appearance: none !important;\ncolor: #999999 !important;\nborder-radius: 6px !important;\nbackground: -moz-linear-gradient(top, #181818, #333333) !important;\nborder: 1px solid #555555 !important;\nopacity: 0.99 !important;\nfont-weight: bold !important;\npadding: 5px 0px 5px 5px !important;\nmargin-top: -8px !important;\nmargin-bottom: 1px !important;\n}\n\n\n#grey {\n background: transparent !important;\n}\n\ninput[type=\"submit\"] , [type=\"reset\"] ,[class=\"gac_sb\"]\n{\n-moz-appearance: none !important;\ncolor: #999999 !important;\nborder-radius: 6px !important;\nbackground: -moz-linear-gradient(bottom, #181818, #444444) !important;\nborder: 1px solid #555555 !important;\nopacity: 0.99 !important;\nfont-weight: bold !important;\npadding: 0 0 0 0 !important;\n}\n\ninput[type=\"submit\"]:hover , [type=\"reset\"]:hover , [class=\"gac_sb\"]:hover\n{\nbackground: -moz-linear-gradient(bottom, #181818, #666666) !important;\nborder: 1px solid #555555 !important;\ntext-shadow: #FFFFFF 0px 0px 3px !important;\ncolor: #DCDCDC !important; \n}\n\n\n\n#personalize-link, .goog-inline-block.jfk-button.jfk-button-standard, \n#search-web-button, \n#ned {\n-moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\nborder: 1px solid #555555 !important;\nborder-radius: 6px !important;\ncolor: #999999 !important; \n}\n\n\n\n#personalize-link:hover, .goog-inline-block.jfk-button.jfk-button-standard:hover, \n#search-web-button:hover, #ned:hover {\n background: -moz-linear-gradient(bottom, #181818, #666666) !important;\nborder: 1px solid #555555 !important;\nborder-radius: 6px !important;\n-moz-appearance: none !important; \n}\n\n\n\n\n#sblsbb > INPUT {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/search_icon1.png\"), -moz-linear-
gradient(top, #444444, #181818) !important;\n background-repeat: no-repeat !important; \n}\n\n#sblsbb > INPUT:hover {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/search_icon1.png\"), -moz-linear-
gradient(top, #777777, #181818) !important;\n background-repeat: no-repeat !important; \n}\n\n\n\n\n#lc {\n border-bottom: 1px solid transparent !important;\n}\n\n.kls {\nborder-color: transparent !important; \n}\n\n.kl:hover, .kls:hover {\nbackground-color: transparent !important; \ntext-shadow: #FFFFFF 0px 0px 3px !important;\ncolor: #DCDCDC !important; \n}\n\n\n\n.lst-d.lst-tbb {\n border-color: transparent !important; \n}\n\n.gaia.le.val {\ntext-shadow: #000000 0px 0px 3px !important;}\n\n.tsf-p * {\nborder-bottom: 0px !important;}\n\nbody, html { background: #181818 !important;\ncolor: #DCDCDC !important;}\n\n\n#leftnav, #foot {\nborder: 1px solid #555555 !important;\nborder-radius: 8px !important;\nbackground: -moz-linear-gradient(left, #555555, #333333 8px, transparent 8px),\n-moz-linear-gradient(right, #555555, #333333 8px) !important;\nmargin-left: 4px !important;\nmargin-top: 1px !important;}\n\n#leftnav {\n padding: 0 0 0 4px !important;\n}\n\n\n\n.msel {border: none !important;}\n\n#tbd, #personalize-open, #atd {\nbackground-color: #181818 !important;\nborder: 1px solid rgba(180,180,180,0.4) !important;\nborder-radius: 6px !important;\nmargin-right: 4px !important;\nmargin-bottom: 4px !important;}\n\n#sc-block .sc {background: transparent !important;}\n\n\n#foot, .rl-item,#hotstuff_thumbnail_grid_item,#ps-titlebar,#ps-footer-bg,#searchagain,#panel,.basic-title.bt-border,\n.sidebar,[class*=\"story\"],.bottom-search,TD[nowrap=\"\"][bgcolor=\"#dcf6db\"],.filter-label,.rank-sorting-nfe,\n.ft.t.bb.bt,.t, table [bgcolor=\"#e5ecf9\"], table [bgcolor=\"#d5ddf3\"], .hd, td.ttb, td.rsb, td.bts, h4, .page-title, td#headerText,\n#ssb,HTML > BODY > DIV:last-child > FORM > INPUT:first-child + TABLE > TBODY > TR > TD:last-child > TABLE:last-child > TBODY > TR > TD:first-child, [id*=\"aol-vli\"],#recommended_container, .header_bar, .survey_invite.survey_invite_blue, #ImgContent , #search-extra-links-footer,\n.goog-inline-block.goog-icon-list-searchicon, .basic-title, #gc-topnav, TABLE.columns td, #action ,#results_bar, .rsiwrapper, .tophdg, #bsf\n{\nbackground-color: #181818 !important;\ncolor: #DCDCDC !important; \nborder: 1px solid #555555 !important;\nborder-radius: 10px!important;\nopacity: 1 !important;}\n\n.footer .bottom {\nborder-top: 0px !important;}\n\n.star-icon {border: none !important;}\n\n\n\n\na:link, .link, a font { color: #909090 !important; }\na:visited { color: #909090 !important; }\n\n\n.menuitem:hover, a:hover, a span:hover, .actbar-btn:hover {\ncolor: #E5E5E5 !important; text-shadow: #ffffff 0px 0px 2px;}\n\n\n#res .g a:visited { opacity: 0.5 !important; }\n\n\n.a, cite, .cite, .cite:link { color: #DCDCDC !important; }\n\n\n.gl { color: #999 !important; }\n\n\n:focus { outline: none; }\n\n\n#res .g img, #ImgContent td img {\n border: none !important;\nbox-shadow: 4px 4px 10px rgba(0,0,0,0.8) !important;\n}\n\n\ndiv, td, font { color: #999999 !important; }\n\n\n.aAutoComplete .cAutoComplete, .google-ac-a .google-ac-c, .gac_a > .gac_c { color: #CCCCCC !important; }\n.aAutoComplete .dAutoComplete, .google-ac-a .google-ac-d, .gac_a > .gac_d { color: white !important; }\n.google-ac-e td, .gac_e { color: #380000 !important; }\n\n\ninput *, textarea *, .aAutoComplete {\n background-color: -moz-Field !important;\n color: #999999 !important;\n}\n\n\n\n#gbi { background: #343434 !important; border-color: #575757 !important; }\n#gbar .gb2 a:hover { background: #676767 !important; color: #fff !important; }\n#gbh, .gbh { border: none !important; }\n.gb2 div { border-color: #575757 !important; }\n\n\n\n.t a, table [bgcolor=\"#e5ecf9\"] a, table [bgcolor=\"#d5ddf3\"] a, .ks { color: #fff !important; }\ntd.k,#guser,#gbar { background-color: transparent !important; }\ntable.ft.t.bb.bt, #footer { background: transparent !important; }\n.bb, td#headerText\n\n\n\n\n\n#res .j font { line-height: 1.4 !important; }\n\n\n#res .g .l { font-size: 1.1em !important; color: #DCDCDC !important; }\n#red .g .l:active { color: #fff !important; }\n\n\n#nav {\nfont-size: 140% !important; margin-top: 0px !important; margin-bottom: -25px !important; }\n#nav .cur { font-size: 140% !important; }\n#nav td { vertical-align: middle !important; padding: 0.40em !important; }\n#nav .csb { display: none !important; }\n\n#foot {\npadding-left: 100px !important;\npadding-right: 100px !important;\nmargin: 10px 100px 10px 100px !important;}\n\na#glogo { font-size: 0 !important; }\n\n#navbar *, #pagination *, .gooooogle *, #nav *, #ps-navbar *, #lhid_pager * { background-image: none !important; }\n\n[src*=\"nav_first.gif\"], [src*=\"nav_current.gif\"],[src*=\"nav_page.gif\"],[src*=\"nav_next.gif\"]{visibility: hidden !important; }\n\ntt[style*=\"color: rgb(0, 0, 0)\"] { color: #fff !important; }\n\n\n\n\n\n\nimg[src*=\"scholar_logo_lg\"],img[src*=\"ps_logo_lg.gif\"],img[src*=\"logos/\"], img[src$=\"logo.gif\"], div[style*=\"logo_plain2.png\"], div[style*=\"logo1w.png\"], div[style*=\"logo_plain.png\"], img[src$=\"logo_google_suggest.gif\"], img[src^=\"logos/holiday\"], img[src^=\"/intl/\"][alt=\"Google\"][title=\"Google\"], img[alt=\"Google\"] {\n margin-top: 6% !important;\n width: 0 !important;\n height: 0px !important;\n padding-left: 281px !important;\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/indexiin.png\") !
important;\n background-repeat: no-repeat !important; \n}\n\n\n\n\nIMG[src=\"/logos/2010/culturetour10-res.jpg\"], \n\n#hplogo-1,\n#hplogo-2,\n#hplogo-3,\n#hplogo-4,\n#hplogo-5,\n#hplogo-6,\n#hplogo-7,\n#hplogo-8,\n#hplogo-9,\n#hplogo-10,\n#hplogo-11,\n#hplogo-12,\n#hplogo-13,\n#hplogo-14,\n#hplogo-15,\n#hplogo-16,\n#hplogo-17,\n\nIMG[width=\"160\"][height=\"56\"][border=\"0\"][onload=\"window.lol&&lol()\"]\n{\n display: none !important;\n}\n\n\n\n\n#hplogo {\n background-color: transparent !important;\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/indexiin.png\") !important;\n
background-repeat: no-repeat !important; \n width: 0px !important; \n height: 100px !important; \n \n overflow: hidden !important; \n}\n\n.ctr-p {\n overflow: hidden !important;\n }\n\n\n\n#hplogo > div, #tsf > DIV > DIV:first-child > A > IMG {\n display: none !important; \n}\n\n\n\n\n\n\n[alt*=\"Google News\"],[alt*=\"Google\"] ,img[src*=\"scholar_logo_md\"],img[src*=\"books_logo\"],\n[class*=\"SP_logo\"], img[src*=\"blog_search_logo\"],A[title=\"Go to Google Home\"],#logo > A > IMG,\n #logo span, img[src*=\"logo_videos.png\"], img[src$=\"logo_sm.gif\"], img[src$=\"google_sm.gif\"],\n img[src$=\"logo_google_suggest_sm.gif\"] , img[src$=\"maps_logo_small_blue.png\"], #logocont, #tsf > DIV > DIV:first-child {\n width: 150px !important;\n height: 55px !important;\n padding-left: 49px !important;\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/logosmallz.png\") !important;\n
background-repeat: no-repeat !important; \n}\n\n#logocont {\n margin-left: 9px !important;\n}\n\n\n\n.gbqfh #gbql {\nbackground-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/indexiin-1.png\") !important;
\nbackground-position: 0 0 !important; \n}\n\n.gbmai {\nbackground-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/mail1-1.png\") !important;
\nbackground-repeat: no-repeat !important; \nbackground-position: 0 0 !important; \nwidth: 9px !important; \nheight: 9px !important; \n}\n\n#logo > img, #logo > DIV {\n display: none !important;\n}\n\n\n\na#logo, #lgpd + div > div[style^=\"color: rgb(102, 102, 102); font-size: 16px\"] { font-size: 0px !important;}\n\n\n\n\n\n\n#frame > TBODY > TR:last-child > TD > TABLE > TBODY > TR > TD:first-child > BR:first-child + TABLE > TBODY > TR > TD:first-child > IMG {\n display: none !important;\n}\n\n\n\n\n\n\nH2 {\n background: transparent !important;\n}\n\n\n.goog-textarea {\n background-image: none !important;\nbox-shadow: none !important; \n}\n\n\n#gt-suggest-sites > H3, #headingtext, #result_box > SPAN {\n color: #999999 !important;\n}\n\n\n\n#gt-logo > A > IMG {\n display: none !important; \n}\n\n\n\n\n#gt-logo {\n background: transparent !important; \n border-bottom: transparent !important;\n}";
if (false || (document.location.href.indexOf("http://books.google") == 0))
css += "#gb-top-search-box > TABLE > TBODY > TR > TD:first-child > A > IMG {\n display: none !important; \n}\n\n#gb {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/logosmallz.png\") !important;\n
background-repeat: no-repeat !important; \n margin-top: 40px !important; \n padding-bottom: 25px !important; \n}\n\n\n#hpsf > TABLE > TBODY > TR > TD > DIV:first-child > TABLE > TBODY > TR > TD:first-child > DIV, #hpsf > TABLE > TBODY > TR > TD > DIV:first-child, #hpsf > TABLE > TBODY > TR > TD > DIV:first-child > TABLE > TBODY > TR > TD:last-child > DIV, #hpsf > TABLE > TBODY > TR > TD > DIV:last-child, \n\n#vheadf > TABLE > TBODY > TR > TD:first-child > DIV > TABLE > TBODY > TR > TD:first-child > DIV, #vheadf > TABLE > TBODY > TR > TD:first-child > DIV, #vheadf > TABLE > TBODY > TR > TD:first-child > DIV > TABLE > TBODY > TR > TD:last-child > DIV\n\n {\n border: 0px !important; \n}\n\n#hpq, #vheadq {\n height: 26px !important; \n margin-top: 0px !important; \n margin-right: 3px !important; \n}\n\n.slider-button, .about_title, #period_selector, .summary_sidebar {\n background-color: #333333 !important; \n}\n\n.selected {\n background-color: #181818 !important; \n}";
if (false || (document.location.href.indexOf("http://news.google") == 0))
css += ".story, .basic-title, .basic-title.bt-border {\nbackground: #333333 !important; \nmargin: 2px !important; \npadding: 4px !important; \nborder: 1px solid #555555 !important; \n}\n\n.headlines-story-col {\nborder-color: transparent !important; \n}\n\nINPUT[type=\"text\"][maxlength=\"256\"][name=\"query\"] {\n-moz-appearance: none !important; \n background-image: -moz-linear-gradient(top, #000000, #333333) !important;\nborder: 1px solid #444444 !important;\nborder-radius: 6px !important; \ncolor: #999999 !important; \n}";
if (false || (document.location.href.indexOf("http://maps.google") == 0))
css += "#header {margin-bottom: -20px !important;}\n#search {margin-top: -18px !important;}\n* {border-color: rgba(100,100,100,0.6) !important;}\n.dropdown {\nborder: 2px solid rgba(255,255,255,1.0) !important;\nborder-radius: 4px !important;\npadding: 1px 0px 2px 0px !important;\nmargin-bottom: -3px !important;\nmargin-left: 4px !important;\nopacity: 0.7 !important;}\n\n#panel {\nbackground: rgba(0,0,0,0.8) !important;\nmargin: 10px 0px 0px 10px !important;}\n#panel[style=\"height: 815px; left: -369px;\"], #panel[style=\"height: 422px; left: -369px;\"] {\nmargin: 10px 0px 0px 0px !important;}\n\n.panel-width {width: 28.4em !important;}\n.flex-endcol #topbar-startcol {width: 29.4em !important;}\n.flex-endcol #topbar-startcol[style=\"left: -369px;\"] {width: 28.4em !important;}\n\n.mmadd {margin-right: 10px !important;}\n\n#rvbar {background: rgba(0,0,0,0.8) !important;}\n\n#tileContainer .gmnoprint div {background: transparent !important;}\n\n#trafficcontrol div, #lyrc div, #hmtctl div {\nbackground: rgba(0,0,0,0.4) !important;}\n\n.dropdownmenu {background: rgba(0,0,0,0.8) !important;}\n.dropdownmenu div {background: transparent !important;}\n\n#tileContainer div.gmnoprint .gmnoprint {\nborder: 2px solid rgba(50,50,50,0.8) !important;\nborder-radius: 24px !important;\nbackground: rgba(0,0,0,0.8) !important;\nmargin: -2px 0px 0px -2px !important;\npadding: 0px 0px 0px 0px !important;}\n\n.actbar-btn {color: #909090 !important;}\n\n.cntrl, .skunk-head {\n background: transparent !important; \n}\n\n#map {\nleft: 0px !important; margin-right: 0px !important; margin-left: 0px !important;}\n\n#lmc3d {\nposition: absolute !important; left: auto !important; right: 7px !important; bottom: auto !important; top: 25px !important;}\n\n#cbctl {\nleft: auto !important; right: 73px !important;top: 18px !important;}\n\n#trafficcontrol {right: 368px !important;}\n#lyrc {right: 274px !important;}\n#hmtctl {right: 67px !important;}\n\n* {\n color: #999999 !important;\n}\n\nhtml, body {\nbackground: #181818 !important;\n}\n\n#search .logo-img-2\n { display: none !important;\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/mapslogo.png\") !important;
\n}\n\n.q-button.skunkworks-input {\n -moz-appearance: none !important; \n background-image: -moz-linear-gradient(bottom, #181818 10px, #444444) !important;\nbackground-color: #181818 !important; \nborder: 1px solid #444444 !important;\nheight: 29px !important; \nborder-radius: 6px !important; \nmargin-top: 3px !important; \n}\n\n.q-button.skunkworks-input:hover {\n background-image: -moz-linear-gradient(bottom, #181818 10px, #666666) !important;\n}\n\n.q-inner, .q_outer {\n border: 0px solid #181818 !important;\n background: #181818 !important; \nmargin-right: -1px !important;\n}\n\n \n\n.q_d_container {\n background-image: -moz-linear-gradient(top, #000000, #333333) !important;\nborder: 1px solid #444444 !important;\nmargin-right: 21px !important;\nmargin-top: 5px !important;\nmargin-bottom: 1px !important;\nmargin-left: 75px !important; \nheight: 22px !important;\npadding: 0px 5px 5px 0px !important;\nwidth: 550px !important; \nborder-radius: 6px !important; \n}\n\n#q_form > DIV > DIV:first-child + DIV > TABLE > TBODY > TR > TD:first-child {\n display: none !important;\n}\n\n\n.q_d_skunk.skunkworks-input {\nbackground: transparent !important;\n}\n\n.dropdown {\n opacity: .3 !important;\n border: 1px solid #777777 !important;\n}\n\nA:hover, input[type=\"submit\"]:hover , [type=\"reset\"]:hover , [class=\"gac_sb\"]:hover\n{\ntext-shadow: #FFFFFF 0px 0px 3px !important;\ncolor: #DCDCDC !important; \n}\n\n\n.menuitem:hover, a:hover, a span:hover, .actbar-btn:hover, LABEL:hover {\ncolor: #DCDCDC !important; text-shadow: #FFFFFF 0px 0px 3px;}\n\n#topbar-startcol, .end-edge-links {\n background: -moz-linear-gradient(bottom, #181818 12px, #444444) !important;\n}\n\n.bar-divider {\n opacity: .45 !important;\n}\n\n\n\n#gbx1, #gbx2, #gbx3, #gbx4 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: -3px !important; \nopacity: 1 !important; \n}\n\n #gbgs5 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: -4px !important; \nopacity: 1 !important; \n height: 28px !important; \n color: #999999 !important; \n border-color: #181818 !important; \n border-radius: 0px !important; \n border-left: 0px solid !important; \n border-right: 0px solid !important; \n margin-right: -1px !important; \n margin-left: -1px !important; \n}\n\n#gbgs5 {\n padding: 6px 3px 0 3px !important; \n height: 22px !important; \n}\n\n\n\n#topbar-endcol {\n background: -moz-linear-gradient(bottom, #181818 12px, #444444) !important; \n}\n\n\n\n\n\n\n.bar-icon.bar-icon-print2, .bar-icon.bar-icon-email2, .bar-icon.bar-icon-link2, .collapse-left3, .expand-left3 {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/mapsimage0.png\") !important;\n}\n
\n.mclip-container, .mclip, .ad, .mclip-content, .mclip-control, .gmnoprint.rmi-cc-link, .mclip-button-available {\n background: #181818 !important;\n}";
if (false || (document.location.href.indexOf("http://www.google") == 0) ||
(document.location.href.indexOf("http://news.google") == 0))
css += "div.section li * span {border: 1px solid rgba(255,255,255,0.5) !important;\nborder-radius: 4px !important;\nbox-shadow: 3px 3px 2px rgba(0,0,0,1.0) !important;}\n\nh2, #about {background: transparent !important;\nborder-top: 0px !important;}\n\n.nub-item {\nborder-bottom: 0px solid !important;\ntext-shadow: #000000 0px 0px 3px! important;}\n\n\n\n\n\n\n\n\n\n#frame > TBODY > TR:first-child + TR,\n#hplogo { background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/indexiin01.png\")!important;\n
\nbackground-position: center !important;\n\nbackground-repeat: no-repeat !important;\n\n}\n\n\n\n\n\n\n#footer {\n background: transparent !important;\n}\n\n\n\n\n\n\n.gl.nobr, .lsb, \n#frame > TBODY > TR:first-child + TR + TR > TD > TABLE > TBODY > TR > TD:first-child + TD > TABLE > TBODY > TR > TD:last-child > TABLE:last-child > TBODY > TR > TD:first-child + TD > FONT > A:first-child\n{\n-moz-appearance: none !important; \n background-image: -moz-linear-gradient(bottom, #181818, #444444) !important;\nborder: 1px solid #555555 !important;\npadding: 3px 3px 3px 3px !important;\nborder-radius: 6px !important;\n}\n \n\n.gl.nobr:hover, .lsb:hover, \n#frame > TBODY > TR:first-child + TR + TR > TD > TABLE > TBODY > TR > TD:first-child + TD > TABLE > TBODY > TR > TD:last-child > TABLE:last-child > TBODY > TR > TD:first-child + TD > FONT > A:first-child:hover\n{\n background: -moz-linear-gradient(bottom, #181818, #777777) !important;\nborder: 1px solid #555555 !important;\nborder-radius: 6px !important;\n}\n\n\n\n\n\n\n\n\n#frame > TBODY > TR:first-child + TR + TR > TD > TABLE > TBODY > TR > TD:first-child + TD > TABLE > TBODY > TR > TD:last-child > TABLE:last-child > TBODY > TR > TD:first-child + TD > FONT > A:first-child + BR + A {\n position: fixed !important;\n margin-top: 2px !important;\n}\n\n\n\n\n#guser {\nborder-bottom: 2px solid !important;\nborder-top: 2px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: 0px !important; \n width: 100% !important;\n}\n\n\n#gbar, #guser > NOBR {\n margin: 0 10px 0 10px !important;\n}\n\n\n#gbar {\n margin-top: 2px !important;\n}\n\n\n#gog {\n background: #181818 !important;\n padding: 0 !important; \n}\n\n\n\n#vspb {\n border: 1px solid #555555 !important;\nborder-radius: 6px !important;\n background: -moz-linear-gradient(left, #444444, #181818 16px, transparent),\n-moz-linear-gradient(right, #444444, #181818 18px) !important;\n}\n\n#vsrs {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/googlearrow.png\") !important;
\nbackground-position: 0px 0px !important;\n}\n\n\n\n#guser > NOBR > B, #gbar > NOBR > B {\n color: #666666 !important;\n}\n\n\n.spell {\n color: #777777 !important;\n}";
if (false || (document.location.href.indexOf("https://encrypted.google") == 0))
css += "#hplogo {\npadding-left: 0px !important; \nheight: 0px !important;\n}\n\n#fctr {\n background-color: #181818 !important; \n}\n\n#lga {\npadding: 5px !important;\n}\n\n#sblsbb > INPUT {\n background-image: -moz-linear-gradient(top, #444444, #181818) !important;\n background-repeat: no-repeat !important; \n}\n\n#sblsbb > INPUT:hover {\n background-image: -moz-linear-gradient(top, #777777, #181818) !important;\n background-repeat: no-repeat !important; \n}";
if (false || (document.location.href.indexOf("http://www.google") == 0))
css += "#hplogo {\n background-color: #181818 !important;\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/indexiin.png\") !important;\n
background-repeat: no-repeat !important; \n width: 275px !important; \n \n \n}";
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
}
})();
// ==UserScript==
// @name Darker Gmail
// @namespace http://userstyles.org
// @description Gmail redesigned in dark gray, custom images, gradients etc.
// @author zigboom
// @homepage http://userstyles.org/styles/44582
// @include https://mail.google*
// @include http://mail.google*
// @run-at document-start
// ==/UserScript==
(function() {
var css = "body, .nH.oy8Mbf, .nH {\n background: #181818 !important; \n}\n\n\n\n.T4.pp, .T0.pp, .ul, .g3FPRd {\n border-color: transparent !important; \n }\n\n.pt, .r, .T0.pp, .ul, .iE.D.E, .l.h, .ph.i, .WAtuJe {\n background: #333333 !important; \n}\n\n\n\n.eh, .dW.E, .eD, .eC, .eJ, .fw, .eF, .Aq, .cKWzSc.mD, .fN, .fA {\n background: #333333 !important; \n}\n\n.eL, .eK, .mt, .ms, .mu, .eM {\n background-color: #444444 !important; \n border-color: #555555 !important; \n }\n \n.hv {\n border-color: #555555 !important; \n }\n \n .mt:hover, .ms:hover, .mu:hover {\n background-color: #555555 !important; \n border-color: #666666 !important; \n }\n\n\n\n.J-Ke.n0, .CJ, .PaFxZc, .pw, .hP, .d2, .ef, .el, .e.d0,\n .b2, .mG, .eu, B, .Dj, .r4axtf, .dO, .my {\n color: #999999 !important; \n }\n \n \n \n.k, .l.n, .ph.q, .vcZxK {\n background: #333333 !important;\n }\n \n .NI.NJ, .ND, .NF.NJ.Ov3mkd.CpRBXe, .NE, .jp {\n background: #181818 !important; \n }\n \n .vcZxK {\n -moz-appearance: none !important; \n outline: none !important; \n }\n \n .NK.NK-RYbm0e, .NL.NL-RYbm0e, .NH.NH-Y8 {\n background-color: #333333 !important; \n }\n \n .NJ, .CpRBX {\n background: #333333 !important; \n border-color: #181818 !important; \n }\n \n .nH.ko, .nH.ws, .NG, .ke, .kX, .CphvYd.nH.oy8Mbf.jr, .jp, .nH.gv {\n border-color: #333333 !important; \n border-top: 2px solid #181818 !important; \n }\n \n.NE:hover, .ND:hover {\n background: #333333 !important; \n border-color: #333333 !important; \n }\n \n\n\n\n.nH.CDVyRd, .iI.D.E.hMFEHf, .iI.D.E, .z9.z8, .TO:hover, .Jpk70b {\n background: #333333 !important; \n border-color: transparent !important; \n}\n\n.editable.LW-yrriRe {\n background: #FFFFFF !important; \n}\n\n\n#gbx3, #gbx4, #gbx1, #gbx2 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: -3px !important; \nopacity: 1 !important; \n}\n\n.gbts, #gbgs5 {\n background-color: #181818 !important; \nborder-bottom: 2px solid !important;\nborder-top: 3px solid !important;\n-moz-border-bottom-colors: #333333 #000000 !important;\n-moz-border-top-colors: #000000 #000000 #555555 !important;\n background: -moz-linear-gradient(bottom, #181818, #444444) !important;\n margin-top: -5px !important; \nopacity: 1 !important; \n height: 29px !important; \n color: #999999 !important; \n border-color: #181818 !important; \n border-radius: 0px !important; \n border-left: 0px solid !important; \n border-right: 0px solid !important; \n margin-right: -1px !important; \n margin-left: -1px !important; \n}\n\n\n\n.gbts {\n background: transparent !important; \n border-color: transparent !important; \n}\n\n#gbgs5 {\n padding: 6px 3px 0 3px !important; \n height: 23px !important; \n}\n\n.gbma {\n display: none !important; \n}\n\n.zA.zE {\n background: -moz-linear-gradient(bottom, #333333, #444444 1px, #666666 23px, #777777) !important; \n}\n\n.zF, .zA.zE .y6, .zA.zE .y2, .zA.zE b, .zA.zE .yP, .zA.zE .yW {\n color: #CCCCCC !important; \n font-weight: normal !important; \n}\n\n.zA.yO {\n background: -moz-linear-gradient(bottom, #252525, #333333 1px, #444444 23px, #555555) !important; \n}\n\n.xY{\n border-bottom: 0px solid transparent !important; \n}\n\n\n#GMthreads .unstarred, #GMthreads .starred, .popout {\nbackground-image:url(\"http://i44.tinypic.com/153obw0.png
\") !important;}\n\n.attachment {\nbackground-image:url(\"http://i40.tinypic.com/2vlo045.png
\") !important;}\n\n.selectionTools span {\ncolor: #AA5520 !important;}\n\n\n\ndiv, td, font { color: #999999 !important; }\n\n\n\n\n.GcwpPb-hsoKDf.nr {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(top, #000000, #333333) !important; \n border: 1px solid #444444 !important; \n -moz-border-radius-topleft: 4px !important; \n -moz-border-radius-bottomleft: 4px !important; \n padding: 4px !important; \n}\n\n.dI.dG, .dI, .Vm.Vk {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(top, #000000, #333333) !important; \n border: 1px solid #444444 !important; \n border-radius: 4px !important; \n padding: 3px !important; \n}\n\n.dI {\n margin: 1px !important; \n}\n\n.J-Zh-I.J-J5-Ji.L3.J-Zh-I-Js-Zq {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #000000, #333333) !important; \n border: 1px solid #444444 !important;\n border-left: 0px !important; \n -moz-border-radius-topright: 4px !important; \n -moz-border-radius-bottomright: 4px !important; \n padding: 4px !important; \n}\n\n.J-Zh-I.J-J5-Ji.L3.J-Zh-I-Js-Zq:hover {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #181818, #555555) !important; \n border: 1px solid #444444 !important;\n border-left: 0px !important; \n -moz-border-radius-topright: 4px !important; \n -moz-border-radius-bottomright: 4px !important; \n}\n\n.J-Zh-I.J-J5-Ji.L3, .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #000000, #333333) !important; \n border: 1px solid #444444 !important;\n padding: 4px !important; \n} \n\n.J-Zh-I.J-J5-Ji.L3:hover, .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq:hover {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #181818, #555555) !important; \n border: 1px solid #444444 !important; \n padding: 4px !important; \n} \n\n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:first-child {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #000000, #333333) !important; \n border: 1px solid #444444 !important;\n padding: 1px 4px 4px 2px !important; \n} \n\n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:first-child:hover {\n -moz-appearance: none !important; \n background: -moz-linear-gradient(bottom, #181818, #555555) !important; \n border: 1px solid #444444 !important;\n padding: 1px 4px 4px 2px !important; \n} \n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:nth-child(2) {\n border-right: 0px !important; \n border-left: 0px !important; \n}\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(3) > SPAN:last-child > DIV {\n border-left: 0px !important; \n}\n\n.nH.mq, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV:first-child, .VP5otc-pzeoBf.D.E, .l.m, .nH.Wg, .l.o, .ph.p, .VP5otc-U4m8q.D.E, .TO.nZ, .TN:hover {\n background: #333333 !important; \n}\n\n\n\n\n.l.m \n\n.J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq.J-Zh-I-Js-Zj, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.L3, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.J-Zh-I-KE, .l.m DIV[tabindex=\"0\"][role=\"button\"][class=\"J-Zh-I J-J5-Ji J-Zh-I-Js-Zq L3\"][style=\"-moz-user-select: none;\"][aria-haspopup=\"true\"], HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:first-child, .l.m .VP5otc-HT6HAf.J-J5-Ji .J-Zh-I.J-J5-Ji.L3 {\n background: -moz-linear-gradient(bottom, #181818, #444444) !important; \n border-color: #555555 !important; \n}\n\n\n.l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq.J-Zh-I-Js-Zj:hover, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.L3:hover, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq:hover, .l.m .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.J-Zh-I-KE:hover, .l.m DIV[tabindex=\"0\"][role=\"button\"][class=\"J-Zh-I J-J5-Ji J-Zh-I-Js-Zq L3\"][style=\"-moz-user-select: none;\"][aria-haspopup=\"true\"]:hover, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:first-child:hover, .l.m .VP5otc-HT6HAf.J-J5-Ji .J-Zh-I.J-J5-Ji.L3:hover {\n background: -moz-linear-gradient(bottom, #222222, #666666) !important; \n border-color: #666666 !important; \n}\n\n\n.VP5otc-d2fWKd.J-J5-Ji, .Wu {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/mail1.png\") !important; \n}\n\n.Wu {\n
background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/mail2.png\") !
important; \n} \n\n.J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.J-Zh-I-KE, .J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq.J-Zh-I-Js-Zj {\n padding: 4px !important; \n}\n\n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:first-child, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:first-child, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:first-child, \n.J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zj.J-Zh-I-KE, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:nth-child(3) > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:nth-child(2), HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:nth-child(2) { \n border-right: 0px !important; \n}\n\n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:last-child, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(3) > SPAN:last-child > DIV, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:last-child, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:nth-child(3) > SPAN:last-child > DIV, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV:last-child, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV > DIV:nth-child(3) > SPAN:last-child > DIV, HTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:nth-child(3) > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:last-child {\n border-left: 0px !important; \n}\n\n\n\n.GcwpPb-VArq.Rgky9 {\n background-image: url(\"http://i930.photobucket.com/albums/ad144/zigboom/logo4.png\") !important; \n}\n\n\n
\n.VP5otc-pzeoBf.D.E, .nH.Wg, .VP5otc-U4m8q.D.E, .nH.T4.pp {\n border: 0px !important; \n}\n\n\n\n.ya {\n background: #333333 !important; \n} \n\n\n\nDIV[class=\"J-LC\"][role=\"menuitem\"][style=\"-moz-user-select: none;\"], \n.SK.AX {\n background: #333333 !important; \n}\n\n.SK.AX {\n border: 1px solid #555555 !important; \n border-radius: 6px !important; \n}\n\n.J-LC, .J-JK:hover, .J-N:hover {\n background: #555555 !important; \n}\n\n.J-LC, .J-JK, .J-N {\n padding: 0 2px !important; \n} \n\nINPUT[type=\"text\"][ignoreesc=\"true\"][maxlength=\"40\"][autocomplete=\"off\"][tabindex=\"0\"], .J-M-JJ {\n background: #333333 !important;\n-moz-appearance: none !important; \n}\n\n\n.J-M-JJ {\n border: 1px solid #555555 !important;\n}\n\n\n.J-Kh {\n border: 0px !important; \n}\n\n\n\n.T2, .T1 {\n background: #333333 !important;\n}\n\n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV:first-child > DIV:nth-child(2) > DIV:first-child, \n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV:nth-child(2) > DIV:first-child, \n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(2) > DIV:first-child {\n padding: 4px !important; \n} \n\n\nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV:nth-child(3) > SPAN:last-child > DIV, \nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV > DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV > DIV:first-child > DIV:nth-child(3) > SPAN:last-child > DIV, \n.J-Zh-I.J-J5-Ji.J-Zh-I-Js-Zq, \nHTML > BODY > DIV:first-child > DIV:last-child > DIV > DIV:last-child > DIV:first-child > DIV:last-child > DIV:first-child > DIV > DIV > DIV:nth-child(2) > DIV > DIV > DIV > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV:first-child > DIV > DIV:first-child > DIV > DIV:nth-child(3) > SPAN:last-child > DIV {\n border-left: 1px solid #555555 !important; \n}";
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
heads[0].appendChild(node);
}
}
})();
hi sgunhouse.. but cant i enter this as java script in opera? i remember the first time i entered this as java script it worked for only one time. after that, it stopped working. i tried blackle. but i dont like it at all. what do you suggest i do to get this working as java script?
Originally posted by taurusx5:
Yeah it does work. Save as "Darker Google.js" into your UserJS folder.You said it stopped working - Did you login into google and start using HTTPS? I noticed they aren't in the scripts @includes. This could be why it stopped for you.hi sgunhouse.. but cant i enter this as java script in opera? i remember the first time i entered this as java script it worked for only one time. after that, it stopped working. i tried blackle. but i dont like it at all. what do you suggest i do to get this working as java script?
Originally posted by Nailz:
Originally posted by taurusx5:
Yeah it does work. Save as "Darker Google.js" into your UserJS folder.You said it stopped working - Did you login into google and start using HTTPS? I noticed they aren't in the scripts @includes. This could be why it stopped for you.hi sgunhouse.. but cant i enter this as java script in opera? i remember the first time i entered this as java script it worked for only one time. after that, it stopped working. i tried blackle. but i dont like it at all. what do you suggest i do to get this working as java script?
hi nailz.. ok, i saved this script as "Darker Google.js" and saved it in the UserjS Folder in Content > JaveScript Options. but you said something that i dont understand. you asked if i logged into google using HTTPS? what do you mean by this?
Originally posted by taurusx5:
hi nailz.. ok, i saved this script as "Darker Google.js" and saved it in the UserjS Folder in Content > JaveScript Options. but you said something that i dont understand. you asked if i logged into google using HTTPS? what do you mean by this?
When you log in it switches to a more secure connection. The address will be https://www.google.com. The should be a yellow lock next to the address in Opera. Scripts need to be specifcally configured to be allowed to do this as its risky security wise.
You can allow this by enabling UserJavaScriptonHTTPS in opera:config. If you do you also need to edit the script to add these addresses like
// @include https://www.google* // @include https://images.google*
.. lot of work to darken things up.
You could just install http://usercss.com/styles/night/ (or grab a few random dark google.css files to try) and live with that.
17. April 2012, 01:45:15 (edited)
Originally posted by Nailz:
Originally posted by taurusx5:
hi nailz.. ok, i saved this script as "Darker Google.js" and saved it in the UserjS Folder in Content > JaveScript Options. but you said something that i dont understand. you asked if i logged into google using HTTPS? what do you mean by this?
When you log in it switches to a more secure connection. The address will be https://www.google.com. The should be a yellow lock next to the address in Opera. Scripts need to be specifcally configured to be allowed to do this as its risky security wise.
You can allow this by enabling UserJavaScriptonHTTPS in opera:config. If you do you also need to edit the script to add these addresses like// @include https://www.google* // @include https://images.google*
.. lot of work to darken things up.
You could just install http://usercss.com/styles/night/ (or grab a few random dark google.css files to try) and live with that.
hi nailz.. i enabled 'User Java Script on HTTPS' but i lose connection with the internet. and the following codes are already included in the script that i pasted in this thread:
// @include https://www.google* // @include https://images.google*
so i dont understand why this isnt working. keep in mind that i got 2 scripts .. one for gmail and the other for google. what do you suggest at this point?
26. April 2012, 23:32:36 (edited)
Originally posted by taurusx5:
i got a code to give google and gmail a dark theme. the website i got it from is:
http://userstyles.org/styles/43463/darker-google
i dont know if i did this right. but i pasted the code in a txt file then renamed the extension to ".js"...
Que hay banda!? I recommend you "Google Enhanced Black" + "GoogleMonkeyR" userscripts, here's the install (just once or one time procedure) process:
::: Procedimiento para la instalación de (UserScripts) Scripts de Usuario & emulación del complemento (extensión de firefox) GreaseMonkey :::
::: User Java Scripts install procedure & GreaseMonkey addon emulation :::
Originally posted by TrikiTran:
Originally posted by taurusx5:
i got a code to give google and gmail a dark theme. the website i got it from is:
http://userstyles.org/styles/43463/darker-google
i dont know if i did this right. but i pasted the code in a txt file then renamed the extension to ".js"...
Que hay banda!? I recommend you "Google Enhanced Black" + "GoogleMonkeyR" userscripts, here's the install (just once or one time procedure) process:
::: Procedimiento para la instalación de (UserScripts) Scripts de Usuario & emulación del complemento (extensión de firefox) GreaseMonkey :::
::: User Java Scripts install procedure & GreaseMonkey addon emulation :::
[/URL]
hey trikitran.. thanks for the reply. i like your suggestion, but can you show me how to install what you recommended?
Originally posted by taurusx5:
Originally posted by TrikiTran:
Originally posted by taurusx5:
i got a code to give google and gmail a dark theme. the website i got it from is:
http://userstyles.org/styles/43463/darker-google
i dont know if i did this right. but i pasted the code in a txt file then renamed the extension to ".js"...
Que hay banda!? I recommend you "Google Enhanced Black" + "GoogleMonkeyR" userscripts, here's the install (just once or one time procedure) process:
::: Procedimiento para la instalación de (UserScripts) Scripts de Usuario & emulación del complemento (extensión de firefox) GreaseMonkey :::
::: User Java Scripts install procedure & GreaseMonkey addon emulation :::
hey trikitran.. thanks for the reply. i like your suggestion, but can you show me how to install what you recommended?
there are links inside (text) the post (english or spanish, whaterever) title and images and goto my blog!
Originally posted by TrikiTran:
Originally posted by taurusx5:
Originally posted by TrikiTran:
Originally posted by taurusx5:
i got a code to give google and gmail a dark theme. the website i got it from is:
http://userstyles.org/styles/43463/darker-google
i dont know if i did this right. but i pasted the code in a txt file then renamed the extension to ".js"...
Que hay banda!? I recommend you "Google Enhanced Black" + "GoogleMonkeyR" userscripts, here's the install (just once or one time procedure) process:
::: Procedimiento para la instalación de (UserScripts) Scripts de Usuario & emulación del complemento (extensión de firefox) GreaseMonkey :::
::: User Java Scripts install procedure & GreaseMonkey addon emulation :::
hey trikitran.. thanks for the reply. i like your suggestion, but can you show me how to install what you recommended?
there are links inside (text) the post (english or spanish, whaterever) title and images and goto my blog!
do i really need to install greasemonkey? is it necessary?
Originally posted by TrikiTran:
Try use scripts without greasemonkey emulation (3 files = 68 KB, absolutely nothing) scripts, only apply the features tweaks and see what hapens!
It works for me! Plus, i can see scripts configurations just pressing Shift+0
hi trikitran.. i finally got the scripts working but from themes from userstyles.org. i got 2 questions for you:
1) after i applied the scripts and restarting opera, i see a message saying: "Do you wan to allow local javascript files to control secure pages? Your should only allow this if you know what your javascript files contain and understand the security implications."... should i say 'yes' or 'no' to this?
2) so far, i applied 3 scripts:
Google Dark - http://userstyles.org/styles/36026/google-dark
Perfect Dark Google Maps - http://userstyles.org/styles/40405/perfect-dark-google-maps
Wikipedia - Dark, green, lustrous - http://userstyles.org/styles/63608/wikipedia-dark-green-lustrous
how do i apply security measures to prevent someone from seeing my info through these scripts? do i enable HTTPS?
Originally posted by taurusx5:
Originally posted by TrikiTran:
Try use scripts without greasemonkey emulation (3 files = 68 KB, absolutely nothing) scripts, only apply the features tweaks and see what hapens!
It works for me! Plus, i can see scripts configurations just pressing Shift+0
hi trikitran.. i finally got the scripts working but from themes from userstyles.org. i got 2 questions for you:
1) after i applied the scripts and restarting opera, i see a message saying: "Do you wan to allow local javascript files to control secure pages? Your should only allow this if you know what your javascript files contain and understand the security implications."... should i say 'yes' or 'no' to this?
2) so far, i applied 3 scripts:
Google Dark - http://userstyles.org/styles/36026/google-dark
Perfect Dark Google Maps - http://userstyles.org/styles/40405/perfect-dark-google-maps
Wikipedia - Dark, green, lustrous - http://userstyles.org/styles/63608/wikipedia-dark-green-lustrous
how do i apply security measures to prevent someone from seeing my info through these scripts? do i enable HTTPS?
If you say NO scripts won't running on HTTPS connection sites, you must install trusted scripts or styles, still don't know how to get rid of this annoying notification, i always approve scripting on HTTPS sites!
Check this out to identify malicious code: http://www.online-translator.com/site_Translation.aspx?sourceURL=http://magarto.com/blog/archivo/2007/07/08/problemas-de-seguridad-en-varios-scripts-de-greasemonkey/&direction=se&template=General&autotranslate=on&flw=yes
Try to install userstyles as CSS to change the user interface of sites, same procedure than userscripts, but you should save styles as CSS (.css extension) files. So here's the instructions:
suggestion: save the .css files in the same folder you use for .js files
Right click on any part of the page ==>> Edit Site Preferences... ==>> Display ==> My Style Sheet ==>> Choose... ==>> Select the (mentioned folder) the CSS file ==>> Click OK
OR
Use the extension or addon Include CSS:
https://addons.opera.com/en/extensions/details/include-css/?display=en
SALUDOS!
Originally posted by Keyser Söze:
Considering that GreaseMonkey allows you to let random people on the Internet change the behavior of your favorite websites, how safe can it be?
It's as safe as you allow it to be - but you aren't very clear, so let's look at it from a few perspectives:
Web Developer
Greasemonkey can't do anything to your website that a person with telnet can't already do to your website.It automates things a bit, but other than that if greasemonkey is a security hole, then your website design is flawed - not greasemonkey.
Internet user with Greasemonkey loaded
Like anything else you load on your system, greasemonkey can be used against you. Don't load scripts onto your system unless you trust the source (in both meanings of the term 'source'). It's fairly limited and sandboxed, but that doesn't mean it's safe, merely that it's harder for someone to do something nefarious.
Internet user without Greasemonkey
If you do not load greasemonkey or any of its scripts, it cannot affect you in any way.Greasemonkey does not alter the websites you visit unless you've loaded it on your system.
Greasemonkey developer
There's not much you can do beyond what can already be done with XUL and javascript, but it is possible to trash your mozilla and/or firefox profile, and possibly other parts of your system.Unlikely, difficult to do on purpose or maliciously, but it's not a bulletproof utility.Develop responsibly.
Originally posted by TrikiTran:
Originally posted by taurusx5:
Originally posted by TrikiTran:
Try use scripts without greasemonkey emulation (3 files = 68 KB, absolutely nothing) scripts, only apply the features tweaks and see what hapens!
It works for me! Plus, i can see scripts configurations just pressing Shift+0
hi trikitran.. i finally got the scripts working but from themes from userstyles.org. i got 2 questions for you:
1) after i applied the scripts and restarting opera, i see a message saying: "Do you wan to allow local javascript files to control secure pages? Your should only allow this if you know what your javascript files contain and understand the security implications."... should i say 'yes' or 'no' to this?
2) so far, i applied 3 scripts:
Google Dark - http://userstyles.org/styles/36026/google-dark
Perfect Dark Google Maps - http://userstyles.org/styles/40405/perfect-dark-google-maps
Wikipedia - Dark, green, lustrous - http://userstyles.org/styles/63608/wikipedia-dark-green-lustrous
how do i apply security measures to prevent someone from seeing my info through these scripts? do i enable HTTPS?
If you say NO scripts won't running on HTTPS connection sites, you must install trusted scripts or styles, still don't know how to get rid of this annoying notification, i always approve scripting on HTTPS sites!
Check this out to identify malicious code: http://www.online-translator.com/site_Translation.aspx?sourceURL=http://magarto.com/blog/archivo/2007/07/08/problemas-de-seguridad-en-varios-scripts-de-greasemonkey/&direction=se&template=General&autotranslate=on&flw=yes
Try to install userstyles as CSS to change the user interface of sites, same procedure than userscripts, but you should save styles as CSS (.css extension) files. So here's the instructions:
suggestion: save the .css files in the same folder you use for .js files
Right click on any part of the page ==>> Edit Site Preferences... ==>> Display ==> My Style Sheet ==>> Choose... ==>> Select the (mentioned folder) the CSS file ==>> Click OK
OR
Use the extension or addon Include CSS:
https://addons.opera.com/en/extensions/details/include-css/?display=en
SALUDOS!Originally posted by Keyser Söze:
Considering that GreaseMonkey allows you to let random people on the Internet change the behavior of your favorite websites, how safe can it be?
It's as safe as you allow it to be - but you aren't very clear, so let's look at it from a few perspectives:
Web Developer
Greasemonkey can't do anything to your website that a person with telnet can't already do to your website.It automates things a bit, but other than that if greasemonkey is a security hole, then your website design is flawed - not greasemonkey.
Internet user with Greasemonkey loaded
Like anything else you load on your system, greasemonkey can be used against you. Don't load scripts onto your system unless you trust the source (in both meanings of the term 'source'). It's fairly limited and sandboxed, but that doesn't mean it's safe, merely that it's harder for someone to do something nefarious.
Internet user without Greasemonkey
If you do not load greasemonkey or any of its scripts, it cannot affect you in any way.Greasemonkey does not alter the websites you visit unless you've loaded it on your system.
Greasemonkey developer
There's not much you can do beyond what can already be done with XUL and javascript, but it is possible to trash your mozilla and/or firefox profile, and possibly other parts of your system.Unlikely, difficult to do on purpose or maliciously, but it's not a bulletproof utility.Develop responsibly.
ok.. first, i tried changing the extensions of .js files to .css then doing the edit preferences thing.. but this doesnt work because the pages dont come out. but why should i use .css?
2nd, i still dont understand how to make .js files secure. i dont use greasemonkey. i got userscripts from userstyles.org. i already enabled User JavaScript on HTTPS. now, someone on this thread said i should add HTTPS to the code to make it secure. where in the code do i do this?
.
2. May 2012, 01:19:30 (edited)
Originally posted by taurusx5:
Originally posted by TrikiTran:
Originally posted by taurusx5:
Originally posted by TrikiTran:
Try use scripts without greasemonkey emulation (3 files = 68 KB, absolutely nothing) scripts ...
ok.. first, i tried changing the extensions of .js files to .css then doing the edit preferences thing.. but this doesnt work because the pages dont come out. but why should i use .css?
2nd, i still dont understand how to make .js files secure. i dont use greasemonkey. i got userscripts from userstyles.org. i already enabled User JavaScript on HTTPS. now, someone on this thread said i should add HTTPS to the code to make it secure. where in the code do i do this?Originally posted by TrikiTran:
They are different codes, not the same sintax, do not change the extension, save the userstyle as CSS file by the procedure like the userscripts but click on "Install as plain CSS", CSS works better than userscripts to modify the page interface!
e.g. I want to turn it to black the background of YouTube, so i use a userstyle (CSS file) but i need or desire to download the videos and remove frames, or add features or whatever, then i install a userscript:
* Suggestion:
YouTube Black Theme: Click Here
YousableTubeFix: Click Here (Main Page | Click Here)
Include CSS addon | video tutorial
2. May 2012, 01:37:11 (edited)
Originally posted by TrikiTran:
Originally posted by taurusx5:
Originally posted by TrikiTran:
Originally posted by taurusx5:
Originally posted by TrikiTran:
Try use scripts without greasemonkey emulation (3 files = 68 KB, absolutely nothing) scripts ...
ok.. first, i tried changing the extensions of .js files to .css then doing the edit preferences thing.. but this doesnt work because the pages dont come out. but why should i use .css?
2nd, i still dont understand how to make .js files secure. i dont use greasemonkey. i got userscripts from userstyles.org. i already enabled User JavaScript on HTTPS. now, someone on this thread said i should add HTTPS to the code to make it secure. where in the code do i do this?
They are different codes, not the same sintax, do not change the extension, save the userstyle as CSS file by the procedure like the userscripts but click on "Install as plain CSS", CSS works better than userscripts to modify the page interface!
e.g. I want to turn it to black the background of YouTube, so i use a userstyle (CSS file) but i need or desire to download the videos and remove frames, or add features or whatever, then i install a userscript:
* Suggestion:
YouTube Black Theme: Click Here
YousableTubeFix: Click Here (Main Page | Click Here)
Include CSS addon | video tutorial
ok.. i got it working now.. thank god.. but whats the difference between using css and userscript? which is better and which is more secure?
Originally posted by TrikiTran:
Originally posted by taurusx5:
TrikiTran... my user sciprt for a google theme doesnt work anymore.. i dont know why. why isnt this working anymore?
Delete, re download and save it with another name!
hi trikitran.. i tried what you suggested.. but it doesnt work. i tried a css file also and that doesnt work either. and i tried a Dark Wiki theme, and that stopped working also.. what do you think is going on? why do you think i cant get these themes working for google or wiki?