Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.
You can try this, github code tag style, which is very common (similar to bootstrap code tag):
Code:
code
{ padding: .2em .4em;
margin: 0;
font-size: 85%;
background-color: var(--color-markdown-code-bg);
border-radius: 6px;
}
{ padding: .2em .4em;
margin: 0;
font-size: 85%;
background-color: var(--color-markdown-code-bg);
border-radius: 6px;
}
You can also try <samp><pre> <var> and <kbd> tags. They are all related to coding and have pre formatted styles already.
But I think github style is what you are looking for.
Quote from: FatFork
It feels like the 183 kB all.css is far too advanced for what I'm using it for.
Yeah, it kind of is. Probably because of the use of media queries for responsive design but I bet you also have a bunch of selectors that you will never even use.
There isn't much you can do. To use this layout you will need to use this css file... You can try to remove some of it, but it is not that simple (it may break some responsive stuff, or some events like some hovers,dropdown, etc).
An alternative would be to use an open web standard such as bootstrap, which would be easier to code, but it wouldn't work with this layout and the file size would be almost the same.
I think you should go to a full minimalist page or a beautiful responsive page with a 100-200kb css file like the one you are working on. It is hard to have a beautiful responsive layout with a 10kb css file...