lumino-showroom/content/includes/css.blade.php

89 lines
2.1 KiB
PHP

<link href="{{storage('assets/libs/bootstrap-5.2.0/bootstrap.min.css')}}" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="{{storage('assets/libs/animate-4.1.1.min.css')}}" rel="stylesheet"/>
<style>
body{
background-color: #f4f4f4;
}
.card{
background-color: #e5e7ea;
}
h1,h2,h3{
color: #10307b;
}
section{
padding-top: 45px;
padding-bottom: 45px;
margin-bottom: 90px;
padding-left: 1rem;
padding-right: 1rem;
}
.bg-ci{
background-color: #89b1ff4f ;
}
.bg-ci-animated{
background: linear-gradient(318deg, #24052f, #81329d);
background-size: 400% 400%;
-webkit-animation: bg-ci-animated 30s ease infinite;
-moz-animation: bg-ci-animated 30s ease infinite;
animation: bg-ci-animated 30s ease infinite;
}
.border-ci{
border: 1px solid #e37500;
}
footer, footer h3{
color: white;
}
footer .bg-ci-animated a{
text-decoration: none;
}
.btn-outline-primary{
border-color: #d0700d ;
color: #d0700d;
}
.btn-outline-primary:hover{
background-color: #e37500;
border-color: #d0700d;
}
.btn-primary{
background-color: #e37500;
border-color: #d0700d;
}
.btn-primary:hover{
background-color: #d0700d;
border-color: #e37500;
}
nav a, nav a:hover, footer a, footer a:hover {
color: white;
}
a, a:hover{
color: #355bb3;
}
@-webkit-keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes bg-ci-animated {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
</style>