Mercurial > hg > rr-repo

annotate sites/all/modules/views/css/views-admin.css @ 0:ff03f76ab3fe

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
initial version
author danieleb <danielebarchiesi@me.com>
date Wed, 21 Aug 2013 18:51:11 +0100
parents
children
rev   line source
danielebarchiesi@0 1 /**
danielebarchiesi@0 2 * The .css file is intended to only contain positioning and size declarations
danielebarchiesi@0 3 * For example: display, position, float, clear, and overflow.
danielebarchiesi@0 4 */
danielebarchiesi@0 5
danielebarchiesi@0 6 /* @group Resets */
danielebarchiesi@0 7
danielebarchiesi@0 8 .views-admin ul,
danielebarchiesi@0 9 .views-admin menu,
danielebarchiesi@0 10 .views-admin dir {
danielebarchiesi@0 11 padding-left: 0; /* LTR for IE */
danielebarchiesi@0 12 /* padding-start is used so that RTL works out of the box */
danielebarchiesi@0 13 -moz-padding-start: 0;
danielebarchiesi@0 14 -webkit-padding-start: 0;
danielebarchiesi@0 15 padding-start: 0;
danielebarchiesi@0 16 }
danielebarchiesi@0 17
danielebarchiesi@0 18 .views-admin pre {
danielebarchiesi@0 19 margin-bottom: 0;
danielebarchiesi@0 20 margin-top: 0;
danielebarchiesi@0 21 white-space: pre-wrap;
danielebarchiesi@0 22 }
danielebarchiesi@0 23
danielebarchiesi@0 24 /* @end */
danielebarchiesi@0 25
danielebarchiesi@0 26 /* @group Inline lists */
danielebarchiesi@0 27
danielebarchiesi@0 28 .horizontal > * {
danielebarchiesi@0 29 clear: none;
danielebarchiesi@0 30 float: left; /* LTR */
danielebarchiesi@0 31 }
danielebarchiesi@0 32
danielebarchiesi@0 33 .horizontal.right {
danielebarchiesi@0 34 float: right;
danielebarchiesi@0 35 }
danielebarchiesi@0 36
danielebarchiesi@0 37 .horizontal label {
danielebarchiesi@0 38 position: absolute;
danielebarchiesi@0 39 }
danielebarchiesi@0 40
danielebarchiesi@0 41 .horizontal .form-item > [class] {
danielebarchiesi@0 42 margin-top: 25px;
danielebarchiesi@0 43 }
danielebarchiesi@0 44
danielebarchiesi@0 45 .horizontal .form-item > [class] + [class] {
danielebarchiesi@0 46 margin-top: 0;
danielebarchiesi@0 47 }
danielebarchiesi@0 48
danielebarchiesi@0 49 /* @end */
danielebarchiesi@0 50
danielebarchiesi@0 51 /* @group Columns */
danielebarchiesi@0 52
danielebarchiesi@0 53 .views-left-25 {
danielebarchiesi@0 54 float: left;
danielebarchiesi@0 55 width: 25%;
danielebarchiesi@0 56 }
danielebarchiesi@0 57
danielebarchiesi@0 58 .views-left-30 {
danielebarchiesi@0 59 float: left;
danielebarchiesi@0 60 width: 30%;
danielebarchiesi@0 61 }
danielebarchiesi@0 62
danielebarchiesi@0 63 .views-left-40 {
danielebarchiesi@0 64 float: left;
danielebarchiesi@0 65 width: 40%;
danielebarchiesi@0 66 }
danielebarchiesi@0 67
danielebarchiesi@0 68 .views-left-50 {
danielebarchiesi@0 69 float: left;
danielebarchiesi@0 70 width: 50%;
danielebarchiesi@0 71 }
danielebarchiesi@0 72
danielebarchiesi@0 73 .views-left-75 {
danielebarchiesi@0 74 float: left;
danielebarchiesi@0 75 width: 75%;
danielebarchiesi@0 76 }
danielebarchiesi@0 77
danielebarchiesi@0 78 .views-right-50 {
danielebarchiesi@0 79 float: right;
danielebarchiesi@0 80 width: 50%;
danielebarchiesi@0 81 }
danielebarchiesi@0 82
danielebarchiesi@0 83 .views-right-60 {
danielebarchiesi@0 84 float: right;
danielebarchiesi@0 85 width: 60%;
danielebarchiesi@0 86 }
danielebarchiesi@0 87
danielebarchiesi@0 88 .views-right-70 {
danielebarchiesi@0 89 float: right;
danielebarchiesi@0 90 width: 70%;
danielebarchiesi@0 91 }
danielebarchiesi@0 92
danielebarchiesi@0 93 .views-group-box .form-item {
danielebarchiesi@0 94 margin-left: 3px;
danielebarchiesi@0 95 margin-right: 3px;
danielebarchiesi@0 96 }
danielebarchiesi@0 97
danielebarchiesi@0 98 /* @end */
danielebarchiesi@0 99
danielebarchiesi@0 100 /* @group Attachment details
danielebarchiesi@0 101 *
danielebarchiesi@0 102 * The attachment details section, its tabs for each section and the buttons
danielebarchiesi@0 103 * to add a new section
danielebarchiesi@0 104 */
danielebarchiesi@0 105
danielebarchiesi@0 106 .form-edit .form-actions {
danielebarchiesi@0 107 float: right; /* LTR */
danielebarchiesi@0 108 }
danielebarchiesi@0 109
danielebarchiesi@0 110 .views-displays {
danielebarchiesi@0 111 clear: both;
danielebarchiesi@0 112 }
danielebarchiesi@0 113
danielebarchiesi@0 114 /* @end */
danielebarchiesi@0 115
danielebarchiesi@0 116 /* @group Attachment details tabs
danielebarchiesi@0 117 *
danielebarchiesi@0 118 * The tabs that switch between sections
danielebarchiesi@0 119 */
danielebarchiesi@0 120 .views-displays .secondary {
danielebarchiesi@0 121 border-bottom: 0 none;
danielebarchiesi@0 122 margin: 0;
danielebarchiesi@0 123 overflow: visible;
danielebarchiesi@0 124 padding: 0;
danielebarchiesi@0 125 }
danielebarchiesi@0 126
danielebarchiesi@0 127 .views-displays .secondary > li {
danielebarchiesi@0 128 border-right: 0 none;
danielebarchiesi@0 129 display: inline-block;
danielebarchiesi@0 130 float: left; /* LTR */
danielebarchiesi@0 131 padding: 0;
danielebarchiesi@0 132 }
danielebarchiesi@0 133
danielebarchiesi@0 134 .views-displays .secondary .open > a {
danielebarchiesi@0 135 position: relative;
danielebarchiesi@0 136 z-index: 51;
danielebarchiesi@0 137 }
danielebarchiesi@0 138
danielebarchiesi@0 139 .views-displays .views-display-deleted-link {
danielebarchiesi@0 140 text-decoration: line-through;
danielebarchiesi@0 141 }
danielebarchiesi@0 142
danielebarchiesi@0 143 .views-display-deleted > fieldset > legend,
danielebarchiesi@0 144 .views-display-deleted .fieldset-wrapper > .views-ui-display-tab-bucket > *,
danielebarchiesi@0 145 .views-display-deleted .views-display-columns {
danielebarchiesi@0 146 opacity: 0.25;
danielebarchiesi@0 147 }
danielebarchiesi@0 148
danielebarchiesi@0 149 .views-display-disabled > fieldset > legend,
danielebarchiesi@0 150 .views-display-disabled .fieldset-wrapper > .views-ui-display-tab-bucket > *,
danielebarchiesi@0 151 .views-display-disabled .views-display-columns {
danielebarchiesi@0 152 opacity: 0.5;
danielebarchiesi@0 153 }
danielebarchiesi@0 154
danielebarchiesi@0 155 .views-display-tab .fieldset-wrapper > .views-ui-display-tab-bucket .actions {
danielebarchiesi@0 156 opacity: 1.0;
danielebarchiesi@0 157 }
danielebarchiesi@0 158 /* @end */
danielebarchiesi@0 159
danielebarchiesi@0 160 /* @group Attachment details new section button */
danielebarchiesi@0 161
danielebarchiesi@0 162 .views-displays .secondary li.add {
danielebarchiesi@0 163 position: relative;
danielebarchiesi@0 164 }
danielebarchiesi@0 165
danielebarchiesi@0 166 .views-displays .secondary .action-list {
danielebarchiesi@0 167 left: 0; /* LTR */
danielebarchiesi@0 168 margin: 0;
danielebarchiesi@0 169 position: absolute;
danielebarchiesi@0 170 top: 23px;
danielebarchiesi@0 171 z-index: 50;
danielebarchiesi@0 172 }
danielebarchiesi@0 173
danielebarchiesi@0 174 .views-displays .secondary .action-list li {
danielebarchiesi@0 175 display: block;
danielebarchiesi@0 176 }
danielebarchiesi@0 177
danielebarchiesi@0 178 /* @end */
danielebarchiesi@0 179
danielebarchiesi@0 180 /* @group Attachment details collapsible fieldset */
danielebarchiesi@0 181
danielebarchiesi@0 182 .views-display-tab .fieldset-legend {
danielebarchiesi@0 183 left: -5px; /* LTR */
danielebarchiesi@0 184 position: relative;
danielebarchiesi@0 185 }
danielebarchiesi@0 186
danielebarchiesi@0 187 .views-display-tab .fieldset-wrapper {
danielebarchiesi@0 188 position: relative;
danielebarchiesi@0 189 }
danielebarchiesi@0 190
danielebarchiesi@0 191 /* @end */
danielebarchiesi@0 192
danielebarchiesi@0 193 /* @group Attachment details actions
danielebarchiesi@0 194 *
danielebarchiesi@0 195 * Display the "Delete" and "Duplicate" buttons to the right.
danielebarchiesi@0 196 */
danielebarchiesi@0 197 .views-display-tab .fieldset-wrapper > .views-ui-display-tab-bucket .actions {
danielebarchiesi@0 198 position: absolute;
danielebarchiesi@0 199 right: 0; /* LTR */
danielebarchiesi@0 200 top: -5px;
danielebarchiesi@0 201 }
danielebarchiesi@0 202
danielebarchiesi@0 203 /* @end */
danielebarchiesi@0 204
danielebarchiesi@0 205 /* @group Attachment configuration columns */
danielebarchiesi@0 206
danielebarchiesi@0 207 .views-display-columns > * {
danielebarchiesi@0 208 float: left; /* LTR */
danielebarchiesi@0 209 margin-left: 1%; /* LTR */
danielebarchiesi@0 210 padding-left: 1%; /* LTR */
danielebarchiesi@0 211 width: 32%;
danielebarchiesi@0 212 }
danielebarchiesi@0 213
danielebarchiesi@0 214 .views-display-columns > *:first-child {
danielebarchiesi@0 215 margin-left: 0; /* LTR */
danielebarchiesi@0 216 padding-left: 0; /* LTR */
danielebarchiesi@0 217 }
danielebarchiesi@0 218
danielebarchiesi@0 219 /* @end */
danielebarchiesi@0 220
danielebarchiesi@0 221 /* @group Modal dialog box */
danielebarchiesi@0 222
danielebarchiesi@0 223 .views-ui-dialog {
danielebarchiesi@0 224 /* We need this so the button is visible. */
danielebarchiesi@0 225 overflow: visible;
danielebarchiesi@0 226 position: fixed;
danielebarchiesi@0 227 }
danielebarchiesi@0 228
danielebarchiesi@0 229 .views-ui-dialog .ui-dialog-titlebar-close {
danielebarchiesi@0 230 border: 1px solid transparent;
danielebarchiesi@0 231 display: block;
danielebarchiesi@0 232 margin: 0;
danielebarchiesi@0 233 padding: 0;
danielebarchiesi@0 234 position: absolute;
danielebarchiesi@0 235 right: 0;
danielebarchiesi@0 236 top: 2px;
danielebarchiesi@0 237 /* Make sure this is in front of the modal backdrop. */
danielebarchiesi@0 238 z-index: 1002;
danielebarchiesi@0 239 }
danielebarchiesi@0 240
danielebarchiesi@0 241 .views-ui-dialog .ui-dialog-titlebar {
danielebarchiesi@0 242 padding: 0;
danielebarchiesi@0 243 margin: 0;
danielebarchiesi@0 244 }
danielebarchiesi@0 245
danielebarchiesi@0 246 .views-ui-dialog .ui-dialog-title {
danielebarchiesi@0 247 display: none;
danielebarchiesi@0 248 }
danielebarchiesi@0 249
danielebarchiesi@0 250 .views-ui-dialog #views-ajax-popup {
danielebarchiesi@0 251 padding: 0;
danielebarchiesi@0 252 overflow: hidden;
danielebarchiesi@0 253 }
danielebarchiesi@0 254
danielebarchiesi@0 255 .views-ui-dialog #views-ajax-title,
danielebarchiesi@0 256 .views-ui-dialog #views-ajax-body {
danielebarchiesi@0 257 margin: 0;
danielebarchiesi@0 258 padding: 0;
danielebarchiesi@0 259 }
danielebarchiesi@0 260
danielebarchiesi@0 261 .views-ui-dialog #views-ajax-popup {
danielebarchiesi@0 262 overflow: hidden;
danielebarchiesi@0 263 }
danielebarchiesi@0 264
danielebarchiesi@0 265 .views-ui-dialog .scroll {
danielebarchiesi@0 266 max-height: 400px;
danielebarchiesi@0 267 overflow: auto;
danielebarchiesi@0 268 }
danielebarchiesi@0 269
danielebarchiesi@0 270 #views-filterable-options-controls {
danielebarchiesi@0 271 display: none;
danielebarchiesi@0 272 }
danielebarchiesi@0 273
danielebarchiesi@0 274 .views-ui-dialog #views-filterable-options-controls {
danielebarchiesi@0 275 display: block;
danielebarchiesi@0 276 }
danielebarchiesi@0 277
danielebarchiesi@0 278 /* Don't let the messages overwhelm the modal */
danielebarchiesi@0 279 .views-ui-dialog .views-messages {
danielebarchiesi@0 280 max-height: 200px;
danielebarchiesi@0 281 overflow: auto;
danielebarchiesi@0 282 }
danielebarchiesi@0 283
danielebarchiesi@0 284 /* @end */
danielebarchiesi@0 285
danielebarchiesi@0 286 /* @group Settings forms */
danielebarchiesi@0 287
danielebarchiesi@0 288 .views-display-setting .label,
danielebarchiesi@0 289 .views-display-setting .views-ajax-link {
danielebarchiesi@0 290 display: inline-block;
danielebarchiesi@0 291 float: left; /* LTR */
danielebarchiesi@0 292 }
danielebarchiesi@0 293
danielebarchiesi@0 294 /* @end */
danielebarchiesi@0 295
danielebarchiesi@0 296 /* @group Filter Settings form */
danielebarchiesi@0 297
danielebarchiesi@0 298 div.form-item-options-value-all {
danielebarchiesi@0 299 display: none;
danielebarchiesi@0 300 }
danielebarchiesi@0 301 /* @end */
danielebarchiesi@0 302
danielebarchiesi@0 303 /* @group Drupal overrides */
danielebarchiesi@0 304
danielebarchiesi@0 305 /* The .progress-disabled class added to the form on submit floats the element
danielebarchiesi@0 306 * left and causes the form width to shrink-wrap to the content. Setting the
danielebarchiesi@0 307 * width to 100% prevents this.
danielebarchiesi@0 308 */
danielebarchiesi@0 309 #views-ajax-body form {
danielebarchiesi@0 310 width: 100%;
danielebarchiesi@0 311 }
danielebarchiesi@0 312
danielebarchiesi@0 313 /* @end */
danielebarchiesi@0 314
danielebarchiesi@0 315
danielebarchiesi@0 316
danielebarchiesi@0 317 /* @group Javascript dependent styling */
danielebarchiesi@0 318
danielebarchiesi@0 319 .js-only {
danielebarchiesi@0 320 display: none;
danielebarchiesi@0 321 }
danielebarchiesi@0 322
danielebarchiesi@0 323 html.js .js-only {
danielebarchiesi@0 324 display: inherit;
danielebarchiesi@0 325 }
danielebarchiesi@0 326
danielebarchiesi@0 327 html.js span.js-only {
danielebarchiesi@0 328 display: inline;
danielebarchiesi@0 329 }
danielebarchiesi@0 330
danielebarchiesi@0 331 /* @end */
danielebarchiesi@0 332
danielebarchiesi@0 333 /* @group AJAX throbber */
danielebarchiesi@0 334
danielebarchiesi@0 335 /* Base Page */
danielebarchiesi@0 336 #views-ui-list-page .ajax-progress-throbber,
danielebarchiesi@0 337 .views-admin .ajax-progress-throbber {
danielebarchiesi@0 338 /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
danielebarchiesi@0 339 left: 49%;
danielebarchiesi@0 340 position: fixed;
danielebarchiesi@0 341 top: 48.5%;
danielebarchiesi@0 342 z-index: 1000;
danielebarchiesi@0 343 }
danielebarchiesi@0 344 #views-ui-list-page .ajax-progress-throbber .message,
danielebarchiesi@0 345 .views-admin .ajax-progress-throbber .message {
danielebarchiesi@0 346 display: none;
danielebarchiesi@0 347 }
danielebarchiesi@0 348
danielebarchiesi@0 349 /* Modal */
danielebarchiesi@0 350 #views-ajax-popup .ajax-progress-throbber {
danielebarchiesi@0 351 /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
danielebarchiesi@0 352 left: 49%;
danielebarchiesi@0 353 position: fixed;
danielebarchiesi@0 354 top: 48.5%;
danielebarchiesi@0 355 z-index: 1000;
danielebarchiesi@0 356 }
danielebarchiesi@0 357 #views-ajax-popup .ajax-progress-throbber .message {
danielebarchiesi@0 358 display: none;
danielebarchiesi@0 359 }
danielebarchiesi@0 360
danielebarchiesi@0 361 /* @end */