PUBLIC MARKS from decembre with tags css & userstyles

I see no documentation about this and I have few suggestions about it. I think this is a must-have feature for the freedom of users. A user should be able to install styles from other sources. Example: User goes to www.example.com User clicks on the link (www.example.com/name_of_the_style.user.css) Stylish detects the link by ".user.css" component Stylish shows a dialog: "Would you like to add this site to allowed domains list?" └► This dialog is only shown once and shown when it is required └► Domains can be removed/set/added from User Styles tab in about:addons User clicks "Yes" Stylish shows another dialog "Would you like to install this style?" User clicks "Yes" The style is installed.

Users can currently install from other sources in these ways: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).

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.

ss16 - a self-centered, fresh attempt at (user)styling 4chan * * created on: February 11th, 2016 * last modified: May 16th, 2017 * 4chan X version: ccd0 1.13.89.3 / https://github.com/ccd0/4chan-x * created by: @saxamaphone69 * (loose) coding style: https://github.com/necolas/idiomatic-css * * 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: * https://github.com/saxamaphone69/ss16 * */ /** * this userstyle utilises a lot of best practices * and sensible defaults inspired from a variety of * stylish and modern web frameworks and resources, mainly: * https://github.com/twbs/bootstrap */ /** * 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 :^) */

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:

/* * 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: http://www.mozilla.org/unix/customizing.html#usercss */ /* 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; }

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

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?

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.

Instead of having to get an userstyles.org 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.

FreeStyler

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

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

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

Fonts with support for much of the unicode standard.

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

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.

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 .

A style I made for fun, to round the first tab top left corner, and new tab top right corner. A good demonstration of using child tokens

If you have VLC installed on the local machine, great! Use that to your avantage as you reconfigure the style. You'll still need to change the address so you can actually use this style with a remote machine, and you'll have to add other addresses if you are accessing more than one machine at any given time. Simply go to the web interface, copy the address and paste it in where it says "http://ip:port" or add the values in manually. If you don't know how to enable the web interface in VLC for remote control, you'll need to learn that first before this style has any relevance to you. Everything can be found online.

When an CSS (Cascading Style Sheet) document is edited is very easy to mess the code making it unreadable. Especially if you use many nested STYLES it can become difficult to remember how the document is structured. CSS Beautifier will help you to solve many of these problems. This tool can process an CSS document and reformat it with a correct indentation and syntax highlighting. By applying CSS beautifies to your CSS code will improve the layout and indent style of the resulting CSS code. Beautification involves using white spaces like tabs and line-breaks to indent CSS code. Compaction removes unnecessary white spaces. This online tool will not fix your invalid invalid indentation, unpack CSS, De-Obfuscate CSS.

Favelets: these just dynamically write a link element into the head of the document. The link points to a style sheet. This allows for "diagnosis" favelets that are easy to update or change (you just edit the style sheet). Favelet Creator Input the URL of the style sheet you want to use in your favelet, and the name of the favelet as you want it to appear in your toolbar. The "Favelet" link should automatically update to use those values; you then simply drag it into your favorites toolbar.

It's an adaptation for Greasemonkey's Scripts that i use a lot. I want : - More informations by page. - Hide some little things that i don't use always and Use "Hover Mouse" things to give them visibility when i need. - Less scrolling if possible. - Pleasant view, with more place for shots.