Hot answers tagged

38

The horizontal tab bar can be hidden with the following steps: Confirm or Create: Linux: ~/.mozilla/firefox/<profile name>/chrome/userChrome.css Windows: %AppData%\Mozilla\Firefox\Profiles\<profile name>\chrome\userChrome.css macOS: ~/Library/Application Support/Firefox/Profiles/<profile name>/chrome/userChrome.css Add the Following code ...


36

Disable all CSS style sheets Given that most modern pages define all styles in external CSS files which are included in the <head>, removing the head tag will effectively remove all the styles (except the explicit inline styles and those set by scripts). Right-click on a page, pick Inspect from the context menu and paste this into the Console tab: ...


36

There are a few clashing/duplicate colors listed in CSS3 because the current web colors list maintained by W3C was descended from the X11 color names file. The X Window System contained a text file that had RGB values that mapped to certain colors. This text file was shipped with all X11 installations. Mosaic and Netscape Navigator both used the X11 ...


33

There is now (June 2019) a nice button in the devtools. See this discussion mentioned in the answer by @interDist above.


15

Photoshop measures line-height with leading which is not the same as CSS line-height. Leading is the distance between the bottom of a line of text and the top of the line of text underneath it. Line-height is the distance between half of the leading above a line and half the leading below it. To convert leading to line height: font size + (leading / 2) = ...


13

In 2017 Stylish became very heavy and full of bloat features so I decided to move away from it. I have created an alternative - Styler extension - it's lightweight and has minimal style but powerful. You can add custom CSS and JavaScript/jQuery code. Styler Extension for Google Chrome Styler Extension for Firefox Source code Why I love it and use it on ...


10

From https://developer.mozilla.org/pl/docs/Tools/GCLI : Launch the Developer Toolbar with Shift+F2, then type: media emulate print Somehow it doesn't solve my problem though, this what I see after this command differs from the Print Preview and from what is printed out... :(


10

If you use pandoc -f html -t markdown_github-raw_html reduced.html -o res.md it solves the problem. markdown_github reduces the set of outputs to ignore the CSS -raw_html removes the raw_html extension, which fixes the links


9

As of September 2018, no, there is no such option. The Developer Toolbar, mentioned by @gaazkam, was removed in Firefox 62 in September 2018. There is no replacement for the media emulate command in DevTools, although it may be given some priority now that the command line interface is gone. Discussion is also here: https://discourse.mozilla.org/t/how-to-...


8

A website is not meant for downloading. When you do so, very often the dependencies get corrupt, links to script files don't work, images are missing. Even though some browsers have a function to download whole website, it is not perfect, and is bound to fail on dynamic websites that use server-side scripts, such as PHP.


8

Go to this url: chrome://browser/content/browser.xul This loads a page filled with Firefox GUI elements. Open Tools-> Web Developer-> Inspector. Inspect the element(s) you want to customize. This then lets you get the IDs and classes of the various elements. Create a Stylish style that modifies those elements.


7

Your quoting is wrong, specifically the double double-quotes. Let's break down what you have, the bits concatenated together echo ""<tr onmouseover="this.style.backgroundColor='#ffff66';""; the echo command an empty string "" a redirection <tr -- this is where the "file not found" error comes from a space a string onmouseover="this.style....


6

https://github.com/ericchiang/pup has a CSS-based query language that conforms closely to your example. In fact, with your input, the following command: pup "body > div.content > table > tbody > tr > td.data text{}" produces: Tabular Content 1 Tabular Content 2 The trailing text{} removes the HTML tags. One nice feature is that the full ...


6

What you generally try to change with userChrome.css is known as the browser chrome, the parts of the browser outside the web page content. This includes the tab bar, address bar, etc. What you want to do is open this up in a DOM inspector so you can figure out which CSS selectors will target the elements you want to change. There are no guarantees, and ...


5

Inkscape has a built-in XML editor: Click Edit > XML Editor (or press Shift+Ctrl+x). The XML source appears.


5

Was able to reproduce the problem, not sure how this happened: In Settings -> Style Configurator, choose CSS, and TAG. The font name defaults to "Batang", a Korean font. Select Font Name and choose the first (blank) selection, and Save&Close. That should fix it.


5

I end up writing a Firefox extension based on @DavidPostill's comment. https://addons.mozilla.org/en-US/firefox/addon/no-transition/ The extension let you globally disable/enable CSS transition and animation. I hop it will be useful for others. The web feel fast again! <3


5

It seems to be using some kind of JS generated CSS injected in the page. styled-components is known to do this and the styles are then read-only in the Dev tools. Source: Impossible to edit styles in Chrome? I think you're probably seeing the styles injected via "speedy mode" in production. This uses a special DOM API that Chrome DevTools currently ...


4

This can be easily done with the command line tool wget. Download it and then enter in your command line: wget -p -k http://mywebsite.com Wget will download all CSS, JS and Webfonts.


4

This was driving me so crazy too, I had to sign up to answer it so no-one else feels that frustration... It appears to be down to the image-render that the browser is using to resize those transparent PNGs that's adding a light edge to it. I've found adding the following css properties to the image element (or if it's a background image, the element itself)...


4

It has to do with Vim's attempt to be helpful with comments. You will notice it does the same thing if your file is C or C++. For most file formats this isn't a problem, but with CSS it can get in the way due to the ability to use *-wildcards. You should be able to just backspace over it. There isn't a simple answer to your question unless you want to ...


4

Turn on Regular Expression searching, then search for border-radius: [0-9]+px;


4

The CSS package included with ST (2 and 3) includes a keybinding snippet to auto-insert a semi-colon after a colon. In ST2 you could easily edit the keybinding to remove this feature, as all packages were in the same directory and you could access each file through the filesystem. However, the decision was made in ST3 to compress packages into .sublime-...


4

Firefox intentionally refuses to play font tricks that fool other browsers, such as <font face=Wingdings>%</font>. This element asks for a rendering of the percent sign “%” using the Wingdings font. It does not contain a glyph for that character, so Firefox adequately ignores the request and uses some default font instead. Other browsers instead ...


4

This is a bug in IE11 that is is signaled several times in Microsoft Connect, but it does not seem as if Microsoft understands it. I have been able to restore the correct display by adding the following line to the header: <meta http-equiv="X-UA-Compatible" content="IE=10" /> This puts IE11 into IE10 compatibility mode, where border-radius is ...


4

I managed to recover the file using "ChromeCacheViewer" which is a free software. I ran it on a Laptop that had viewed the website, but not since the file was deleted otherwise Chrome would delete the cache file. It was slightly out of date, but only 10 minutes of work were needed to bring it up to date. Lesson learnt, boss wasn't too happy, but is ...


4

Firefox Install Scriptish (I couldn't get it to work with Greasemonkey for some reason) Restart Firefox Install this userscript by clicking on this link Reload Imgur.com Google Chrome Install Custom JavaScript for websites or a similar addon Visit imgur.com or whichever website you wish to disable video looping for Click on the blue button in the toolbar ...


3

The easist solution is to just select the text-layer, right click on it and select "Copy CSS". Paste it into notepad or something and read the values from there :)


Only top voted, non community-wiki answers of a minimum length are eligible