|
|
Line 1: |
Line 1: |
− | {{#css:
| |
− | .AF2020_trig { display: none; }
| |
− | .AF2020_orig { display: inline; }
| |
| | | |
− | @font-face {
| |
− | font-family: '';
| |
− | src: ;
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− |
| |
− | @font-face {
| |
− | font-family: 'Triglavian-Completenormal';
| |
− | src: url('Triglavian-Completenormal.eot');
| |
− | src: url('Triglavian-Completenormal.eot?#iefix') format('embedded-opentype'), url('Triglavian-Completenormal.svg#Triglavian-Completenormal') format('svg'), url('Triglavian-Completenormal.ttf') format('truetype'), url('Triglavian-Completenormal.woff') format('woff'), url('Triglavian-Completenormal.woff2') format('woff2');
| |
− | font-weight: normal;
| |
− | font-style: normal;
| |
− | }
| |
− |
| |
− | .april-fools {
| |
− | font-family: 'Triglavian-Completenormal';
| |
− | color: #f43e29;
| |
− | }
| |
− |
| |
− | .lcs_wrap {
| |
− | display: inline-block;
| |
− | direction: ltr;
| |
− | height: 28px;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .lcs_wrap input {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .lcs_switch {
| |
− | display: inline-block;
| |
− | position: relative;
| |
− | width: 100px;
| |
− | height: 28px;
| |
− | border-radius: 30px;
| |
− | background: #ddd;
| |
− | overflow: hidden;
| |
− | cursor: pointer;
| |
− |
| |
− | -webkit-transition: all .2s ease-in-out;
| |
− | -ms-transition: all .2s ease-in-out;
| |
− | transition: all .2s ease-in-out;
| |
− | }
| |
− | .lcs_cursor {
| |
− | display: inline-block;
| |
− | position: absolute;
| |
− | top: 3px;
| |
− | width: 22px;
| |
− | height: 22px;
| |
− | border-radius: 100%;
| |
− | background: #fff;
| |
− | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
| |
− | z-index: 10;
| |
− |
| |
− | -webkit-transition: all .2s linear;
| |
− | -ms-transition: all .2s linear;
| |
− | transition: all .2s linear;
| |
− | }
| |
− | .lcs_label {
| |
− | font-family: "Trebuchet MS", Helvetica, sans-serif;
| |
− | font-size: 12px;
| |
− | letter-spacing: 1px;
| |
− | line-height: 18px;
| |
− | color: #ccc;
| |
− | font-weight: bold;
| |
− | position: absolute;
| |
− | width: 60px;
| |
− | top: 5px;
| |
− | overflow: hidden;
| |
− | text-align: center;
| |
− | opacity: 0;
| |
− |
| |
− | -webkit-transition: all .2s ease-in-out .1s;
| |
− | -ms-transition: all .2s ease-in-out .1s;
| |
− | transition: all .2s ease-in-out .1s;
| |
− | }
| |
− | .lcs_label.lcs_label_on {
| |
− | left: -70px;
| |
− | z-index: 6;
| |
− | color: black;
| |
− | font-weight: 1800;
| |
− | }
| |
− | .lcs_label.lcs_label_off {
| |
− | right: -70px;
| |
− | z-index: 5;
| |
− | }
| |
− |
| |
− | /* on */
| |
− | .lcs_switch.lcs_on {
| |
− | background: #292929;
| |
− | box-shadow: 0 0 4px #28a745 inset;
| |
− | }
| |
− | .lcs_switch.lcs_on .lcs_cursor {
| |
− | left: 75px;
| |
− | background: #28a745;
| |
− | }
| |
− | .lcs_switch.lcs_on .lcs_label_on {
| |
− | left: 10px;
| |
− | opacity: 1;
| |
− | color: #28a745;
| |
− | }
| |
− |
| |
− | /* off */
| |
− | .lcs_switch.lcs_off {
| |
− | background: #292929;
| |
− | box-shadow: 0px 0px 2px #a4a4a4 inset;
| |
− | }
| |
− | .lcs_switch.lcs_off .lcs_cursor {
| |
− | left: 3px;
| |
− | }
| |
− | .lcs_switch.lcs_off .lcs_label_off {
| |
− | right: 10px;
| |
− | opacity: 1;
| |
− | }
| |
− | /* disabled */
| |
− | .lcs_switch.lcs_disabled {
| |
− | opacity: 0.65;
| |
− | filter: alpha(opacity=65);
| |
− | cursor: default;
| |
− | }
| |
− | }}
| |
| __NOTOC__ __NOEDITSECTION__ | | __NOTOC__ __NOEDITSECTION__ |
| | | |