Reduce whitespace on proshop.dk
Whitespace reduction on proshop.dk by ripdajacker
Details
Authorripdajacker
LicenseMIT
Categoryproshop.dk
Created
Updated
Size1.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This small set of rules reduces the very drastic amount of whitespace introduced on proshop.dk 2022.
Source code
/* ==UserStyle==
@name Whitespace reduction on proshop.dk
@version 20221006.09.38
@namespace userstyles.world/user/ripdajacker
@description Reduce whitespace on proshop.dk
@author ripdajacker
@license MIT
==/UserStyle== */
@-moz-document domain("proshop.dk") {
.btn.site-btn-between, .site-filter .filter__btn-expand {
font-size: 12px;
font-weight: normal;
height: 22px;
}
.site-filter ul.dropdown-menu li {
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}
button.btn.site-btn-tall {
height: 25px;
}
.new-design ul.site-panel li.toggle button span {
font-size: 12px;
}
h2 {
font-size: 13px
}
.new-design ul.site-panel li.toggle > div.row {
padding: 5px 0;
}
ul#products li:hover .truncate-overflow {
height: 4rem;
max-height: 4rem;
}
ul#products li:hover a.site-product-link::before {
background: transparent;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.new-design ul.site-panel li.toggle:hover {
box-shadow: none;
border: 1px solid #c6c6c6;
}
.new-design ul.site-panel li.toggle {
box-shadow: none;
border: 1px solid transparent;
border-bottom: 1px solid #eee;
}
.new-design ul.site-panel li.toggle:hover a.show img {
transform: scale(1);
}
.new-design ul.site-panel li.toggle .site-currency-lg {
color: #003575 !important;
font-size: 16px;
font-weight: normal;
line-height: 16px;
}
.new-design ul.site-panel li.toggle button {
width: 125px;
display: inline-block;
}
.new-design ul.site-panel li.toggle form {
text-align: center;
}
div.site-home-banner,#raptor-GetCookieRecommendations ,#categoryLongDesc,a[data-action=campaignClick] {
display:none;
}
}