From 9800ce4c29ebabaf7c5a5eb202c85b1b2080e6af Mon Sep 17 00:00:00 2001 From: Build Bot Date: Wed, 24 May 2023 18:21:03 +0000 Subject: [PATCH] Automatic css build --- styles.css | 356 +++++++++++++++++++++++++++++++++-------------------- 1 file changed, 223 insertions(+), 133 deletions(-) diff --git a/styles.css b/styles.css index beaf038..2b766da 100755 --- a/styles.css +++ b/styles.css @@ -254,6 +254,7 @@ iframe { 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } + @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -273,6 +274,7 @@ iframe { 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } + .bounce { -webkit-animation-name: bounce; animation-name: bounce; @@ -284,11 +286,13 @@ iframe { opacity: 1; } 25%, 75% { opacity: 0; } } + @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } + .flash { -webkit-animation-name: flash; animation-name: flash; } @@ -304,6 +308,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); @@ -314,6 +319,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @@ -340,6 +346,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); @@ -362,6 +369,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @@ -376,6 +384,7 @@ iframe { 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } + @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); @@ -386,6 +395,7 @@ iframe { 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } + .shake { -webkit-animation-name: shake; animation-name: shake; } @@ -409,6 +419,7 @@ iframe { 50% { -webkit-transform: translateX(0); transform: translateX(0); } } + @keyframes headShake { 0% { -webkit-transform: translateX(0); @@ -428,6 +439,7 @@ iframe { 50% { -webkit-transform: translateX(0); transform: translateX(0); } } + .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; @@ -450,6 +462,7 @@ iframe { to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } + @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); @@ -466,6 +479,7 @@ iframe { to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } + .swing { -webkit-transform-origin: top center; transform-origin: top center; @@ -488,6 +502,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); @@ -504,6 +519,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .tada { -webkit-animation-name: tada; animation-name: tada; } @@ -531,6 +547,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes wobble { from { -webkit-transform: none; @@ -553,6 +570,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @@ -577,11 +595,12 @@ iframe { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + @keyframes jello { from, 11.1%, to { -webkit-transform: none; @@ -602,11 +621,12 @@ iframe { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + .jello { -webkit-animation-name: jello; animation-name: jello; @@ -638,6 +658,7 @@ iframe { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -663,6 +684,7 @@ iframe { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @@ -688,6 +710,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -709,6 +732,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @@ -734,6 +758,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -755,6 +780,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @@ -780,6 +806,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -801,6 +828,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @@ -826,6 +854,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -847,6 +876,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @@ -863,6 +893,7 @@ iframe { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } + @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); @@ -875,6 +906,7 @@ iframe { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } + .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @@ -891,6 +923,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); @@ -903,6 +936,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @@ -916,6 +950,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + @keyframes bounceOutLeft { 20% { opacity: 1; @@ -925,6 +960,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @@ -938,6 +974,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + @keyframes bounceOutRight { 20% { opacity: 1; @@ -947,6 +984,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @@ -963,6 +1001,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); @@ -975,6 +1014,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @@ -984,11 +1024,13 @@ iframe { opacity: 0; } to { opacity: 1; } } + @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } + .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @@ -1002,6 +1044,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInDown { from { opacity: 0; @@ -1011,6 +1054,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @@ -1024,6 +1068,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInDownBig { from { opacity: 0; @@ -1033,6 +1078,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @@ -1046,6 +1092,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInLeft { from { opacity: 0; @@ -1055,6 +1102,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @@ -1068,6 +1116,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInLeftBig { from { opacity: 0; @@ -1077,6 +1126,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @@ -1090,6 +1140,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInRight { from { opacity: 0; @@ -1099,6 +1150,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @@ -1112,6 +1164,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInRightBig { from { opacity: 0; @@ -1121,6 +1174,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @@ -1134,6 +1188,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInUp { from { opacity: 0; @@ -1143,6 +1198,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @@ -1156,6 +1212,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInUpBig { from { opacity: 0; @@ -1165,6 +1222,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @@ -1174,11 +1232,13 @@ iframe { opacity: 1; } to { opacity: 0; } } + @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } + .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @@ -1190,6 +1250,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + @keyframes fadeOutDown { from { opacity: 1; } @@ -1197,6 +1258,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @@ -1208,6 +1270,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + @keyframes fadeOutDownBig { from { opacity: 1; } @@ -1215,6 +1278,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @@ -1226,6 +1290,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + @keyframes fadeOutLeft { from { opacity: 1; } @@ -1233,6 +1298,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @@ -1244,6 +1310,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + @keyframes fadeOutLeftBig { from { opacity: 1; } @@ -1251,6 +1318,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @@ -1262,6 +1330,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + @keyframes fadeOutRight { from { opacity: 1; } @@ -1269,6 +1338,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @@ -1280,6 +1350,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + @keyframes fadeOutRightBig { from { opacity: 1; } @@ -1287,6 +1358,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @@ -1298,6 +1370,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + @keyframes fadeOutUp { from { opacity: 1; } @@ -1305,6 +1378,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @@ -1316,6 +1390,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + @keyframes fadeOutUpBig { from { opacity: 1; } @@ -1323,6 +1398,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @@ -1353,6 +1429,7 @@ iframe { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } + @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); @@ -1379,6 +1456,7 @@ iframe { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } + .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; @@ -1407,6 +1485,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); @@ -1429,6 +1508,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1457,6 +1537,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); @@ -1479,6 +1560,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1497,6 +1579,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } + @keyframes flipOutX { from { -webkit-transform: perspective(400px); @@ -1509,6 +1592,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } + .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; @@ -1527,6 +1611,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } + @keyframes flipOutY { from { -webkit-transform: perspective(400px); @@ -1539,6 +1624,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } + .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1562,6 +1648,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); @@ -1579,6 +1666,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; @@ -1592,6 +1680,7 @@ iframe { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } + @keyframes lightSpeedOut { from { opacity: 1; } @@ -1599,6 +1688,7 @@ iframe { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } + .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; @@ -1618,6 +1708,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateIn { from { -webkit-transform-origin: center; @@ -1631,6 +1722,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @@ -1648,6 +1740,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; @@ -1661,6 +1754,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @@ -1678,6 +1772,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; @@ -1691,6 +1786,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @@ -1708,6 +1804,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; @@ -1721,6 +1818,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @@ -1738,6 +1836,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; @@ -1751,6 +1850,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @@ -1766,6 +1866,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } + @keyframes rotateOut { from { -webkit-transform-origin: center; @@ -1777,6 +1878,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } + .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @@ -1792,6 +1894,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } + @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; @@ -1803,6 +1906,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } + .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @@ -1818,6 +1922,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; @@ -1829,6 +1934,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @@ -1844,6 +1950,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; @@ -1855,6 +1962,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @@ -1870,6 +1978,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } + @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; @@ -1881,6 +1990,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } + .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @@ -1910,6 +2020,7 @@ iframe { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } + @keyframes hinge { 0% { -webkit-transform-origin: top left; @@ -1935,6 +2046,7 @@ iframe { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } + .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @@ -1949,6 +2061,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes rollIn { from { opacity: 0; @@ -1958,6 +2071,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @@ -1970,6 +2084,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + @keyframes rollOut { from { opacity: 1; } @@ -1977,6 +2092,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @@ -1988,6 +2104,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } + @keyframes zoomIn { from { opacity: 0; @@ -1995,6 +2112,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } + .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @@ -2012,6 +2130,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInDown { from { opacity: 0; @@ -2025,6 +2144,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @@ -2042,6 +2162,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInLeft { from { opacity: 0; @@ -2055,6 +2176,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @@ -2072,6 +2194,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInRight { from { opacity: 0; @@ -2085,6 +2208,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @@ -2102,6 +2226,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInUp { from { opacity: 0; @@ -2115,6 +2240,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @@ -2128,6 +2254,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } + @keyframes zoomOut { from { opacity: 1; } @@ -2137,6 +2264,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } + .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @@ -2156,6 +2284,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomOutDown { 40% { opacity: 1; @@ -2171,6 +2300,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @@ -2186,6 +2316,7 @@ iframe { transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } + @keyframes zoomOutLeft { 40% { opacity: 1; @@ -2197,6 +2328,7 @@ iframe { transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } + .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @@ -2212,6 +2344,7 @@ iframe { transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } + @keyframes zoomOutRight { 40% { opacity: 1; @@ -2223,6 +2356,7 @@ iframe { transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } + .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @@ -2242,6 +2376,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomOutUp { 40% { opacity: 1; @@ -2257,6 +2392,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @@ -2269,6 +2405,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); @@ -2277,6 +2414,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @@ -2289,6 +2427,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); @@ -2297,6 +2436,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @@ -2309,6 +2449,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); @@ -2317,6 +2458,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @@ -2329,6 +2471,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); @@ -2337,6 +2480,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @@ -2349,6 +2493,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); @@ -2357,6 +2502,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @@ -2369,6 +2515,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); @@ -2377,6 +2524,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @@ -2389,6 +2537,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); @@ -2397,6 +2546,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @@ -2409,6 +2559,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); @@ -2417,6 +2568,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @@ -2618,13 +2770,10 @@ iframe { @media only screen and (min-width: 48em) { .sm-hidden { display: block; } - .container { width: 46rem; } - .xs-col-table { display: inherit; } - .col-sm, .col-sm-1, .col-sm-2, @@ -2641,135 +2790,99 @@ iframe { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; } - .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } - .col-sm-1 { flex-basis: 8.333%; max-width: 8.333%; } - .col-sm-2 { flex-basis: 16.667%; max-width: 16.667%; } - .col-sm-3 { flex-basis: 25%; max-width: 25%; } - .col-sm-4 { flex-basis: 33.333%; max-width: 33.333%; } - .col-sm-5 { flex-basis: 41.667%; max-width: 41.667%; } - .col-sm-6 { flex-basis: 50%; max-width: 50%; } - .col-sm-7 { flex-basis: 58.333%; max-width: 58.333%; } - .col-sm-8 { flex-basis: 66.667%; max-width: 66.667%; } - .col-sm-9 { flex-basis: 75%; max-width: 75%; } - .col-sm-10 { flex-basis: 83.333%; max-width: 83.333%; } - .col-sm-11 { flex-basis: 91.667%; max-width: 91.667%; } - .col-sm-12 { flex-basis: 100%; max-width: 100%; } - .col-sm-offset-1 { margin-left: 8.333%; } - .col-sm-offset-2 { margin-left: 16.667%; } - .col-sm-offset-3 { margin-left: 25%; } - .col-sm-offset-4 { margin-left: 33.333%; } - .col-sm-offset-5 { margin-left: 41.667%; } - .col-sm-offset-6 { margin-left: 50%; } - .col-sm-offset-7 { margin-left: 58.333%; } - .col-sm-offset-8 { margin-left: 66.667%; } - .col-sm-offset-9 { margin-left: 75%; } - .col-sm-offset-10 { margin-left: 83.333%; } - .col-sm-offset-11 { margin-left: 91.667%; } - .start-sm { justify-content: flex-start; text-align: start; } - .center-sm { justify-content: center; text-align: center; } - .end-sm { justify-content: flex-end; text-align: end; } - .top-sm { align-items: flex-start; } - .middle-sm { align-items: center; } - .bottom-sm { align-items: flex-end; } - .around-sm { justify-content: space-around; } - .between-sm { justify-content: space-between; } - .first-sm { order: -1; } - .last-sm { order: 1; } } + @media only screen and (min-width: 62em) { .md-hidden { display: block; } - .container { width: 61rem; } - .md-col-table { display: inherit; } - .col-md, .col-md-1, .col-md-2, @@ -2786,135 +2899,99 @@ iframe { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; } - .col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; } - .col-md-1 { flex-basis: 8.333%; max-width: 8.333%; } - .col-md-2 { flex-basis: 16.667%; max-width: 16.667%; } - .col-md-3 { flex-basis: 25%; max-width: 25%; } - .col-md-4 { flex-basis: 33.333%; max-width: 33.333%; } - .col-md-5 { flex-basis: 41.667%; max-width: 41.667%; } - .col-md-6 { flex-basis: 50%; max-width: 50%; } - .col-md-7 { flex-basis: 58.333%; max-width: 58.333%; } - .col-md-8 { flex-basis: 66.667%; max-width: 66.667%; } - .col-md-9 { flex-basis: 75%; max-width: 75%; } - .col-md-10 { flex-basis: 83.333%; max-width: 83.333%; } - .col-md-11 { flex-basis: 91.667%; max-width: 91.667%; } - .col-md-12 { flex-basis: 100%; max-width: 100%; } - .col-md-offset-1 { margin-left: 8.333%; } - .col-md-offset-2 { margin-left: 16.667%; } - .col-md-offset-3 { margin-left: 25%; } - .col-md-offset-4 { margin-left: 33.333%; } - .col-md-offset-5 { margin-left: 41.667%; } - .col-md-offset-6 { margin-left: 50%; } - .col-md-offset-7 { margin-left: 58.333%; } - .col-md-offset-8 { margin-left: 66.667%; } - .col-md-offset-9 { margin-left: 75%; } - .col-md-offset-10 { margin-left: 83.333%; } - .col-md-offset-11 { margin-left: 91.667%; } - .start-md { justify-content: flex-start; text-align: start; } - .center-md { justify-content: center; text-align: center; } - .end-md { justify-content: flex-end; text-align: end; } - .top-md { align-items: flex-start; } - .middle-md { align-items: center; } - .bottom-md { align-items: flex-end; } - .around-md { justify-content: space-around; } - .between-md { justify-content: space-between; } - .first-md { order: -1; } - .last-md { order: 1; } } + @media only screen and (min-width: 75em) { .lg-hidden { display: block; } - .container { width: 71rem; } - .lg-col-table { display: inherit; } - .col-lg, .col-lg-1, .col-lg-2, @@ -2931,125 +3008,92 @@ iframe { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; } - .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } - .col-lg-1 { flex-basis: 8.333%; max-width: 8.333%; } - .col-lg-2 { flex-basis: 16.667%; max-width: 16.667%; } - .col-lg-3 { flex-basis: 25%; max-width: 25%; } - .col-lg-4 { flex-basis: 33.333%; max-width: 33.333%; } - .col-lg-5 { flex-basis: 41.667%; max-width: 41.667%; } - .col-lg-6 { flex-basis: 50%; max-width: 50%; } - .col-lg-7 { flex-basis: 58.333%; max-width: 58.333%; } - .col-lg-8 { flex-basis: 66.667%; max-width: 66.667%; } - .col-lg-9 { flex-basis: 75%; max-width: 75%; } - .col-lg-10 { flex-basis: 83.333%; max-width: 83.333%; } - .col-lg-11 { flex-basis: 91.667%; max-width: 91.667%; } - .col-lg-12 { flex-basis: 100%; max-width: 100%; } - .col-lg-offset-1 { margin-left: 8.333%; } - .col-lg-offset-2 { margin-left: 16.667%; } - .col-lg-offset-3 { margin-left: 25%; } - .col-lg-offset-4 { margin-left: 33.333%; } - .col-lg-offset-5 { margin-left: 41.667%; } - .col-lg-offset-6 { margin-left: 50%; } - .col-lg-offset-7 { margin-left: 58.333%; } - .col-lg-offset-8 { margin-left: 66.667%; } - .col-lg-offset-9 { margin-left: 75%; } - .col-lg-offset-10 { margin-left: 83.333%; } - .col-lg-offset-11 { margin-left: 91.667%; } - .start-lg { justify-content: flex-start; text-align: start; } - .center-lg { justify-content: center; text-align: center; } - .end-lg { justify-content: flex-end; text-align: end; } - .top-lg { align-items: flex-start; } - .middle-lg { align-items: center; } - .bottom-lg { align-items: flex-end; } - .around-lg { justify-content: space-around; } - .between-lg { justify-content: space-between; } - .first-lg { order: -1; } - .last-lg { order: 1; } } + .portlet-body > article { padding: 0; } @@ -3218,6 +3262,7 @@ p { background-position: 0; } 100% { background-position: -100%; } } + .tooltip { cursor: pointer; color: var(--box-highlight); @@ -3254,6 +3299,7 @@ p { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } + @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); @@ -3264,6 +3310,7 @@ p { 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } + .spinner-2 { text-align: center; } .spinner-2 > div { @@ -3286,6 +3333,7 @@ p { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } + @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); @@ -3293,6 +3341,7 @@ p { 40% { -webkit-transform: scale(1); transform: scale(1); } } + .spinner-3 { width: 40px; height: 40px; @@ -3308,6 +3357,7 @@ p { 100% { -webkit-transform: scale(1); opacity: 0; } } + @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); @@ -3316,6 +3366,7 @@ p { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } + canvas { background: #fff; user-select: none; } @@ -3325,18 +3376,23 @@ canvas.chart { form li { margin: 5px 0 5px 0; } + form td { white-space: nowrap; padding-bottom: 5px; } form td textarea + i { vertical-align: top; } + form label { font-size: .9rem; color: black; } + form i + i { margin-left: 3px; } + form .layout td + td { padding-left: 5px; } + form .list { font-size: 1rem; } form .list td { @@ -3369,6 +3425,7 @@ form .list { @media (max-width: 768px) { .form-group { flex-direction: column; } } + .infoIcon { width: var(--badge-size); text-align: center; @@ -3396,14 +3453,17 @@ img.frame-1 { border: 1px solid var(--box-border); box-sizing: border-box; width: 100%; } + img.frame-2 { border: 1px solid var(--box-border); background: #fff; box-sizing: border-box; width: 100%; } + img.rounded { border-radius: 50%; background: #fff; } + img.bordered { border: 1px solid var(--box-border); } @@ -3597,10 +3657,10 @@ input[type="datetime-local"] { height: auto; box-shadow: none; /* - &:hover, &:focus { - background: var(--button-colored-background-hover); - } - */ } + &:hover, &:focus { + background: var(--button-colored-background-hover); + } + */ } .inputWrapper .textWrapper { flex: 1; position: relative; } @@ -3635,8 +3695,10 @@ input[type="datetime-local"] { .clickPopup label + input { display: none; } + .clickPopup .more-functions { padding: 0 1rem 0 1rem; } + .clickPopup .popup { box-sizing: border-box; padding: .5rem 1rem .5rem 1rem; @@ -3680,9 +3742,9 @@ input[type="datetime-local"] { .clickPopup .popup > li a { display: block; /* - &:hover, &:focus { - } - */ } + &:hover, &:focus { + } + */ } .clickPopup .popup i { flex-grow: 0; } @@ -3727,6 +3789,7 @@ textarea:invalid, input:invalid { input:valid ~ i.ok { display: inline-block !important; } + input:valid ~ i.error { display: none !important; } @@ -3941,16 +4004,20 @@ select.plain { flex-grow: 1; } .more-container > label i { flex-grow: 0; } + .more-container > input { display: none; } + .more-container > input:checked + label { border-bottom: none; margin-bottom: 1rem; } .more-container > input:checked + label .expand { transition: all .3s ease; transform: rotateZ(90deg); } + .more-container > input:checked ~ div { display: block; } + .more-container > div { display: none; } @@ -4003,6 +4070,7 @@ select.plain { left: -300%; } 100% { left: -400%; } } + div.slider-1 { overflow: hidden; } div.slider-1 figure { @@ -4084,7 +4152,7 @@ div.slider-1 { width: 100%; } @keyframes carousel { - 0%, 17.5% { + 0%, 17.5% { transform: translateZ(-35vw) rotateY(0); } 27.5%, 45% { transform: translateZ(-35vw) rotateY(-120deg); } @@ -4092,6 +4160,7 @@ div.slider-1 { transform: translateZ(-35vw) rotateY(-240deg); } 82.5%, 100% { transform: translateZ(-35vw) rotateY(-360deg); } } + pre { border: 1px solid var(--box-border); background: #ccc; @@ -4163,12 +4232,16 @@ blockquote { top: 50%; margin-top: -20px; left: 100%; } + .crumbs-1 li.active:not(:last-child):after, .crumbs-1 li:hover:not(:last-child):after { color: var(--text-on-background-color-2); } + .crumbs-1 li.active:not(:last-child):after { border-left: 14px solid var(--button-colored-background); } + .crumbs-1 li:hover:not(:last-child):after { border-left: 14px solid var(--button-colored-background-hover); } + .crumbs-1 :last-child:before { border: none; } @@ -4422,25 +4495,27 @@ body > nav { @media only screen and (max-width: 800px) { #nav-trigger:not(:checked) + nav { width: 0%; } - #nav-trigger:checked + nav { width: auto; min-width: 250px; } } + @media only screen and (max-width: 500px) { #nav-trigger:checked + nav { width: 100%; } - #nav-trigger:checked ~ main { display: none; } } + .pagination li { display: inline-block; } .pagination li + li { margin-left: .5rem; } + .pagination a { display: inline-block; border-radius: 3px; background: #ccc; padding: 5px 10px 5px 10px; } + .pagination .active, .pagination a:hover, .pagination a:active { color: #000; background: #fff; } @@ -4482,16 +4557,19 @@ body > nav { background-position: 0 0; } 100% { background-position: 50px 50px; } } + .meter.orange > span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#f1a165, #f36d0a); } + .meter.blue > span { background-color: #96c2f1; background-image: -moz-linear-gradient(top, #96c2f1, #4394f3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3)); background-image: -webkit-linear-gradient(#96c2f1, #4394f3); } + .meter.red > span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); @@ -4634,6 +4712,7 @@ section header > h1 { padding-bottom: 5px; font-size: 1.1em; border-bottom: 1px solid #e1e1e1; } + section > h2 { box-sizing: border-box; font-size: 1.2em; @@ -4646,6 +4725,7 @@ section > h2 { .pagebreak { page-break-after: always; display: block; } } + .tabview .tab-links { color: #000; padding: 0.3rem 0 0 0; } @@ -4669,20 +4749,23 @@ section > h2 { cursor: default; } .tabview .tab-links li { display: inline-block; } + .tabview .tab-content > input { display: none; } + .tabview .tab-content > input + div { display: none; } + .tabview .tab-content > input:checked + div { display: inherit; } .tab-1 .tab-links { margin: 0 0 10px 1px; /* - .active label { - border: 1px solid var(--box-border); - } - */ } + .active label { + border: 1px solid var(--box-border); + } + */ } .tab-1 .tab-links label { padding: 5px; background: none; @@ -4693,11 +4776,13 @@ section > h2 { background: var(--button-colored-background); } .tab-1 .tab-links li { margin: 0 5px 0 0; } + .tab-1 .tab-content { box-sizing: border-box; border: 1px solid var(--button-colored-background); background: #fff; padding: 10px; } + .tab-1.left { display: flex; } .tab-1.left .tab-links { @@ -4713,11 +4798,14 @@ section > h2 { .tab-2 .tab-links label { padding: 5px 10px 5px 10px; } + .tab-2 .tab-links li { margin: 0 5px 15px 0; } + .tab-2 .tab-links .active a, .tab-2 .tab-links .active label { color: var(--text-on-background-color-2); background: var(--button-colored-background); } + .tab-2.left { display: flex; } .tab-2.left .tab-links { @@ -4887,6 +4975,7 @@ table.default { table.list th { text-align: left; padding: 2px 0 2px 0; } + table.list td { padding: 2px 5px 2px 5px; } @@ -4914,6 +5003,7 @@ table.list td { font-weight: bold; } table.table tfoot { display: none; } } + .nobreak { white-space: nowrap; }