CSS Animations
This commit is contained in:
Surya Paolo
324
src/css/app.scss
324
src/css/app.scss
@@ -10,6 +10,7 @@ body {
|
||||
.text-mycol {
|
||||
color: #333333 !important;
|
||||
}
|
||||
|
||||
.bg-mycol {
|
||||
background: #333333 !important;
|
||||
}
|
||||
@@ -34,6 +35,7 @@ ul li::before {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
margin-left: 20px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -44,6 +46,7 @@ ol li::before {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
margin-left: 20px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -52,6 +55,7 @@ ol li::before {
|
||||
li {
|
||||
/*color: #2f2c8b;*/
|
||||
font-size: 18px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -70,6 +74,7 @@ h1 {
|
||||
|
||||
max-height: 250px;
|
||||
max-width: 250px;
|
||||
|
||||
@media (max-width: 718px) {
|
||||
max-height: 180px;
|
||||
max-width: 180px;
|
||||
@@ -99,24 +104,26 @@ $heightBtn: 100%;
|
||||
//flex: 0 0 100%;
|
||||
}
|
||||
|
||||
.fade-enter-active, .fade-leave-active {
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
|
||||
{
|
||||
.fade-enter,
|
||||
.fade-leave-to
|
||||
|
||||
/* .fade-leave-active below version 2.1.8 */
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slide-enter {
|
||||
}
|
||||
.slide-enter {}
|
||||
|
||||
.slide-enter-active {
|
||||
animation: slide-in 0.2s ease-out forwards;
|
||||
}
|
||||
|
||||
.slide-leave {
|
||||
}
|
||||
.slide-leave {}
|
||||
|
||||
.slide-leave-active {
|
||||
animation: slide-out 0.5s ease-out forwards;
|
||||
@@ -126,6 +133,7 @@ $heightBtn: 100%;
|
||||
from {
|
||||
transform: translateX(-500px);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(0);
|
||||
}
|
||||
@@ -186,7 +194,8 @@ $heightBtn: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.links, .links a {
|
||||
.links,
|
||||
.links a {
|
||||
text-shadow: 1px 1px 1px #555 !important;
|
||||
// font-weight: bold;
|
||||
color: cornflowerblue !important;
|
||||
@@ -196,13 +205,15 @@ $heightBtn: 100%;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.text-subtitle1, h2 {
|
||||
.text-subtitle1,
|
||||
h2 {
|
||||
margin-bottom: 6px;
|
||||
font-size: 1.35rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
text-shadow: .25 .25rem .5rem $grayshadow;
|
||||
letter-spacing: .00937em;
|
||||
|
||||
&.big {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
@@ -214,12 +225,14 @@ $heightBtn: 100%;
|
||||
font-weight: 400;
|
||||
text-shadow: .25 .25rem .5rem $grayshadow;
|
||||
letter-spacing: .00937em;
|
||||
|
||||
&.big {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.text-subtitle2, h3 {
|
||||
.text-subtitle2,
|
||||
h3 {
|
||||
margin-bottom: 4px;
|
||||
font-size: 1.15rem;
|
||||
font-weight: 400;
|
||||
@@ -263,9 +276,11 @@ $heightBtn: 100%;
|
||||
.text-subtitle1 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.text-subtitle2 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.text-subtitle3 {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
@@ -281,6 +296,7 @@ $heightBtn: 100%;
|
||||
.text-big {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.text-sobig {
|
||||
font-size: 1.50rem;
|
||||
}
|
||||
@@ -291,10 +307,12 @@ $heightBtn: 100%;
|
||||
max-width: 400px;
|
||||
min-width: 250px;
|
||||
padding: 1rem 1rem;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
max-width: 400px;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
// box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -355,7 +373,11 @@ $heightBtn: 100%;
|
||||
font-family: "Lucida Calligraphy", serif;
|
||||
}
|
||||
|
||||
.cltexth3, .cltexth2, .cltexth4, .cltexth5, .cltexth6 {
|
||||
.cltexth3,
|
||||
.cltexth2,
|
||||
.cltexth4,
|
||||
.cltexth5,
|
||||
.cltexth6 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.75rem;
|
||||
@@ -379,7 +401,9 @@ $heightBtn: 100%;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.boldhigh, .boldop, .text-big {
|
||||
.boldhigh,
|
||||
.boldop,
|
||||
.text-big {
|
||||
font-weight: 500;
|
||||
text-shadow: .05rem .05rem .05rem $grayshadow;
|
||||
}
|
||||
@@ -413,39 +437,18 @@ $heightBtn: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 3000px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 800px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 750px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1600px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 800px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 800px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 800px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 700px !important;
|
||||
}
|
||||
}
|
||||
@@ -455,45 +458,33 @@ $heightBtn: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 700px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 650px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 600px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 550px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 500px !important;
|
||||
min-width: inherit !important;
|
||||
min-height: inherit !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 400px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.q-parallax__media > img, .myclimg {
|
||||
max-height: 450px !important;
|
||||
min-height: inherit !important;
|
||||
min-width: 100% !important;
|
||||
}
|
||||
.myclimg, .maxwidth {
|
||||
|
||||
.myclimg,
|
||||
.maxwidth {
|
||||
height: 400px !important;
|
||||
}
|
||||
}
|
||||
@@ -505,12 +496,14 @@ $heightBtn: 100%;
|
||||
left: -9999px;
|
||||
top: -9999px;
|
||||
}
|
||||
|
||||
div#preloader img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
div#preloader,
|
||||
div#preloader img {
|
||||
visibility: hidden;
|
||||
@@ -560,14 +553,14 @@ $heightBtn: 100%;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.text-evidente{
|
||||
.text-evidente {
|
||||
font-size: 1.25rem;
|
||||
color: blue;
|
||||
line-height: 1.75rem;
|
||||
letter-spacing: .01em;
|
||||
}
|
||||
|
||||
.text-evidente2{
|
||||
.text-evidente2 {
|
||||
font-size: 1.25rem;
|
||||
color: blue;
|
||||
line-height: 1.75rem;
|
||||
@@ -606,7 +599,7 @@ $heightBtn: 100%;
|
||||
margin: -8px -8px;
|
||||
}
|
||||
|
||||
.margin_buttons > * {
|
||||
.margin_buttons>* {
|
||||
margin: 12px 12px !important;
|
||||
}
|
||||
|
||||
@@ -640,7 +633,9 @@ $heightBtn: 100%;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.clBorderWarning, .clBorderZoom, .clBorderTutor {
|
||||
.clBorderWarning,
|
||||
.clBorderZoom,
|
||||
.clBorderTutor {
|
||||
border: #f69f09 solid 5px;
|
||||
border-radius: 32px;
|
||||
font-size: 1rem;
|
||||
@@ -654,7 +649,8 @@ $heightBtn: 100%;
|
||||
border: #666cf6 solid 3px;
|
||||
}
|
||||
|
||||
.clBorderImportant, .clBorderSteps {
|
||||
.clBorderImportant,
|
||||
.clBorderSteps {
|
||||
border: red solid 5px;
|
||||
border-radius: 16px;
|
||||
font-size: 1rem;
|
||||
@@ -718,6 +714,7 @@ $heightBtn: 100%;
|
||||
|
||||
max-height: 350px;
|
||||
max-width: 350px;
|
||||
|
||||
@media (max-width: 718px) {
|
||||
max-height: 350px;
|
||||
max-width: 350px;
|
||||
@@ -735,6 +732,7 @@ $heightBtn: 100%;
|
||||
|
||||
max-height: 550px;
|
||||
max-width: 550px;
|
||||
|
||||
@media (max-width: 718px) {
|
||||
max-height: 350px;
|
||||
max-width: 350px;
|
||||
@@ -747,19 +745,20 @@ $heightBtn: 100%;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.text-h7{
|
||||
.text-h7 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.text-h8{
|
||||
.text-h8 {
|
||||
font-size: 0.85rem !important;
|
||||
}
|
||||
|
||||
.text-h9{
|
||||
.text-h9 {
|
||||
font-size: 0.65rem !important;
|
||||
}
|
||||
|
||||
.bordo_stondato, .bordo_stondato_blu{
|
||||
.bordo_stondato,
|
||||
.bordo_stondato_blu {
|
||||
margin: 4px;
|
||||
border-radius: 3rem;
|
||||
padding-left: 14px;
|
||||
@@ -773,7 +772,8 @@ $heightBtn: 100%;
|
||||
border: solid 3px #0f01b5;
|
||||
}
|
||||
|
||||
.bordo_stondato2, .bordo_stondato_blu2{
|
||||
.bordo_stondato2,
|
||||
.bordo_stondato_blu2 {
|
||||
margin: 4px;
|
||||
border-radius: 3rem;
|
||||
padding-left: 2px;
|
||||
@@ -783,7 +783,7 @@ $heightBtn: 100%;
|
||||
border: solid 3px #49b502;
|
||||
}
|
||||
|
||||
.bordo_stondato_stretto{
|
||||
.bordo_stondato_stretto {
|
||||
margin: 4px;
|
||||
border-radius: 3rem;
|
||||
padding-left: 14px;
|
||||
@@ -793,7 +793,7 @@ $heightBtn: 100%;
|
||||
border: solid 3px #49b502;
|
||||
}
|
||||
|
||||
.bordo_stondato_small{
|
||||
.bordo_stondato_small {
|
||||
margin: 0px;
|
||||
border-radius: 2rem;
|
||||
padding-left: 4px;
|
||||
@@ -803,7 +803,7 @@ $heightBtn: 100%;
|
||||
border: solid 2px #49b502;
|
||||
}
|
||||
|
||||
.bordo_stondato_pending{
|
||||
.bordo_stondato_pending {
|
||||
margin: 4px;
|
||||
border-radius: 3rem;
|
||||
padding-left: 14px;
|
||||
@@ -813,7 +813,7 @@ $heightBtn: 100%;
|
||||
border: solid 1px #4a6598;
|
||||
}
|
||||
|
||||
.bordo_stondato_circuiti{
|
||||
.bordo_stondato_circuiti {
|
||||
margin: 4px;
|
||||
border-radius: 1.15rem;
|
||||
padding-left: 5px;
|
||||
@@ -824,7 +824,7 @@ $heightBtn: 100%;
|
||||
box-shadow: 0 0 6px rgba(246, 246, 246, 0.2);
|
||||
}
|
||||
|
||||
.bordo_quadrato{
|
||||
.bordo_quadrato {
|
||||
margin: 1px;
|
||||
border-radius: 0.5rem;
|
||||
padding-left: 2px;
|
||||
@@ -844,26 +844,32 @@ $heightBtn: 100%;
|
||||
/* this is when the loading indicator appears */
|
||||
|
||||
}
|
||||
|
||||
.my-sticky-header-table .q-table__middle {
|
||||
max-height: 650px !important;
|
||||
|
||||
@media (max-width: 718px) {
|
||||
// PER VERSIONE MOBILE
|
||||
max-height: 400px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.my-sticky-header-table .q-table__top,
|
||||
.my-sticky-header-table .q-table__bottom,
|
||||
.my-sticky-header-table thead tr:first-child th {
|
||||
/* bg color is important for th; just specify one */
|
||||
background-color: #f0ffff;
|
||||
}
|
||||
|
||||
.my-sticky-header-table thead tr th {
|
||||
position: sticky;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.my-sticky-header-table thead tr:first-child th {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.my-sticky-header-table.q-table--loading thead tr:last-child th {
|
||||
/* height of all previous header rows */
|
||||
top: 48px;
|
||||
@@ -875,10 +881,12 @@ $heightBtn: 100%;
|
||||
margin-right: auto;
|
||||
max-width: 800px;
|
||||
min-width: 800px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
max-width: 350px;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
padding-bottom: 20px;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
@@ -889,6 +897,7 @@ $heightBtn: 100%;
|
||||
}
|
||||
|
||||
.my-card-shadow:hover {
|
||||
|
||||
// transition: transform .2s ease-in;
|
||||
// transform: scale(1.03);
|
||||
@media (max-width: 500px) {
|
||||
@@ -897,44 +906,50 @@ $heightBtn: 100%;
|
||||
}
|
||||
|
||||
|
||||
.text-small{
|
||||
.text-small {
|
||||
font-size: 0.90rem;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 0.8rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
#mycontainer {
|
||||
min-height:100%;
|
||||
position:relative;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.myheader {
|
||||
padding: 5px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
padding: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
#mybody {
|
||||
padding: 5px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
padding: 1px;
|
||||
}
|
||||
}
|
||||
.myfooter{
|
||||
|
||||
}
|
||||
.myfooter {}
|
||||
|
||||
.iconplusminus{
|
||||
.iconplusminus {
|
||||
font-size: 6px;
|
||||
}
|
||||
|
||||
.clpos{
|
||||
.clpos {
|
||||
color: #C0C0C0;
|
||||
}
|
||||
.clresp{
|
||||
|
||||
.clresp {
|
||||
color: #206d24;
|
||||
}
|
||||
.clrespempty{
|
||||
|
||||
.clrespempty {
|
||||
color: #DDDDDD;
|
||||
}
|
||||
|
||||
@@ -968,12 +983,13 @@ $heightBtn: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.centeritems{
|
||||
.centeritems {
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.combowidth {
|
||||
min-width: 190px;
|
||||
|
||||
@media (max-width: 450px) {
|
||||
min-width: 125px;
|
||||
white-space: nowrap;
|
||||
@@ -985,7 +1001,7 @@ $heightBtn: 100%;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.dialog_card{
|
||||
.dialog_card {
|
||||
min-width: 100%;
|
||||
width: 100% !important;
|
||||
margin-left: 2px !important;
|
||||
@@ -1002,14 +1018,14 @@ $heightBtn: 100%;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.imgprofile{
|
||||
.imgprofile {
|
||||
border: 0px solid rgb(29, 118, 13);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 0 45px rgba(246, 246, 246, 0.2);
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.imgprofile_small{
|
||||
.imgprofile_small {
|
||||
border: 0px solid rgb(29, 118, 13);
|
||||
border-radius: 30px;
|
||||
box-shadow: 0 0 45px rgba(246, 246, 246, 0.2);
|
||||
@@ -1017,7 +1033,7 @@ $heightBtn: 100%;
|
||||
transform: scale(1.0);
|
||||
}
|
||||
|
||||
.iconprofile_small{
|
||||
.iconprofile_small {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
@@ -1025,33 +1041,36 @@ $heightBtn: 100%;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.small-screen-only{
|
||||
.small-screen-only {
|
||||
@media (max-width: $breakpoint-xs-max) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (min-width: $breakpoint-sm-min) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.large-screen-only{
|
||||
.large-screen-only {
|
||||
@media (max-width: $breakpoint-xs-max) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: $breakpoint-sm-min) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.no-padding{
|
||||
.no-padding {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.popupedit{
|
||||
.popupedit {
|
||||
border: 1px solid #bbb;
|
||||
border-radius: $generic-border-radius
|
||||
}
|
||||
.dateevent{
|
||||
|
||||
.dateevent {
|
||||
border-radius: 16px;
|
||||
border: red solid 2px;
|
||||
padding: 3px;
|
||||
@@ -1063,15 +1082,15 @@ $heightBtn: 100%;
|
||||
|
||||
}
|
||||
|
||||
.datainizio, .datafine{
|
||||
.datainizio,
|
||||
.datafine {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.regione{
|
||||
.regione {}
|
||||
|
||||
}
|
||||
|
||||
.accom_num, .accom_maxosp {
|
||||
.accom_num,
|
||||
.accom_maxosp {
|
||||
font-size: 1.25rem;
|
||||
background-color: green;
|
||||
font-weight: bold;
|
||||
@@ -1084,10 +1103,10 @@ $heightBtn: 100%;
|
||||
background-color: blue !important;
|
||||
}
|
||||
|
||||
.img_effetto_3d{
|
||||
.img_effetto_3d {
|
||||
border-radius: 10px !important;
|
||||
height: 300px;
|
||||
max-width:300px;
|
||||
max-width: 300px;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
@@ -1096,16 +1115,16 @@ $heightBtn: 100%;
|
||||
src: url(./fonts/walterturncoat.woff);
|
||||
}
|
||||
|
||||
.title_shadow{
|
||||
font-family: WalterTurncoat,handwriting, Arial, sans-serif;
|
||||
.title_shadow {
|
||||
font-family: WalterTurncoat, handwriting, Arial, sans-serif;
|
||||
font-size: 1.25rem;
|
||||
color: #8300e9!important;
|
||||
color: #8300e9 !important;
|
||||
font-weight: 500;
|
||||
text-shadow: .1rem .1rem .1rem $grayshadow;
|
||||
}
|
||||
|
||||
.title_view_shadow{
|
||||
font-family: WalterTurncoat,handwriting, Arial, sans-serif;
|
||||
.title_view_shadow {
|
||||
font-family: WalterTurncoat, handwriting, Arial, sans-serif;
|
||||
font-size: 0.85rem;
|
||||
text-shadow: .05rem .05rem .05rem $grayshadow;
|
||||
letter-spacing: 0.25px;
|
||||
@@ -1123,40 +1142,41 @@ $heightBtn: 100%;
|
||||
}
|
||||
|
||||
.q-carousel__slide {
|
||||
background-size: contain !important;
|
||||
background-size: contain !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
.carousel_img {
|
||||
//background-image: url(../../public/images/cibo_sano.jpg);
|
||||
background-size: contain !important;
|
||||
background-size: contain !important;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
.username{
|
||||
.username {
|
||||
font-weight: bold;
|
||||
text-shadow: .25 .25rem .5rem $grayshadow;
|
||||
letter-spacing: 0.025rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.q-card__section{
|
||||
.q-card__section {
|
||||
@media (max-width: 600px) {
|
||||
padding: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.align_elem_right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.text-section{
|
||||
.text-section {
|
||||
font-size: 1.15rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sezioni{
|
||||
.sezioni {
|
||||
vertical-align: center;
|
||||
padding: 4px;
|
||||
}
|
||||
@@ -1207,3 +1227,77 @@ $heightBtn: 100%;
|
||||
background-position: 50% center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
.poster_shadows {
|
||||
border-radius: 30px;
|
||||
background: #1729ea;
|
||||
background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
|
||||
background: linear-gradient(45deg, #17ead9, #6078ea) !important;
|
||||
}
|
||||
|
||||
.duration-2s {
|
||||
transition-duration: 5s !important;
|
||||
}
|
||||
|
||||
.duration-3s {
|
||||
transition-duration: 3s !important;
|
||||
}
|
||||
|
||||
.duration-4s {
|
||||
transition-duration: 4s !important;
|
||||
}
|
||||
|
||||
.duration-5s {
|
||||
transition-duration: 5s !important;
|
||||
}
|
||||
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 2s ease;
|
||||
}
|
||||
|
||||
.fade-enter-from,
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.fromsky-enter-active,
|
||||
.fromsky-leave-active {
|
||||
transition: opacity 2s ease;
|
||||
}
|
||||
|
||||
.fromsky-enter-from {
|
||||
top: -100px;
|
||||
}
|
||||
|
||||
.fromsky-leave-to {
|
||||
top: initial;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.anim_toBottom {
|
||||
animation: moveToBottom 2s ease-in-out;
|
||||
}
|
||||
.anim_toRight {
|
||||
animation: moveToRight 2s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes moveToRight {
|
||||
0% {
|
||||
transform: translateX(-300px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moveToBottom {
|
||||
0% {
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user