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;
}
/* @end */
/* @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;
}
43
44
45
46
47
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
.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 {
background-position: center -153px, left top;
.views-admin .icon.unlinked {
background-position: center -195px, left top;
.views-admin .icon.add {
background-position: center 3px, left top;
}
.views-admin .icon.delete {
background-position: center -52px, left top;
.views-admin .icon.rearrange {
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;
}
/* @end */
/* @group Forms */
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 */
}
.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;
}
.ctools-export-ui-row {
margin-bottom: 5px;
}
.ctools-export-ui-row label {
display: block;
float: left;
width: 55px;
}
.ctools-export-ui-fourth-row input {
margin-top: 5px !important;
}
/* @end */
Jesse Beach
committed
/* @group Messages */
.view-changed {
Jesse Beach
committed
margin-bottom: 21px;
}
/* @end */
/* @group Headings */
.views-admin h1 {
Jesse Beach
committed
font-size: 15px;
line-height: 1.6154;
margin-bottom: 0;
margin-top: 18px;
}
/* @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;
}
/* @end */
Jesse Beach
committed
/* @group Attachments */
.views-displays {
border: 1px solid #CCC;
padding-bottom: 18px;
}
.views-alt-ui-view-displays,
.views-alt-ui-view-paths,
.views-alt-ui-view-description {
font-size: 0.9167em; /* 11px/12px */
line-height: 1.5em;
}
.views-displays .secondary {
background-color: #F9F9F9;
.views-displays .views-display-top {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 14px;
padding: 8px 8px 6px; /* LTR */
.views-displays .views-extra-actions {
position: absolute;
right: 10px; /* LTR */
top: 5px;
}
.views-displays .views-display-top li {
display: inline;
.views-displays .views-display-top ul > li + li {
margin-left: 3px; /* LTR */
.views-displays .views-extra-actions li {
padding: 0 5px;
}
.views-displays .views-extra-actions .analyze {
border: 1px solid #aaa;
border-width: 0 1px;
padding: 3px 11px;
}
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 */
/* @group Attachment details collapsible fieldset
*
* The attachment details section is a collapsible fieldset, but should not
* have a border around it.
*/
.views-display-tab .fieldset-legend {
text-transform: none;
font-size: 14px;
left: -5px; /* LTR */
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Attachment columns
*
* The columns that contain the option buckets e.g. Format and Basic Settings
*/
.views-display-columns > * + * {
Jesse Beach
committed
margin-top: 0;
}
Jesse Beach
committed
/* @end */
Jesse Beach
committed
/* @group Auto preview
*
* The auto-preview checkbox line. This may have more stuff added to it.
input.arguments-preview {
margin-left: 10px;
margin-right: -5px;
}
div.form-item-displays-live-preview {
Jesse Beach
committed
text-align: right; /* LTR */
margin: 0 12px;
padding-bottom: 12px;
.views-query-info {
Katherine Senzee
committed
margin: 12px 0;
}
Jesse Beach
committed
/* @end */
/* @group Attachment buckets
*
* These are the individual "buckets," or boxes, inside the three columns in the
* attachment details section.
*/
.views-ui-display-tab-bucket {
border: 1px solid #f3f3f3;
/* The full-width bucket at the top. */
.fieldset-wrapper > .views-ui-display-tab-bucket:first-child {
border: none;
padding: 0;
}
.views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
border-top: medium none;
}
.views-ui-display-tab-bucket h3 {
font-size: 12px;
text-transform: uppercase;
}
.views-ui-display-tab-bucket .actions.links {
margin-right: 6px;
}
.views-ui-display-tab-bucket > * {
padding: 2px 6px 4px;
}
/* adjust the advanced help icons */
.views-ui-display-tab-bucket .advanced-help-link {
padding: 0;
margin: 6px 3px 0px 6px;
}
.views-ui-display-tab-bucket .icon-text {
padding-left: 25px; /* LTR */
.views-ui-display-tab-bucket .icon-linked {
background-position: 6px -151px;
}
.views-ui-display-tab-bucket .icon-unlinked {
background-position: 6px -193px;
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
/* @group Drop list */
html.js .views-ui-display-tab-bucket {
position: relative;
}
html.js .views-ui-display-tab-bucket .drop-list {
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%);
border: 1px solid #D0D0D0;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
font-size: 12px;
line-height: 1;
right: 5px;
padding: 2px 20px 2px 2px;
position: absolute;
top: 5px;
}
html.js .views-ui-display-tab-bucket .drop-list .links {
margin-right: 0;
}
html.js .views-ui-display-tab-bucket .drop-list .links li,
html.js .views-ui-display-tab-bucket .drop-list .links a {
display: block;
}
html.js .views-ui-display-tab-bucket .drop-list .links li {
line-height: 1.3333;
padding: 0 10px;
}
html.js .views-ui-display-tab-bucket .drop-list .trigger {
-moz-border-radius-bottomright: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-top-right-radius: 7px;
border-left: 1px solid #dfdfdf;
bottom: 0;
height: auto;
position: absolute;
right: 0;
top: 0;
width: 17px;
}
html.js .views-ui-display-tab-bucket .drop-list.open {
-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;
}
html.js .views-ui-display-tab-bucket .drop-list.open li + li {
border-top: 1px solid #efefef;
margin-top: 4px;
padding-bottom: 0;
padding-top: 4px;
}
/**
* This createds the drop-list arrow and inherits the link color
*/
html.js .views-ui-display-tab-bucket .drop-list .trigger span {
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-style: solid;
border-width: 4px 4px 0;
left: 4pt;
position: absolute;
top: 0.75em;
}
html.js .views-ui-display-tab-bucket .drop-list.open .trigger span {
border-bottom: 4px solid;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
top: 0.5em;
}
/* @end */
Jesse Beach
committed
/* @end */
/* @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 {
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? */
#edit-options-value, #edit-options-argument-validate-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 */
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
/* @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 {
border-top: 3px solid #CCC;
margin: 0 12px;
}
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;
}
#views-live-preview .views-row {
border: 1px dashed #DEDEDE;
padding: 6px;
}
#views-live-preview .views_ui_view_preview_section_title + *,
#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{
max-width: 450px;
}
/* @end */