www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/views_ui/views_ui.admin.css

   1 /**
   2  * @file
   3  * The .admin.css file is intended to only contain positioning and size
   4  * declarations. For example: display, position, float, clear, and overflow.
   5  */
   6
   7 .views-admin ul,
   8 .views-admin menu,
   9 .views-admin dir {
  10   padding: 0;
  11 }
  12 .views-admin pre {
  13   margin-bottom: 0;
  14   margin-top: 0;
  15   white-space: pre-wrap;
  16 }
  17 .views-left-25 {
  18   float: left; /* LTR */
  19   width: 25%;
  20 }
  21 [dir="rtl"] .views-left-25 {
  22   float: right;
  23 }
  24 .views-left-30 {
  25   float: left; /* LTR */
  26   width: 30%;
  27 }
  28 [dir="rtl"] .views-left-30 {
  29   float: right;
  30 }
  31 .views-left-40 {
  32   float: left; /* LTR */
  33   width: 40%;
  34 }
  35 [dir="rtl"] .views-left-40 {
  36   float: right;
  37 }
  38 .views-left-50 {
  39   float: left; /* LTR */
  40   width: 50%;
  41 }
  42 [dir="rtl"] .views-left-50 {
  43   float: right;
  44 }
  45 .views-left-75 {
  46   float: left; /* LTR */
  47   width: 75%;
  48 }
  49 [dir="rtl"] .views-left-75 {
  50   float: right;
  51 }
  52 .views-right-50 {
  53   float: right; /* LTR */
  54   width: 50%;
  55 }
  56 [dir="rtl"] .views-right-50 {
  57   float: left;
  58 }
  59 .views-right-60 {
  60   float: right; /* LTR */
  61   width: 60%;
  62 }
  63 [dir="rtl"] .views-right-60 {
  64   float: left;
  65 }
  66 .views-right-70 {
  67   float: right; /* LTR */
  68   width: 70%;
  69 }
  70 [dir="rtl"] .views-right-70 {
  71   float: left;
  72 }
  73 .views-group-box .form-item {
  74   margin-left: 3px;
  75   margin-right: 3px;
  76 }
  77
  78 /*
  79  * The attachment details section, its tabs for each section and the buttons
  80  * to add a new section
  81  */
  82 .views-displays {
  83   clear: both;
  84 }
  85
  86 /* The tabs that switch between sections */
  87 .views-displays .tabs {
  88   border-bottom: 0 none;
  89   margin: 0;
  90   overflow: visible;
  91   padding: 0;
  92 }
  93 .views-displays .tabs > li {
  94   border-right: 0 none; /* LTR */
  95   float: left; /* LTR */
  96   padding: 0;
  97 }
  98 [dir="rtl"] .views-displays .tabs > li {
  99   float: right;
 100   border-left: 0 none;
 101   border-right: 1px solid #bfbfbf;
 102 }
 103 .views-displays .tabs .open > a {
 104   position: relative;
 105   z-index: 51;
 106 }
 107 .views-displays .tabs .views-display-deleted-link {
 108   text-decoration: line-through;
 109 }
 110 .views-display-deleted > details > summary,
 111 .views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
 112 .views-display-deleted .views-display-columns {
 113   opacity: 0.25;
 114 }
 115 .views-display-disabled > details > summary,
 116 .views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
 117 .views-display-disabled .views-display-columns {
 118   opacity: 0.5;
 119 }
 120 .views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
 121   opacity: 1;
 122 }
 123 .views-displays .tabs .add {
 124   position: relative;
 125 }
 126 .views-displays .tabs .action-list {
 127   left: 0; /* LTR */
 128   margin: 0;
 129   position: absolute;
 130   top: 23px;
 131   z-index: 50;
 132 }
 133 [dir="rtl"] .views-displays .tabs .action-list {
 134   left: auto;
 135   right: 0;
 136 }
 137 .views-displays .tabs .action-list li {
 138   display: block;
 139 }
 140 .views-display-columns .details-wrapper {
 141   padding: 0;
 142 }
 143 .views-display-column {
 144   box-sizing: border-box;
 145 }
 146 .views-display-columns > * {
 147   margin-bottom: 2em;
 148 }
 149
 150 @media screen and (min-width: 45em) { /* 720px */
 151   .views-display-columns > * {
 152     float: left; /* LTR */
 153     margin-left: 2%; /* LTR */
 154     margin-bottom: 0;
 155     width: 32%;
 156   }
 157   [dir="rtl"] .views-display-columns > * {
 158     float: right;
 159     margin-left: 0;
 160     margin-right: 2%;
 161   }
 162   .views-display-columns > *:first-child {
 163     margin-left: 0; /* LTR */
 164   }
 165   [dir="rtl"] .views-display-columns > *:first-child {
 166     margin-right: 0;
 167   }
 168 }
 169
 170 .views-ui-dialog .scroll {
 171   overflow: auto;
 172   padding: 1em;
 173 }
 174 .views-filterable-options-controls {
 175   display: none;
 176 }
 177 .views-ui-dialog .views-filterable-options-controls {
 178   display: inline;
 179 }
 180
 181 /* Don't let the messages overwhelm the modal */
 182 .views-ui-dialog .views-messages {
 183   max-height: 200px;
 184   overflow: auto;
 185 }
 186 .views-display-setting .label,
 187 .views-display-setting .views-ajax-link {
 188   float: left; /* LTR */
 189 }
 190 [dir="rtl"] .views-display-setting .label,
 191 [dir="rtl"] .views-display-setting .views-ajax-link {
 192   float: right;
 193 }
 194 .form-item-options-value-all {
 195   display: none;
 196 }
 197 .js-only {
 198   display: none;
 199 }
 200 html.js .js-only {
 201   display: inherit;
 202 }
 203 html.js span.js-only {
 204   display: inline;
 205 }
 206 .js .views-edit-view .dropbutton-wrapper {
 207   width: auto;
 208 }