/*====== * * CSS for Meta Boxes * ======*/ /*====== Meta Box General ======*/ .rwmb-tabs-left ul.rwmb-tab-nav a, .rwmb-tabs-left ul.rwmb-tab-nav a:visited { padding: 11px 20px 12px 15px; } .rwmb-tabs-left .rwmb-tab-nav li { display: block; border-bottom: 1px solid #eeeeef; } .rwmb-tabs-left li.rwmb-tab-active { border-top: 0; box-shadow: none; } .rwmb-tabs-left div.rwmb-tab-panels { border-left-color: #eeeef0; } .rwmb-tabs-left ul.rwmb-tab-nav { border-right-color: #eeeef0; } .rwmb-tab-nav i.dashicons { vertical-align: bottom; margin-right: 0.6em; } div.rwmb-field:not(:last-of-type) { margin: 0 0 30px; } .rwmb-meta-box .description { font-style: italic; font-size: 12px; color: #878787; display: block; clear: both; } div.rwmb-label { width: 18%; } div.rwmb-label ~ div.rwmb-input { width: 82%; } /*====== ıMAGE sELECT ======*/ .postbox .rwmb-image-select { padding: 1px; border: 2px solid #d7dcdf; width: 98px; height: auto; border-radius: 0; } /*====== Toggle ======*/ input[type=checkbox].tgl { display: none; } input[type=checkbox].tgl, input[type=checkbox].tgl:after, input[type=checkbox].tgl:before, input[type=checkbox].tgl *, input[type=checkbox].tgl *:after, input[type=checkbox].tgl *:before, input[type=checkbox].tgl + .tgl-btn { box-sizing: border-box; } input[type=checkbox].tgl::-moz-selection, input[type=checkbox].tgl:after::-moz-selection, input[type=checkbox].tgl:before::-moz-selection, input[type=checkbox].tgl *::-moz-selection, input[type=checkbox].tgl *:after::-moz-selection, input[type=checkbox].tgl *:before::-moz-selection, input[type=checkbox].tgl + .tgl-btn::-moz-selection { background: none; } input[type=checkbox].tgl::selection, input[type=checkbox].tgl:after::selection, input[type=checkbox].tgl:before::selection, input[type=checkbox].tgl *::selection, input[type=checkbox].tgl *:after::selection, input[type=checkbox].tgl *:before::selection, input[type=checkbox].tgl + .tgl-btn::selection { background: none; } input[type=checkbox].tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=checkbox].tgl + .tgl-btn:after, input[type=checkbox].tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } input[type=checkbox].tgl + .tgl-btn:after { left: 0; } input[type=checkbox].tgl + .tgl-btn:before { display: none; } input[type=checkbox].tgl:checked + .tgl-btn:after { left: 50%; } input[type=checkbox].tgl-light + .tgl-btn { background: #f0f0f0; border-radius: 2em; padding: 2px; -webkit-transition: all .4s ease; transition: all .4s ease; } input[type=checkbox].tgl-light + .tgl-btn:after { border-radius: 50%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; } input[type=checkbox].tgl-light:checked + .tgl-btn { background: #9FD6AE; } input[type=checkbox].tgl-toggle + .tgl-btn { background: #fbfbfb; border-radius: 2em; padding: 2px; -webkit-transition: all .4s ease; transition: all .4s ease; border: 1px solid #e8eae9; } input[type=checkbox].tgl-toggle + .tgl-btn:after { border-radius: 2em; background: #fbfbfb; -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08); } input[type=checkbox].tgl-toggle + .tgl-btn:hover:after { will-change: padding; } input[type=checkbox].tgl-toggle + .tgl-btn:active { box-shadow: inset 0 0 0 2em #e8eae9; } input[type=checkbox].tgl-toggle + .tgl-btn:active:after { padding-right: .8em; } input[type=checkbox].tgl-toggle:checked + .tgl-btn { background: #00cd20; } input[type=checkbox].tgl-toggle:checked + .tgl-btn:active { box-shadow: none; } input[type=checkbox].tgl-toggle:checked + .tgl-btn:active:after { margin-left: -.8em; } input[type=checkbox].tgl-flat + .tgl-btn { padding: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; background: #fff; border: 4px solid #f2f2f2; border-radius: 2em; } input[type=checkbox].tgl-flat + .tgl-btn:after { -webkit-transition: all .2s ease; transition: all .2s ease; background: #f2f2f2; content: ""; border-radius: 1em; } input[type=checkbox].tgl-flat:checked + .tgl-btn { border: 4px solid #7FC6A6; } input[type=checkbox].tgl-flat:checked + .tgl-btn:after { left: 50%; background: #7FC6A6; }