11 .alert-success
a:hover
,
12 .alert-success a:focus {
21 .alert-warning
a:hover
,
22 .alert-warning a:focus {
26 .alert-danger
a:hover
,
27 .alert-danger a:focus {
31 * AJAX (throbber) styling.
33 @keyframes glyphicon-spin
{
35 transform: rotate
(0deg);
38 transform: rotate
(359deg);
42 display: inline-block
;
43 animation: glyphicon-spin
1s infinite linear
;
46 display: inline-block
;
47 text-decoration: none
;
49 html
.js
.btn
.ajax-throbber
{
51 margin-right: -0.25em;
53 html
.js
.form-item
.input-group-addon
.glyphicon
{
56 transition: 150ms color
, 150ms opacity
;
58 html
.js
.form-item
.input-group-addon
.glyphicon
.glyphicon-spin
{
62 html
.js
.form-item
.input-group-addon
.input-group-addon
{
63 background-color: #ffffff;
65 html
.js
.ajax-new-content:empty
{
66 display: none
!important
;
70 * Visual styles for fields.
75 .field--label-inline
.field--label
,
76 .field--label-inline .field--items {
80 .field--label-inline
.field--label
,
81 .field--label-inline
> .field--item
,
82 .field--label-inline .field--items {
85 [dir
="rtl"] .field--label-inline
.field--label
,
86 [dir
="rtl"] .field--label-inline
.field--items
{
92 .field--label-inline .field--label::after {
96 * File (and Image Widget) styles.
108 border-bottom: 1px solid
#ccc;
109 border-top: 1px solid
#ccc;
111 .file > span:first-child {
112 border-left: 1px solid
#ccc;
114 .file > span:last-child {
115 border-right: 1px solid
#ccc;
117 .file > .tabledrag-changed {
124 vertical-align: middle
;
125 border-left: 1px solid inherit
;
127 .file
> .tabledrag-changed
,
128 .file > .tabledrag-changed:last-child {
129 border: 1px solid
#f7e1b5;
134 padding: 0.25em 0.5em;
136 vertical-align: middle
;
140 vertical-align: middle
;
146 .file-link a:active {
154 vertical-align: middle
;
163 background-color: #fff;
164 border: 1px solid
#ddd;
166 border-radius: 0 0 4px 4px;
167 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.05);
177 .nav.nav-tabs.filter-formats {
183 table
.checkbox
.form-no-label
,
184 table
.radio
.form-no-label
{
189 display: inline-block
;
193 .form-inline .select-wrapper {
196 .input-group .select-wrapper {
199 .input-group .select-wrapper:first-child .form-control:first-child {
200 border-top-left-radius: 4px;
201 border-bottom-left-radius: 4px;
203 .input-group .select-wrapper:last-child .form-control:first-child {
204 border-top-right-radius: 4px;
205 border-bottom-right-radius: 4px;
207 .select-wrapper select {
208 -webkit-appearance: none
;
209 -moz-appearance: none
;
214 .select-wrapper select::-ms-expand {
217 .select-wrapper:after {
224 padding-right: 0.5em;
225 pointer-events: none
;
231 .has-glyphicons .select-wrapper:after {
232 -webkit-font-smoothing: antialiased
;
233 -moz-osx-font-smoothing: grayscale
;
235 display: inline-block
;
236 font-family: 'Glyphicons Halflings';
238 .has-error .select-wrapper:after {
241 .has-success .select-wrapper:after {
244 .has-warning .select-wrapper:after {
247 .form-required:after {
248 background-image: url
('../images/required.svg');
249 background-size: 10px 7px;
251 display: inline-block
;
252 vertical-align: super
;
258 .form-actions .btn-group {
261 .form-actions .btn-group .btn {
267 a
.icon-before
.glyphicon
,
268 a
.glyphicon
.icon-before
{
269 margin-right: 0.25em;
271 a
.icon-after
.glyphicon
,
272 a
.glyphicon
.icon-after
{
275 .btn
.icon-before
.glyphicon
,
276 .btn .glyphicon.icon-before {
277 margin-left: -0.25em;
278 margin-right: 0.25em;
280 .btn
.icon-after
.glyphicon
,
281 .btn .glyphicon.icon-after {
283 margin-right: -0.25em;
291 body
.navbar-is-static-top
{
294 body
.navbar-is-fixed-top
{
297 body
.navbar-is-fixed-bottom
{
298 padding-bottom: 65px;
300 @media screen and
(min-width: 768px) {
305 @media screen and
(max-width: 767px) {
306 body
.toolbar-vertical
.navbar-is-fixed-top
.toolbar-bar
,
307 body
.toolbar-vertical
.navbar-is-fixed-bottom
.toolbar-bar
{
310 body
.toolbar-vertical
.navbar-is-fixed-top header
,
311 body
.toolbar-vertical
.navbar-is-fixed-bottom header
{
314 body
.toolbar-vertical
.navbar-is-fixed-top header
{
318 @media screen and
(min-width: 768px) {
323 @media screen and
(min-width: 992px) {
328 @media screen and
(min-width: 1200px) {
338 @media screen and
(min-width: 768px) {
348 background-color: #fff4f4;
350 .node-preview-container {
353 .node-preview-form-select {
367 .panel-title:hover:focus {
372 text-decoration: none
;
375 * Progress bar styles.
380 .progress-wrapper:last-child .progress {
383 .progress-wrapper .message {
387 .progress-wrapper
.percentage
,
388 .progress-wrapper .progress-label {
391 .progress-wrapper .progress-bar {
397 .tabledrag-toggle-weight {
399 margin: 1px 2px 1px 10px;
401 .tabledrag-changed-warning {
411 margin: -10px 0 0 -10px;
414 .tabledrag-handle:hover
,
415 .tabledrag-handle:focus {
422 margin: -0.4em 0.2em -0.4em -0.4em;
424 padding: 0.42em 0 0.42em 0.6em;
428 [dir
="rtl"] .indentation
{
430 margin: -0.4em -0.4em -0.4em 0.2em;
431 padding: 0.42em 0.6em 0.42em 0;
434 * Tabs and local action styles.
437 margin: 10px 0 10px -5px;
443 * Missing Bootstrap 2 tab styling.
444 * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
445 * @see http://bootply.com/74926
450 .tabs-below
> .nav-tabs
,
451 .tabs-left
> .nav-tabs
,
452 .tabs-right > .nav-tabs {
455 .tabs-below
> .nav-tabs
.summary
,
456 .tabs-left
> .nav-tabs
.summary
,
457 .tabs-right > .nav-tabs .summary {
461 .tab-pane > .panel-heading {
464 .tab-content > .active {
467 .tabs-below > .nav-tabs {
468 border-top: 1px solid
#ddd;
470 .tabs-below > .nav-tabs > li {
474 .tabs-below > .nav-tabs > li > a {
475 border-radius: 0 0 4px 4px;
477 .tabs-below
> .nav-tabs
> li
> a:hover
,
478 .tabs-below > .nav-tabs > li > a:focus {
479 border-top-color: #ddd;
480 border-bottom-color: transparent
;
482 .tabs-below
> .nav-tabs
> .active
> a
,
483 .tabs-below
> .nav-tabs
> .active
> a:hover
,
484 .tabs-below > .nav-tabs > .active > a:focus {
485 border-color: transparent
#ddd #ddd #ddd;
487 .tabs-left
> .nav-tabs
,
488 .tabs-right > .nav-tabs {
489 padding-bottom: 20px;
492 .tabs-left
> .nav-tabs
> li
,
493 .tabs-right > .nav-tabs > li {
496 .tabs-left
> .nav-tabs
> li:focus
,
497 .tabs-right > .nav-tabs > li:focus {
500 .tabs-left
> .nav-tabs
> li
> a
,
501 .tabs-right > .nav-tabs > li > a {
505 .tabs-left
> .nav-tabs
> li
> a:focus
,
506 .tabs-right > .nav-tabs > li > a:focus {
509 .tabs-left
> .tab-content
,
510 .tabs-right > .tab-content {
511 border-radius: 0 4px 4px 4px;
512 border: 1px solid
#ddd;
513 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.05);
517 .tabs-left > .nav-tabs {
521 .tabs-left > .nav-tabs > li > a {
522 border-radius: 4px 0 0 4px;
524 .tabs-left
> .nav-tabs
> li
> a:hover
,
525 .tabs-left > .nav-tabs > li > a:focus {
526 border-color: #eeeeee #ddd #eeeeee #eeeeee;
528 .tabs-left
> .nav-tabs
> .active
> a
,
529 .tabs-left
> .nav-tabs
> .active
> a:hover
,
530 .tabs-left > .nav-tabs > .active > a:focus {
531 border-color: #ddd transparent
#ddd #ddd;
532 box-shadow: -1px 1px 1px rgba
(0, 0, 0, 0.05);
534 .tabs-right > .nav-tabs {
538 .tabs-right > .nav-tabs > li > a {
539 border-radius: 0 4px 4px 0;
541 .tabs-right
> .nav-tabs
> li
> a:hover
,
542 .tabs-right > .nav-tabs > li > a:focus {
543 border-color: #eeeeee #eeeeee #eeeeee #ddd;
544 box-shadow: 1px 1px 1px rgba
(0, 0, 0, 0.05);
546 .tabs-right
> .nav-tabs
> .active
> a
,
547 .tabs-right
> .nav-tabs
> .active
> a:hover
,
548 .tabs-right > .nav-tabs > .active > a:focus {
549 border-color: #ddd #ddd #ddd transparent
;
552 * Toolbar module styling.
554 body
.toolbar-fixed
.toolbar-oriented
.toolbar-bar
{
557 body
.toolbar-fixed
.navbar-fixed-top
{
560 body
.toolbar-fixed
.toolbar-horizontal
.toolbar-tray-open
.navbar-fixed-top
{
563 body
.toolbar-fixed
.toolbar-vertical
.toolbar-tray-open
.navbar-fixed-top
{
566 body
.toolbar-fixed
.toolbar-vertical
.toolbar-tray-open
.toolbar-fixed
{
569 body
.toolbar-fixed
.toolbar-vertical
.toolbar-tray-open
.toolbar-fixed
.toolbar-tray
{
570 padding-bottom: 40px;
572 body
.toolbar-fixed
.toolbar-vertical
.toolbar-tray-open
.toolbar-fixed
.toolbar-tray
,
573 body
.toolbar-fixed
.toolbar-vertical
.toolbar-tray-open
.toolbar-fixed
.toolbar-tray
> .toolbar-lining:before
{
576 body
.toolbar-loading
{
579 body
.toolbar-loading
.toolbar
{
583 * jQuery UI autocomplete widget style overrides.
585 * @todo Remove once jQuery UI is no longer used?
589 background-clip: padding-box
;
590 border: 1px solid
#ccc;
591 border: 1px solid rgba
(0, 0, 0, 0.15);
593 box-shadow: 0 6px 12px rgba
(0, 0, 0, 0.175);
595 font-family: "FreeSans", Helvetica
, Arial
, sans-serif
;
603 .ui-autocomplete .ui-menu-item {
611 line-height: 1.42857143;
615 text-decoration: none
;
618 .ui-autocomplete .ui-menu-item.ui-state-hover {
622 .ui-autocomplete
.ui-menu-item
.ui-state-active
,
623 .ui-autocomplete .ui-menu-item.ui-state-focus {
631 .popover
ol:last-child
,
632 .popover ul:last-child {
641 padding-bottom: 36px;
642 border-top: 1px solid
#E5E5E5;
645 .form-group:last-child
,
649 .region-help > .glyphicon {
652 margin: -0.05em 0.5em 0 0;
654 .region-help .block {
658 .control-group .help-inline {
664 .help-block:first-child
,
665 .control-group .help-inline:first-child {