silverstripe-blog/css/cms.css

/**
 * CMS Styles
 */
/**
 * Include Compass framework
 */
/*
 * Sprite maps & Icons
 */
.gridfield-icon.blog-icon-timer {
  background: url("../images/blog-icon/timer.png") center no-repeat; }

#FeaturedImage .middleColumn {
  clear: none;
  float: left; }

.has-panel .cms-content-tools.blog-admin-sidebar {
  width: 280px;
  border-right: none;
  border-left: 1px solid #C0C0C2;
  position: absolute !important;
  /* overrides cms !imporant style */
  right: 0px;
  top: 0;
  height: 100%; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-panel-toggle a {
    text-align: left;
    margin: 0; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-panel-toggle.south {
    border-top: 1px solid #aaaaaa; }
  .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer {
    width: 100%;
    padding-right: 280px;
    position: absolute;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    box-sizing: border-box; }
    .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
      position: relative;
      overflow: auto;
      height: 100%;
      width: 100%; }
      .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
        float: none; }
      .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
        width: 100%;
        max-width: 100%;
        margin-left: 0; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field + .field {
    margin-top: 10px; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
    padding-top: 0;
    line-height: 25px; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
    float: right; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
    width: 60%; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
    width: 36%;
    float: right; }
  .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
    width: 100%; }
  .has-panel .cms-content-tools.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
    padding-right: 41px; }
    .has-panel .cms-content-tools.blog-admin-sidebar.collapsed ~ .blog-admin-outer #Root_Main {
      margin-right: 15px; }
  .has-panel .cms-content-tools.blog-admin-sidebar.cms-content-tools .cms-panel-content {
    width: auto; }

.toggle-description {
  text-indent: -1000000px;
  display: inline-block;
  background: url("../images/information.png") no-repeat center center;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  cursor: pointer; }

.middleColumn.toggle-description-correct-middle {
  margin-left: 0;
  float: left;
  width: 416px; }

.tab-content .field p.toggle-description-correct-right {
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  clear: none;
  float: left; }

.description.toggle-description-correct-description {
  width: 416px;
  padding: 12px 0; }

.custom-summary .ui-accordion-content .field {
  margin: 0; }
.custom-summary .ui-accordion-content,
.custom-summary .ui-accordion-content .field {
  padding: 0; }
.custom-summary .ui-icon-triangle-1-e {
  background-position: -16px -128px; }

.cms table.ss-gridfield-table tr td.MergeAction {
  width: 225px; }
  .cms table.ss-gridfield-table tr td.MergeAction a {
    display: block;
    height: 100%;
    width: 100%; }
  .cms table.ss-gridfield-table tr td.MergeAction select {
    width: 150px; }

.cms-content-actions,
.cms-preview-controls {
  z-index: 999; }

.blog-cms-categorisation .MergeActionReveal {
  margin-left: 10px; }
.blog-cms-categorisation .toolbar--content {
  margin-top: 0; }
.blog-cms-categorisation .MergeActionReveal:after {
  content: '';
  background: url("../images/move-icon.png");
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 4px; }
.blog-cms-categorisation button.action {
  margin-left: 5px; }