# m-chart/1.2.1/components/css/m-chart-admin.css

M Chart, version 1.2.1. 170 lines.

- Page: https://pluginprobe.com/plugins/m-chart/1.2.1/code/components/css/m-chart-admin.css
- Raw: https://pluginprobe.com/plugins/m-chart/1.2.1/raw/components/css/m-chart-admin.css
- Modified: 2016-05-05T00:21:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/m-chart/1.2.1/code/components/css/m-chart-admin.css#L10-L20`.

```css
#m-chart .inside .hide,
#m-chart-spreadsheet .inside .hide,
#m-chart-csv .inside .hide {
  display: none;
}

#m-chart-spreadsheet {
  border-left: none;
}
#m-chart-spreadsheet h2.hndle {
  border-bottom: none;
  border-left: 1px solid #e5e5e5;
}
#m-chart-spreadsheet h3 {
  border-bottom: none;
  border-left: 1px solid #e5e5e5;
}
#m-chart-spreadsheet .handlediv {
  height: 35px;
}
#m-chart-spreadsheet .inside {
  margin: 0;
  padding: 0;
}

#m-chart .inside {
  padding: 0;
}
#m-chart .inside .m-chart-container {
  padding: 7px 10px 10px;
}
#m-chart .inside .settings {
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  padding: 0 10px 10px;
}
#m-chart .inside .settings .row {
  border-top: none;
  padding: 0;
}
#m-chart .inside .settings .row::after {
  clear: both;
  content: '';
  display: table;
}
#m-chart .inside .settings .row p {
  margin-bottom: 0;
}
#m-chart .inside .settings .row.one p, #m-chart .inside .settings .row.two p {
  float: left;
  margin-left: 1%;
  width: 32%;
}
#m-chart .inside .settings .row.one p:first-child, #m-chart .inside .settings .row.two p:first-child {
  margin-left: 0;
}
#m-chart .inside .settings .row.three p, #m-chart .inside .settings .row.five p {
  float: left;
  width: 73%;
}
#m-chart .inside .settings .row.three p.units, #m-chart .inside .settings .row.five p.units {
  float: right;
  width: 25%;
}
#m-chart .inside .settings .row.four p {
  margin: 0;
}
#m-chart .inside .settings .row.six p {
  float: right;
  width: 49%;
}
#m-chart .inside .settings .row.six p:first-child {
  float: left;
}
#m-chart .inside .row {
  border-top: 1px solid #dddddd;
  padding: 0 10px 10px;
}
#m-chart .inside .row::after {
  clear: both;
  content: '';
  display: table;
}
#m-chart .inside .row.seven p {
  float: right;
  margin-bottom: 0;
  width: 49%;
}
#m-chart .inside .row.seven p:first-child {
  float: left;
}
#m-chart .inside .row.seven p.image {
  position: relative;
}
#m-chart .inside .row.seven p.image em {
  display: block;
  margin-top: 5px;
}
#m-chart .inside .row.seven p.image .button {
  height: 23px;
  line-height: 20px;
  position: absolute;
  right: 1px;
  top: 23px;
}

#m-chart-csv .inside::after {
  clear: both;
  content: '';
  display: table;
}
#m-chart-csv .inside::after {
  clear: both;
}
#m-chart-csv .inside .button {
  margin-top: 6px;
}
#m-chart-csv .inside .button.select {
  margin-right: 10px;
}
#m-chart-csv .inside .button.import {
  float: left;
  margin-right: 10px;
}
#m-chart-csv .inside div.import {
  margin-right: 65px;
}
#m-chart-csv .inside div.export {
  float: right;
}
#m-chart-csv .inside .warning,
#m-chart-csv .inside .error {
  color: #b00000;
}
#m-chart-csv .inside .error,
#m-chart-csv .inside .in-progress {
  margin: 10px 0 0 5px;
}
#m-chart-csv .inside .error:not(.hide),
#m-chart-csv .inside .in-progress:not(.hide) {
  display: inline-block;
}
#m-chart-csv .inside a.dashicons {
  color: #b8b8b8;
}
#m-chart-csv .inside a.dashicons:hover {
  color: #b00000;
}

#side-sortables #m-chart-csv .inside {
  padding: 0;
}
#side-sortables #m-chart-csv .inside .select,
#side-sortables #m-chart-csv .inside .import,
#side-sortables #m-chart-csv .inside .export {
  float: none;
  padding: 7px 12px 10px;
}
#side-sortables #m-chart-csv .inside .import {
  padding-top: 0;
}
#side-sortables #m-chart-csv .inside .export {
  border-top: 1px solid #dddddd;
  float: none;
}

#m-chart-settings-page span.description {
  color: #666666;
}

```