12.12.2011, 10:46
(
Последний раз редактировалось Slice; 03.06.2013 в 13:30.
)
tl;dr: CSS code that will slim down the website if your browser window is small.
Hey,
I barely ever have my browser window fill up even half the screen size. The SA-MP forum theme doesn't deal with that very well... So I fixed it!
Before:
After:
How-to
This CSS should work with any modern browser. You will need a plug-in to install custom CSS for websites. For Chrome, I used Stylish and simply put "URL starting with: http://forum.sa-mp.com".
You can alter the max-width on the first line to whichever suits you best. The forums will look normal if you have a wide browser window, otherwise you'll see a slimmed-down version.
The CSS:
Hey,
I barely ever have my browser window fill up even half the screen size. The SA-MP forum theme doesn't deal with that very well... So I fixed it!
Before:
After:
How-to
This CSS should work with any modern browser. You will need a plug-in to install custom CSS for websites. For Chrome, I used Stylish and simply put "URL starting with: http://forum.sa-mp.com".
You can alter the max-width on the first line to whichever suits you best. The forums will look normal if you have a wide browser window, otherwise you'll see a slimmed-down version.
The CSS:
Код:
@media screen and (max-width:1024px) {
body,
html {
margin: 0;
padding: 0;
background: #DADADB;
}
body > center {
display: none;
}
.page {
width: auto !important;
}
.page > div {
padding: 0 !important;
}
.page > div > br:nth-child(1) {
display: none;
}
.page > div > table:nth-child(2) {
border-top: none !important;
border-spacing: 0 !important;
}
body > div[align="center"] + form {
display: none;
}
}
