Line 1: |
Line 1: |
| .articleFeedbackv5-panel .articleFeedbackv5-title { | | .articleFeedbackv5-panel .articleFeedbackv5-title { |
| font-weight: normal; | | font-weight: normal; |
| }
| |
|
| |
|
| |
| /* CSS placed here will be applied to all skins */
| |
|
| |
| .orbit {
| |
| position: relative;
| |
| margin-bottom:3rem; }
| |
|
| |
| .orbit-container {
| |
| position: relative;
| |
| overflow: hidden;
| |
| list-style: none;
| |
| margin: 0 0 0 0!important; }
| |
|
| |
| .orbit-slide {
| |
| width: 100%;
| |
| max-height: 100%; }
| |
| .orbit-slide.no-motionui.is-active {
| |
| top: 0;
| |
| left: 0; }
| |
|
| |
| .orbit-figure {
| |
| margin: 0; }
| |
|
| |
| .orbit-image {
| |
| margin: 0;
| |
| width: 100%;
| |
| max-width: 100%; }
| |
|
| |
| .orbit-caption {
| |
| position: absolute;
| |
| bottom: 0;
| |
| width: 100%;
| |
| padding: 1rem;
| |
| margin-bottom: 0;
| |
| color: #fefefe;
| |
| background-color: rgba(10, 10, 10, 0.5); }
| |
|
| |
| .orbit-previous, .orbit-next {
| |
| position: absolute;
| |
| top: 50%;
| |
| -webkit-transform: translateY(-50%);
| |
| -ms-transform: translateY(-50%);
| |
| transform: translateY(-50%);
| |
| z-index: 10;
| |
| padding: 1rem;
| |
| color: #fefefe; }
| |
| [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
| |
| outline: 0; }
| |
| .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
| |
| background-color: rgba(10, 10, 10, 0.5); }
| |
|
| |
| .orbit-previous {
| |
| left: 0; }
| |
|
| |
| .orbit-next {
| |
| left: auto;
| |
| right: 0; }
| |
|
| |
| .orbit-bullets {
| |
| position: relative;
| |
| margin-top: 0.8rem;
| |
| margin-bottom: 0.8rem;
| |
| text-align: center; }
| |
| [data-whatinput='mouse'] .orbit-bullets {
| |
| outline: 0; }
| |
| .orbit-bullets button {
| |
| width: 1.2rem;
| |
| height: 1.2rem;
| |
| margin: 0.1rem;
| |
| background-color: #cacaca;
| |
| border-radius: 50%; }
| |
| .orbit-bullets button:hover {
| |
| background-color: #8a8a8a; }
| |
| .orbit-bullets button.is-active {
| |
| background-color: #8a8a8a; }
| |
|
| |
| .slide-in-down.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateY(-100%);
| |
| -ms-transform: translateY(-100%);
| |
| transform: translateY(-100%);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-in-down.mui-enter.mui-enter-active {
| |
| -webkit-transform: translateY(0);
| |
| -ms-transform: translateY(0);
| |
| transform: translateY(0); }
| |
|
| |
| .slide-in-left.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateX(-100%);
| |
| -ms-transform: translateX(-100%);
| |
| transform: translateX(-100%);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-in-left.mui-enter.mui-enter-active {
| |
| -webkit-transform: translateX(0);
| |
| -ms-transform: translateX(0);
| |
| transform: translateX(0); }
| |
|
| |
| .slide-in-up.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateY(100%);
| |
| -ms-transform: translateY(100%);
| |
| transform: translateY(100%);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-in-up.mui-enter.mui-enter-active {
| |
| -webkit-transform: translateY(0);
| |
| -ms-transform: translateY(0);
| |
| transform: translateY(0); }
| |
|
| |
| .slide-in-right.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateX(100%);
| |
| -ms-transform: translateX(100%);
| |
| transform: translateX(100%);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-in-right.mui-enter.mui-enter-active {
| |
| -webkit-transform: translateX(0);
| |
| -ms-transform: translateX(0);
| |
| transform: translateX(0); }
| |
|
| |
| .slide-out-down.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateY(0);
| |
| -ms-transform: translateY(0);
| |
| transform: translateY(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-out-down.mui-leave.mui-leave-active {
| |
| -webkit-transform: translateY(100%);
| |
| -ms-transform: translateY(100%);
| |
| transform: translateY(100%); }
| |
|
| |
| .slide-out-right.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateX(0);
| |
| -ms-transform: translateX(0);
| |
| transform: translateX(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-out-right.mui-leave.mui-leave-active {
| |
| -webkit-transform: translateX(100%);
| |
| -ms-transform: translateX(100%);
| |
| transform: translateX(100%); }
| |
|
| |
| .slide-out-up.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateY(0);
| |
| -ms-transform: translateY(0);
| |
| transform: translateY(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-out-up.mui-leave.mui-leave-active {
| |
| -webkit-transform: translateY(-100%);
| |
| -ms-transform: translateY(-100%);
| |
| transform: translateY(-100%); }
| |
|
| |
| .slide-out-left.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: translateX(0);
| |
| -ms-transform: translateX(0);
| |
| transform: translateX(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| -webkit-backface-visibility: hidden;
| |
| backface-visibility: hidden; }
| |
|
| |
| .slide-out-left.mui-leave.mui-leave-active {
| |
| -webkit-transform: translateX(-100%);
| |
| -ms-transform: translateX(-100%);
| |
| transform: translateX(-100%); }
| |
|
| |
| .fade-in.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| opacity: 0;
| |
| transition-property: opacity; }
| |
|
| |
| .fade-in.mui-enter.mui-enter-active {
| |
| opacity: 1; }
| |
|
| |
| .fade-out.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| opacity: 1;
| |
| transition-property: opacity; }
| |
|
| |
| .fade-out.mui-leave.mui-leave-active {
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-top.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateX(-90deg);
| |
| transform: perspective(2000px) rotateX(-90deg);
| |
| -webkit-transform-origin: top;
| |
| -ms-transform-origin: top;
| |
| transform-origin: top;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-top.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-in-from-right.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateY(-90deg);
| |
| transform: perspective(2000px) rotateY(-90deg);
| |
| -webkit-transform-origin: right;
| |
| -ms-transform-origin: right;
| |
| transform-origin: right;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-right.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-in-from-bottom.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateX(90deg);
| |
| transform: perspective(2000px) rotateX(90deg);
| |
| -webkit-transform-origin: bottom;
| |
| -ms-transform-origin: bottom;
| |
| transform-origin: bottom;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-bottom.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-in-from-left.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateY(90deg);
| |
| transform: perspective(2000px) rotateY(90deg);
| |
| -webkit-transform-origin: left;
| |
| -ms-transform-origin: left;
| |
| transform-origin: left;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-left.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-in-from-middle-x.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateX(-90deg);
| |
| transform: perspective(2000px) rotateX(-90deg);
| |
| -webkit-transform-origin: center;
| |
| -ms-transform-origin: center;
| |
| transform-origin: center;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-middle-x.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-in-from-middle-y.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotateY(-90deg);
| |
| transform: perspective(2000px) rotateY(-90deg);
| |
| -webkit-transform-origin: center;
| |
| -ms-transform-origin: center;
| |
| transform-origin: center;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .hinge-in-from-middle-y.mui-enter.mui-enter-active {
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-top.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: top;
| |
| -ms-transform-origin: top;
| |
| transform-origin: top;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-top.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateX(-90deg);
| |
| transform: perspective(2000px) rotateX(-90deg);
| |
| opacity: 0; }
| |
|
| |
| .hinge-out-from-right.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: right;
| |
| -ms-transform-origin: right;
| |
| transform-origin: right;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-right.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateY(-90deg);
| |
| transform: perspective(2000px) rotateY(-90deg);
| |
| opacity: 0; }
| |
|
| |
| .hinge-out-from-bottom.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: bottom;
| |
| -ms-transform-origin: bottom;
| |
| transform-origin: bottom;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-bottom.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateX(90deg);
| |
| transform: perspective(2000px) rotateX(90deg);
| |
| opacity: 0; }
| |
|
| |
| .hinge-out-from-left.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: left;
| |
| -ms-transform-origin: left;
| |
| transform-origin: left;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-left.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateY(90deg);
| |
| transform: perspective(2000px) rotateY(90deg);
| |
| opacity: 0; }
| |
|
| |
| .hinge-out-from-middle-x.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: center;
| |
| -ms-transform-origin: center;
| |
| transform-origin: center;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-middle-x.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateX(-90deg);
| |
| transform: perspective(2000px) rotateX(-90deg);
| |
| opacity: 0; }
| |
|
| |
| .hinge-out-from-middle-y.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: perspective(2000px) rotate(0deg);
| |
| transform: perspective(2000px) rotate(0deg);
| |
| -webkit-transform-origin: center;
| |
| -ms-transform-origin: center;
| |
| transform-origin: center;
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .hinge-out-from-middle-y.mui-leave.mui-leave-active {
| |
| -webkit-transform: perspective(2000px) rotateY(-90deg);
| |
| transform: perspective(2000px) rotateY(-90deg);
| |
| opacity: 0; }
| |
|
| |
| .scale-in-up.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: scale(0.5);
| |
| -ms-transform: scale(0.5);
| |
| transform: scale(0.5);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .scale-in-up.mui-enter.mui-enter-active {
| |
| -webkit-transform: scale(1);
| |
| -ms-transform: scale(1);
| |
| transform: scale(1);
| |
| opacity: 1; }
| |
|
| |
| .scale-in-down.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: scale(1.5);
| |
| -ms-transform: scale(1.5);
| |
| transform: scale(1.5);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .scale-in-down.mui-enter.mui-enter-active {
| |
| -webkit-transform: scale(1);
| |
| -ms-transform: scale(1);
| |
| transform: scale(1);
| |
| opacity: 1; }
| |
|
| |
| .scale-out-up.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: scale(1);
| |
| -ms-transform: scale(1);
| |
| transform: scale(1);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .scale-out-up.mui-leave.mui-leave-active {
| |
| -webkit-transform: scale(1.5);
| |
| -ms-transform: scale(1.5);
| |
| transform: scale(1.5);
| |
| opacity: 0; }
| |
|
| |
| .scale-out-down.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: scale(1);
| |
| -ms-transform: scale(1);
| |
| transform: scale(1);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .scale-out-down.mui-leave.mui-leave-active {
| |
| -webkit-transform: scale(0.5);
| |
| -ms-transform: scale(0.5);
| |
| transform: scale(0.5);
| |
| opacity: 0; }
| |
|
| |
| .spin-in.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: rotate(-0.75turn);
| |
| -ms-transform: rotate(-0.75turn);
| |
| transform: rotate(-0.75turn);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .spin-in.mui-enter.mui-enter-active {
| |
| -webkit-transform: rotate(0);
| |
| -ms-transform: rotate(0);
| |
| transform: rotate(0);
| |
| opacity: 1; }
| |
|
| |
| .spin-out.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: rotate(0);
| |
| -ms-transform: rotate(0);
| |
| transform: rotate(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .spin-out.mui-leave.mui-leave-active {
| |
| -webkit-transform: rotate(0.75turn);
| |
| -ms-transform: rotate(0.75turn);
| |
| transform: rotate(0.75turn);
| |
| opacity: 0; }
| |
|
| |
| .spin-in-ccw.mui-enter {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: rotate(0.75turn);
| |
| -ms-transform: rotate(0.75turn);
| |
| transform: rotate(0.75turn);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 0; }
| |
|
| |
| .spin-in-ccw.mui-enter.mui-enter-active {
| |
| -webkit-transform: rotate(0);
| |
| -ms-transform: rotate(0);
| |
| transform: rotate(0);
| |
| opacity: 1; }
| |
|
| |
| .spin-out-ccw.mui-leave {
| |
| transition-duration: 500ms;
| |
| transition-timing-function: linear;
| |
| -webkit-transform: rotate(0);
| |
| -ms-transform: rotate(0);
| |
| transform: rotate(0);
| |
| transition-property: -webkit-transform, opacity;
| |
| transition-property: transform, opacity;
| |
| opacity: 1; }
| |
|
| |
| .spin-out-ccw.mui-leave.mui-leave-active {
| |
| -webkit-transform: rotate(-0.75turn);
| |
| -ms-transform: rotate(-0.75turn);
| |
| transform: rotate(-0.75turn);
| |
| opacity: 0; }
| |
|
| |
| .slow {
| |
| transition-duration: 750ms !important; }
| |
|
| |
| .fast {
| |
| transition-duration: 250ms !important; }
| |
|
| |
| .linear {
| |
| transition-timing-function: linear !important; }
| |
|
| |
| .ease {
| |
| transition-timing-function: ease !important; }
| |
|
| |
| .ease-in {
| |
| transition-timing-function: ease-in !important; }
| |
|
| |
| .ease-out {
| |
| transition-timing-function: ease-out !important; }
| |
|
| |
| .ease-in-out {
| |
| transition-timing-function: ease-in-out !important; }
| |
|
| |
| .bounce-in {
| |
| transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
| |
|
| |
| .bounce-out {
| |
| transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
| |
|
| |
| .bounce-in-out {
| |
| transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
| |
|
| |
| .short-delay {
| |
| transition-delay: 300ms !important; }
| |
|
| |
| .long-delay {
| |
| transition-delay: 700ms !important; }
| |
|
| |
| .shake {
| |
| -webkit-animation-name: shake-7;
| |
| animation-name: shake-7; }
| |
|
| |
| @-webkit-keyframes shake-7 {
| |
| 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
| |
| -webkit-transform: translateX(7%);
| |
| transform: translateX(7%); }
| |
| 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
| |
| -webkit-transform: translateX(-7%);
| |
| transform: translateX(-7%); } }
| |
|
| |
| @keyframes shake-7 {
| |
| 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
| |
| -webkit-transform: translateX(7%);
| |
| transform: translateX(7%); }
| |
| 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
| |
| -webkit-transform: translateX(-7%);
| |
| transform: translateX(-7%); } }
| |
|
| |
| .spin-cw {
| |
| -webkit-animation-name: spin-cw-1turn;
| |
| animation-name: spin-cw-1turn; }
| |
|
| |
| @-webkit-keyframes spin-cw-1turn {
| |
| 0% {
| |
| -webkit-transform: rotate(-1turn);
| |
| transform: rotate(-1turn); }
| |
| 100% {
| |
| -webkit-transform: rotate(0);
| |
| transform: rotate(0); } }
| |
|
| |
| @keyframes spin-cw-1turn {
| |
| 0% {
| |
| -webkit-transform: rotate(-1turn);
| |
| transform: rotate(-1turn); }
| |
| 100% {
| |
| -webkit-transform: rotate(0);
| |
| transform: rotate(0); } }
| |
|
| |
| .spin-ccw {
| |
| -webkit-animation-name: spin-cw-1turn;
| |
| animation-name: spin-cw-1turn; }
| |
|
| |
| @keyframes spin-cw-1turn {
| |
| 0% {
| |
| -webkit-transform: rotate(0);
| |
| transform: rotate(0); }
| |
| 100% {
| |
| -webkit-transform: rotate(1turn);
| |
| transform: rotate(1turn); } }
| |
|
| |
| .wiggle {
| |
| -webkit-animation-name: wiggle-7deg;
| |
| animation-name: wiggle-7deg; }
| |
|
| |
| @-webkit-keyframes wiggle-7deg {
| |
| 40%, 50%, 60% {
| |
| -webkit-transform: rotate(7deg);
| |
| transform: rotate(7deg); }
| |
| 35%, 45%, 55%, 65% {
| |
| -webkit-transform: rotate(-7deg);
| |
| transform: rotate(-7deg); }
| |
| 0%, 30%, 70%, 100% {
| |
| -webkit-transform: rotate(0);
| |
| transform: rotate(0); } }
| |
|
| |
| @keyframes wiggle-7deg {
| |
| 40%, 50%, 60% {
| |
| -webkit-transform: rotate(7deg);
| |
| transform: rotate(7deg); }
| |
| 35%, 45%, 55%, 65% {
| |
| -webkit-transform: rotate(-7deg);
| |
| transform: rotate(-7deg); }
| |
| 0%, 30%, 70%, 100% {
| |
| -webkit-transform: rotate(0);
| |
| transform: rotate(0); } }
| |
|
| |
| .shake,
| |
| .spin-cw,
| |
| .spin-ccw,
| |
| .wiggle {
| |
| -webkit-animation-duration: 500ms;
| |
| animation-duration: 500ms; }
| |
|
| |
| .infinite {
| |
| -webkit-animation-iteration-count: infinite;
| |
| animation-iteration-count: infinite; }
| |
|
| |
| .slow {
| |
| -webkit-animation-duration: 750ms !important;
| |
| animation-duration: 750ms !important; }
| |
|
| |
| .fast {
| |
| -webkit-animation-duration: 250ms !important;
| |
| animation-duration: 250ms !important; }
| |
|
| |
| .linear {
| |
| -webkit-animation-timing-function: linear !important;
| |
| animation-timing-function: linear !important; }
| |
|
| |
| .ease {
| |
| -webkit-animation-timing-function: ease !important;
| |
| animation-timing-function: ease !important; }
| |
|
| |
| .ease-in {
| |
| -webkit-animation-timing-function: ease-in !important;
| |
| animation-timing-function: ease-in !important; }
| |
|
| |
| .ease-out {
| |
| -webkit-animation-timing-function: ease-out !important;
| |
| animation-timing-function: ease-out !important; }
| |
|
| |
| .ease-in-out {
| |
| -webkit-animation-timing-function: ease-in-out !important;
| |
| animation-timing-function: ease-in-out !important; }
| |
|
| |
| .bounce-in {
| |
| -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
| |
| animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
| |
|
| |
| .bounce-out {
| |
| -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
| |
| animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
| |
|
| |
| .bounce-in-out {
| |
| -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
| |
| animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
| |
|
| |
| .short-delay {
| |
| -webkit-animation-delay: 300ms !important;
| |
| animation-delay: 300ms !important; }
| |
|
| |
| .long-delay {
| |
| -webkit-animation-delay: 700ms !important;
| |
| animation-delay: 700ms !important; }
| |
|
| |
| li .fa-square-o {
| |
| margin-left:10px!important; }
| |
|
| |
| .mw-headline a {color:#FFF!important;}
| |
|
| |
| .img-thumbnail.color-border {
| |
| border-color: #009999 !important;}
| |
|
| |
| .title-red {
| |
| padding-bottom: 9px;
| |
| margin: 40px 0px 20px;
| |
| border-bottom: 4px solid #009999 !important;}
| |
|
| |
| .carousel .carousel-caption {
| |
| left: 0;
| |
| right: 0;
| |
| padding-top: 4px;
| |
| padding-bottom: 16px;
| |
| margin-bottom: -20px;
| |
| background: rgba(68, 167, 85, 0.8) !important; }
| |
|
| |
| .popover-title {
| |
| margin: 0;
| |
| padding: 8px 14px;
| |
| font-size: 16px;
| |
| font-weight: normal;
| |
| line-height: 18px;
| |
| background-color: #009999 !important;
| |
| border-bottom: 1px solid #009999 !important;
| |
| border-radius: 5px 5px 0 0;}
| |
|
| |
| .popover {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| z-index: 1010;
| |
| display: none;
| |
| max-width: 276px;
| |
| padding: 1px;
| |
| text-align: left;
| |
| background-color: #ffffff;
| |
| background-clip: padding-box;
| |
| border: 1px solid #cccccc;
| |
| border: 1px solid #009999 !important;
| |
| border-radius: 0;
| |
| -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
| |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
| |
| white-space: normal;}
| |
|
| |
| .table > thead > tr > td.active,
| |
| .table > tbody > tr > td.active,
| |
| .table > tfoot > tr > td.active,
| |
| .table > thead > tr > th.active,
| |
| .table > tbody > tr > th.active,
| |
| .table > tfoot > tr > th.active,
| |
| .table > thead > tr.active > td,
| |
| .table > tbody > tr.active > td,
| |
| .table > tfoot > tr.active > td,
| |
| .table > thead > tr.active > th,
| |
| .table > tbody > tr.active > th,
| |
| .table > tfoot > tr.active > th {
| |
| color: #ffffff;
| |
| background-color: #009999 !important;}
| |
|
| |
| .fa-li {
| |
| position: absolute;
| |
| left: -2.14285714em;
| |
| width: 2.14285714em;
| |
| top: 0.25em !important;
| |
| text-align: center;}
| |
|
| |
| .panel.panel-primary-light-border {
| |
| box-shadow: none;
| |
| border-color: #009999 !important;}
| |
|
| |
| .panel.panel-primary-light-border .panel-heading {
| |
| color: #000 !important;
| |
| background-color: #ffffff;
| |
| border-bottom: 1px solid #009999 !important;
| |
| box-shadow: 0 4px 0 0 #009999 !important;
| |
| margin-bottom: 4px;}
| |
|
| |
| blockquote {
| |
| border-left: 3px solid #009999 !important;}
| |
|
| |
| .btn.btn-primary {
| |
| color: #ffffff !important;
| |
| background-color: #009999 !important;
| |
| border-color: #00000 !important;
| |
| -webkit-transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
| |
| transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
| |
| box-shadow: inset 0 1px 0 0 #ffffff;
| |
| text-shadow: 0 1px 0 #f5f5f5;
| |
| position: relative;}
| |
|
| |
| .title-blue {
| |
| padding-bottom: 9px;
| |
| margin: 40px 0px 20px;
| |
| border-bottom: 4px solid #009999 !important;
| |
| color: #565656 !important;}
| |
|
| |
| .panel.panel-info-white-border {
| |
| box-shadow: none;
| |
| border-color: #009999 !important;}
| |
|
| |
| .panel.panel-info-white-border .panel-heading {
| |
| color: #565656 !important;
| |
| background-color: #ffffff;
| |
| border-bottom: 1px solid #565656 !important;
| |
| box-shadow: 0 4px 0 0 #009999 !important;
| |
| margin-bottom: 4px;}
| |
|
| |
| h1,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6,
| |
| .h1,
| |
| .h3,
| |
| .h4,
| |
| .h5,
| |
| .h6 {
| |
| font-family: 'Lato', Helvetica, Arial, sans-serif;
| |
| font-weight: 300;
| |
| line-height: 1.1;
| |
| color: #565656 !important;}
| |
|
| |
| .modal-header {
| |
| padding: 15px;
| |
| border-bottom: transparent !important;
| |
| min-height: 16.25px;
| |
| }
| |
|
| |
| .modal-footer {
| |
| margin-top: 15px;
| |
| padding: 19px 20px 20px;
| |
| text-align: right;
| |
| border-top: transparent !important;
| |
| }
| |
|
| |
| .input-group-addon {
| |
| padding: 6px 12px;
| |
| font-size: 16px;
| |
| font-weight: normal;
| |
| line-height: 1;
| |
| color: #ffffff !important;
| |
| text-align: center;
| |
| background-color: #565656 !important;
| |
| border: 1px solid #565656 !important;
| |
| border-radius: 0;
| |
| }
| |
|
| |
| .form-control {
| |
| box-shadow: inset 0 -3px 0 0 #565656 !important;
| |
| border: 1px solid #565656 !important;
| |
| }
| |
|
| |
| .btn.btn-neutral {
| |
| color: #ffffff;
| |
| background-color: #565656 !important;
| |
| border-color: #697060;
| |
| -webkit-transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
| |
| transition: background-color 170ms ease-out, box-shadow 170ms ease-out;
| |
| box-shadow: inset 0 1px 0 0 #7e8673;
| |
| text-shadow: 0 1px 0 #697060;
| |
| position: relative;
| |
| }
| |
|
| |
| .goog-te-gadget-simple {
| |
| background-color: transparent!important;
| |
| border-left: 1px solid #2776ac!important;
| |
| border-top: 1px solid #2776ac!important;
| |
| border-bottom: 1px solid #2776ac!important;
| |
| border-right: 1px solid #2776ac!important;
| |
| color: #2776ac!important;
| |
| font-size: 10pt;
| |
| display: inline-block;
| |
| padding: 0.48rem!important;
| |
| cursor: pointer;
| |
| zoom: 1;
| |
| }
| |
|
| |
| span .goog-te-menu-value span {
| |
| color: #2776ac !important;
| |
| }
| |
|
| |
| body {
| |
| color: #000000;
| |
| }
| |
|
| |
| .off-canvas {
| |
| position: absolute;
| |
| background: #000000;
| |
| z-index: -1;
| |
| max-height: 100%;
| |
| overflow-y: auto;
| |
| -webkit-transform: translateX(0);
| |
| transform: translateX(0);
| |
| }
| |
|
| |
| .off-canvas > li > a {
| |
| display: block;
| |
| color: #fff;
| |
| padding: 1.3rem!important;
| |
| line-height: 1;
| |
| text-transform: uppercase;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
| |
| color: #ffffff;
| |
| background-color: #009999 !important;
| |
| }
| |
|
| |
| .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
| |
| background-color: #009999 !important;
| |
| }
| |
|
| |
| .navbar-inverse-darker {
| |
| background-color: #009999 !important;
| |
| border-color: #07151e;
| |
| }
| |
|
| |
| .dropdown-menu.darker-color li > a {
| |
| color: #009999;
| |
| }
| |
|
| |
| .dropdown-menu.darker-color {
| |
| background-color: rgb(255, 255, 255);
| |
| }
| |
|
| |
| .navbar {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| li .fa-bars {
| |
| padding-left: 10px;
| |
| padding-right: 10px;
| |
| } | | } |