public marks

PUBLIC MARKS from decembre with tag userstyles

This year

CSS - @font-face | Codrops CSS Reference

The @font-face CSS at-rule allows you to define and use your own custom fonts, thus allowing you to extend the limited set of standard system fonts that are installed by default on a computer, and that browsers can access and use.


USERSTYLES - EXAMPLE - ss16 a Fresh attempt at (user)styling 4chan.... (2017)

ss16 - a self-centered, fresh attempt at (user)styling 4chan * * created on: February 11th, 2016 * last modified: May 16th, 2017 * 4chan X version: ccd0 / * created by: @saxamaphone69 * (loose) coding style: * * in an attempt to make the style as user-friendly as possible, i will * comment most of the css to explain what it all does * * please leave any comments, suggestions, or feedback on github: * * */ /** * this userstyle utilises a lot of best practices * and sensible defaults inspired from a variety of * stylish and modern web frameworks and resources, mainly: * */ /** * first thing we do, is we use web fonts from google! * this is so users aren't required to download fonts prior. * and of course, if you don't want to or don't like it, * delete or change it accordingly. we use roboto, roboto mono, * karla, and material icons. circular has been removed in the production * version of ss16 to not only keep the file size down, but also * to not have a font that i don't own the license for :^) */

USERSTYLES - FIR 75 > - CSS - Jefferson - Stylish themes & skins |

Firefox 57 or Stylish 3.0 users: - Expand the "Show CSS Code" panel - Copy/paste into a userChrome.css file. More information on creating a userChrome.css file:

FIR 57 - MY CustomCSS (userChrome.css ) - General discussions, feedback, questions belong here (v3) · Issue #88 · Aris-t2/CustomCSSforFx · GitHub

/* * Edit this file and copy it as userChrome.css into your ff profile */ /* Show TAB favicon only on selected tab */ #feed-button { display: none !important } #urlbar[level] .autocomplete-textbox-container >* { background-color: #FFFFB7 !important; } .autocomplete-history-dropmarker { display: none !important; } /* Hide Tabbar close Button */ /* tabbrowser .tabs-closebutton-box { display: none; } */ /* PERSONAL TOOLBAR */ /* * Note: Rules affecting icons on the PT do not apply to folder contents. * Those are governed by "Bookmarks menu" rules. * Taken from: */ /* Kill FOLDER / bookmark icons in the Personal Toolbar */ toolbarbutton.bookmark-item > .toolbarbutton-icon { display: none; } /* BOOKMARKS MENU */ /* OK - kill icons for bookmark groups in Bookmarks menu */ menuitem.bookmark-group > .menu-iconic-left { display: none; } /*hide noscript icon in contextual menu*/ .menu-iconic[id*="noscript-"] > .menu-iconic-left .menu-iconic[class*="noscript-"] > .menu-iconic-left .menuitem-iconic[class*="noscript-"] > .menu-iconic-left { visibility: hidden !important; } /* TABS */ .tabbrowser-tab[selected="true"] { border: none !important; font-family: "pragmata" !important; border-radius: 0 !important; padding-left: 5px !important; padding-right: 5px !important; background: red !important; } .tabbrowser-tab:not([selected="true"]) { border: none !important; font-family: "pragmata" !important; background: #222 !important; border-radius: 0 !important; padding-left: 5px !important; padding-right: 5px !important; } { -moz-appearance: none !important; } #content browser{margin-right:-16px!important;overflow-y:scroll;overflow-x:hidden;} .appmenu-button-container { background: #303030 !important; } #navigator-toolbox #TabsToolbar, { background: #303030 !important; } #appmenu-toolbar-button, .tabbrowser-tab { font: 10pt "pragmata" !important; background-color: #303030 !important; text-shadow: none !important; color: #676767 !important; } #urlbar { height: 22px; } .appmenu-toolbar-button { background: #303030 !important; color: #676767 !important; text-align: left !important; margin: 0 3px 0 0px !important; padding: 0 0 0 0 !important; } .toolbarbutton-menu-dropmarker { display: none !important; } #navigator-toolbox #TabsToolbar { background: #303030 !important; padding: 0px 0px !important; height: 20px !important; } .tabbrowser-tab { text-align: center !important; color: #676767 !important; background: #303030 !important; margin: -2px 0px 0px 0px !important; padding: 0px 2px 0px 4px !important; border: 0 !important; border-left: 0px solid #676767 !important; border-right: 0px solid #676767 !important; border-radius: 0px !important; } .tabbrowser-tab[selected="true"] { /*background: #202020 !important;*/ background: red !important; border-left: 0px solid #676767 !important; border-right: 0px solid #676767 !important; padding: 0px 2px 0px 3px !important; color: #ababab !important; }

CSS - SCROLLBAR - Modern custom scrollbar (effects all websites) |

A thin modern-looking scrollbar for all sites. Just as easy to use as the normal one but uses less screen space.

FIR - ADDON USERSTYELS - Forum reply about Stylus Permissions Required and Privacy - Stylus ::

Forum reply about Stylus Permissions Required and Privacy (by NarcolepticInsomniac): Responding to this almost seems silly, since OP is clearly delusional, but I might as well clarify so that no one else is confused by this FUD. Stylus needs to monitor, and have the ability to modify all pages in order to detect which URLs have applicable styles, and then inject those stylesheets. If you had any clue what you were talking about, you'd recognize that pretty broad permissions are required for such functionality. The real issue is that these same permissions which are required for basic functionality can also be abused by adding telemetry or other garbage. The majority of extensions include some low level basic analytics for development purposes, and many go much further than that, collecting your complete browsing history with personally identifying info to create profiles. These profiles can then be bought and sold for targeted advertising purposes. That's what happened to Stylish when it was sold to an analytics company, and one of the main reasons we created Stylus was to rectify this abuse of permissions granted by users who trusted the previous dev. Stylus collects nothing. Period. Not even low level analytics for install counts or to help in development regarding which features warrant more attention. This is a pain in the ass for development, but also very important for instilling trust within our user-base. The code is completely open source, so anyone can review it. With many users actively involved in maintaining and improving it, rest assured that nothing sketchy can make its way into the actual code. I think it might be worth adding an explanation for each permission in README. Not that it will convince the most suspicious users by itself, but then again they can simply use WireShark or Fiddler to see what Stylus network communications are (answer: only style update checks when the corresponding option is enabled).

USERSTYLES _ GitHub - Referencing a .css file in github repo as stylesheet in a .html file - Stack Overflow

First Visit RawGit as suggested earlier Next copy your file path from github into the RawGit box RawGit will automatically produce two refrences to your web page The Development and Production refrence refrence the development link in your webpage if you are still developing save/upload then reload your webpage if there was no change it means your browser has saved your former refrence clear your browser data then reload Hope that helps?

USERSTYLES - HACK - Load in Stylish button for my own site? - 2013 -

To save other people some grief, I want to note that the different hosts in extensions.stylish.install.allowedDomains are SPACE separated. I assumed comma and it really tripped me up. I apologize for resurrecting a few old threads, but I just happened on one after another trying to figure this out. I want to avoid anyone else getting stuck like this

USERSTYLES - HACK - extensions.stylish.install.allowedDomains chez DuckDuckGo

Users can currently install from other sources in these ways: Visit a CSS file, click the Stylish icon, click Add File to Stylish (no metadata will be loaded, but updates will work) From the Stylish tab in the Add-ons Manager, click Install from URL, and provide the URL to a CSS file (again, no metadata, but updates work) Modify the setting extensions.stylish.install.allowedDomains in about:config and visit a site that implements the appropriate meta elements and something like this JavaScript and use its UI (supports metadata). Use Install from URL and provide a URL that implements the appropriate meta elements. This way, the site does not need to implement any JS and does not need to be in extensions.stylish.install.allowedDomains (supports metadata) So basically the missing portion to achieve what you want is some way to more easily add a site to extensions.stylish.install.allowedDomains. I would also to give some thought as to how to prevent abuse of this feature. For example, there's nothing currently stopping a site from opening infinite prompts until the user installs.

USERSTYLES - DeviantArt Forum - 2014 - Installing UserStyles directly from dA – DeviantArt

Instead of having to get an account, it would be much easier to be able to install user styles directly from dA. The process for the upload could be similar to what we have with installable skins right now (based on .txt files with mandatory wrapping code). Imo it's also more logical if dA styles would stay on dA. No need to rely on outside sources. If implemented there needs to be an way to be able to update styles though, to work on bug fixes or do updates from time to time. Similar to the installable skins, you then would have an install button at the deviation page of those styles directly. This would be less scary for people who are warned that there are monsters outside dA and - which would be another big plus (i am totally not biased here lol) - it would make miscats to that gallery nearly impossible.

STYLISH - USERSTYLES - BACKUP - ONLINE TOOL - User Style Extractor (stylish.sqlite)

User Style Extractor (stylish.sqlite). Drag and drop the stylish.sqlite file* onto the gray box. This file is not sent to the network, it is only read within this page in your browser.

USERSTYLES - srazzano - Stylish² ( ex. S.E.M.) Editor addon

Stylish Add-on with various tweaks to accommodate Stylish Custom² and Stylish Editor² add-ons.

CSS - ICON - CDN @font-face - Iconic Font - iconmonstr

Iconic Font is a free set of 263+ finest icons in one font for your next project. @font-face: .im { display: inline-block; font: 24px/1 "iconmonstr-iconic-font"; text-rendering: auto; }


CUSTOM BUTTON - Userstyles - Help! Is it possible to enable/disable a single script via keyboard shortcuts? -

Toogle Style Lite: Requires Custom Buttons extension: Middle-click button for settings dialog to enter the ID# of the style to be toggled and other various options, including setting-up a keyboard shortcut (hotkey). Left-click button to toggle on/off style. Style Toggler: Generates a list of all/selected styles with various options.


USERSTYLES - REMOVE : Yahoo Mail: "Add Yahoo! as an application for mailto links?" • mozillaZine Forums

Hide "add as an application for mailto links" notifications : notification[value="Protocol Registration: mailto"] { display: none !important; }

CSS - RESET ALTERNATIVE - Setting rather than Resetting Default Styling

This "base styles sheet". It sets default styling for many elements, follows a couple of recommendations regarding usability/accessibility, and addresses a few "common issues" as well. What does it do that a reset doesn't? It fixes a few things: 1- It forces a gutter for a vertical scrollbar (when content is too short to require a scrollbar) 2- It includes an IE button width fix 3 -It removes "sticky" outline (not in Internet Explorer though) 4- It prevents "mysterious gaps below images" It prevents descenders letters in legend from being cut-off in Internet Explorer 5- It vertically aligns checkboxes and radio buttons with their label 6- It sets a default color background for the document with no shrink wrap effect on body1 7- It styles lists by default

sty 6 firefox 6 Trucs et astuces pour Firefox -

Vieux tuto: Mais utile.Découvrir Firefox si vous ne le connaissez pas (partie 1) et/ou de vous montrer comment modifier Firefox comme vous le voulez.

Userstyle - ICON FONT@FACE - Example - Iconset:defaulticon icons | 1 | Iconfinder

DefaultIcon ver 0.11 by Interactivemania : .h_icn_previous{ background: url( !important; background-size: 27px 17px !important; transform: rotate(180deg) !important; }

Userstyles - font@face EXEMPLE : Stylish pour Deezer | Sans Pseudo Fix

@namespace url(; @-moz-document domain("") { @font-face { font-family: 'Boogaloo'; font-style: normal; font-weight: 400; src: local('Boogaloo'), local('Boogaloo-Regular'), url( format('woff'); }

GOOGLE - GUIDE - How-to for Google Greasemonkey/Userstyles authors.... | Everything Else

by 1 other
Google , que vous pouvez ou ne pouvez pas savoir , tourne trois modèles de page de cette écriture . Les deux premiers héritent beaucoup de code de l'autre , mais encore besoin de règles CSS séparées pour cibler la barre de navigation et d'autres éléments de la page , la dernière (troisième) conception exige un ciblage tout à fait différent .