presscodes/maera

View on GitHub
assets/css/admin-style.css

Summary

Maintainability
Test Coverage
ul.wp-submenu.wp-submenu-wrap {
  margin-left: 0;
  padding-left: 0;
}

.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 16%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 2% !important; float: right; width: 78%;}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-tabs {
  position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}
.ui-widget-header {
  border-bottom: 1px solid #aaaaaa;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #f1f1f1;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter:Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter:Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.highlight {
    margin-bottom: 16px;
}

.highlight pre,pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.highlight pre {
    margin-bottom: 0;
    word-break: normal;
}

pre {
    word-wrap: normal;
}

pre code,pre tt {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

pre code:before,pre code:after,pre tt:before,pre tt:after {
    content: normal;
}

span.no-nl-marker {
    position: relative;
    top: 2px;
    color: #bd2c00;
    margin-left: 4px;
}
.highlight {
    background: #fff;
}

.highlight .pl-coc,.highlight .pl-entl,.highlight .pl-entm,.highlight .pl-eoa,.highlight .pl-mai .pl-sf,.highlight .pl-mm,.highlight .pl-pdv,.highlight .pl-sc,.highlight .pl-som,.highlight .pl-sr,.highlight .pl-v,.highlight .pl-vpf {
    color: #0086b3;
}

.highlight .pl-eoac,.highlight .pl-mdht,.highlight .pl-mi1,.highlight .pl-mri,.highlight .pl-va,.highlight .pl-vpu {
    color: #008080;
}

.highlight .pl-c,.highlight .pl-pdc {
    color: #b4b7b4;
    font-style: italic;
}

.highlight .pl-k,.highlight .pl-ko,.highlight .pl-kolp,.highlight .pl-mc,.highlight .pl-mr,.highlight .pl-ms,.highlight .pl-s,.highlight .pl-sok,.highlight .pl-st {
    color: #6e5494;
}

.highlight .pl-ef,.highlight .pl-enf,.highlight .pl-enm,.highlight .pl-entc,.highlight .pl-eoi,.highlight .pl-sf,.highlight .pl-smc {
    color: #d12089;
}

.highlight .pl-ens,.highlight .pl-eoai,.highlight .pl-kos,.highlight .pl-mh .pl-pdh,.highlight .pl-mp,.highlight .pl-pde,.highlight .pl-stp {
    color: #458;
}

.highlight .pl-enti {
    color: #d12089;
    font-weight: bold;
}

.highlight .pl-cce,.highlight .pl-enc,.highlight .pl-kou,.highlight .pl-mq {
    color: #f93;
}

.highlight .pl-mp1 .pl-sf {
    color: #458;
    font-weight: bold;
}

.highlight .pl-cos,.highlight .pl-ent,.highlight .pl-md,.highlight .pl-mdhf,.highlight .pl-ml,.highlight .pl-pdc1,.highlight .pl-pds,.highlight .pl-s1,.highlight .pl-scp,.highlight .pl-sol {
    color: #df5000;
}

.highlight .pl-c1,.highlight .pl-cn,.highlight .pl-pse,.highlight .pl-pse .pl-s2,.highlight .pl-vi {
    color: #a31515;
}

.highlight .pl-mb,.highlight .pl-pdb {
    color: #df5000;
    font-weight: bold;
}

.highlight .pl-mi,.highlight .pl-pdi {
    color: #6e5494;
    font-style: italic;
}

.highlight .pl-ms1 {
    background-color: #f5f5f5;
}

.highlight .pl-mdh,.highlight .pl-mdi {
    font-weight: bold;
}

.highlight .pl-mdr {
    color: #0086b3;
    font-weight: bold;
}

.highlight .pl-s2 {
    color: #333;
}

.highlight .pl-ii {
    background-color: #df5000;
    color: #fff;
}

.highlight .pl-ib {
    background-color: #f93;
}

.highlight .pl-id {
    background-color: #a31515;
    color: #fff;
}

.highlight .pl-iu {
    background-color: #b4b7b4;
}

.highlight .pl-mo {
    color: #969896;
}

div.maera-required-plugins { padding: 18px; background: #dd3d36; }
div.maera-required-plugins p { font-size: 16px; color: #fff; }
div.maera-required-plugins p a { color: #fff; font-weight: 900; }

div.maera-general-content { width: 90%; }
div.maera-general-content, div.maera-general-content p { font-size: 16px;}
div.maera-general-content h1 { font-size: 42px; font-weight: 100; }
div.maera-general-content p.big { font-size: 21px; background: #d54e21; color: #fff; padding: 22px; margin-left: -22px; }

.maera-general-content .columns3 { width: 31%; padding-right: 3%; float: left; }
.maera-general-content .columns3 h2 { text-align: center; }
.maera-general-content .columns3.third { padding-right: 0; }
.maera-general-content .title-icon { font-size: 72px; width: 100%; line-height: 80px; height: 90px; color: #d54e21; }

table.maera-docs-bordered {
  width: 100%;
}

table.maera-docs-bordered td {
  border-bottom: 1px solid #ccc;
}

table.maera-docs-bordered th {
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
}

ul.maera-indented, ul.maera-indented ul {
  margin-left: 3em;
}

.maera.licensing.item .title{
  padding-left: 0;
}

.maera.licensing.item .content{
  margin-bottom: 15px;
}

.maera.license.indicator {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0px;
  padding: 0px 10px 1px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  background: #333;
  color: #fff;
}

.maera.active.license.indicator {
  background: #4CAF50;
}

.maera.inactive.license.indicator {
  background: #FF5722;
}