Revert "nuova veste grafica: myskills, mygoods, mybachecas, myhosps,"
This reverts commit 6fad472211.
This commit is contained in:
Surya Paolo
323
src/css/app.scss
323
src/css/app.scss
@@ -2,18 +2,11 @@ body {
|
||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #333333;
|
||||
line-height: 1.5;
|
||||
//font-size: 1rem;
|
||||
}
|
||||
|
||||
body.body--light {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
body.body--dark {
|
||||
color: #AAAAAA;
|
||||
}
|
||||
|
||||
.text-mycol {
|
||||
color: #333333 !important;
|
||||
}
|
||||
@@ -330,8 +323,8 @@ h3 {
|
||||
min-width: 250px;
|
||||
padding: 1rem 1rem;
|
||||
|
||||
@media (max-width: 800px) {
|
||||
max-width: 600px;
|
||||
@media (max-width: 500px) {
|
||||
max-width: 400px;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
@@ -691,7 +684,6 @@ h3 {
|
||||
font-size: 1rem;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.clBorderUser {
|
||||
border-radius: 16px;
|
||||
font-size: 1rem;
|
||||
@@ -828,8 +820,7 @@ h3 {
|
||||
border: solid 2px #49b502;
|
||||
}
|
||||
|
||||
.bordo_stondato_pending,
|
||||
.bordo_quadrato_pending {
|
||||
.bordo_stondato_pending, .bordo_quadrato_pending {
|
||||
margin: 4px;
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
@@ -1026,8 +1017,7 @@ h3 {
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.combowidth,
|
||||
.comboselector {
|
||||
.combowidth, .comboselector {
|
||||
min-width: 190px;
|
||||
|
||||
@media (max-width: 450px) {
|
||||
@@ -1399,7 +1389,6 @@ h3 {
|
||||
.anim_toBottom {
|
||||
animation: moveToBottom 2s ease-in-out;
|
||||
}
|
||||
|
||||
.anim_toRight {
|
||||
animation: moveToRight 2s ease-in-out;
|
||||
}
|
||||
@@ -1425,222 +1414,100 @@ h3 {
|
||||
}
|
||||
|
||||
|
||||
.film,
|
||||
.effect {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(0.45px) drop-shadow(0px 0px 0px #fff1);
|
||||
.film, .effect {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(0.45px) drop-shadow(0px 0px 0px #fff1);
|
||||
}
|
||||
|
||||
.film:after,
|
||||
.effect:after {
|
||||
content: '';
|
||||
width: 120%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-left: 100px;
|
||||
opacity: 0.5;
|
||||
animation: film-scratch 0.45s steps(1) infinite;
|
||||
background: repeating-linear-gradient(90deg, #0002 0 2px, transparent 4px 37vmin);
|
||||
.film:after, .effect:after {
|
||||
content: '';
|
||||
width: 120%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-left: 100px;
|
||||
opacity: 0.5;
|
||||
animation: film-scratch 0.45s steps(1) infinite;
|
||||
background: repeating-linear-gradient(90deg, #0002 0 2px, transparent 4px 37vmin);
|
||||
}
|
||||
|
||||
.effect:after {
|
||||
left: 30%;
|
||||
animation: effect-scratch 2s infinite;
|
||||
left: 30%;
|
||||
animation: effect-scratch 2s infinite;
|
||||
}
|
||||
|
||||
.grain {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.grain:after {
|
||||
content: '';
|
||||
width: 110%;
|
||||
height: 110%;
|
||||
top: -5%;
|
||||
left: -5%;
|
||||
opacity: .25;
|
||||
background-image:
|
||||
repeating-conic-gradient(var(--black) 0%, transparent .00003%, transparent .0005%, transparent .00095%),
|
||||
repeating-conic-gradient(var(--black) 0%, transparent .00005%, transparent 0.00015%, transparent 0.0009%);
|
||||
animation: grain 0.5s steps(1) infinite;
|
||||
filter: drop-shadow(0px 0px 1px black);
|
||||
content: '';
|
||||
width: 110%;
|
||||
height: 110%;
|
||||
top: -5%;
|
||||
left: -5%;
|
||||
opacity: .25;
|
||||
background-image:
|
||||
repeating-conic-gradient(var(--black) 0%, transparent .00003%, transparent .0005%, transparent .00095%),
|
||||
repeating-conic-gradient(var(--black) 0%, transparent .00005%, transparent 0.00015%, transparent 0.0009%);
|
||||
animation: grain 0.5s steps(1) infinite;
|
||||
filter: drop-shadow(0px 0px 1px black);
|
||||
}
|
||||
|
||||
@keyframes grain {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: translate(-1%, -1%);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translate(1%, 1%);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: translate(-2%, -2%);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translate(3%, 3%);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translate(-3%, -3%);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translate(4%, 4%);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: translate(-4%, -4%);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translate(2%, 2%);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: translate(-3%, -3%);
|
||||
}
|
||||
0%, 100% { transform: translate(0, 0); }
|
||||
10% { transform: translate(-1%, -1%); }
|
||||
20% { transform: translate(1%, 1%); }
|
||||
30% { transform: translate(-2%, -2%); }
|
||||
40% { transform: translate(3%, 3%); }
|
||||
50% { transform: translate(-3%, -3%); }
|
||||
60% { transform: translate(4%, 4%); }
|
||||
70% { transform: translate(-4%, -4%); }
|
||||
80% { transform: translate(2%, 2%); }
|
||||
90% { transform: translate(-3%, -3%); }
|
||||
}
|
||||
|
||||
@keyframes film-scratch {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: translateX(-1%);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translateX(1%);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: translateX(-2%);
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translateX(3%);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(-3%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translateX(8%);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: translateX(-3%);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translateX(10%);
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: translateX(-2%);
|
||||
}
|
||||
0%, 100% { transform: translateX(0); opacity: 0.5; }
|
||||
10% { transform: translateX(-1%); }
|
||||
20% { transform: translateX(1%); }
|
||||
30% { transform: translateX(-2%); opacity: 0.75; }
|
||||
40% { transform: translateX(3%); }
|
||||
50% { transform: translateX(-3%); opacity: 0.5; }
|
||||
60% { transform: translateX(8%); }
|
||||
70% { transform: translateX(-3%); }
|
||||
80% { transform: translateX(10%); opacity: 0.25; }
|
||||
90% { transform: translateX(-2%); }
|
||||
}
|
||||
|
||||
@keyframes effect-scratch {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: translateX(-1%);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translateX(1%);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: translateX(-2%);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translateX(3%);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(-3%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translateX(8%);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: translateX(-3%);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translateX(10%);
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: translateX(20%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(30%);
|
||||
}
|
||||
0% { transform: translateX(0); opacity: 0.75; }
|
||||
10% { transform: translateX(-1%); }
|
||||
20% { transform: translateX(1%); }
|
||||
30% { transform: translateX(-2%); }
|
||||
40% { transform: translateX(3%); }
|
||||
50% { transform: translateX(-3%); opacity: 0.5; }
|
||||
60% { transform: translateX(8%); }
|
||||
70% { transform: translateX(-3%); }
|
||||
80% { transform: translateX(10%); opacity: 0.25; }
|
||||
90% { transform: translateX(20%); }
|
||||
100% { transform: translateX(30%); }
|
||||
}
|
||||
|
||||
/**** OLD FILM EFFECT END ****/
|
||||
|
||||
@keyframes zoomImg {
|
||||
0% {
|
||||
transform: translate(-75%, 10%) scale(1.5);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translate(-15%, 10%) scale(1.5);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translate(-15%, 25%) scale(1.4);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translate(-65%, 25%) scale(1.4);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-75%, 10%) scale(1.5);
|
||||
opacity: 0.6;
|
||||
}
|
||||
0% { transform: translate(-75%, 10%) scale(1.5); opacity: 0.6; }
|
||||
20% { transform: translate(-15%, 10%) scale(1.5); opacity: 1; }
|
||||
50% { transform: translate(-15%, 25%) scale(1.4); opacity: 1; }
|
||||
80% { transform: translate(-65%, 25%) scale(1.4); opacity: 1; }
|
||||
100% { transform: translate(-75%, 10%) scale(1.5); opacity: 0.6; }
|
||||
}
|
||||
|
||||
.zoomImg {
|
||||
animation: zoomImg 20s linear infinite;
|
||||
animation: zoomImg 20s linear infinite;
|
||||
}
|
||||
|
||||
.animate__animated.animate__slow3 {
|
||||
@@ -1649,28 +1516,24 @@ h3 {
|
||||
-webkit-animation-duration: calc(var(--animate-duration) * 3);
|
||||
animation-duration: calc(var(--animate-duration) * 3);
|
||||
}
|
||||
|
||||
.animate__animated.animate__slow4 {
|
||||
-webkit-animation-duration: calc(1s * 4);
|
||||
animation-duration: calc(1s * 4);
|
||||
-webkit-animation-duration: calc(var(--animate-duration) * 4);
|
||||
animation-duration: calc(var(--animate-duration) * 4);
|
||||
}
|
||||
|
||||
.animate__animated.animate__slow5 {
|
||||
-webkit-animation-duration: calc(1s * 5);
|
||||
animation-duration: calc(1s * 5);
|
||||
-webkit-animation-duration: calc(var(--animate-duration) * 5);
|
||||
animation-duration: calc(var(--animate-duration) * 5);
|
||||
}
|
||||
|
||||
.animate__animated.animate__slow10 {
|
||||
-webkit-animation-duration: calc(1s * 10);
|
||||
animation-duration: calc(1s * 10);
|
||||
-webkit-animation-duration: calc(var(--animate-duration) * 10);
|
||||
animation-duration: calc(var(--animate-duration) * 10);
|
||||
}
|
||||
|
||||
.animate__animated.animate__slow20 {
|
||||
-webkit-animation-duration: calc(1s * 20);
|
||||
animation-duration: calc(1s * 20);
|
||||
@@ -1681,19 +1544,15 @@ h3 {
|
||||
.animate__animated.animate__ease-in-out {
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.animate__animated.animate__linear {
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.animate__animated.animate__ease-in {
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
||||
}
|
||||
|
||||
.animate__animated.animate__ease-out {
|
||||
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.animate__animated.animate__ease {
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
@@ -1724,49 +1583,15 @@ h3 {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.show_province_title {
|
||||
.show_province_title{
|
||||
font-size: 0.85rem;
|
||||
font-style: italic;
|
||||
text-align: right;
|
||||
color: #A0A0A0;
|
||||
color:#A0A0A0;
|
||||
}
|
||||
|
||||
.show_province {
|
||||
.show_province{
|
||||
font-size: 0.85rem;
|
||||
font-style: italic;
|
||||
text-align: right;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.buttons_bottom {
|
||||
max-width: 400px;
|
||||
margin-left: auto;
|
||||
justify-content: space-around;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.body--light {
|
||||
.buttons_bottom {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(255, 255, 255, .7)));
|
||||
background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .7) 15%)
|
||||
}
|
||||
}
|
||||
.body--dark {
|
||||
.buttons_bottom {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, rgba(0, 0, 0, .6)));
|
||||
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 15%)
|
||||
}
|
||||
}
|
||||
|
||||
.fulldiv {
|
||||
min-height: 100% !important;
|
||||
}
|
||||
|
||||
.numfav_text{
|
||||
text-align: center;
|
||||
color: grey;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user