forked from Wavyzz/dolibarr
146 lines
2.7 KiB
CSS
146 lines
2.7 KiB
CSS
@charset "UTF-8";
|
|
|
|
@import "pico.css";
|
|
@import "mixin.css";
|
|
@import "login.css";
|
|
@import "./themes/custom.css.php";
|
|
|
|
/**
|
|
This file car overwrite default pico css
|
|
*/
|
|
|
|
|
|
/**
|
|
* Navs
|
|
*/
|
|
|
|
body > nav {
|
|
--nav-link-spacing-vertical: 1rem;
|
|
-webkit-backdrop-filter: saturate(180%) blur(10px);
|
|
z-index: 99;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
backdrop-filter: blur(60px) ;
|
|
background-color: var(--nav-background-color);
|
|
box-shadow: 0px 1px 0 var(--nav-border-color);
|
|
}
|
|
|
|
.primary-top-nav{
|
|
--border-radius: 0;
|
|
}
|
|
|
|
/**
|
|
NAV BRAND LOGO
|
|
*/
|
|
.brand__logo-link{
|
|
max-height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.brand__logo-link:focus{
|
|
background: none;
|
|
}
|
|
|
|
.spacer{
|
|
--spacer-margin: calc(var(--font-size) * 2);
|
|
margin-top: var(--spacer-margin);
|
|
margin-bottom: var(--spacer-margin);
|
|
}
|
|
|
|
html{
|
|
scroll-padding-top:100px;
|
|
}
|
|
|
|
#main-container{
|
|
padding-top: 200px;
|
|
}
|
|
|
|
|
|
.pages-nav-list__icon::after {
|
|
display: block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
|
|
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
|
|
float: right;
|
|
background-image: var(--icon-chevron);
|
|
background-position: right center;
|
|
background-size: 1rem auto;
|
|
background-repeat: no-repeat;
|
|
content: "";
|
|
transition: transform var(--transition);
|
|
}
|
|
|
|
.pages-nav-list__icon.--prev::after {
|
|
transform: rotate(90deg);
|
|
}
|
|
.pages-nav-list__icon.--next::after {
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.pages-nav-list__link.--active{
|
|
outline: 1px solid hsla(var(--primary-color-hue), var(--primary-color-saturation), var(--primary-color-lightness), 0.3);
|
|
}
|
|
|
|
.hero-header{
|
|
background-color: #f2f2f2;
|
|
background-image: var(--banner-background);
|
|
padding: 120px 0 64px 0;
|
|
margin: 0;
|
|
|
|
background-position: center center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/**
|
|
Search list
|
|
*/
|
|
[role="search-row"] :is(button, input[type=submit], input[type=button], [role=button]) {
|
|
--background-color: #ededed;
|
|
--border-color: #ededed;
|
|
--color: #666;
|
|
}
|
|
|
|
.btn-filter-icon{
|
|
--icon-url : var(--icon-time);
|
|
--icon-size : 16px;
|
|
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
.btn-filter-icon::before{
|
|
content: " ";
|
|
display: inline-block;
|
|
height: var(--icon-size);
|
|
width: var(--icon-size);
|
|
background-color: transparent;
|
|
background-image: var(--icon-url);
|
|
background-repeat: no-repeat;
|
|
background-size: var(--icon-size) var(--icon-size);
|
|
background-position: center;
|
|
}
|
|
|
|
.btn-filter-icon.btn-remove-search-filters-icon::before {
|
|
--icon-url : var(--icon-close);
|
|
}
|
|
|
|
.btn-filter-icon.btn-search-filters-icon::before {
|
|
--icon-url : var(--icon-search);
|
|
}
|
|
|
|
[role="search-row"] [data-col="row-checkbox"]{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/**
|
|
Home Styles
|
|
*/
|
|
.home-links-card{
|
|
|
|
}
|