XylotrechusZ
/**
* CSS Styles used by WPMUDEV plugins.
*
* To apply these styles add these classes to the mentioned tags:
* <html> .. add class "wpmud-html"
* <body> .. add class "wpmud"
*
* -----------------------------------------------------------------------------
*
* 1. GLOBAL STYLES, TYPOGRAPHY
* 2. ELEMENT STATES
* 3. ELEMENT: BOX
* 4. ELEMENT: LIST
* 5. ELEMENT: LIST-TABLE
* 6. ELEMENT: GRID
* 7. ELEMENT: HORIZONTAL TABS
* 8. ELEMENT: VERTICAL TABS
* 9. ELEMENT: TOOLTIPS
* 10. ELEMENT: OVERLAYS
* 11. ELEMENT: DASHBOARD NOTIFICATONS (enhancements)
* 12. ELEMENT: BUTTONS
* 13. ELEMENT: FORMS
* 14. ELEMENT: INPUT (general styles)
* 15. ELEMENT: TOGGLE (styled checkbox)
* 16. ELEMENT: RADIO GROUP (styled radio)
* 17. ELEMENT: SELECT
* 18. ELEMENT: LISTINGS
* 19. ELEMENT: USER NOTIFICATIONS
* 20. ELEMENT: SEARCH BOX
* 21. ELEMENT: COUNT-BADGE
* 22. ELEMENT: PAGE HEADER
* 23. FONTAWESOME
* 24. WPMUDEV ICONFONT
* 25. CUSTOM ANIMATIONS
* 26. ACCESSIBILITY
*
* -----------------------------------------------------------------------------
*/
/* ****************************************************************************
* 1. GLOBAL STYLES, TYPOGRAPHY
*/
.wpmud-html {
background-color: #F4F4F4;
}
.wpmud #wpbody {
background: #F4F4F4;
-webkit-font-smoothing: antialiased !important;
}
.wpmud #wpbody * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wpmud #container {
margin-top: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
color: #777771;
letter-spacing: -0.015em;
}
.wpmud h1,
.wpmud h2,
.wpmud h3,
.wpmud h4,
.wpmud h5,
.wpmud h6 {
display: block;
margin: 0.5em auto;
padding: 0;
line-height: 1em;
text-align: center;
color: #777771;
}
.wpmud h1,
.wpmud h2,
.wpmud h3 {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
font-weight: 400;
max-width: 900px;
text-transform: uppercase;
}
.wpmud h4,
.wpmud h5,
.wpmud h6 {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.wpmud h1 {
font-size: 60px;
font-weight: 700;
}
.wpmud h2 {
font-size: 50px;
text-transform: none;
}
.wpmud h3 {
font-size: 50px;
}
.wpmud h4 {
font-size: 36px;
text-transform: uppercase;
}
.wpmud h5 {
font-size: 36px;
}
.wpmud h6 {
font-size: 28px;
font-weight: 400;
}
.wpmud p {
display: block;
margin: 0.5em 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 29px;
color: #777771;
}
.wpmud p small {
font-size: 12.5px;
line-height: 22px;
display: inline-block;
color: #555550;
}
.wpmud p big {
font-size: 18px;
line-height: 28px;
display: inline-block;
font-weight: 400;
color: #888882;
}
.wpmud p:first-child {
margin-top: 0;
}
.wpmud p:last-child {
margin-bottom: 0;
}
.wpmud .notice p {
margin:5px 0;
}
.wpmud dfn {
font-style: normal;
font-weight: normal;
border-bottom: 1px dotted #999;
}
.wpmud code,
.wpmud pre {
font: 400 13px/15px Consolas, Monaco, monospace;
border-left: 2px solid rgba(0,0,0,0.2);
padding: 5px 10px 5px 10px;
background: rgba(0,0,0,0.05);
border-radius: 3px;
color: #555;
margin: 1em 0;
overflow: auto;
vertical-align: middle;
}
.wpmud code {
display: inline-block;
margin: 0;
}
#wpfooter {
display: none;
}
.wpmud b,
.wpmud strong {
font-weight: 500;
}
.wpmud a {
text-decoration: none;
color: #19B4CF;
}
.wpmud a:active,
.wpmud a:focus,
.wpmud a:hover {
color: #477B92;
}
.wpmud a.disabled,
.wpmud a.disabled:active,
.wpmud a.disabled:hover,
.wpmud a.disabled:focus {
color: 788084;
cursor: default;
}
/* ****************************************************************************
* 2. ELEMENT STATES
*/
.wpmud .block {
display: block;
width: 100%;
float: none;
}
.wpmud .button.block,
.wpmud button.block,
.wpmud input.block {
text-align: center;
}
.wpmud .space-t {
margin-top: 20px;
}
.wpmud .space-b {
margin-bottom: 20px;
}
.wpmud .tl {
text-align: left;
}
.wpmud .tc {
text-align: center;
}
.wpmud .tr {
text-align: right;
}
.wpmud .group {
clear: both;
margin: 0 0 30px;
}
.wpmud .group:after {
content: '';
display: table;
clear: both;
}
.wpmud .input-group {
display: inline-block;
white-space: nowrap;
}
.wpmud .float-r {
float: right;
}
.wpmud .float-l {
float: left;
}
.wpmud .pointer {
cursor: pointer;
}
.wpmud .dev-label {
background: #ECECEC;
border: 1px solid #E5E5E5;
color: #BABABA;
line-height: 30px;
padding: 0 10px;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
cursor: default;
}
.wpmud .can-close .box-title .close,
.wpmud .can-close .close-icon {
cursor: pointer;
position: relative;
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
float: right;
}
.wpmud .can-close .box-title .close {
float: right;
margin: 20px -10px 0 0;
}
.wpmud .can-close .box-title .close:after,
.wpmud .can-close .close-icon:after {
content: "\79";
font-family: 'WPMU-DEV-App-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 22px;
text-align: center;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #FFF;
color: #777771;
transition: color 0.3s;
}
.wpmud .can-close .box-title .close:hover:after,
.wpmud .can-close .close-icon:hover:after {
color: #333;
}
/* http://loading.io/loader/?use=eyJzaXplIjo2MCwic3BlZWQiOjEsImNiayI6IiM5OTk5OTkiLCJjMSI6IiMwMDAiLCJjMiI6IjciLCJjMyI6IjEwIiwiYzQiOiJ5LWF4aXMiLCJ0eXBlIjoic3BpbiJ9 */
.wpmud .loading.disabled:before,
.wpmud .loading:before {
content: '';
background: transparent url(img/spin.gif) center center no-repeat;
background-size: contain;
display: inline-block;
width: 18px;
height: 18px;
vertical-align: top;
position: static;
border: none;
margin: 0;
z-index: 1;
opacity: 1;
}
.wpmud .has-hover .show-on-hover {
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
}
.wpmud .has-hover:hover .show-on-hover,
.wpmud .has-hover .show-on-hover.loading {
opacity: 1;
}
/* ****************************************************************************
* 3. ELEMENT: BOX
*/
.wpmud .dev-box {
border-radius: 5px;
background-color: #FFF;
box-shadow: 0 2px 0 #EAEAEA;
padding: 30px;
margin: 0 0 30px;
}
.wpmud .dev-box .box-title {
height: 60px;
padding: 0 30px;
border-bottom: 1px solid #EAEAEA;
margin: -30px -30px 30px -30px;
}
.wpmud .dev-box .box-title .buttons {
float: right;
margin: 15px -5px 0 0;
}
.wpmud .dev-box .box-title .button {
font-weight: 700;
}
.wpmud .dev-box .box-title h3 {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
font-size: 18px;
font-weight: 700;
color: #777771;
line-height: 60px;
margin: 0;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wpmud .dev-box .box-title .buttons .dev-icon {
font-size: 18px;
}
.wpmud .box-footer {
text-align: center;
margin-top: 32px;
font-size: 16px;
}
/* ****************************************************************************
* 4. ELEMENT: LIST
*/
.wpmud .dev-list {
list-style: none;
margin: -20px 0 20px;
padding: 0;
}
.wpmud .dev-list.inline {
margin-top: 20px;
margin-bottom: 0;
}
.wpmud .dev-list.standalone {
margin-bottom: -20px;
}
.wpmud .dev-list > li {
position: relative;
display: table;
width: 100%;
padding: 6px 0;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}
.wpmud .dev-list > li > div {
display: table-row; /* give each list item the full width */
}
.wpmud .dev-list > li.list-header {
text-transform: uppercase;
font-weight: bold;
font-family: 'Roboto Condensed';
padding-top: 0;
}
.wpmud .dev-list > li .list-label {
padding: 10px 10px 10px 0;
}
.wpmud .dev-list > li .list-label.list-header {
font-family: 'Roboto Condensed';
color: #777771;
width: 200px;
}
.wpmud .dev-list > li .list-label,
.wpmud .dev-list > li .list-detail {
display: table-cell;
vertical-align: middle;
cursor: default;
border-bottom: 1px solid #EEEEEE;
}
.wpmud .dev-list > li:last-child .list-label,
.wpmud .dev-list > li:last-child .list-detail {
border-bottom: 1px solid transparent;
}
.wpmud .dev-list > li .list-detail {
text-align: right;
padding: 10px 0;
}
.wpmud .dev-list.top > li .list-label,
.wpmud .dev-list.top > li .list-detail {
vertical-align: top;
}
.wpmud .dev-list.left > li .list-label,
.wpmud .dev-list.left > li .list-detail {
text-align: left;
}
.wpmud .dev-list.top > li strong {
font-family: 'Roboto Condensed';
}
.wpmud .dev-list.nowrap > li .list-label,
.wpmud .dev-list.nowrap > li .list-detail {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wpmud .dev-list.nowrap > li .list-label {
position: absolute;
top: 0;
left: 0;
right: 50px;
border-bottom: 0;
}
.wpmud .dev-list.hover-effect > li.list-header:hover {
background: transparent;
}
.wpmud .dev-list.hover-effect > li.list-header:hover:before,
.wpmud .dev-list.hover-effect > li.list-header:hover:after {
display: none;
}
.wpmud .dev-list.hover-effect > li:hover {
background: #FBFBFB;
}
.wpmud .dev-list.hover-effect > li:hover .list-label,
.wpmud .dev-list.hover-effect > li:hover .list-detail {
border-bottom: 1px solid #EEE;
}
.wpmud .dev-list.hover-effect > li:hover:before,
.wpmud .dev-list.hover-effect > li:hover:after {
content: '';
position: absolute;
left: -30px;
width: 30px;
bottom: 0;
top: -1px;
background: #FBFBFB;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
}
.wpmud .dev-list.hover-effect > li:hover:after {
right: -30px;
left: auto;
}
/* ****************************************************************************
* 5. ELEMENT: LIST-TABLE
*/
.wpmud .list-table {
border: 0;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.wpmud .list-table > thead > tr > th {
font-weight: bold;
text-transform: uppercase;
text-align: left;
padding: 8px 10px;
cursor: default;
}
.wpmud .list-table > thead > tr > th:first-child {
padding-left: 0;
}
.wpmud .list-table > thead > tr > th:last-child {
padding-right: 0;
}
.wpmud .list-table > tbody > tr > td {
padding: 8px 10px;
border-top: 1px solid #EEE;
cursor: default;
position: relative;
z-index: 1;
}
.wpmud .list-table > tbody > tr:last-child > td {
border-bottom: 1px solid transparent;
}
.wpmud .list-table > tbody > tr > td:first-child {
padding-left: 0;
}
.wpmud .list-table > tbody > tr > td:last-child {
padding-right: 0;
}
.wpmud .list-table.hover-effect > tbody > tr:hover > td:first-child:after,
.wpmud .list-table.hover-effect > tbody > tr:hover > td:last-child:after {
content: '';
position: absolute;
left: -30px;
top: -1px;
bottom: -1px;
width: 30px;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
background: #FBFBFB;
}
.wpmud .list-table.hover-effect > tbody > tr:hover > td:last-child:after {
right: -30px;
left: auto;
}
.wpmud .list-table.hover-effect > tbody > tr:hover {
background: #FBFBFB;
}
.wpmud .list-table.hover-effect > tbody > tr:hover > td {
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
z-index: 2;
}
/* ****************************************************************************
* 6. ELEMENT: GRID
*/
.wpmud .row,
.wpmud .row-sep {
clear: both;
margin: 0 0 0 0;
position: relative;
display: table;
width: 100%;
table-layout: fixed;
}
.wpmud .row:after,
.wpmud .row-sep:after {
content: '';
display: table;
clear: both;
}
.wpmud .row-sep {
height: 1px;
margin-bottom: 30px;
width: auto;
display: block;
}
.wpmud .row-sep:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #E5E5E5;
}
.wpmud .row-sep .button {
margin: 20px auto 0;
display: block;
width: 480px;
text-align: center;
position: relative;
top: -20px;
position: relative;
z-index: 1;
background: #FFF;
}
.wpmud .row-sep .button.button-small {
top: -14px;
}
.wpmud .row-sep .button:before,
.wpmud .row-sep .button:after {
content: '';
position: absolute;
z-index: 0;
left: -30px;
width: 30px;
top: 0;
bottom: 0;
background: #FFF;
}
.wpmud .row-sep .button:after {
right: -30px;
left: auto;
}
.wpmud .row-space {
margin-bottom: 30px;
}
.wpmud .row .col-third,
.wpmud .row .col-two-third,
.wpmud .row .col-half {
display: table-cell;
padding: 0 15px 0 15px;
position: relative;
vertical-align: top;
}
.wpmud .row .col-third {
width: 33.3333%;
}
.wpmud .row .col-two-third {
width: 66.6666%;
}
.wpmud .row .col-half {
width: 50%;
}
.wpmud .row .col-third:first-child,
.wpmud .row .col-two-third:first-child,
.wpmud .row .col-half:first-child {
padding-left: 0;
}
.wpmud .row .col-third:last-child,
.wpmud .row .col-two-third:last-child,
.wpmud .row .col-half:last-child {
padding-right: 0;
}
/* ****************************************************************************
* 7. ELEMENT: HORIZONTAL TABS
*/
.wpmud .tabs {
float: none;
position: relative;
padding: 0;
margin: 0 0 30px;
background-color: #FFF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.wpmud .tabs:before,
.wpmud .tabs:after {
content: '';
display: table;
clear: both;
}
.wpmud .tabs .tab {
float: left;
}
.wpmud .tabs .tab:first-child label {
border-top-left-radius: 5px;
}
.wpmud .tabs .tab label {
display: block;
padding: 10px 30px;
line-height: 40px;
margin: 0;
top: 0;
height: 60px;
cursor: pointer;
position: relative;
background-color: #FEFEFE;
color: #BFBABA;
border-right: 1px solid #EAEAEA;
text-transform: uppercase;
}
.wpmud .tabs .tab input[type=radio] {
display: none;
}
.wpmud .tabs .tab input[type=radio]:checked + label {
background-color: #FFF;
color: #777771;
height: 61px;
z-index: 3;
}
.wpmud .tabs .tab .content {
z-index: 2;
display: none;
text-align: left;
left: 0;
right: 0;
width: auto;
padding: 30px;
position: absolute;
top: 60px;
min-height: 150px;
border-top: 1px solid #EAEAEA;
background-color: #FFF;
overflow: auto;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 0 #EAEAEA;
}
.wpmud .tabs .tab input[type=radio]:checked ~ .content {
display: block;
}
.wpmud .dev-box .tabs {
border: 1px solid #EAEAEA;
}
.wpmud .dev-box .tabs .tab .content {
border: 1px solid #EAEAEA;
left: -1px;
right: -1px;
box-shadow: none;
}
/* ****************************************************************************
* 8. ELEMENT: VERTICAL TABS
*/
.wpmud .vertical-tabs {
display: block;
position: relative;
margin-bottom: 30px;
}
.wpmud .vertical-tabs > .tab > input[type="radio"] {
/* NO `top: -9999px` - else page scrolls to top when tab is clicked! */
left: -9999px;
position: absolute;
z-index: -10;
opacity: 0;
}
.wpmud .vertical-tabs > .tab {
display: block;
}
.wpmud .vertical-tabs > .tab > label {
cursor: pointer;
display: block;
padding: 15px 20px;
text-transform: uppercase;
font-size: 13px;
line-height: 28px;
position: relative;
width: 200px;
color: #AAA;
margin: 0;
border-radius: 5px 0 0 5px;
z-index: 10;
transition: color 0.3s, background 0.3s;
}
.wpmud .vertical-tabs > .tab > label * {
line-height: 28px;
}
.wpmud .vertical-tabs > .tab > label:hover {
color: #777771;
}
.wpmud .vertical-tabs > .tab > label:after {
content: '';
position: absolute;
left: 20px;
right: 20px;
bottom: -1px;
height: 1px;
border-bottom: 1px solid #E5E5E5;
}
.wpmud .vertical-tabs > .tab:last-child > label:after {
display: none;
}
.wpmud .vertical-tabs > .tab > .content {
display: none;
left: 200px;
right: 0;
min-width: 300px;
padding: 20px;
position: absolute;
top: 0;
background: #FFF;
box-shadow: 0 2px 0 #EAEAEA;
}
.wpmud .vertical-tabs > .tab > input[type="radio"]:checked + label {
background: #FFF;
color: #333;
box-shadow: 0 2px 0 #EAEAEA;
}
.wpmud .vertical-tabs > .tab > input[type="radio"]:checked + label:after {
display: none;
}
.wpmud .vertical-tabs > .tab > input[type="radio"]:checked ~ .content {
display: block;
}
.wpmud .vertical-tabs .tab-title {
border-bottom: 1px solid #EAEAEA;
margin: -20px -20px 20px -20px;
line-height: 28px;
padding: 15px 20px;
text-align: left;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
/* ****************************************************************************
* 9. ELEMENT: TOOLTIPS
*/
.wpmud .dev-tip {
width: 420px;
margin: 0 auto 10px;
padding: 20px;
background-color: #0B2F3F;
border-radius: 5px;
position: relative;
}
.wpmud .dev-tip:after {
content: '';
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 7px solid transparent;
border-top-color: #0B2F3F;
}
.wpmud .dev-tip,
.wpmud .dev-tip p {
font-size: 15px;
line-height: 18px;
color: #EEE;
}
.wpmud [tooltip] {
position: relative;
overflow: visible;
}
.wpmud [tooltip]:before {
content: '';
position: absolute;
border: 5px solid transparent;
border-top-color: #0B2F3F;
bottom: 100%;
left: 50%;
margin-left: -5px;
margin-bottom: -5px;
opacity: 0;
z-index: -1;
transition: margin .2s, opacity .2s, z-index .2s linear .2s;
pointer-events: none;
}
.wpmud [tooltip]:after {
content: attr(tooltip);
position: absolute;
background: #0B2F3F;
color: #FFF;
bottom: 100%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-bottom: 5px;
text-align: center;
padding: 5px;
border-radius: 4px;
text-transform: uppercase;
font: 600 13px/20px 'Roboto Condensed';
opacity: 0;
z-index: -1;
transition: margin .2s, opacity .2s, z-index .2s linear .2s;
white-space: pre-wrap;
pointer-events: none;
}
.wpmud [tooltip].tooltip-s:after {
width: 150px;
margin-left: -75px;
}
.wpmud [tooltip].tooltip-l:after {
width: 280px;
margin-left: -140px;
}
.wpmud [tooltip].tooltip-right:after {
margin-left: -180px;
}
.wpmud [tooltip].tooltip-left:after {
margin-left: -20px;
}
.wpmud [tooltip].tooltip-s.tooltip-right:after {
margin-left: -130px;
}
.wpmud [tooltip].tooltip-s.tooltip-left:after {
margin-left: -30px;
}
.wpmud [tooltip].tooltip-l.tooltip-right:after {
margin-left: -260px;
}
.wpmud [tooltip].tooltip-bottom:before {
border-color: transparent;
border-bottom-color: #0B2F3F;
top: 100%;
bottom: auto;
margin-top: -5px;
margin-bottom: 0;
}
.wpmud [tooltip].tooltip-bottom:after {
bottom: auto;
top: 100%;
margin-top: 5px;
margin-bottom: 0;
}
.wpmud [tooltip]:hover:before {
opacity: 1;
z-index: 1;
margin-bottom: 0;
transition: margin .2s, opacity .2s;
}
.wpmud [tooltip]:hover:after {
opacity: 1;
z-index: 1;
margin-bottom: 10px;
transition: margin .2s, opacity .2s;
}
.wpmud .disabled[tooltip]:before,
.wpmud .disabled[tooltip]:after {
display: none;
}
/* ****************************************************************************
* 10. ELEMENT: OVERLAYS
*/
.wpmud dialog {
display: none;
}
.wpmud .dev-overlay {
position: fixed;
left: 160px;
top: 32px;
right: 0;
bottom: 0;
z-index: 1000; /* fixed position is always on top */
display: none; /* hidden by default */
overflow: visible;
}
.wpmud.folded .dev-overlay {
left: 36px;
}
.wpmud .dev-overlay .back {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(20, 72, 95, .85);
z-index: 0;
}
.wpmud .dev-overlay .box-scroll {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
overflow: auto;
}
.wpmud .dev-overlay .box {
position: absolute;
top: 0;
min-height: 120px;
left: 50%;
margin: 20px 0 20px -420px;
width: 840px;
background: #FFF;
border-radius: 5px;
padding: 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
z-index: 2;
overflow: hidden;
}
.wpmud .dev-overlay.small .box {
width: 600px;
margin-left: -300px;
}
.wpmud .dev-overlay .box.loading:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,0.75);
z-index: 1;
width: auto;
height: auto;
background-size: 18px;
}
.wpmud .dev-overlay.no-margin .content {
margin: -40px;
}
.wpmud .dev-overlay.no-margin .fullsize {
display: block;
width: 100%;
}
.wpmud .dev-overlay .box .title {
min-height: 60px;
padding: 0 60px 0 40px;
border-bottom: 1px solid #EAEAEA;
margin: -40px -40px 40px -40px;
}
.wpmud .dev-overlay .title .close {
position: absolute;
right: 0;
top: 0;
padding: 0 24px;
line-height: 60px;
font-size: 24px;
font-weight: 400;
color: #BABABA;
cursor: pointer;
}
.wpmud .dev-overlay .title .close:hover {
color: #777771;
}
.wpmud .dev-overlay .title h3 {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
font-size: 18px;
font-weight: 700;
color: #777771;
line-height: 30px;
margin: 0;
padding: 15px 0;
text-align: left;
}
.wpmud .dev-overlay .title .title-action {
position: absolute;
right: 60px;
top: 0;
height: 60px;
vertical-align: middle;
box-sizing: border-box;
padding: 10px 0;
}
.wpmud .dev-overlay .title .title-action .button-small {
margin: 5px 0;
}
.wpmud-html.has-overlay {
overflow: hidden;
}
.wpmud-html.has-overlay ul#adminmenu a.wp-has-current-submenu:after,
.wpmud-html.has-overlay ul#adminmenu > li.current > a.current:after {
border-right-color: #356175;
}
/* ****************************************************************************
* 11. ELEMENT: DASHBOARD NOTIFICATONS (enhancements)
*/
.wpmud .wrap .frash-notice.notice {
box-shadow: 0 0 0 2px #E8E8E5;
}
.wpmud .frash-notice .frash-notice-message {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.65em;
color: #777771;
}
.wpmud .frash-notice .frash-notice-message b.block {
display: block;
font-size: 16.5px;
}
/* ****************************************************************************
* 12. ELEMENT: BUTTONS
*/
.wpmud button:not(.wph-button):not(#collapse-button):focus,
.wpmud .button:focus {
outline-color: transparent;
outline-style: none;
border: 0;
box-shadow: none;
}
.wpmud button:not(.wph-button):not(#collapse-button),
.wpmud .button {
font: 500 15px/20px 'Roboto';
background: #00ACCA;
color: #FFF;
text-transform: uppercase;
padding: 11px 20px 9px;
height: auto;
display: inline-block;
margin: 0;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px;
cursor: pointer;
box-shadow: none;
-moz-transition: color 0.3s, opacity 0.3s;
transition: color 0.3s, opacity 0.3s;
text-shadow: none;
}
.wpmud button:not(.wph-button):not(#collapse-button) + button:not(.wph-button):not(#collapse-button),
.wpmud .button + button:not(.wph-button):not(#collapse-button),
.wpmud button:not(.wph-button):not(#collapse-button) + .button,
.wpmud .button + .button,
.wpmud a + button:not(.wph-button):not(#collapse-button),
.wpmud a + .button {
margin-left: 10px;
}
.wpmud button:hover:not(:focus):not(:active):not(.wph-button):not(#collapse-button):not([tooltip]),
.wpmud .button:hover:not(:focus):not(:active):not(.wph-button):not(#collapse-button):not([tooltip]) {
background-color: #0093B1;
color: #FFF;
box-shadow: none;
}
/* http://www.colorzilla.com/gradient-editor/#0082a1+0,008fae+100 */
.wpmud button:active,
.wpmud button:focus,
.wpmud .button:active,
.wpmud .button:focus {
color: #FFF;
box-shadow: none;
background: #0082a1;
background: -moz-linear-gradient(top, #0082a1 0%, #008fae 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082a1), color-stop(100%,#008fae));
background: -webkit-linear-gradient(top, #0082a1 0%,#008fae 100%);
background: -o-linear-gradient(top, #0082a1 0%,#008fae 100%);
background: -ms-linear-gradient(top, #0082a1 0%,#008fae 100%);
background: linear-gradient(to bottom, #0082a1 0%,#008fae 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082a1', endColorstr='#008fae',GradientType=0 );
}
.wpmud a.disabled,
.wpmud button.disabled,
.wpmud .close.disabled,
.wpmud .button.disabled {
/* Do not handle click events while disabled */
pointer-events: none;
}
/* Variation: Green button */
.wpmud .button-green {
background: #1ABC9C;
}
.wpmud .button-green:hover:not(:focus):not(:active) {
background: #148F77;
}
/* http://www.colorzilla.com/gradient-editor/#0a6550+0,0e9272+100 */
.wpmud .button-green:active,
.wpmud .button-green:focus {
color: #FFF;
background: #0a6550;
background: -moz-linear-gradient(top, #0a6550 0%, #0e9272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a6550), color-stop(100%,#0e9272));
background: -webkit-linear-gradient(top, #0a6550 0%,#0e9272 100%);
background: -o-linear-gradient(top, #0a6550 0%,#0e9272 100%);
background: -ms-linear-gradient(top, #0a6550 0%,#0e9272 100%);
background: linear-gradient(to bottom, #0a6550 0%,#0e9272 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6550', endColorstr='#0e9272',GradientType=0 );
}
/* Variation: Secondary Button */
.wpmud .button-secondary {
background: transparent;
color: #00ACCA;
box-shadow: 0 0 0 2px #00ACCA inset;
}
/* Variation: Red Button */
.wpmud .button-red {
background: transparent;
color: #fd6e70;
box-shadow: 0 0 0 2px #fd6e70 inset;
}
.wpmud .button-red:hover:not(:focus):not(:active) {
background: #fd6e70;
}
/* http://www.colorzilla.com/gradient-editor/#E24A4C+0,fd6e70+100 */
.wpmud .button-red:active,
.wpmud .button-red:focus {
color: #FFFFFF;
box-shadow: 0 0 0 1px #e24a4c inset;
background: #e24a4c;
background: -moz-linear-gradient(top, #e24a4c 0%, #fd6e70 100%);
background: -webkit-linear-gradient(top, #e24a4c 0%,#fd6e70 100%);
background: linear-gradient(to bottom, #e24a4c 0%,#fd6e70 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24a4c', endColorstr='#fd6e70',GradientType=0 );
}
/* Variation: Grey */
.wpmud .button-grey {
background: #AEAEAE;
}
.wpmud .button-grey:hover:not(:focus):not(:active) {
background: #9E9E9E;
}
/* http://www.colorzilla.com/gradient-editor/#8e8e8e+0,9e9e9e+100 */
.wpmud .button-grey:active,
.wpmud .button-grey:focus {
color: #FFFFFF;
box-shadow: 0 0 0 1px #D8D8D8 inset;
background: #8e8e8e;
background: -moz-linear-gradient(top, #8e8e8e 0%, #9e9e9e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#9e9e9e));
background: -webkit-linear-gradient(top, #8e8e8e 0%,#9e9e9e 100%);
background: -o-linear-gradient(top, #8e8e8e 0%,#9e9e9e 100%);
background: -ms-linear-gradient(top, #8e8e8e 0%,#9e9e9e 100%);
background: linear-gradient(to bottom, #8e8e8e 0%,#9e9e9e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#9e9e9e',GradientType=0 );
}
/* Variation: Yellow */
.wpmud .button-yellow {
background: #FDCE43;
}
.wpmud .button-yellow:hover:not(:focus):not(:active) {
background: #E6BB3B;
}
/* http://www.colorzilla.com/gradient-editor/#E6BB3B+0,FDCE43+100 */
.wpmud .button-yellow:active,
.wpmud .button-yellow:focus {
color: #FFFFFF;
box-shadow: 0 0 0 1px #d6a719 inset;
background: #d6a719;
background: -moz-linear-gradient(top, #d6a719 0%, #e6bb3b 100%);
background: -webkit-linear-gradient(top, #d6a719 0%,#e6bb3b 100%);
background: linear-gradient(to bottom, #d6a719 0%,#e6bb3b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6a719', endColorstr='#e6bb3b',GradientType=0 );
}
/* Variation: Light */
.wpmud .button-light {
background: transparent;
color: #777771;
box-shadow: 0 0 0 1px #E3E3E3 inset;
}
/* http://www.colorzilla.com/gradient-editor/#f4f4f4+0,e8e8e8+100 */
.wpmud .button-light:hover:not(:focus):not(:active) {
color: #555;
box-shadow: 0 0 0 1px #D8D8D8 inset;
background: #f1f1f1;
}
/* http://www.colorzilla.com/gradient-editor/#d0d0d0+0,f4f4f4+100 */
.wpmud .button-light:active,
.wpmud .button-light:focus {
color: #444;
box-shadow: 0 0 0 1px #D0D0D0 inset;
background: #d8d8d8;
background: -moz-linear-gradient(top, #d8d8d8 0%, #f4f4f4 100%);
background: -webkit-linear-gradient(top, #d8d8d8 0%,#f4f4f4 100%);
background: linear-gradient(to bottom, #d8d8d8 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f4f4f4',GradientType=0 );
}
/* Variation: Light */
.wpmud .button-deactivated,
.wpmud .button-deactivated:hover:not(:focus):not(:active),
.wpmud .button-deactivated:active,
.wpmud .button-deactivated:focus {
color: #AAA;
box-shadow: 0 0 0 1px #F3F3F3 inset;
background: #F8F8F8;
}
/* Variation: Text button */
.wpmud .button-text {
background: transparent;
color: #777771;
box-shadow: none;
border: none;
padding-left: 0;
padding-right: 0;
}
.wpmud .button-text:hover:not(:focus):not(:active) {
color: #0093B1;
box-shadow: none;
background: transparent;
}
/* http://www.colorzilla.com/gradient-editor/#e8e8e8+0,f4f4f4+100 */
.wpmud .button-text:active,
.wpmud .button-text:focus {
color: #0093B1;
background: transparent;
box-shadow: none;
}
.wpmud .button.button-text.button-small,
.wpmud .button.button-text.button-big {
padding-left: 0;
padding-right: 0;
}
.wpmud .button-text.disabled,
.wpmud .button-text:disabled {
background: transparent !important;
}
/* Variation: Small button */
.wpmud .button.button-small {
font: 500 14px/20px 'Roboto Condensed';
padding: 6px 12px 4px;
height: auto;
}
/* Variation: Big button */
.wpmud .button.button-big {
padding: 18px 24px 17px;
height: auto;
}
/* Variation: CTA (normal) */
.wpmud .button.button-cta {
box-shadow: 0px 3px 0px 0px #0093B1;
}
.wpmud .button.button-cta:hover:not(:focus):not(:active),
.wpmud .button.button-cta:active,
.wpmud .button.button-cta:focus {
box-shadow: 0px 3px 0px 0px #007391;
}
/* Variation: CTA (green) */
.wpmud .button.button-green.button-cta {
box-shadow: 0px 3px 0px 0px #1F947B;
}
.wpmud .button.button-green.button-cta:hover:not(:focus):not(:active),
.wpmud .button.button-green.button-cta:active,
.wpmud .button.button-green.button-cta:focus {
box-shadow: 0px 3px 0px 0px #00745B;
}
/* Restore the default WP dismiss button */
.wpmud .notice-dismiss,
.wpmud .notice-dismiss:hover:not(:focus):not(:active),
.wpmud .notice-dismiss:hover,
.wpmud .notice-dismiss:focus,
.wpmud .notice-dismiss:active {
border: none;
margin: 0;
padding: 9px;
background: none;
color: #b4b9be;
cursor: pointer;
}
/* ****************************************************************************
* 13. ELEMENT: FORMS
*/
.wpmud label {
display: block;
padding: 7px 10px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin: 0 0 4px;
color: #555;
}
.wpmud label.inline-label {
display: inline-block;
margin: 0;
padding: 0;
font-weight: inherit;
font-size: inherit;
}
.wpmud form > div {
padding-top: 5px;
}
.wpmud form > div:first-child,
.wpmud form > div.buttons {
padding-top: 0;
}
/* ****************************************************************************
* 14. ELEMENT: INPUT (general styles)
*/
.wpmud :focus,
.wpmud textarea:focus,
.wpmud select:focus,
.wpmud input:focus {
outline-color: transparent;
outline-style: none;
box-shadow: none;
}
.wpmud .input,
.wpmud input[type="text"],
.wpmud input[type="email"],
.wpmud input[type="search"],
.wpmud input[type="password"],
.wpmud select,
.wpmud textarea {
color: #999;
display: block;
font: 500 15px/25px 'Roboto';
width: 100%;
max-width: 100%;
padding: 7px 15px 6px;
margin: 0px 0px 15px 0px;
border: 1px solid #DDD;
background: #FFF;
border-radius: 4px;
box-shadow: none;
transition-property: background, color, border-color;
transition-duration: 0.3s;
}
.wpmud .input:hover,
.wpmud .input:focus,
.wpmud input[type="text"]:hover,
.wpmud input[type="text"]:focus,
.wpmud input[type="email"]:hover,
.wpmud input[type="email"]:focus,
.wpmud input[type="search"]:hover,
.wpmud input[type="search"]:focus,
.wpmud input[type="password"]:hover,
.wpmud input[type="password"]:focus,
.wpmud select:hover,
.wpmud select:focus,
.wpmud textarea:hover,
.wpmud textarea:focus {
border-color: #BBB;
color: #3D464D;
}
.wpmud .input:hover:not(:focus),
.wpmud input[type="text"]:hover:not(:focus),
.wpmud input[type="email"]:hover:not(:focus),
.wpmud input[type="search"]:hover:not(:focus),
.wpmud input[type="password"]:hover:not(:focus),
.wpmud select:hover:not(:focus),
.wpmud textarea:hover:not(:focus) {
color: #3D464D;
}
.wpmud .input:disabled,
.wpmud .input.disabled,
.wpmud input[type="text"]:disabled,
.wpmud input[type="text"].disabled,
.wpmud input[type="email"]:disabled,
.wpmud input[type="email"].disabled,
.wpmud input[type="search"]:disabled,
.wpmud input[type="search"].disabled,
.wpmud input[type="password"]:disabled,
.wpmud input[type="password"].disabled,
.wpmud select:disabled,
.wpmud select.disabled,
.wpmud textarea:disabled,
.wpmud textarea.disabled {
background: #F6F6F6 !important;
color: #AAA !important;
border-color: #DDD !important;
cursor: default;
}
.wpmud input[type="text"]::-webkit-input-placeholder,
.wpmud input[type="email"]::-webkit-input-placeholder,
.wpmud input[type="search"]::-webkit-input-placeholder,
.wpmud input[type="password"]::-webkit-input-placeholder,
.wpmud textarea::-webkit-input-placeholder {
position: relative;
top: 0;
}
.wpmud input[type="text"]:focus::-webkit-input-placeholder,
.wpmud input[type="email"]:focus::-webkit-input-placeholder,
.wpmud input[type="search"]:focus::-webkit-input-placeholder,
.wpmud input[type="password"]:focus::-webkit-input-placeholder,
.wpmud textarea:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.4s ease;
opacity: 0.25;
}
/* ****************************************************************************
* 15. ELEMENT: TOGGLE (styled checkbox)
*/
.wpmud .toggle {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.wpmud .toggle .toggle-checkbox {
display: none;
}
.wpmud .toggle .toggle-label {
background: #1ABC9C;
display: inline-block;
position: relative;
height: 21px;
width: 34px;
padding: 0;
margin: 0;
border-radius: 11px;
transition: background .2s;
}
.wpmud .toggle .toggle-label:before {
content: '';
position: absolute;
transition: all .2s;
border-radius: 11px;
background: #DDD;
}
.wpmud .toggle .toggle-label:after {
content: '';
background: #FCFCFC;
display: inline-block;
position: relative;
width: 19px;
height: 19px;
transition: margin .2s;
border-radius: 11px;
margin: 1px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.wpmud .toggle .toggle-checkbox:hover + .toggle-label:after,
.wpmud .toggle .toggle-label:hover:after {
background: #FFF;
box-shadow: 0 0 15px 0px rgba(0,0,0,0.03), 0 5px 2px 0px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.2);
}
.wpmud .toggle .toggle-checkbox + .toggle-label {
background: transparent;
}
.wpmud .toggle .toggle-checkbox + .toggle-label:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wpmud .toggle .toggle-checkbox + .toggle-label:after {
margin-left: 1px;
}
.wpmud .toggle .toggle-checkbox:checked + .toggle-label {
background: #1ABC9C;
}
.wpmud .toggle .toggle-checkbox:checked + .toggle-label:before {
top: 1px;
left: 14px;
right: 1px;
bottom: 1px;
}
.wpmud .toggle .toggle-checkbox:checked + .toggle-label:after {
margin-left: 14px;
}
.wpmud .toggle.disabled label,
.wpmud .toggle.loading label {
opacity: 0.6;
cursor: default;
}
.wpmud .toggle.disabled .toggle-checkbox:hover + .toggle-label:after,
.wpmud .toggle.loading .toggle-checkbox:hover + .toggle-label:after,
.wpmud .toggle.disabled .toggle-label:hover:after,
.wpmud .toggle.loading .toggle-label:hover:after {
background: #FCFCFC;
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.wpmud .toggle.disabled:before,
.wpmud .toggle.loading:before {
vertical-align: middle;
margin-right: 6px;
}
/* ****************************************************************************
* 16. ELEMENT: RADIO GROUP (styled radio)
*/
.wpmud .radio-group {
border: 1px solid #DDD;
border-radius: 5px;
display: inline-block;
border-spacing: 0;
border-collapse: separate;
position: relative;
}
.wpmud .radio-group input[type="radio"] {
display: none;
}
.wpmud .radio-group input[type="radio"] + label {
background: rgba(255,255,255,0.35);
color: #C6C6C6;
display: table-cell;
border-right: 1px solid #DDD;
position: relative;
padding: 8px 10px;
transition-property: background, color;
transition-duration: 0.3s;
}
.wpmud .radio-group input[type="radio"] + label > [tooltip] {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 9;
}
.wpmud .radio-group input[type="radio"]:first-child + label {
border-radius: 4px 0 0 4px;
}
.wpmud .radio-group input[type="radio"] + label:last-child {
border-radius: 0 4px 4px 0;
border-right: 0;
}
.wpmud .radio-group input[type="radio"] + label:hover {
box-shadow: 0 0 0 1px rgba(0,0,0,0.05) inset;
color: #777771;
}
.wpmud .radio-group input[type="radio"]:checked + label {
box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset;
background: #F9F9F9;
color: #555;
}
.wpmud .radio-group.with-icon input[type="radio"] + label {
padding-right: 36px;
}
.wpmud .radio-group.with-icon input[type="radio"] + label:after {
content: '\68';
font-size: 22px;
vertical-align: middle;
position: absolute;
right: 8px;
top: 50%;
width: 22px;
height: 22px;
margin-top: -11px;
opacity: 0.8;
font-family: 'WPMU-DEV-App-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition-property: color, opacity;
transition-duration: 0.2s;
}
.wpmud .radio-group.with-icon input[type="radio"] + label:hover:after {
color: #1ABC9C;
}
.wpmud .radio-group.with-icon input[type="radio"]:checked + label {
box-shadow: none;
}
.wpmud .radio-group.with-icon input[type="radio"]:checked + label:after {
content: '\67';
color: #1ABC9C;
box-shadow: none;
opacity: 1;
}
/* ****************************************************************************
* 17. ELEMENT: SELECT
*/
.wpmud .select-container {
position: relative;
z-index: 1;
display: block;
border: 1px solid #ddd;
background: #FFF;
cursor: pointer;
border-radius: 4px;
transition-property: background, border-color;
transition-duration: 0.3s;
z-index: 1;
text-align: left;
}
.wpmud .select-container .dropdown-handle {
transition: border-color 0.3s;
display: inline-block;
position: absolute;
width: 45px;
height: 41px;
top: -1px;
right: -1px;
z-index: 1011;
border-radius: 0 4px 4px 0;
border: 1px solid #DDD;
border-bottom: 0;
border-left-color: transparent;
background: #FFF;
padding: 0;
text-align: center;
line-height: 40px;
color: #DDD;
transition-property: color, border-color;
transition-duration: 0.3s;
}
.wpmud .select-list-container {
position: relative;
display: block;
vertical-align: middle;
padding-right: 45px;
zoom: 1;
}
.wpmud .select-list-container .list-value {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
background-clip: padding-box;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
height: auto;
width: 100%;
padding: 8px 8px 8px 15px;
border: 0;
color: #999;
font: 500 15px/25px 'Roboto';
transition-property: color;
transition-duration: 0.3s;
}
.wpmud .select-list-container .list-results {
position: absolute;
top: 41px;
left: -9999px;
right: -9999px;
z-index: 1010;
width: 0;
border-top: 0;
background: #FFF;
border: 1px solid #ddd;
margin-left: -1px;
margin-right: -1px;
margin-top: -2px;
display: none;
border-radius: 0 0 4px 4px;
font: 500 15px/25px 'Roboto';
transition-property: opacity, border-color;
transition-duration: 0.3s;
}
.wpmud .select-list-container .list-results li {
padding: 10px 15px;
background: none;
color: #777;
cursor: pointer;
list-style: none;
line-height: 15px;
word-wrap: break-word;
margin: 0;
opacity: 0.8;
transition-property: opacity;
transition-duration: 0.3s;
border-radius: 0 !important;
cursor: pointer;
}
.wpmud .select-list-container .list-results .optgroup{
cursor: default;
}
.wpmud .select-list-container .list-results .optgroup li{
padding-left: 30px;
cursor: pointer;
}
.wpmud .select-list-container .list-results .optgroup li.optgroup-label{
padding-left: 10px;
color: #ababab;
cursor: default;
pointer-events: none;
}
.wpmud .select-list-container .list-results li:last-child {
border-radius: 0 0 3px 3px;
}
.wpmud .select-list-container .list-results li:hover {
background: #b5e6f8;
color: #3d464d;
}
.wpmud .select-list-container .list-results .optgroup li.optgroup-label:hover{
background: none;
}
.wpmud .select-list-container .list-results .current {
background: #FFF;
color: #19b4cf;
}
.wpmud .select-container:hover {
border-color: #BBB;
}
.wpmud .select-container:hover .list-value {
color: #3D464D;
}
.wpmud .select-container:hover .list-results {
border-left-color: #BBB;
border-right-color: #BBB;
border-bottom-color: #BBB;
}
.wpmud .select-container:hover .dropdown-handle {
border-top-color: #BBB;
border-right-color: #BBB;
}
.wpmud .select-container.active {
z-index: 99999;
}
.wpmud .select-container.active .list-value {
background: #FCFCFC;
border-radius: 3px 0 0 0;
color: #999;
}
.wpmud .select-container.active .dropdown-handle {
border-color: #DDD;
border-bottom-right-radius: 0;
}
.wpmud .select-container.active .list-results {
left: 0;
right: 0;
width: auto;
/*opacity: 1;*/
display: block;
transition-duration: 0ms;
}
.wpmud .select-container.active:hover {
border-color: #DDD;
}
.wpmud .select-container.active:hover .list-value {
color: #999;
}
.wpmud .select-container.active:hover .list-results {
border-color: #BBB;
}
.wpmud .select-container.active:hover .list-results li {
opacity: 1;
}
.wpmud .select-container.active:hover .dropdown-handle {
border-color: #BBB;
color: #BBB;
}
.wpmud .list-table > thead > .select-open th,
.wpmud .list-table > tfoot > .select-open th,
.wpmud .list-table > tbody > .select-open td {
z-index: 9;
}
/* ****************************************************************************
* 18. ELEMENT: LISTINGS
*/
.wpmud .listing li {
color: #777771;
line-height: 26px;
padding: 2px 0 2px 34px;
position: relative;
}
.wpmud .listing.bold li {
font-weight: bold;
}
.wpmud .listing li:before {
content: "\67";
color: #0093B1;
font-size: 22px;
vertical-align: middle;
position: absolute;
left: 0;
top: 3px;
width: 22px;
height: 22px;
opacity: 0.8;
font-family: 'WPMU-DEV-App-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpmud .listing li.circle:before {
content: "\68";
}
.wpmud .listing li.help:before {
content: "\70";
}
.wpmud .listing li.up:before {
content: "\72";
}
.wpmud .listing li.down:before {
content: "\65";
}
.wpmud .listing li.logo:before {
content: "\30";
}
.wpmud .listing li.cross:before {
content: "\79";
}
.wpmud .listing li.tick:before {
content: "\7a";
}
.wpmud .listing li.lock:before {
content: "\61";
}
.wpmud .listing li.unlock:before {
content: "\63";
}
.wpmud .listing li.black:before {
color: #777771;
}
.wpmud .listing li.red:before {
color: #fd6e70;
}
.wpmud .listing li.green:before {
color: #1ABC9C;
}
.wpmud .listing li.yellow:before {
color: #FDCE43;
}
/* ****************************************************************************
* 19. ELEMENT: USER NOTIFICATIONS
*/
/* Notice floating on top of the screen */
.wpmud .update-notice,
.wpmud .wpmud-loading-info {
position: fixed;
z-index: 999998;
top: 32px;
left: 160px;
right: 0;
margin: 0;
padding: 6px 50px;
text-align: center;
border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
box-shadow: 0 4px 7px -3px rgba(0,0,0,0.3);
}
.wpmud .update-notice.ok {
background: #1ABC9C;
}
.wpmud .update-notice.err {
background: #d54e21;
}
.wpmud .update-notice p {
color: #FFF;
font-weight: 400;
}
.wpmud .update-notice .check-animation {
border-color: #FFF;
}
.wpmud .update-notice .wdv-icon {
position: absolute;
left: 15px;
top: 14px;
color: #FFF;
font-size: 32px;
opacity: 0.75;
}
.wpmud .update-notice .close {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
padding: 0;
margin: 0;
color: #FFF;
cursor: pointer;
opacity: 0.35;
transition: opacity 0.3s;
font-weight: 100;
font-size: 20px;
}
.wpmud .update-notice .close:hover {
opacity: 1;
}
.wpmud .update-notice .extra-text {
display: block;
max-height: 100px;
overflow: auto;
}
.wpmud .wpmud-loading-info {
z-index: 999999;
padding: 20px 50px;
background: rgba(255, 255, 255, 0.9);
}
.wpmud .wpmud-loading-info p {
color: #000;
text-shadow: 0 -1px 1px #FFFFFF;
}
.wpmud.folded .update-notice,
.wpmud.folded .wpmud-loading-info {
left: 36px;
}
/* Inline notifications */
.wpmud .inline-notice {
position: relative;
display: block;
padding: 20px 30px;
line-height: 20px;
font-size: 15px;
font-family: "Roboto", Arial, sans-serif;
border-radius: 5px;
margin: 30px 0;
background: #EBFCFF;
color: #14485F;
border: 1px solid #B5D3E0;
}
.wpmud .inline-notice.ok {
background: #1ABC9C;
color: #ffffff;
border: 0;
}
.wpmud .inline-notice.err {
background: #FF6D6D;
color: #ffffff;
border: 0;
}
.wpmud .inline-notice button,
.wpmud .inline-notice button:hover:not(:focus):not(:active),
.wpmud .inline-notice .button,
.wpmud .inline-notice .button:hover:not(:focus):not(:active) {
background: transparent;
border: 1px solid #14485F;
color: #14485F;
padding: 3px 14px;
}
.wpmud .inline-notice.ok button,
.wpmud .inline-notice.ok .button,
.wpmud .inline-notice.ok button:hover:not(:focus):not(:active),
.wpmud .inline-notice.ok .button:hover:not(:focus):not(:active),
.wpmud .inline-notice.err button,
.wpmud .inline-notice.err .button,
.wpmud .inline-notice.err button:hover:not(:focus):not(:active),
.wpmud .inline-notice.err .button:hover:not(:focus):not(:active) {
border-color: #fff;
color: #fff;
}
.wpmud .inline-notice button:hover:not(:focus):not(:active),
.wpmud .inline-notice button:focus,
.wpmud .inline-notice button:active,
.wpmud .inline-notice .button:hover:not(:focus):not(:active),
.wpmud .inline-notice .button:focus,
.wpmud .inline-notice .button:active {
background: rgba(255,255,255,0.1);
}
/* ****************************************************************************
* 20. ELEMENT: SEARCH BOX
*/
.wpmud .search-box {
position: relative;
text-align: left;
z-index: 999;
background: transparent;
}
.wpmud .search-box .input-box {
position: relative;
width: 360px;
}
.wpmud .search-box .input-box input {
padding: 6px 40px 7px 15px;
margin: 0;
}
.wpmud .search-box .input-box .search-icon {
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
color: #DDD;
cursor: pointer;
background: transparent url(img/spin.gif) 500px 500px no-repeat;
background-size: 16px;
transition-property: color;
transition-duration: 0.3s;
}
.wpmud .search-box .input-box:hover .search-icon {
color: #BBB;
}
.wpmud .search-box .input-box .search-icon:hover {
color: #666;
}
.wpmud .search-box.progress .search-icon {
background-position: center;
cursor: default;
}
.wpmud .search-box.progress .search-icon:before {
display: none;
}
.wpmud .tr > .search-box .input-box {
margin: 0 0 0 auto;
}
.wpmud .search-box .current-item {
display: none;
margin: 0 0;
padding: 8px 44px 8px 44px;
position: relative;
height: 40px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
font: 500 15px/25px 'Roboto';
margin: 0;
border: 1px solid #DDD;
background: #FFF;
border-radius: 4px;
box-shadow: none;
transition-property: border;
transition-duration: 0.3s;
}
.wpmud .search-box .current-item:after {
content: "\f153";
position: absolute;
right: 6px;
top: 50%;
margin: -14px 0 0;
height: 28px;
width: 28px;
text-align: center;
cursor: pointer;
color: #EEE;
font: 400 16px/28px 'dashicons';
transition-property: color;
transition-duration: 0.3s;
}
.wpmud .search-box .search-results {
display: block;
position: absolute;
z-index: 9999;
margin: 6px 0 30px;
padding: 0;
width: 100%;
box-sizing: content-box;
background: #fff;
border: 1px solid rgba(0,0,0,0.12);
background-clip: padding-box;
box-shadow: 0 3px 7px rgba(0,0,0,0.12);
border-radius: 5px;
max-height: 460px;
overflow: auto;
}
.wpmud .search-box .no-results {
display: none;
position: absolute;
z-index: 9999;
margin: 6px 0 30px;
width: 100%;
background: #fcfcfc;
border: 1px solid rgba(0,0,0,0.08);
background-clip: padding-box;
box-shadow: 0 3px 7px rgba(0,0,0,0.08);
border-radius: 5px;
max-height: 460px;
overflow: auto;
text-align: center;
padding: 7px;
font-style: italic;
cursor: default;
color: #999;
}
.wpmud .search-box .search-results > ul {
margin: 0;
padding: 0;
list-style: none;
}
.wpmud .search-box .search-results > ul > li {
margin: 0 0;
padding: 8px 8px 8px 44px;
position: relative;
min-height: 40px;
cursor: pointer;
border-bottom: 1px solid #eee;
color: #777771;
font-size: 13px;
transition-property: background, color;
transition-duration: 0.3s;
}
.wpmud .search-box .search-results > ul > li:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.wpmud .search-box .search-results > ul > li:last-child {
border-bottom: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.wpmud .search-box .search-results > ul > li:hover {
background-color: #F4F4F4;
color: #333331;
}
.wpmud .search-box .current-item .title,
.wpmud .search-box .search-results .title {
color: #0089d7;
font-size: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition-property: color;
transition-duration: 0.3s;
}
.wpmud .search-box .current-item .title {
color: #999;
}
.wpmud .search-box .current-item:hover {
border-color: #BBB;
}
.wpmud .search-box .current-item:hover:after {
color: #BBB;
}
.wpmud .search-box .current-item:hover .title {
color: #19B4CF;
}
.wpmud .search-box .current-item .thumb,
.wpmud .search-box .search-results .thumb {
position: absolute;
left: 8px;
top: 50%;
margin: -14px 0 0;
width: 28px;
height: 28px;
background-size: cover;
background-position: center;
}
/* ****************************************************************************
* 21. ELEMENT: COUNT-BADGE
*/
.wpmud .count {
display: inline-block;
text-align: center;
padding: 2px 10px;
min-width: 35px;
position: relative;
border-radius: 5px;
border: 2px solid #DDDDDD;
vertical-align: middle;
height: 30px;
line-height: 24px;
color: #b6b6b6;
cursor: default;
font-weight: normal;
}
.wpmud .count.reply:before {
content: '';
position: absolute;
bottom: -8px;
right: 4px;
border-width: 8px 0px 0px 12px;
border-style: solid;
border-color: #DDDDDD transparent;
display: block;
width: 0;
}
.wpmud .count.reply:after {
content: '';
position: absolute;
bottom: -4px;
right: 6px;
border-width: 4px 0px 0px 6px;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
.wpmud .count.reply.mirror:before {
left: 4px;
border-width: 8px 12px 0px 0px;
}
.wpmud .count.reply.mirror:after {
left: 6px;
border-width: 4px 6px 0px 0px;
}
.wpmud .count.notification {
background: #fecf2f;
border-color: #fecf2f;
color: #fff;
}
.wpmud .count.notification:before,
.wpmud .count.notification:after {
border-color: #fecf2f transparent;
}
/* ****************************************************************************
* 22. ELEMENT: PAGE HEADER
*/
.wpmud #header {
margin-bottom: 40px;
}
.wpmud #header h1 {
text-align: left;
text-transform: uppercase;
font-size: 32px;
font-weight: bold;
max-width: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 40px;
}
.wpmud #header .actions {
float: right;
}
.wpmud #header .actions .button + .button {
margin-left: 2px;
}
.wpmud #header .actions .flag {
position: absolute;
top: 0;
background: #CAA;
color: #fff;
border-radius: 0;
margin-left: -41px;
line-height: 30px;
height: 40px;
width: 26px;
text-align: center;
font-size: 18px;
z-index: 1000;
}
.wpmud #header .actions .flag:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
border: 13px solid transparent;
border-width: 8px 13px;
border-bottom-color: #F4F4F4;
}
.wpmud #header .actions .flag [tooltip] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 5px;
}
.wpmud #subheader {
min-height: 60px;
margin-top: -34px;
margin-bottom: 20px;
}
/* ****************************************************************************
* 23. FONTAWESOME
*/
@font-face {
font-family: 'FontAwesomeWdv';
src: url('font/fontawesome-webfont.eot');
src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('font/fontawesome-webfont.woff') format('woff'),
url('font/fontawesome-webfont.ttf') format('truetype'),
url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),
url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.wdv-icon:before{font-family:FontAwesomeWdv;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit}a .wdv-icon{display:inline-block;text-decoration:inherit}.wdv-icon-large:before{vertical-align:top;font-size:1.3333333333333333em}.btn .wdv-icon{line-height:.9em}li .wdv-icon, .action_links .wdv-icon, .wdv-icon.wdv-icon-fw{display:inline-block;width:1.25em;text-align:center}li .wdv-icon-large.wdv-icon,li .wdv-icon-large.wdv-icon{width:1.875em}li.wdv-icon{margin-left:0;list-style-type:none}li.wdv-icon:before{text-indent:-2em;text-align:center}li.wdv-icon.wdv-icon-large:before{text-indent:-1.3333333333333333em}.wdv-icon-glass:before{content:"\f000"}.wdv-icon-music:before{content:"\f001"}.wdv-icon-search:before{content:"\f002"}.wdv-icon-envelope:before{content:"\f003"}.wdv-icon-heart:before{content:"\f004"}.wdv-icon-star:before{content:"\f005"}.wdv-icon-star-empty:before{content:"\f006"}.wdv-icon-user:before{content:"\f007"}.wdv-icon-film:before{content:"\f008"}.wdv-icon-th-large:before{content:"\f009"}.wdv-icon-th:before{content:"\f00a"}.wdv-icon-th-list:before{content:"\f00b"}.wdv-icon-ok:before{content:"\f00c"}.wdv-icon-remove:before{content:"\f00d"}.wdv-icon-zoom-in:before{content:"\f00e"}.wdv-icon-zoom-out:before{content:"\f010"}.wdv-icon-off:before{content:"\f011"}.wdv-icon-signal:before{content:"\f012"}.wdv-icon-cog:before{content:"\f013"}.wdv-icon-trash:before{content:"\f014"}.wdv-icon-home:before{content:"\f015"}.wdv-icon-file:before{content:"\f016"}.wdv-icon-time:before{content:"\f017"}.wdv-icon-road:before{content:"\f018"}.wdv-icon-download-alt:before{content:"\f019"}.wdv-icon-download:before{content:"\f01a"}.wdv-icon-upload:before{content:"\f01b"}.wdv-icon-inbox:before{content:"\f01c"}.wdv-icon-play-circle:before{content:"\f01d"}.wdv-icon-repeat:before{content:"\f01e"}.wdv-icon-refresh:before{content:"\f021"}.wdv-icon-list-alt:before{content:"\f022"}.wdv-icon-lock:before{content:"\f023"}.wdv-icon-flag:before{content:"\f024"}.wdv-icon-headphones:before{content:"\f025"}.wdv-icon-volume-off:before{content:"\f026"}.wdv-icon-volume-down:before{content:"\f027"}.wdv-icon-volume-up:before{content:"\f028"}.wdv-icon-qrcode:before{content:"\f029"}.wdv-icon-barcode:before{content:"\f02a"}.wdv-icon-tag:before{content:"\f02b"}.wdv-icon-tags:before{content:"\f02c"}.wdv-icon-book:before{content:"\f02d"}.wdv-icon-bookmark:before{content:"\f02e"}.wdv-icon-print:before{content:"\f02f"}.wdv-icon-camera:before{content:"\f030"}.wdv-icon-font:before{content:"\f031"}.wdv-icon-bold:before{content:"\f032"}.wdv-icon-italic:before{content:"\f033"}.wdv-icon-text-height:before{content:"\f034"}.wdv-icon-text-width:before{content:"\f035"}.wdv-icon-align-left:before{content:"\f036"}.wdv-icon-align-center:before{content:"\f037"}.wdv-icon-align-right:before{content:"\f038"}.wdv-icon-align-justify:before{content:"\f039"}.wdv-icon-list:before{content:"\f03a"}.wdv-icon-indent-left:before{content:"\f03b"}.wdv-icon-indent-right:before{content:"\f03c"}.wdv-icon-facetime-video:before{content:"\f03d"}.wdv-icon-picture:before{content:"\f03e"}.wdv-icon-pencil:before{content:"\f040"}.wdv-icon-map-marker:before{content:"\f041"}.wdv-icon-adjust:before{content:"\f042"}.wdv-icon-tint:before{content:"\f043"}.wdv-icon-edit:before{content:"\f044"}.wdv-icon-share:before{content:"\f045"}.wdv-icon-check:before{content:"\f046"}.wdv-icon-move:before{content:"\f047"}.wdv-icon-step-backward:before{content:"\f048"}.wdv-icon-fast-backward:before{content:"\f049"}.wdv-icon-backward:before{content:"\f04a"}.wdv-icon-play:before{content:"\f04b"}.wdv-icon-pause:before{content:"\f04c"}.wdv-icon-stop:before{content:"\f04d"}.wdv-icon-forward:before{content:"\f04e"}.wdv-icon-fast-forward:before{content:"\f050"}.wdv-icon-step-forward:before{content:"\f051"}.wdv-icon-eject:before{content:"\f052"}.wdv-icon-chevron-left:before{content:"\f053"}.wdv-icon-chevron-right:before{content:"\f054"}.wdv-icon-plus-sign:before{content:"\f055"}.wdv-icon-minus-sign:before{content:"\f056"}.wdv-icon-remove-sign:before{content:"\f057"}.wdv-icon-ok-sign:before{content:"\f058"}.wdv-icon-question-sign:before{content:"\f059"}.wdv-icon-info-sign:before{content:"\f05a"}.wdv-icon-screenshot:before{content:"\f05b"}.wdv-icon-remove-circle:before{content:"\f05c"}.wdv-icon-ok-circle:before{content:"\f05d"}.wdv-icon-ban-circle:before{content:"\f05e"}.wdv-icon-arrow-left:before{content:"\f060"}.wdv-icon-arrow-right:before{content:"\f061"}.wdv-icon-arrow-up:before{content:"\f062"}.wdv-icon-arrow-down:before{content:"\f063"}.wdv-icon-share-alt:before{content:"\f064"}.wdv-icon-resize-full:before{content:"\f065"}.wdv-icon-resize-small:before{content:"\f066"}.wdv-icon-plus:before{content:"\f067"}.wdv-icon-minus:before{content:"\f068"}.wdv-icon-asterisk:before{content:"\f069"}.wdv-icon-exclamation-sign:before{content:"\f06a"}.wdv-icon-gift:before{content:"\f06b"}.wdv-icon-leaf:before{content:"\f06c"}.wdv-icon-fire:before{content:"\f06d"}.wdv-icon-eye-open:before{content:"\f06e"}.wdv-icon-eye-close:before{content:"\f070"}.wdv-icon-warning-sign:before{content:"\f071"}.wdv-icon-plane:before{content:"\f072"}.wdv-icon-calendar:before{content:"\f073"}.wdv-icon-random:before{content:"\f074"}.wdv-icon-comment:before{content:"\f075"}.wdv-icon-magnet:before{content:"\f076"}.wdv-icon-chevron-up:before{content:"\f077"}.wdv-icon-chevron-down:before{content:"\f078"}.wdv-icon-retweet:before{content:"\f079"}.wdv-icon-shopping-cart:before{content:"\f07a"}.wdv-icon-folder-close:before{content:"\f07b"}.wdv-icon-folder-open:before{content:"\f07c"}.wdv-icon-resize-vertical:before{content:"\f07d"}.wdv-icon-resize-horizontal:before{content:"\f07e"}.wdv-icon-bar-chart:before{content:"\f080"}.wdv-icon-twitter-sign:before{content:"\f081"}.wdv-icon-facebook-sign:before{content:"\f082"}.wdv-icon-camera-retro:before{content:"\f083"}.wdv-icon-key:before{content:"\f084"}.wdv-icon-cogs:before{content:"\f085"}.wdv-icon-comments:before{content:"\f086"}.wdv-icon-thumbs-up:before{content:"\f087"}.wdv-icon-thumbs-down:before{content:"\f088"}.wdv-icon-star-half:before{content:"\f089"}.wdv-icon-heart-empty:before{content:"\f08a"}.wdv-icon-signout:before{content:"\f08b"}.wdv-icon-linkedin-sign:before{content:"\f08c"}.wdv-icon-pushpin:before{content:"\f08d"}.wdv-icon-external-link:before{content:"\f08e"}.wdv-icon-signin:before{content:"\f090"}.wdv-icon-trophy:before{content:"\f091"}.wdv-icon-github-sign:before{content:"\f092"}.wdv-icon-upload-alt:before{content:"\f093"}.wdv-icon-lemon:before{content:"\f094"}.wdv-icon-phone:before{content:"\f095"}.wdv-icon-check-empty:before{content:"\f096"}.wdv-icon-bookmark-empty:before{content:"\f097"}.wdv-icon-phone-sign:before{content:"\f098"}.wdv-icon-twitter:before{content:"\f099"}.wdv-icon-facebook:before{content:"\f09a"}.wdv-icon-github:before{content:"\f09b"}.wdv-icon-unlock:before{content:"\f09c"}.wdv-icon-credit-card:before{content:"\f09d"}.wdv-icon-rss:before{content:"\f09e"}.wdv-icon-hdd:before{content:"\f0a0"}.wdv-icon-bullhorn:before{content:"\f0a1"}.wdv-icon-bell:before{content:"\f0a2"}.wdv-icon-certificate:before{content:"\f0a3"}.wdv-icon-hand-right:before{content:"\f0a4"}.wdv-icon-hand-left:before{content:"\f0a5"}.wdv-icon-hand-up:before{content:"\f0a6"}.wdv-icon-hand-down:before{content:"\f0a7"}.wdv-icon-circle-arrow-left:before{content:"\f0a8"}.wdv-icon-circle-arrow-right:before{content:"\f0a9"}.wdv-icon-circle-arrow-up:before{content:"\f0aa"}.wdv-icon-circle-arrow-down:before{content:"\f0ab"}.wdv-icon-globe:before{content:"\f0ac"}.wdv-icon-wrench:before{content:"\f0ad"}.wdv-icon-tasks:before{content:"\f0ae"}.wdv-icon-filter:before{content:"\f0b0"}.wdv-icon-briefcase:before{content:"\f0b1"}.wdv-icon-fullscreen:before{content:"\f0b2"}.wdv-icon-group:before{content:"\f0c0"}.wdv-icon-link:before{content:"\f0c1"}.wdv-icon-cloud:before{content:"\f0c2"}.wdv-icon-beaker:before{content:"\f0c3"}.wdv-icon-cut:before{content:"\f0c4"}.wdv-icon-copy:before{content:"\f0c5"}.wdv-icon-paper-clip:before{content:"\f0c6"}.wdv-icon-save:before{content:"\f0c7"}.wdv-icon-sign-blank:before{content:"\f0c8"}.wdv-icon-reorder:before{content:"\f0c9"}.wdv-icon-list-ul:before{content:"\f0ca"}.wdv-icon-list-ol:before{content:"\f0cb"}.wdv-icon-strikethrough:before{content:"\f0cc"}.wdv-icon-underline:before{content:"\f0cd"}.wdv-icon-table:before{content:"\f0ce"}.wdv-icon-magic:before{content:"\f0d0"}.wdv-icon-truck:before{content:"\f0d1"}.wdv-icon-pinterest:before{content:"\f0d2"}.wdv-icon-pinterest-sign:before{content:"\f0d3"}.wdv-icon-google-plus-sign:before{content:"\f0d4"}.wdv-icon-google-plus:before{content:"\f0d5"}.wdv-icon-money:before{content:"\f0d6"}.wdv-icon-caret-down:before{content:"\f0d7"}.wdv-icon-caret-up:before{content:"\f0d8"}.wdv-icon-caret-left:before{content:"\f0d9"}.wdv-icon-caret-right:before{content:"\f0da"}.wdv-icon-columns:before{content:"\f0db"}.wdv-icon-sort:before{content:"\f0dc"}.wdv-icon-sort-down:before{content:"\f0dd"}.wdv-icon-sort-up:before{content:"\f0de"}.wdv-icon-envelope-alt:before{content:"\f0e0"}.wdv-icon-linkedin:before{content:"\f0e1"}.wdv-icon-undo:before{content:"\f0e2"}.wdv-icon-legal:before{content:"\f0e3"}.wdv-icon-dashboard:before{content:"\f0e4"}.wdv-icon-comment-alt:before{content:"\f0e5"}.wdv-icon-comments-alt:before{content:"\f0e6"}.wdv-icon-bolt:before{content:"\f0e7"}.wdv-icon-sitemap:before{content:"\f0e8"}.wdv-icon-umbrella:before{content:"\f0e9"}.wdv-icon-paste:before{content:"\f0ea"}.wdv-icon-user-md:before{content:"\f200"}
/* ****************************************************************************
* 24. WPMUDEV ICONFONT
*/
@font-face {
font-family: 'WPMU-DEV-App-Icons';
src:url('font/WPMU-DEV-App-Icons.eot?yhrhds');
src:url('font/WPMU-DEV-App-Icons.eot?#iefixyhrhds') format('embedded-opentype'),
url('font/WPMU-DEV-App-Icons.ttf?yhrhds') format('truetype'),
url('font/WPMU-DEV-App-Icons.woff?yhrhds') format('woff'),
url('font/WPMU-DEV-App-Icons.svg?yhrhds#WPMU-DEV-App-Icons') format('svg');
font-weight: normal;
font-style: normal;
}
.dev-icon {
font-family: 'WPMU-DEV-App-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dev-icon-comment:before {
content: "\41";
}
.dev-icon-speach:before {
content: "\6d";
}
.dev-icon-speach_alt:before {
content: "\3d";
}
.dev-icon-download:before {
content: "\42";
}
.dev-icon-download_alt:before {
content: "\69";
}
.dev-icon-upload:before {
content: "\56";
}
.dev-icon-error:before {
content: "\45";
}
.dev-icon-archive:before {
content: "\4f";
}
.dev-icon-logo:before {
content: "\39";
}
.dev-icon-logo_alt:before {
content: "\30";
}
.dev-icon-wordpress:before {
content: "\47";
}
.dev-icon-facebook:before {
content: "\46";
}
.dev-icon-twitter:before {
content: "\49";
}
.dev-icon-github:before {
content: "\4a";
}
.dev-icon-stackoverflow:before {
content: "\4b";
}
.dev-icon-linkedin:before {
content: "\4c";
}
.dev-icon-medium:before {
content: "\4d";
}
.dev-icon-quora:before {
content: "\51";
}
.dev-icon-seo:before {
content: "\53";
}
.dev-icon-minify:before {
content: "\4e";
}
.dev-icon-uptime:before {
content: "\55";
}
.dev-icon-world:before {
content: "\57";
}
.dev-icon-pos_footer:before {
content: "\59";
}
.dev-icon-pos_middle:before {
content: "\58";
}
.dev-icon-pos_header:before {
content: "\43";
}
.dev-icon-book:before {
content: "\62";
}
.dev-icon-support:before {
content: "\6e";
}
.dev-icon-rocket:before {
content: "\6a";
}
.dev-icon-rocket_alt:before {
content: "\76";
}
.dev-icon-lock:before {
content: "\61";
}
.dev-icon-unlock:before {
content: "\63";
}
.dev-icon-plugin:before {
content: "\64";
}
.dev-icon-caret_up:before {
content: "\72";
}
.dev-icon-caret_right:before {
content: "\33";
}
.dev-icon-caret_down:before {
content: "\65";
}
.dev-icon-caret_left:before {
content: "\7c";
}
.dev-icon-power:before {
content: "\66";
}
.dev-icon-radio_default:before {
content: "\68";
}
.dev-icon-radio:before {
content: "\68";
}
.dev-icon-radio_checked:before {
content: "\67";
}
.dev-icon-cross:before {
content: "\79";
}
.dev-icon-tick:before {
content: "\7a";
}
.dev-icon-search:before {
content: "\6b";
}
.dev-icon-info:before {
content: "\70";
}
.dev-icon-devman:before {
content: "\31";
}
.dev-icon-upfront:before {
content: "\37";
}
.dev-icon-hummingbird:before {
content: "\48";
}
.dev-icon-defender:before {
content: "\44";
}
.dev-icon-theme:before {
content: "\6c";
}
.dev-icon-pencil:before {
content: "\50";
}
.dev-icon-star:before {
content: "\5a";
}
.dev-icon-trash:before {
content: "\54";
}
.dev-icon-recycle:before {
content: "\52";
}
.dev-icon-fix:before {
content: "\32";
}
.dev-icon-edit:before {
content: "\6f";
}
.dev-icon-options:before {
content: "\73";
}
.dev-icon-cog:before {
content: "\74";
}
.dev-icon-badge:before {
content: "\71";
}
.dev-icon-cylinder:before {
content: "\75";
}
.dev-icon-trophy:before {
content: "\78";
}
.dev-icon-bell:before {
content: "\77";
}
/* ****************************************************************************
* 25. CUSTOM ANIMATIONS
*/
@keyframes fade-in {
0% { opacity: 0; }
90% { opacity: 1; }
100% { opacity: 1; }
}
@keyframes bounce-in {
0% { transform: translateY(-200%) scale(1.5); opacity:0; }
30% { opacity:1; }
58% { transform: translateY(0) rotate(1deg) scale(1); opacity: 1 }
72% { transform: translateY(-30px) rotate(-1deg); }
80% { transform: translateY(0) rotate(0.5deg); }
100% { transform: translateY(0) rotate(0deg); }
}
@keyframes bounce-out {
0% { transform: translateY(0); }
10% { transform: translateY(-10px) rotate(-0.5deg); }
30% { transform: translateY(20px) rotate(8deg); }
70% { opacity: 1; }
90% { transform: translateY(300%) translateX(40px) rotate(35deg); opacity: 0; }
100% { display: none; }
}
@keyframes check {
0% { height: 0; width: 0; opacity: 0; }
24.9% { opacity: 0; }
25% { height: 0; width: 0; opacity: 1; }
35% { height: 0; width: 10px; }
50% { height: 20px; width: 10px; }
}
@keyframes spin {
100% { transform:rotate(360deg); }
}
@keyframes collapse {
0% { opacity: 1; transform: scale(1); }
40% { opacity: 1; transform: translateY(0); }
90% { opacity: 0; height: 0; }
100% { transform: scale(1); transform: translateY(-30px) scale(0.9); }
}
.wpmud .check-animation {
transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
border-right: 4px solid #cee;
border-top: 4px solid #cee;
display: block;
height: 20px;
left: 14px;
position: absolute;
top: 26px;
width: 10px;
animation: check 3s;
border-color: #6aa;
}
.wpmud .fade-in {
animation: fade-in 0.5s ease-in;
}
.wpmud .fade-out {
transition: opacity 0.5s ease-in-out;
opacity: 0;
}
.wpmud .bounce-in {
animation: bounce-in 0.8s ease-in;
}
.wpmud .bounce-out {
animation: bounce-out 0.6s ease-out;
}
.wpmud .spin {
animation: spin 1s linear infinite;
}
.wpmud .animated.collapse {
overflow: hidden;
animation: collapse 0.5s linear;
}
/* ****************************************************************************
* 26. ACCESSIBILITY
*/
body .wpdui-sr-only {
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}