Newer
Older
/**
* The .theme.css file is intended to contain presentation declarations including
* images, borders, colors, and fonts.
*/
/* @group Reset */
Jesse Beach
committed
.views-admin .links {
list-style: none outside none;
margin: 0;
}
Jesse Beach
committed
.views-admin a:hover {
text-decoration: none;
}
/* @end */
/* @group Layout */
.box-padding {
padding-left: 12px;
padding-right: 12px;
}
.box-margin {
margin-left: 12px;
margin-right: 12px;
}
/* @group Icons */
.views-admin .icon {
height: 16px;
width: 16px;
}
Jesse Beach
committed
.views-admin .icon,
.views-admin .icon-text {
background-attachment: scroll;
background-image: url("../images/sprites.png");
Jesse Beach
committed
background-position: left top; /* LTR */
background-repeat: no-repeat;
}
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
.views-admin a.icon {
background-image:
url("../images/sprites.png"),
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#e8e8e8 100%);
background-image:
url("../images/sprites.png"),
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(232, 232, 232, 1.0))
);
background-image:
url("../images/sprites.png"),
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#e8e8e8 100%);
background-repeat: no-repeat, repeat-y;
border: 1px solid #dddddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
box-shadow: 0 0 0 rgba(0,0,0,0.3333) inset;
}
.views-admin a.icon:hover {
border-color: #d0d0d0;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
box-shadow: 0 0 1px rgba(0,0,0,0.3333) inset;
}
.views-admin a.icon:active {
border-color: #c0c0c0;
}
/**
* Targets a <span> element inside an <a> element.
* This assumes no visible text from the span.
*/
.views-admin span.icon {
display: inline-block;
float: left;
position: relative;
}
.views-admin .icon.compact {
display: block;
overflow: hidden;
text-indent: -9999px;
}
/* Targets any element with an icon -> text combo */
Jesse Beach
committed
.views-admin .icon-text {
padding-left: 19px; /* LTR */
.views-admin .icon.linked {
Katherine Senzee
committed
background-position: center -153px;
.views-admin .icon.unlinked {
Katherine Senzee
committed
background-position: center -195px;
.views-admin .icon.add {
Jesse Beach
committed
background-position: center 3px, left top;
}
.views-admin .icon.delete {
Jesse Beach
committed
background-position: center -52px, left top;
.views-admin .icon.rearrange {
Jesse Beach
committed
background-position: center -111px, left top;
}
.views-displays .secondary a:hover > .icon.add {
background-position: center -25px;
}
.views-displays .secondary .open a:hover > .icon.add {
background-position: center 3px;
Jesse Beach
committed
/* @group Buttons */
Jesse Beach
committed
background-color: #ffffff;
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#efefef 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(242, 242, 242, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#efefef 100%);
Jesse Beach
committed
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
font-size: 12px;
}
Jesse Beach
committed
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#e6e6e6 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(230, 230, 230, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#e6e6e6 100%);
border-color: #b8b8b8;
}
.ctools-button:active {
border-color: #a0a0a0;
}
.ctools-button .horizontal.left,
.ctools-button .horizontal.right,
.ctools-button .horizontal > li {
clear: none;
float: none;
}
.ctools-button .ctools-content a {
background-image: none;
border: medium none;
}
.ctools-dropbutton.open:hover {
Jesse Beach
committed
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#efefef 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(242, 242, 242, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#efefef 100%);
Jesse Beach
committed
}
Jesse Beach
committed
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
z-index: 100;
}
.ctools-dropbutton .ctools-link {
border-left: 1px solid #ffffff;
}
.ctools-dropbutton.open li + li {
Jesse Beach
committed
border-top: 1px solid #efefef;
margin-top: 4px;
padding-bottom: 0;
padding-top: 4px;
}
.ctools-dropbutton .ctools-content {
border-right: 1px solid #e8e8e8;
Jesse Beach
committed
}
/* @end */
Bojan Živanović
committed
.views-admin-dependent {
padding-left: 17px;
}
fieldset.box-padding {
border: none;
}
.form-item {
margin-top: 15px;
padding-bottom: 0;
padding-top: 0;
}
Jesse Beach
committed
input.form-radio {
.form-submit + .form-submit,
Jesse Beach
committed
.views-admin a.button + a.button {
margin-left: 1em; /* LTR */
/*.fieldset-wrapper > * + *,
.form-wrapper > * + * {
margin-top: 15px;
.container-inline {
padding-top: 15px;
.container-inline > * + *,
.container-inline .fieldset-wrapper > * + * {
padding-left: 4pt; /* LTR */
}
.views-admin .form-type-checkbox + .form-wrapper {
Jesse Beach
committed
margin-left: 16px;
}
/* Hide 'remove' checkboxes. This might be scoped too widely. */
[class*="form-type-checkbox"][class*="remove"] {
display: none;
}
Jesse Beach
committed
/* sizes the labels of checkboxes and radio button to the height of the text */
.form-type-checkbox label,
.form-type-radio label {
Jesse Beach
committed
line-height: 2;
}
/* @end */
.horizontal > * + * {
margin-left: 9px; /* LTR */
padding-left: 9px; /* LTR */
Bojan Živanović
committed
.views-ui-view-title {
font-weight: bold;
}
/* @end */
Jesse Beach
committed
/* @group Messages */
.view-changed {
Jesse Beach
committed
margin-bottom: 21px;
}
/* @end */
/* @group Headings */
/* Intentionally targeting h1 */
.views-admin h1.unit-title {
Jesse Beach
committed
font-size: 15px;
line-height: 1.6154;
margin-bottom: 0;
margin-top: 18px;
}
/* @end */
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
/* @group Tables */
table td,
table th {
vertical-align: top;
}
/* @end */
/* @group List views */
/* These header classes are ambiguous and should be scoped to th elements */
th.views-ui-name {
width: 18%;
}
th.views-ui-description {
width: 26%;
}
th.views-ui-tag {
width: 8%;
}
th.views-ui-path {
width: auto;
}
th.views-ui-operations {
width: 24%;
}
/* @end */
/* @group Add view */
/**
* I wish this didn't have to be so specific
*/
.form-item-description-enable + .form-item-description {
margin-top: 0;
}
.form-item-description-enable label {
font-weight: bold;
}
#edit-view-displays-wrapper {
margin-top: 27px;
}
/* This could be made more general if more than one instance occurs */
#edit-page-style .fieldset-wrapper {
padding-left: 0;
padding-right: 0;
}
Jesse Beach
committed
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
/* @group Rearrange filters
*
* Styling for the form that allows views filters to be rearranged.
*/
.group-populated {
display: none;
}
td.group-title {
font-weight: bold;
}
.views-ui-dialog td.group-title {
margin: 0;
padding: 0;
}
.views-ui-dialog td.group-title span {
display: block;
height: 1px;
overflow: hidden;
}
.group-message .form-submit,
.views-remove-group-link,
#views-add-group {
float: right;
clear: both;
}
.views-operator-label {
font-style: italic;
font-weight: bold;
padding-left: 0.5em; /* LTR */
text-transform: uppercase;
}
.form-item-show-wizard-key label {
float: left;
}
.form-item-show-wizard-key select {
margin-left: 5px;
}
.exposed-description {
float: left;
padding-top: 3px;
padding-right: 10px;
}
#edit-options-more {
clear: both;
}
/* @end */
Jesse Beach
committed
/* @group Attachments */
.views-displays {
border: 1px solid #CCC;
padding-bottom: 18px;
}
Jesse Beach
committed
.views-display-top {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 14px;
padding: 8px 8px 6px; /* LTR */
Jesse Beach
committed
.views-display-top .secondary > li + li {
margin-left: 6px;
padding-left: 0;
Jesse Beach
committed
#views-display-extra-actions li {
padding: 3px 9px;
Jesse Beach
committed
#views-display-extra-actions .analyze {
border-color: #aaa;
border-style: solid;
Jesse Beach
committed
margin-right: 1px;
padding-left: 10px;
padding-right: 10px;
Jesse Beach
committed
/* @end */
/* @group Attachment details tabs
Jesse Beach
committed
* The tabs that switch between sections
.views-displays .secondary a {
background-color: #f1f1f1;
border: 1px solid #cbcbcb;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
color: #008BCB;
display: inline-block;
padding: 2px 7px 3px;
}
.views-displays .secondary a:focus {
outline: none;
.views-displays .secondary a:hover,
.views-displays .secondary .active a {
background-color: #666666;
color: #ffffff;
}
.views-displays .secondary .open > a {
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
border-bottom: 1px solid transparent;
position: relative;
}
.views-displays .secondary .open > a:hover {
background-color: #f1f1f1;
color: #008BCB;
}
.views-displays .secondary .action-list li {
background-color: #f1f1f1;
border-color: #cbcbcb;
border-style: solid;
border-width: 0 1px;
padding: 2px 9px;
}
.views-displays .secondary .action-list li:first-child {
-moz-border-radius: 0 7px 0 0;
-webkit-border-radius: 0 7px 0 0;
border-radius: 0 7px 0 0;
border-width: 1px 1px 0;
}
.views-displays .secondary .action-list li.last {
Jesse Beach
committed
border-width: 0 1px 1px;
}
.views-displays .secondary .action-list li:last-child {
-moz-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
border-width: 0 1px 1px;
}
.views-displays .secondary .action-list input.form-submit {
background: none repeat scroll 0 0 transparent;
border: medium none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #008BCB;
padding: 0;
}
.views-displays .secondary .action-list li:hover {
background-color: #dddddd;
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Attachment details
Jesse Beach
committed
*
* The attachment details section is a collapsible ctools area
#edit-display-settings {
padding-bottom: 12px;
}
#edit-display-settings-title {
font-size: 14px;
line-height: 1.5;
margin: 0;
}
#edit-display-settings-title,
.views-display-settings .ctools-toggle {
color: #008BCB;
}
#edit-display-settings-content {
margin-top: 12px;
Jesse Beach
committed
#edit-display-settings-main {
margin-top: 15px;
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Attachment columns
*
* The columns that contain the option buckets e.g. Format and Basic Settings
*/
Jesse Beach
committed
.views-display-column + .views-display-column {
Jesse Beach
committed
margin-top: 0;
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Auto preview
*
Jesse Beach
committed
* The auto-preview checkbox line.
Jesse Beach
committed
#edit-display-preview-controls > div,
#edit-display-preview-controls > input {
float: left;
Jesse Beach
committed
#edit-display-preview-controls > div {
margin-top: 4px;
}
#edit-display-preview-controls .arguments-preview,
#edit-display-preview-controls .arguments-preview + .form-item {
margin-left: 14px;
}
#edit-display-preview-controls .form-type-textfield label {
position: absolute;
Jesse Beach
committed
#edit-display-preview-controls .form-type-textfield input,
#edit-display-preview-controls .form-type-textfield .description {
margin-left: 82px;
Katherine Senzee
committed
}
Jesse Beach
committed
/* @end */
/* @group Attachment buckets
*
Jesse Beach
committed
* These are the individual "buckets," or boxes, inside the display settings area
.views-ui-display-tab-bucket {
border: 1px solid #f3f3f3;
.views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
border-top: medium none;
}
.views-ui-display-tab-bucket > h3,
.views-ui-display-tab-bucket > .views-display-setting {
Jesse Beach
committed
padding: 2px 6px 4px;
}
.views-ui-display-tab-bucket h3 {
font-size: 12px;
text-transform: uppercase;
}
Jesse Beach
committed
/* @group Attachment bucket overridden
*
* Applies a broken link icon to overridden buckets.
* The better way to implement this would be to add the overridden class
* to the bucket header when the bucket is overridden and style it as a
* generic icon classed element. For the moment, we'll style the bucket
* header specifically with the broken link icon.
*/
.views-ui-display-tab-bucket.overridden > h3 {
background-attachment: scroll;
background-image: url("../images/sprites.png");
background-position: left -172px; /* LTR */
background-repeat: no-repeat;
overflow: hidden;
padding-left: 21px;
zoom: 1;
}
/* @end */
Jesse Beach
committed
/* @group Attachment bucket drop button */
Jesse Beach
committed
.views-ui-display-tab-bucket {
position: relative;
.views-ui-display-tab-bucket .ctools-button {
position: absolute;
}
.views-ui-display-tab-bucket .ctools-button {
Jesse Beach
committed
right: 5px;
top: 4px;
}
/* @end */
Jesse Beach
committed
/* @group Attachment bucket rows
*
* This is each row within one of the "boxes."
*/
.views-ui-display-tab-bucket .views-display-setting {
color: #666666;
font-size: 12px;
.views-ui-display-tab-bucket .even {
background-color: #f9f9f9;
}
.views-ui-display-tab-bucket .views-group-text {
David Rothstein
committed
margin-top: 6px;
margin-bottom: 6px;
}
Jesse Beach
committed
.views-display-setting .label {
margin-right: 3pt; /* LTR */
Jesse Beach
committed
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Preview
*
* The preview controls and the preview pane
*/
#edit-displays-preview-controls .fieldset-wrapper > * {
Jesse Beach
committed
float: left;
}
#edit-displays-preview-controls .fieldset-wrapper > .form-item {
Jesse Beach
committed
margin-top: 0.3333em;
}
#edit-displays-preview-controls .form-submit {
Jesse Beach
committed
display: inline-block;
margin-right: 1em;
}
#edit-displays-preview-controls .form-type-textfield {
Jesse Beach
committed
margin-left: 1em;
position: relative;
}
#edit-displays-preview-controls .form-type-textfield label {
Jesse Beach
committed
border-left: 1px solid #999;
padding-left: 1em;
position: absolute;
}
#edit-displays-preview-controls .form-type-textfield label:after {
Jesse Beach
committed
content: ":";
}
#edit-displays-preview-controls .form-type-textfield label ~ * {
margin-left: 105px;
Jesse Beach
committed
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Modal dialog box
*
* The contents of the popup dialog on the views edit form.
*/
.views-ui-dialog {
.views-ui-dialog fieldset.collapsible {
padding-top: 1.5em;
}
.views-ui-dialog fieldset.collapsed {
padding-top: 2.5em;
}
div.views-filterable-options .form-type-checkbox {
border: 1px solid #CCC;
padding: 5px 8px;
border-top: none;
}
div.views-filterable-options {
border-top: 1px solid #CCC;
}
div.views-filterable-options .even .form-type-checkbox {
background-color: #F3F4EE;
}
div.views-filterable-options .form-type-checkbox .description {
margin-top: 0;
margin-bottom: 0;
}
#views-filterable-options-controls {
margin: 1em 0;
}
#views-filterable-options-controls .form-item {
margin-right: 2%; /* LTR */
#views-filterable-options-controls input,
#views-filterable-options-controls select {
.views-ui-dialog .views-filterable-options {
margin-bottom: 10px;
}
.views-ui-dialog .views-add-form-selected {
margin: 5px 16px;
}
.views-ui-dialog #views-ajax-title,
.views-ui-dialog .views-override {
background-color: #F3F4EE;
}
.views-ui-dialog .views-override {
.views-ui-dialog .views-override > * {
Jesse Beach
committed
margin: 0;
.views-ui-dialog #views-ajax-title {
.views-ui-dialog #views-progress-indicator {
position: absolute;
right: 10px; /* LTR */
.views-ui-dialog #views-progress-indicator:before {
Jesse Beach
committed
content: "\003C\00A0";
.views-ui-dialog #views-progress-indicator:after {
Jesse Beach
committed
content: "\00A0\003E";
.views-ui-dialog .scroll {
border: 1px solid #CCC;
border-width: 1px 0;
padding: 8px 13px;
}
.views-ui-dialog .form-buttons {
background-color: #F3F4EE;
padding: 8px 13px;
}
.views-ui-dialog .form-buttons input {
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Configure filter criteria */
/* @todo the width and border info could be moved into a more generic class */
/* @todo Make this a class to be used anywhere there's node types? */
Bojan Živanović
committed
#edit-options-value, #edit-options-validate-options-node-types {
Jesse Beach
committed
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
max-height: 210px;
overflow: auto;
padding: 0 0 0 2px;
width: 190px;
}
/* @end */
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
/* @group Rearrange filter criteria */
#views-ui-rearrange-filter-form table {
border-collapse: collapse;
}
#views-ui-rearrange-filter-form tr td[rowspan] {
border-color: #CDCDCD;
border-style: solid;
border-width: 0 1px 1px 1px;
}
#views-ui-rearrange-filter-form tr[id^="views-row"] {
border-right: 1px solid #CDCDCD;
}
#views-ui-rearrange-filter-form tr[id^="views-row"].even td {
background-color: #F3F4ED;
}
#views-ui-rearrange-filter-form .views-group-title {
border-top: 1px solid #CDCDCD;
}
#views-ui-rearrange-filter-form .group-empty {
border-bottom: 1px solid #CDCDCD;
}
/* @end */
Jesse Beach
committed
/* @group Live preview elements */
/**
* Create a horizontal rule above the live preview area.
*/
#views-live-preview {
margin: 0 12px;
}
/* Intentionally targeting h1 */
#views-live-preview h1.section-title {
Jesse Beach
committed
color: #818181;
display: inline-block;
font-size: 13px;
font-weight: normal;
line-height: 1.6154;
margin-bottom: 0;
Jesse Beach
committed
margin-top: 0;
}
Jesse Beach
committed
#views-live-preview .view > * {
margin-top: 18px;
}
#views-live-preview a,
#views-live-preview a:link,
#views-live-preview a:visited {
color: #000000;
}
Jesse Beach
committed
#views-live-preview .preview-section {
border: 1px dashed #DEDEDE;
Jesse Beach
committed
margin: 0 -5px;
padding: 3px 5px;
}
#views-live-preview li.views-row + li.views-row {
margin-top: 18px;
}
/* The div.views-row is intentional and excludes li.views-row, for example */
#views-live-preview div.views-row + div.views-row {
margin-top: 36px;
}
/* @group Grid */
#views-live-preview .views-view-grid th,
#views-live-preview .views-view-grid td {
vertical-align: top;
}
/* @end */
/* @group HTML list */
#views-live-preview .view-content > .item-list > ul {
list-style-position: outside;
padding-left: 21px; /* LTR */
}
/* @end */
/* @group Jump list */
#views-live-preview .ctools-jump-menu-select{