Line 1: |
Line 1: |
− | /* CSS placed here will be applied to all skins */ | + | /*Page background*/ |
| + | #mw-page-base, body { |
| + | background-image: none; |
| + | background-color: #4f4f4f;} |
| | | |
− | .orbit { | + | /*Fonts and bullets for everyone*/ |
− | position: relative; | + | @import url('https://fonts.googleapis.com/css?family=Roboto:100'); |
− | margin-bottom:3rem; } | + | { |
| + | font-family: 'Roboto', sans-serif;} |
| | | |
− | .orbit-container {
| + | /*linky colors*/ |
− | position: relative; | + | a { |
− | overflow: hidden; | + | text-decoration: none; |
− | list-style: none; | + | color: #0645ad; |
− | margin: 0 0 0 0!important; } | + | background: none;} |
| + | .mblink:visited, a:visited { |
| + | color: #609;} |
| | | |
− | .orbit-slide {
| + | /*list formatting*/ |
− | width: 100%;
| + | ul{list-style-image: none;} |
− | max-height: 100%; }
| + | .plainlist ul { |
− | .orbit-slide.no-motionui.is-active {
| + | line-height: inherit; |
− | top: 0;
| + | list-style: none none; |
− | left: 0; } | + | margin: 0;} |
− | | + | .plainlist ul li { |
− | .orbit-figure { | + | margin-bottom: 0;} |
− | margin: 0; }
| |
| | | |
− | .orbit-image {
| + | /*STEP logo bit*/ |
− | margin: 0; | + | #p-logo { |
− | width: 100%;
| + | border-radius: 5px; |
− | max-width: 100%; } | + | background-color: white;} |
| | | |
− | .orbit-caption {
| + | /*Header*/ |
| + | #mw-head { |
| position: absolute; | | position: absolute; |
− | bottom: 0; | + | top: 0; |
| + | right: 0; |
| width: 100%; | | width: 100%; |
− | padding: 1rem; | + | background-color: #e6e6e6;} |
− | margin-bottom: 0;
| |
− | color: #fefefe;
| |
− | background-color: rgba(10, 10, 10, 0.5); }
| |
| | | |
− | .orbit-previous, .orbit-next { | + | /*These are the wiki tabs*/ |
− | position: absolute; | + | .vectorTabs ul li { |
− | top: 50%;
| + | border-radius: 5px 5px 0 0; |
− | -webkit-transform: translateY(-50%);
| + | background-image: none; |
− | -ms-transform: translateY(-50%);
| + | color: black; |
− | transform: translateY(-50%);
| + | background-color: #e6e6e6;} |
− | z-index: 10; | + | #ca-talk, |
− | padding: 1rem; | + | #ca-viewsource { |
− | color: #fefefe; } | + | display: none !important;} |
− | [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 { | + | .vectorTabs li a, |
− | left: 0; } | + | .vectorTabs li.new a, |
| + | .vectorTabs li.new a:visited { |
| + | background-image: none; |
| + | font-variant: all-small-caps;} |
| | | |
− | .orbit-next {
| + | /*This is the menu on the left*/ |
− | left: auto;
| + | /* increase Vector sidebar width */ |
− | right: 0; }
| + | #mw-panel { width: 12em; } |
| + | #footer, #mw-head-base, #content { margin-left: 12em; } |
| + | #left-navigation { margin-left: 12em; } |
| | | |
− | .orbit-bullets { | + | #mw-panel .portal .body ul li, |
− | position: relative;
| + | #mw-panel .portal .body ul li a, |
− | margin-top: 0.8rem;
| + | #mw-panel .portal .body ul li a:visited, |
− | margin-bottom: 0.8rem;
| + | #mw-panel .portal h3 { |
− | text-align: center; }
| + | list-style-type: none; |
− | [data-whatinput='mouse'] .orbit-bullets {
| + | color: white; |
− | outline: 0; }
| + | font-size: 1em; |
− | .orbit-bullets button { | + | font-variant: all-small-caps; |
− | width: 1.2rem;
| + | text-decoration: none; |
− | 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 { | + | /*FOOTER STUFF*/ |
− | transition-duration: 500ms; | + | /*This is the feedback widget*/ |
− | transition-timing-function: linear;
| + | .articleFeedbackv5-panel .articleFeedbackv5-title { |
− | -webkit-transform: translateY(-100%); | + | font-weight: normal;} |
− | -ms-transform: translateY(-100%);
| + | .articleFeedbackv5-panel{ |
− | transform: translateY(-100%);
| + | background: none; |
− | transition-property: -webkit-transform, opacity;
| + | border: 1px solid darkcyan;} |
− | transition-property: transform, opacity;
| |
− | -webkit-backface-visibility: hidden; | |
− | backface-visibility: hidden; }
| |
| | | |
− | .slide-in-down.mui-enter.mui-enter-active {
| + | /*Last updated box*/ |
− | -webkit-transform: translateY(0); | + | #footer #footer-info li { |
− | -ms-transform: translateY(0);
| + | background-color: white; |
− | transform: translateY(0); }
| + | border-radius: 5px 5px 5px 0;} |
| + | #footer ul li { |
| + | padding: 0.75em;} |
| + | #footer #footer-places li { |
| + | background-color: white; |
| + | border-radius: 0 0 5px 5px;} |
| | | |
− | .slide-in-left.mui-enter { | + | /*These are the main headings, which have underlines*/ |
− | transition-duration: 500ms; | + | .mw-body h1, .mw-body h2 { |
− | transition-timing-function: linear;
| + | font-family: sans-serif; |
− | -webkit-transform: translateX(-100%); | + | font-size: 1.8em; |
− | -ms-transform: translateX(-100%);
| + | color: Gray; |
− | transform: translateX(-100%);
| + | border-bottom: 1.5px solid darkcyan;} |
− | transition-property: -webkit-transform, opacity; | |
− | transition-property: transform, opacity; | |
− | -webkit-backface-visibility: hidden;
| |
− | backface-visibility: hidden; }
| |
| | | |
− | .slide-in-left.mui-enter.mui-enter-active {
| + | /*These are the subheadings*/ |
− | -webkit-transform: translateX(0); | + | h3,h4, h5, h6 { |
− | -ms-transform: translateX(0);
| + | font-size: 1.8em; |
− | transform: translateX(0); }
| + | color: Gray;} |
| | | |
− | .slide-in-up.mui-enter { | + | /*This is the default photoframe*/ |
− | transition-duration: 500ms; | + | .thumbinner { |
− | transition-timing-function: linear;
| + | border: 2px solid orange; |
− | -webkit-transform: translateY(100%);
| + | padding: 3px; |
− | -ms-transform: translateY(100%);
| + | text-align: center; |
− | transform: translateY(100%);
| + | overflow: hidden;} |
− | transition-property: -webkit-transform, opacity; | |
− | transition-property: transform, opacity; | |
− | -webkit-backface-visibility: hidden; | |
− | backface-visibility: hidden; }
| |
| | | |
− | .slide-in-up.mui-enter.mui-enter-active { | + | /* TOClimit */ |
− | -webkit-transform: translateY(0);
| + | .toclimit-2 .toclevel-1 ul, |
− | -ms-transform: translateY(0);
| + | .toclimit-3 .toclevel-2 ul, |
− | transform: translateY(0); }
| + | .toclimit-4 .toclevel-3 ul, |
| + | .toclimit-5 .toclevel-4 ul, |
| + | .toclimit-6 .toclevel-5 ul, |
| + | .toclimit-7 .toclevel-6 ul { |
| + | display: none;} |
| | | |
− | .slide-in-right.mui-enter { | + | /*The textbox thingy*/ |
− | transition-duration: 500ms; | + | .textbox { |
− | transition-timing-function: linear; | + | padding: 10px 20px; |
− | -webkit-transform: translateX(100%); | + | margin: 0 0 20px; |
− | -ms-transform: translateX(100%);
| + | font-size: 1.1em; |
− | transform: translateX(100%);
| + | font-style: italic; |
− | transition-property: -webkit-transform, opacity; | + | background: none; |
− | transition-property: transform, opacity; | + | border-left: 3px solid darkcyan; |
− | -webkit-backface-visibility: hidden; | + | border-top: none; |
− | backface-visibility: hidden; }
| + | border-bottom: none; |
| + | border-right: none;} |
| | | |
− | .slide-in-right.mui-enter.mui-enter-active { | + | /*Button*/ |
− | -webkit-transform: translateX(0); | + | .mw-ui-button{ |
− | -ms-transform: translateX(0);
| + | border: 2px solid orange; |
− | transform: translateX(0); }
| + | box-shadow: 2px 2px 3px 0px #999;} |
| | | |
− | .slide-out-down.mui-leave { | + | /*wikitable*/ |
− | transition-duration: 500ms;
| + | /table.wikitable > tr > th, table.wikitable > * > tr > th { |
− | transition-timing-function: linear;
| + | / background-color: darkcyan; |
− | -webkit-transform: translateY(0);
| + | / color: white; |
− | -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 { | + | /*sortable wikitable*/ |
− | -webkit-transform: translateY(100%);
| + | table.jquery-tablesorter th.headerSort { |
− | -ms-transform: translateY(100%);
| + | border: 2px solid darkcyan; |
− | transform: translateY(100%); }
| + | cursor: pointer; |
| + | background-position: center right; |
| + | padding-right: 21px; |
| + | } |
| | | |
− | .slide-out-right.mui-leave { | + | /*sortable wikitable*/ |
− | transition-duration: 500ms; | + | table.jquery-tablesorter th.headerSort { |
− | transition-timing-function: linear;
| + | border: 2px solid darkcyan;} |
− | -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 { | + | table.wikitable > tr > th, table.wikitable > * > tr > th { |
− | -webkit-transform: translateX(100%); | + | background-color: darkcyan; |
− | -ms-transform: translateX(100%);
| + | color: white;} |
− | 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 {
| + | /*Main Page stuff*/ |
− | -webkit-transform: translateY(-100%);
| |
− | -ms-transform: translateY(-100%);
| |
− | transform: translateY(-100%); }
| |
| | | |
− | .slide-out-left.mui-leave { | + | body.page-Main_Page h1.firstHeading {display:none; |
− | 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 { | + | .mainpage_topbox { |
− | -webkit-transform: translateX(-100%); | + | border-radius: 5px; |
− | -ms-transform: translateX(-100%);
| + | background: #f9f9f9; |
− | transform: translateX(-100%); }
| + | margin: 1em 0; |
| + | } |
| | | |
− | .fade-in.mui-enter { | + | .mainpage_layouttable { |
− | transition-duration: 500ms;
| + | border: 0; |
− | transition-timing-function: linear;
| + | margin: 0; |
− | opacity: 0;
| + | width: 100%; |
− | transition-property: opacity; }
| + | border-spacing: 10px; |
| + | } |
| + | .mainpage_layouttable * > tr > td { |
| + | vertical-align: top; |
| + | } |
| | | |
− | .fade-in.mui-enter.mui-enter-active { | + | .mainpage_boxtitle { |
− | opacity: 1; }
| + | font-size: 105%; |
| + | padding: 0.4em; |
| + | background-color: #eeeeee; |
| + | font-weight: bold; |
| + | min-height: 2em; |
| + | vertical-align: middle; |
| + | } |
| | | |
− | .fade-out.mui-leave { | + | .mainpage_pagetitle { |
− | transition-duration: 500ms;
| + | color: black; |
− | transition-timing-function: linear;
| + | font-size: 200%; |
− | opacity: 1;
| + | padding: 0.2em 0.4em; |
− | transition-property: opacity; }
| + | } |
| | | |
− | .fade-out.mui-leave.mui-leave-active { | + | .mainpage_hubtitle { |
− | opacity: 0; }
| + | text-align: center; |
| + | } |
| | | |
− | .hinge-in-from-top.mui-enter { | + | .mainpage_boxcontents { |
− | transition-duration: 500ms;
| + | background: #ffffff; |
− | transition-timing-function: linear;
| + | padding: 0.2em 0.4em; |
− | -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 { | + | .mainpage_boxcontents_small { |
− | transition-duration: 500ms;
| + | font-size: 95%; |
− | 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: #44A755 !important;}
| |
− | | |
− | .title-red {
| |
− | padding-bottom: 9px;
| |
− | margin: 40px 0px 20px;
| |
− | border-bottom: 4px solid #44A755 !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: #44A755 !important;
| |
− | border-bottom: 1px solid #44A755 !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 #44A755 !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: #44A755 !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: #44A755 !important;}
| |
− | | |
− | .panel.panel-primary-light-border .panel-heading {
| |
− | color: #000 !important;
| |
− | background-color: #ffffff;
| |
− | border-bottom: 1px solid #44A755 !important;
| |
− | box-shadow: 0 4px 0 0 #44A755 !important;
| |
− | margin-bottom: 4px;}
| |
− | | |
− | blockquote {
| |
− | border-left: 3px solid #44A755 !important;}
| |
− | | |
− | .btn.btn-primary {
| |
− | color: #ffffff !important;
| |
− | background-color: #44A755 !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 #44A755 !important;
| |
− | color: #565656 !important;}
| |
− | | |
− | .panel.panel-info-white-border {
| |
− | box-shadow: none;
| |
− | border-color: #44A755 !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 #44A755 !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 { | + | .mainpage_boxcontents_title { |
− | margin-top: 15px; | + | display: block; |
− | padding: 19px 20px 20px; | + | border-bottom: 1px solid #AAA; |
− | text-align: right; | + | margin-bottom: 0.5em; |
− | border-top: transparent !important; | + | text-align: center; |
| + | font-weight: bold; |
| + | font-size: larger; |
| } | | } |
| | | |
− | .input-group-addon { | + | .mainpage_middleblock .mainpage_hubbox_left { |
− | padding: 6px 12px;
| + | width: 75%; |
− | font-size: 16px;
| |
− | font-weight: normal;
| |
− | line-height: 1;
| |
− | color: #ffffff !important;
| |
− | text-align: center;
| |
− | background-color: #44A755 !important;
| |
− | border: 1px solid #44A755 !important;
| |
− | border-radius: 0;
| |
| } | | } |
| | | |
− | .form-control { | + | .mainpage_mwtitle { |
− | box-shadow: inset 0 -3px 0 0 #44A755 !important; | + | color: #005288; |
| } | | } |