panopoly-magic.css in Panopoly Magic 7
/**
* Panopoly Modal Magic Styles
*/
/**
* Styles for Menu Block Pane
*/
.menu-block-processed {
border: 0;
}
@media only screen and (max-width: 480px) {
/* Hide IPE from mobile, since it doesn't really work anyway */
#panels-ipe-control-container {
display: none !important;
}
}
/**
* Override of CTools Throbber
*/
a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
padding-right: 18px !important;
background: url(../images/status-active.gif) right center no-repeat !important;
}
div.ctools-ajaxing {
float: left;
width: 18px;
background: url(../images/status-active.gif) center center no-repeat !important;
}
.ajax-progress .throbber {
display: none;
}
.ajax-progress-throbber {
background-image: url("../images/status-active.gif");
background-position: center center;
background-repeat: no-repeat;
min-height: 16px;
opacity: .9;
padding: 3px;
width: 16px;
vertical-align: middle;
}
.ajax-progress-throbber .message {
display: none;
}
/**
* Custom styling for Changing Layout Feature
*/
div.ctools-modal-content div.form-item-categories label {
float: left;
font-weight: normal;
margin-top: 2px;
margin-right: 5px;
width: auto;
}
div.ctools-modal-content .panels-choose-layout .dependent-options {
padding-left: 0px;
}
div.modal-content-preview-button {
padding-top: 100px;
text-align: center;
}
/**
* Custom styling for exposed views filter options
*/
#modal-content .form-item-offset,
#modal-content .form-item-items-per-page,
#modal-content .form-item-exposed-sort-order,
#modal-content .form-item-exposed-sort-by {
float: left;
width: 175px;
}
#modal-content .form-item-offset,
#modal-content .form-item-exposed-sort-order {
clear: none;
}
#modal-content .form-item-exposed-sort-order label,
#modal-content .form-item-exposed-sort-by label {
float: left;
font-weight: normal;
margin-right: 5px;
width: auto;
margin-top: 3px;
font-size: 100%;
}
#modal-content .form-item-exposed-pager-id label {
font-weight: normal;
}
#modal-content .general-settings-fieldset label {
float: left;
font-weight: normal;
width: auto;
margin-top: 5px;
margin-right: 5px;
}
#modal-content .general-settings-fieldset label.option {
float:none;
}
#modal-content #edit-context label {
float: left;
font-weight: normal;
width: auto;
margin-top: 2px;
margin-right: 5px;
}
#modal-content #views-exposed-pane div.form-item {
display: inline;
}
/* Handle the Header Type Setting Element */
#modal-content .form-item-header-type label {
display:inline;
clear: none;
font-weight: normal;
font-size: 12px;
margin-top: 5px;
}
#modal-content .form-item-header-type select {
display: inline;
margin-left: 5px;
margin-top: 5px;
}
/* Handle the Display Type setting element. */
#modal-content .view-settings-wrapper .form-item-view-settings {
display: inline;
}
#modal-content .view-settings-wrapper label {
display: inline;
padding-right: 5px;
font-weight: normal;
font-size: 12px;
}
#modal-content .view-settings-wrapper .form-radios {
display: inline;
padding-right: 5px;
}
#modal-content .view-settings-wrapper .form-radio {
margin-left: 5px;
}
/**
* Custom Stylizer CSS
*/
#ctools_stylizer_color_scheme_form {
float: none;
}
#ctools_stylizer_color_scheme_form #palette .form-item {
width: auto;
padding: .5em .75em;
}
div.ctools-modal-content #ctools_stylizer_color_scheme_form .form-item label {
width: auto;
}
#ctools_stylizer_color_scheme_form #palette .form-item label {
float: left;
margin-right: 10px;
margin-top: .25em;
}
/**
* Remove the Save as Default Option
*/
#panels-ipe-edit-control-form #panelizer-save-default {
display: none;
}
File
css/panopoly-magic.css
View source
- /**
- * Panopoly Modal Magic Styles
- */
-
- /**
- * Styles for Menu Block Pane
- */
- .menu-block-processed {
- border: 0;
- }
-
- @media only screen and (max-width: 480px) {
- /* Hide IPE from mobile, since it doesn't really work anyway */
- #panels-ipe-control-container {
- display: none !important;
- }
- }
-
- /**
- * Override of CTools Throbber
- */
- a.ctools-ajaxing,
- input.ctools-ajaxing,
- button.ctools-ajaxing,
- select.ctools-ajaxing {
- padding-right: 18px !important;
- background: url(../images/status-active.gif) right center no-repeat !important;
- }
-
- div.ctools-ajaxing {
- float: left;
- width: 18px;
- background: url(../images/status-active.gif) center center no-repeat !important;
- }
-
- .ajax-progress .throbber {
- display: none;
- }
-
- .ajax-progress-throbber {
- background-image: url("../images/status-active.gif");
- background-position: center center;
- background-repeat: no-repeat;
- min-height: 16px;
- opacity: .9;
- padding: 3px;
- width: 16px;
- vertical-align: middle;
- }
-
- .ajax-progress-throbber .message {
- display: none;
- }
-
- /**
- * Custom styling for Changing Layout Feature
- */
- div.ctools-modal-content div.form-item-categories label {
- float: left;
- font-weight: normal;
- margin-top: 2px;
- margin-right: 5px;
- width: auto;
- }
-
- div.ctools-modal-content .panels-choose-layout .dependent-options {
- padding-left: 0px;
- }
-
- div.modal-content-preview-button {
- padding-top: 100px;
- text-align: center;
- }
-
- /**
- * Custom styling for exposed views filter options
- */
- #modal-content .form-item-offset,
- #modal-content .form-item-items-per-page,
- #modal-content .form-item-exposed-sort-order,
- #modal-content .form-item-exposed-sort-by {
- float: left;
- width: 175px;
- }
-
- #modal-content .form-item-offset,
- #modal-content .form-item-exposed-sort-order {
- clear: none;
- }
-
- #modal-content .form-item-exposed-sort-order label,
- #modal-content .form-item-exposed-sort-by label {
- float: left;
- font-weight: normal;
- margin-right: 5px;
- width: auto;
- margin-top: 3px;
- font-size: 100%;
- }
-
- #modal-content .form-item-exposed-pager-id label {
- font-weight: normal;
- }
-
- #modal-content .general-settings-fieldset label {
- float: left;
- font-weight: normal;
- width: auto;
- margin-top: 5px;
- margin-right: 5px;
- }
-
- #modal-content .general-settings-fieldset label.option {
- float:none;
- }
-
- #modal-content #edit-context label {
- float: left;
- font-weight: normal;
- width: auto;
- margin-top: 2px;
- margin-right: 5px;
- }
-
- #modal-content #views-exposed-pane div.form-item {
- display: inline;
- }
-
- /* Handle the Header Type Setting Element */
- #modal-content .form-item-header-type label {
- display:inline;
- clear: none;
- font-weight: normal;
- font-size: 12px;
- margin-top: 5px;
- }
-
- #modal-content .form-item-header-type select {
- display: inline;
- margin-left: 5px;
- margin-top: 5px;
- }
-
- /* Handle the Display Type setting element. */
- #modal-content .view-settings-wrapper .form-item-view-settings {
- display: inline;
- }
-
- #modal-content .view-settings-wrapper label {
- display: inline;
- padding-right: 5px;
- font-weight: normal;
- font-size: 12px;
- }
-
- #modal-content .view-settings-wrapper .form-radios {
- display: inline;
- padding-right: 5px;
- }
-
- #modal-content .view-settings-wrapper .form-radio {
- margin-left: 5px;
- }
-
- /**
- * Custom Stylizer CSS
- */
- #ctools_stylizer_color_scheme_form {
- float: none;
- }
-
- #ctools_stylizer_color_scheme_form #palette .form-item {
- width: auto;
- padding: .5em .75em;
- }
-
- div.ctools-modal-content #ctools_stylizer_color_scheme_form .form-item label {
- width: auto;
- }
-
- #ctools_stylizer_color_scheme_form #palette .form-item label {
- float: left;
- margin-right: 10px;
- margin-top: .25em;
- }
-
- /**
- * Remove the Save as Default Option
- */
- #panels-ipe-edit-control-form #panelizer-save-default {
- display: none;
- }