basic-business-template/content/includes/css.blade.php

102 lines
2.6 KiB
PHP

<link href="{{storage('assets/libs/bootstrap-5.3.0/bootstrap.min.css')}}" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<style>
body{
background-color: {{$_primary_background_color}};
font-family: {{$_schriftart}};
background-image: url("{{$_background_pattern}}");
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.bg-ci { background-color: {{$_primary_ci_color}};
}
footer { color: {{$_footer_color}} ;
}
footer a, .breadcrumb a , .breadcrumb .breadcrumb-item { color: {{$_footer_link_color}};}
footer a:hover,.breadcrumb a:hover { color: {{$_footer_secondary_link_color}};}
h1,h2,h3,h4{color: {{$_title_color}}!important;}
.card{background-color: {{$_secondary_background_color}};}
.bg-primary{ background-color: {{$_primary_ci_color}} !important;}
.bg-secondary{ background-color: {{$_secondary_background_color}} !important;}
a, a:hover, a:active {color:{{$_primary_link_color}};}
.navbar a:hover{
color: {{$_title_color}};
}
.navbar a:last-of-type{
margin-right: 0px;
}
.navbar .nav-link:active{}
.navbar-nav .nav-link.active{
color: {{$_title_color}};
font-weight: bold;
}
section{
margin-top: 200px;
margin-bottom: 200px;
}
section:first-of-type{
margin-top:40px;
margin-bottom: 200px;
}
section:last-of-type{
margin-top: 150px;
margin-bottom: 50px;
}
.btn-primary{
background-color: {{$_primary_ci_color}};
border-color: {{$_primary_ci_color}};
}
.btn-outline-primary{
border-color: {{$_primary_ci_color}};
color: {{$_primary_ci_color}};;
}
.form-check-input:checked {
background-color: {{$_primary_ci_color}};
border-color: {{$_primary_ci_color}};
}
.btn-outline-primary:hover{
background-color: {{$_primary_ci_color}};
border-color: {{$_primary_ci_color}};
}
.btn-primary:hover, .btn-primary:active{
background-color: {{$_primary_ci_color}};
border-color: {{$_primary_ci_color}};
}
.nav-item{
margin-right: 40px;
}
.nav-item{last-of-type: margin-right:0px;}
.breadcrumb-item + .breadcrumb-item::before {
color: inherit;
}
</style>