Re: Custom.css with 1.1.1.
Reply #6 –
Thank you, I will need your help at least for the main menue and the profile button, Emanuele... (and for another thing, I can't explain at the moment) I think, that I can't figure it out by myself.
The headers and the shadows and anything else is almost done now, it was not easy for me to get a "nice result" in all browsers. I had to change nearly everything again for my themes , because my "old" custom_light.css was including too many parts, which have to be done in other css-files now.
The forum is looking a bit different now, maybe a little better. But the headers are very often higher than before, I had to resize the font-size there, from 1.214em to 1.18em, otherwise it would have not worked at all to give them less hight. Those about the headers and the shadows was easier to handle before 1.1.1 for me.
Opera - in my resolution - was breaking the styling in a lot of parts in forum (headers, buttons, linktree, etc.) a few months ago (or maybe it was the last update to 1.0.10) And with the 1.1.1 a lot of scrollbars apeared everywhere, where they should not be and are not needed ( for example in the quotes or somewhere, where the "content" is used, etc.). But things like this are all solved now:
I have tried to change all those little misalignments and "bright lines" at the base of the headers and the buttons in visible parts for the members as far as possible, but some are still there. It is just a problem with Opera on my little screen and in my resolution - not with the styling of ElkArte.
For example this one:
There are ugly bright lines in the headers if there is a warning box or a not-collapsed portalblock in forum. Without this the headers are looking good:
I have tried to solve this issue for examle with some margin-top in the headers. It worked - but then the bright lines in the headers will appear, if the portalblock is collapsed or if no warning message is there.
Or that one:
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
font-weight: normal;
font-size: 1em;
margin: -2px 2px 0;
padding: 0;
border: none;
background: none;
vertical-align: middle;
}
I have changed it to margin: 0; because it was looking like this before, if there was a warnig message in top of the forum or a not-collapsed portal-block:
Now it is always looking like this:
But in some listing in the admin panel there is still a "break" in the lines (and a bright line in the header), not because of this checkboxes, it is the vertical-align: middle of the icon there.
It will look proper if I would change it to this:
.icon {
display: inline-block;
margin: 0 .25em;
width: 1.25em;
height: auto;
vertical-align: top;
line-height: 1.25em;
}
But this is not possible, because the icons should always be in the middle anywhere else in forum.
Such issues were nearly driving me mad but I will leave such tiny things for now.