.
11 |
12 | .list-group {
13 | // No need to set list-style: none; since .list-group-item is block level
14 | padding-left: 0; // reset padding because ul and ol
15 | margin-bottom: 20px;
16 | }
17 |
18 |
19 | // Individual list items
20 | //
21 | // Use on `li`s or `div`s within the `.list-group` parent.
22 |
23 | .list-group-item {
24 | position: relative;
25 | display: block;
26 | padding: 10px 15px;
27 | // Place the border on the list items and negative margin up for better styling
28 | margin-bottom: -1px;
29 | background-color: @list-group-bg;
30 | border: 1px solid @list-group-border;
31 |
32 | // Round the first and last items
33 | &:first-child {
34 | .border-top-radius(@list-group-border-radius);
35 | }
36 | &:last-child {
37 | margin-bottom: 0;
38 | .border-bottom-radius(@list-group-border-radius);
39 | }
40 |
41 | // Disabled state
42 | &.disabled,
43 | &.disabled:hover,
44 | &.disabled:focus {
45 | color: @list-group-disabled-color;
46 | cursor: @cursor-disabled;
47 | background-color: @list-group-disabled-bg;
48 |
49 | // Force color to inherit for custom content
50 | .list-group-item-heading {
51 | color: inherit;
52 | }
53 | .list-group-item-text {
54 | color: @list-group-disabled-text-color;
55 | }
56 | }
57 |
58 | // Active class on item itself, not parent
59 | &.active,
60 | &.active:hover,
61 | &.active:focus {
62 | z-index: 2; // Place active items above their siblings for proper border styling
63 | color: @list-group-active-color;
64 | background-color: @list-group-active-bg;
65 | border-color: @list-group-active-border;
66 |
67 | // Force color to inherit for custom content
68 | .list-group-item-heading,
69 | .list-group-item-heading > small,
70 | .list-group-item-heading > .small {
71 | color: inherit;
72 | }
73 | .list-group-item-text {
74 | color: @list-group-active-text-color;
75 | }
76 | }
77 | }
78 |
79 |
80 | // Interactive list items
81 | //
82 | // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
83 | // Includes an extra `.active` modifier class for showing selected items.
84 |
85 | a.list-group-item,
86 | button.list-group-item {
87 | color: @list-group-link-color;
88 |
89 | .list-group-item-heading {
90 | color: @list-group-link-heading-color;
91 | }
92 |
93 | // Hover state
94 | &:hover,
95 | &:focus {
96 | color: @list-group-link-hover-color;
97 | text-decoration: none;
98 | background-color: @list-group-hover-bg;
99 | }
100 | }
101 |
102 | button.list-group-item {
103 | width: 100%;
104 | text-align: left;
105 | }
106 |
107 |
108 | // Contextual variants
109 | //
110 | // Add modifier classes to change text and background color on individual items.
111 | // Organizationally, this must come after the `:hover` states.
112 |
113 | .list-group-item-variant(success; @state-success-bg; @state-success-text);
114 | .list-group-item-variant(info; @state-info-bg; @state-info-text);
115 | .list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
116 | .list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
117 |
118 |
119 | // Custom content options
120 | //
121 | // Extra classes for creating well-formatted content within `.list-group-item`s.
122 |
123 | .list-group-item-heading {
124 | margin-top: 0;
125 | margin-bottom: 5px;
126 | }
127 | .list-group-item-text {
128 | margin-bottom: 0;
129 | line-height: 1.3;
130 | }
131 |
--------------------------------------------------------------------------------
/src/main/less/skin/popup.less:
--------------------------------------------------------------------------------
1 | .popupwrapper{
2 | .popupoverlay {
3 | background-color:#000;
4 | .opacity(.3);
5 | }
6 |
7 | .popupcontainer{
8 | margin: auto;
9 | text-align: left;
10 | padding: 0;
11 | background: @popup-bgColor;
12 | background-clip: content-box;//TODO check this rule
13 | position: relative;
14 | min-width: 500px;
15 | .boxShadow(@popup-shadowX, @popup-shadowY, @popup-shadowBlur, @popup-shadowColor);
16 | display: inline-block;
17 | max-width: @popup-maxWidth;
18 | .page{
19 | padding: @popup-padding;
20 | > .header {
21 | h1{
22 | .fontSize(@popup-title-fontSize);
23 | margin: @popup-title-margin;
24 | }
25 | }
26 | .form {
27 | max-width: none;
28 | }
29 | }
30 | p {
31 | margin: 15px 0;
32 | }
33 | }
34 |
35 | .popupcontainerheader{
36 | .clearFix();
37 | h2{
38 | float: left;
39 | }
40 | a.close_popup{
41 | position: absolute;
42 | .hideText();
43 | .bg(@popup-closeButton-bgImg);
44 | width: @popup-closeButton-width;
45 | height: @popup-closeButton-height;
46 | top: @popup-closeButton-top;
47 | right: @popup-closeButton-right;
48 | }
49 | }
50 |
51 | .popupcontainerbody{
52 | >.page{
53 | >.header>img{
54 | height:24px;
55 | width:auto;
56 | }
57 | >.body{
58 | position: static;
59 | .datatable{
60 | &.table_view_table, &.table_view_form{
61 | .table{
62 | table-layout: auto;
63 | .td, .th{
64 | word-break: break-all;
65 | word-wrap: break-word;
66 | }
67 | }
68 | }
69 |
70 | .td_icon{
71 | .iconMixin(popup);
72 | }
73 | .actions{
74 | text-align: @popup-actions-textAlign;
75 | margin: @popup-actions-margin;
76 | a {
77 | &.cancel{
78 |
79 | }
80 | &.add{
81 |
82 | }
83 | +a, + css3-container + a{
84 | margin-left: @popup-button-marginBetween;
85 | }
86 | }
87 | }
88 | }
89 | }
90 | }
91 | .page_AddCustomProfileEntry{
92 | .body{
93 | .tableTitle{
94 | padding: 5px 0;
95 | }
96 | .pages_added .pager{
97 | display: none;
98 | }
99 | .pages_added .table {
100 | .thead .tr {
101 | .th_1 {
102 | width: 180px;
103 | min-width: 100px;
104 | &.th_icon {
105 | width: auto;
106 | min-width: 0px;
107 | padding: 0;
108 | margin: 0;
109 | border-right: none;
110 | }
111 |
112 | }
113 | .th_2 {
114 | &.th_page_name:before {
115 | border-left: none;
116 | }
117 | }
118 | }
119 | .tbody .tr {
120 | .td_icon {
121 | padding: 0 0 0 15px;
122 | border-right: medium none;
123 | text-align: right;
124 | }
125 | .td_page_name {
126 | border-left: none;
127 | }
128 | }
129 | }
130 | .pages_to_add .table .thead .tr .th_2{
131 | width: 120px;
132 | min-width: 80px;
133 | border-left:none;
134 | }
135 | }
136 | }
137 | }
138 |
139 | .popupframe{
140 | top: 150px;
141 | text-align: center;
142 | }
143 | }
144 |
--------------------------------------------------------------------------------
/src/main/less/bootstrap/scaffolding.less:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 | //
8 | // Heads up! This reset may cause conflicts with some third-party widgets.
9 | // For recommendations on resolving such conflicts, see
10 | // https://getbootstrap.com/docs/3.4/getting-started/#third-box-sizing
11 | * {
12 | .box-sizing(border-box);
13 | }
14 | *:before,
15 | *:after {
16 | .box-sizing(border-box);
17 | }
18 |
19 |
20 | // Body reset
21 |
22 | html {
23 | font-size: 10px;
24 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
25 | }
26 |
27 | body {
28 | font-family: @font-family-base;
29 | font-size: @font-size-base;
30 | line-height: @line-height-base;
31 | color: @text-color;
32 | background-color: @body-bg;
33 | }
34 |
35 | // Reset fonts for relevant elements
36 | input,
37 | button,
38 | select,
39 | textarea {
40 | font-family: inherit;
41 | font-size: inherit;
42 | line-height: inherit;
43 | }
44 |
45 |
46 | // Links
47 |
48 | a {
49 | color: @link-color;
50 | text-decoration: none;
51 |
52 | &:hover,
53 | &:focus {
54 | color: @link-hover-color;
55 | text-decoration: @link-hover-decoration;
56 | }
57 |
58 | &:focus {
59 | .tab-focus();
60 | }
61 | }
62 |
63 |
64 | // Figures
65 | //
66 | // We reset this here because previously Normalize had no `figure` margins. This
67 | // ensures we don't break anyone's use of the element.
68 |
69 | figure {
70 | margin: 0;
71 | }
72 |
73 |
74 | // Images
75 |
76 | img {
77 | vertical-align: middle;
78 | }
79 |
80 | // Responsive images (ensure images don't scale beyond their parents)
81 | .img-responsive {
82 | .img-responsive();
83 | }
84 |
85 | // Rounded corners
86 | .img-rounded {
87 | border-radius: @border-radius-large;
88 | }
89 |
90 | // Image thumbnails
91 | //
92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
93 | .img-thumbnail {
94 | padding: @thumbnail-padding;
95 | line-height: @line-height-base;
96 | background-color: @thumbnail-bg;
97 | border: 1px solid @thumbnail-border;
98 | border-radius: @thumbnail-border-radius;
99 | .transition(all .2s ease-in-out);
100 |
101 | // Keep them at most 100% wide
102 | .img-responsive(inline-block);
103 | }
104 |
105 | // Perfect circle
106 | .img-circle {
107 | border-radius: 50%; // set radius in percents
108 | }
109 |
110 |
111 | // Horizontal rules
112 |
113 | hr {
114 | margin-top: @line-height-computed;
115 | margin-bottom: @line-height-computed;
116 | border: 0;
117 | border-top: 1px solid @hr-border;
118 | }
119 |
120 |
121 | // Only display content to screen readers
122 | //
123 | // See: https://a11yproject.com/posts/how-to-hide-content
124 |
125 | .sr-only {
126 | position: absolute;
127 | width: 1px;
128 | height: 1px;
129 | padding: 0;
130 | margin: -1px;
131 | overflow: hidden;
132 | clip: rect(0, 0, 0, 0);
133 | border: 0;
134 | }
135 |
136 | // Use in conjunction with .sr-only to only display content when it's focused.
137 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
138 | // Credit: HTML5 Boilerplate
139 |
140 | .sr-only-focusable {
141 | &:active,
142 | &:focus {
143 | position: static;
144 | width: auto;
145 | height: auto;
146 | margin: 0;
147 | overflow: visible;
148 | clip: auto;
149 | }
150 | }
151 |
152 |
153 | // iOS "clickable elements" fix for role="button"
154 | //
155 | // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
156 | // for traditionally non-focusable elements with role="button"
157 | // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
158 |
159 | [role="button"] {
160 | cursor: pointer;
161 | }
162 |
--------------------------------------------------------------------------------
/src/main/less/skin/views/bpm/processlisting.less:
--------------------------------------------------------------------------------
1 | .page_processlisting{
2 | &admin, &pm{
3 | .tables_panel {
4 | .table .thead .th{
5 | &.th_{
6 | &displayDescription{
7 | display: @processList-header-description-display;
8 | }
9 | &deploymentDate{
10 | float: @processList-header-deployDate-float;
11 | }
12 | &configurationState{
13 | display: @processList-header-state-display;
14 | }
15 | }
16 | }
17 | .td_displayname{
18 | width: @processListAdmin-displayname-width;
19 | margin : @processList-displayname-margin;
20 | }
21 |
22 | .table .tbody .tr {
23 | position: relative;
24 | .td{
25 | overflow: hidden;
26 | text-overflow: ellipsis;
27 | white-space: nowrap;
28 | .boxSizing();
29 | &.td_{
30 | &displaydescription, &displayDescription{
31 | top: @processList-description-top;
32 | left: @processListAdmin-description-left;
33 | color: @processList-description-textColor;
34 | .fontSize(@processList-description-fontSize);
35 | position: @processList-description-position;
36 | width: @processListAdmin-description-width;
37 | text-overflow: ellipsis;
38 | white-space: nowrap;
39 | height: 1.25em;
40 | }
41 | &version {
42 | width: @processListAdmin-version-width;
43 | text-align: @processListAdmin-version-textAlign;
44 | }
45 | &configurationstate {
46 | .hideText();
47 | width : 20px;
48 | height : 15px !important;
49 | }
50 | &deploymentdate{
51 | width: @processList-deployementDate-width;
52 | }
53 | }
54 | }
55 | }
56 |
57 | .table .tbody .tr .td.td_deploymentdate {
58 | float : right;
59 | margin : 0 5px 0 0;
60 | }
61 |
62 | .configurationstate_resolved .td_configurationstate {
63 | .bgRight(@processList-configurationOk-bgImg);
64 | }
65 |
66 | .configurationstate_unresolved .td_configurationstate {
67 | .bgRight(@processList-configurationKo-bgImg);
68 | }
69 |
70 | }
71 | }
72 | &user{
73 | .tables_panel {
74 | .table .thead .th{
75 | &.th_displayDescription{
76 | display: @processList-header-description-display;
77 | }
78 | &.th_version{
79 | float: @processList-header-version-float;
80 | width: @processListUser-version-width;
81 | text-align: @processListUser-version-textAlign;
82 | }
83 | }
84 | .td_displayname{
85 | width: @processListUser-displayname-width;
86 | margin : @processList-displayname-margin;
87 | }
88 |
89 | .table .tbody .tr {
90 | position: relative;
91 | .td{
92 | overflow: hidden;
93 | text-overflow: ellipsis;
94 | white-space: nowrap;
95 | .boxSizing();
96 | &.td_{
97 | &displaydescription, &displayDescription {
98 | top: @processList-description-top;
99 | left: @processListUser-description-left;
100 | color: @processList-description-textColor;
101 | .fontSize(@processList-description-fontSize);
102 | position: @processList-description-position;
103 | width: @processListUser-description-width;
104 | text-overflow: ellipsis;
105 | white-space: nowrap;
106 | height: 1.25em;
107 | }
108 | &version {
109 | width: @processListUser-version-width;
110 | text-align: @processListUser-version-textAlign;
111 | float: @processList-header-version-float;
112 | }
113 | }
114 | }
115 | }
116 |
117 | .table .tbody .tr .td.td_deploymentdate {
118 | float : right;
119 | margin : 0 5px 0 0;
120 | }
121 |
122 | .configurationstate_resolved .td_configurationstate {
123 | .bgRight(@processList-configurationOk-bgImg);
124 | }
125 |
126 | .configurationstate_unresolved .td_configurationstate {
127 | .bgRight(@processList-configurationKo-bgImg);
128 | }
129 |
130 | }
131 | }
132 | }
--------------------------------------------------------------------------------
/src/main/less/bootstrap/popovers.less:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 |
6 | .popover {
7 | position: absolute;
8 | top: 0;
9 | left: 0;
10 | z-index: @zindex-popover;
11 | display: none;
12 | max-width: @popover-max-width;
13 | padding: 1px;
14 | // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15 | // So reset our font and text properties to avoid inheriting weird values.
16 | .reset-text();
17 | font-size: @font-size-base;
18 | background-color: @popover-bg;
19 | background-clip: padding-box;
20 | border: 1px solid @popover-fallback-border-color;
21 | border: 1px solid @popover-border-color;
22 | border-radius: @border-radius-large;
23 | .box-shadow(0 5px 10px rgba(0, 0, 0, .2));
24 |
25 | // Offset the popover to account for the popover arrow
26 | &.top { margin-top: -@popover-arrow-width; }
27 | &.right { margin-left: @popover-arrow-width; }
28 | &.bottom { margin-top: @popover-arrow-width; }
29 | &.left { margin-left: -@popover-arrow-width; }
30 |
31 | // Arrows
32 | // .arrow is outer, .arrow:after is inner
33 | > .arrow {
34 | border-width: @popover-arrow-outer-width;
35 |
36 | &,
37 | &:after {
38 | position: absolute;
39 | display: block;
40 | width: 0;
41 | height: 0;
42 | border-color: transparent;
43 | border-style: solid;
44 | }
45 |
46 | &:after {
47 | content: "";
48 | border-width: @popover-arrow-width;
49 | }
50 | }
51 |
52 | &.top > .arrow {
53 | bottom: -@popover-arrow-outer-width;
54 | left: 50%;
55 | margin-left: -@popover-arrow-outer-width;
56 | border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
57 | border-top-color: @popover-arrow-outer-color;
58 | border-bottom-width: 0;
59 | &:after {
60 | bottom: 1px;
61 | margin-left: -@popover-arrow-width;
62 | content: " ";
63 | border-top-color: @popover-arrow-color;
64 | border-bottom-width: 0;
65 | }
66 | }
67 | &.right > .arrow {
68 | top: 50%;
69 | left: -@popover-arrow-outer-width;
70 | margin-top: -@popover-arrow-outer-width;
71 | border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
72 | border-right-color: @popover-arrow-outer-color;
73 | border-left-width: 0;
74 | &:after {
75 | bottom: -@popover-arrow-width;
76 | left: 1px;
77 | content: " ";
78 | border-right-color: @popover-arrow-color;
79 | border-left-width: 0;
80 | }
81 | }
82 | &.bottom > .arrow {
83 | top: -@popover-arrow-outer-width;
84 | left: 50%;
85 | margin-left: -@popover-arrow-outer-width;
86 | border-top-width: 0;
87 | border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
88 | border-bottom-color: @popover-arrow-outer-color;
89 | &:after {
90 | top: 1px;
91 | margin-left: -@popover-arrow-width;
92 | content: " ";
93 | border-top-width: 0;
94 | border-bottom-color: @popover-arrow-color;
95 | }
96 | }
97 |
98 | &.left > .arrow {
99 | top: 50%;
100 | right: -@popover-arrow-outer-width;
101 | margin-top: -@popover-arrow-outer-width;
102 | border-right-width: 0;
103 | border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
104 | border-left-color: @popover-arrow-outer-color;
105 | &:after {
106 | right: 1px;
107 | bottom: -@popover-arrow-width;
108 | content: " ";
109 | border-right-width: 0;
110 | border-left-color: @popover-arrow-color;
111 | }
112 | }
113 | }
114 |
115 | .popover-title {
116 | padding: 8px 14px;
117 | margin: 0; // reset heading margin
118 | font-size: @font-size-base;
119 | background-color: @popover-title-bg;
120 | border-bottom: 1px solid darken(@popover-title-bg, 5%);
121 | border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
122 | }
123 |
124 | .popover-content {
125 | padding: 9px 14px;
126 | }
127 |
--------------------------------------------------------------------------------
/src/main/less/bootstrap/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | position: fixed;
18 | top: 0;
19 | right: 0;
20 | bottom: 0;
21 | left: 0;
22 | z-index: @zindex-modal;
23 | display: none;
24 | overflow: hidden;
25 | -webkit-overflow-scrolling: touch;
26 |
27 | // Prevent Chrome on Windows from adding a focus outline. For details, see
28 | // https://github.com/twbs/bootstrap/pull/10951.
29 | outline: 0;
30 |
31 | // When fading in the modal, animate it to slide down
32 | &.fade .modal-dialog {
33 | .translate(0, -25%);
34 | .transition-transform(~"0.3s ease-out");
35 | }
36 | &.in .modal-dialog { .translate(0, 0); }
37 | }
38 | .modal-open .modal {
39 | overflow-x: hidden;
40 | overflow-y: auto;
41 | }
42 |
43 | // Shell div to position the modal with bottom padding
44 | .modal-dialog {
45 | position: relative;
46 | width: auto;
47 | margin: 10px;
48 | }
49 |
50 | // Actual modal
51 | .modal-content {
52 | position: relative;
53 | background-color: @modal-content-bg;
54 | background-clip: padding-box;
55 | border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
56 | border: 1px solid @modal-content-border-color;
57 | border-radius: @border-radius-large;
58 | .box-shadow(0 3px 9px rgba(0, 0, 0, .5));
59 | // Remove focus outline from opened modal
60 | outline: 0;
61 | }
62 |
63 | // Modal background
64 | .modal-backdrop {
65 | position: fixed;
66 | top: 0;
67 | right: 0;
68 | bottom: 0;
69 | left: 0;
70 | z-index: @zindex-modal-background;
71 | background-color: @modal-backdrop-bg;
72 | // Fade for backdrop
73 | &.fade { .opacity(0); }
74 | &.in { .opacity(@modal-backdrop-opacity); }
75 | }
76 |
77 | // Modal header
78 | // Top section of the modal w/ title and dismiss
79 | .modal-header {
80 | padding: @modal-title-padding;
81 | border-bottom: 1px solid @modal-header-border-color;
82 | &:extend(.clearfix all);
83 | }
84 | // Close icon
85 | .modal-header .close {
86 | margin-top: -2px;
87 | }
88 |
89 | // Title text within header
90 | .modal-title {
91 | margin: 0;
92 | line-height: @modal-title-line-height;
93 | }
94 |
95 | // Modal body
96 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
97 | .modal-body {
98 | position: relative;
99 | padding: @modal-inner-padding;
100 | }
101 |
102 | // Footer (for actions)
103 | .modal-footer {
104 | padding: @modal-inner-padding;
105 | text-align: right; // right align buttons
106 | border-top: 1px solid @modal-footer-border-color;
107 | &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
108 |
109 | // Properly space out buttons
110 | .btn + .btn {
111 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
112 | margin-left: 5px;
113 | }
114 | // but override that for button groups
115 | .btn-group .btn + .btn {
116 | margin-left: -1px;
117 | }
118 | // and override it for block buttons as well
119 | .btn-block + .btn-block {
120 | margin-left: 0;
121 | }
122 | }
123 |
124 | // Measure scrollbar width for padding body during modal show/hide
125 | .modal-scrollbar-measure {
126 | position: absolute;
127 | top: -9999px;
128 | width: 50px;
129 | height: 50px;
130 | overflow: scroll;
131 | }
132 |
133 | // Scale up the modal
134 | @media (min-width: @screen-sm-min) {
135 | // Automatically set modal's width for larger viewports
136 | .modal-dialog {
137 | width: @modal-md;
138 | margin: 30px auto;
139 | }
140 | .modal-content {
141 | .box-shadow(0 5px 15px rgba(0, 0, 0, .5));
142 | }
143 |
144 | // Modal sizes
145 | .modal-sm { width: @modal-sm; }
146 | }
147 |
148 | @media (min-width: @screen-md-min) {
149 | .modal-lg { width: @modal-lg; }
150 | }
151 |
--------------------------------------------------------------------------------
/src/main/less/skin/skin.reset.less:
--------------------------------------------------------------------------------
1 | // -----------------------------------------------------------------------------
2 | // Web fonts
3 | // -----------------------------------------------------------------------------
4 | @font-face {
5 | font-family: 'Signika-Regular';
6 | src: url("@{skinFontPath}Signika-Regular.eot");
7 | src: local('☺'), url("@{skinFontPath}Signika-Regular.woff") format('woff'), url("@{skinFontPath}Signika-Regular.ttf") format('truetype'), url("@{skinFontPath}Signika-Regular.svg") format('svg');
8 | font-weight: normal;
9 | font-style: normal;
10 | }
11 | @font-face {
12 | font-family: 'Signika-Semibold';
13 | src: url("@{skinFontPath}Signika-Semibold.eot");
14 | src: local('☺'), url("@{skinFontPath}Signika-Semibold.woff") format('woff'), url("@{skinFontPath}Signika-Semibold.ttf") format('truetype'), url("@{skinFontPath}Signika-Semibold.svg") format('svg');
15 | font-weight: normal;
16 | font-style: normal;
17 | }
18 | @font-face{
19 | font-family:'Glyphicons Halflings';
20 | src:url("@{skinFontPath}glyphicons-halflings-regular.eot");
21 | src:url("@{skinFontPath}glyphicons-halflings-regular.eot#iefix") format('embedded-opentype'),url("@{skinFontPath}glyphicons-halflings-regular.woff2") format('woff2'),url("@{skinFontPath}glyphicons-halflings-regular.woff") format('woff'),url("@{skinFontPath}glyphicons-halflings-regular.ttf") format('truetype'),url("@{skinFontPath}glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format('svg');
22 | }
23 |
24 | .glyphicon {
25 | position: relative;
26 | top: 1px;
27 | display: inline-block;
28 | font-family: 'Glyphicons Halflings';
29 | font-style: normal;
30 | font-weight: 400;
31 | line-height: 1;
32 | -webkit-font-smoothing: antialiased;
33 | -moz-osx-font-smoothing: grayscale;
34 | }
35 | .glyphicon-option-horizontal:before {
36 | content: "\e234";
37 | }
38 | // -----------------------------------------------------------------------------
39 | // HTML reset
40 | // -----------------------------------------------------------------------------
41 | html{
42 | font-family: @regularFont;
43 | font-size: 100%;
44 | color: @fontColor;
45 | }
46 |
47 | body{
48 | font-size: @fontSize;
49 | margin: 0;
50 | padding: 0;
51 | }
52 |
53 | ul{
54 | list-style: none;
55 | &, li{
56 | .noPadding();
57 | .noMargin();
58 | list-style: none;
59 | }
60 | }
61 |
62 | h1, h2, h3, h4, h5, h6, h7{
63 | .skinFontFamily();
64 | font-weight: 300;
65 | color: @mainAccentColor;
66 | margin: 0;
67 | }
68 |
69 | a{
70 | .pointerAsLink();
71 | text-decoration: none;
72 | color: @color4;
73 | &:visited, &:active, &:current{
74 | color: @color4;
75 | }
76 | }
77 |
78 | // -----------------------------------------------------------------------------
79 | // default behaviour
80 | // -----------------------------------------------------------------------------
81 | .page_StartProcess{
82 | background-color: #ffffff;
83 | }
84 | // -----------------------------------------------------------------------------
85 | // dropdown reset
86 | // -----------------------------------------------------------------------------
87 | .dropdownmenu{
88 | .clearFix();
89 | >li{
90 | >a{
91 | text-decoration: none;
92 | }
93 | }
94 | }
95 | // -----------------------------------------------------------------------------
96 | // 3panel reset
97 | // -----------------------------------------------------------------------------
98 | .itemlistingpage{
99 | .table, .tr{
100 | width: 100%;
101 | display: block;
102 | float: left;
103 | clear: both;
104 | .td, .th{
105 | display: block;
106 | float: left;
107 | }
108 | }
109 | .tbody, .thead, .tfoot{
110 | .boxSizing();
111 | .clearFix();
112 | width: 100%;
113 | }
114 |
115 | }
116 | .section{
117 | display: block;
118 | }
119 | .filters_panel, .tables_panel, .details_panel{
120 | .boxSizing();
121 | position: relative;
122 | .primary, .secondary, .resource{
123 | &_filters{
124 | a{
125 | display: block;
126 | }
127 | }
128 | }
129 | }
130 |
131 | .table{
132 | .thead{
133 | display: block;
134 | .tr{
135 | display: table-header-group;
136 | .th{
137 | display: table-cell;
138 | }
139 | }
140 | }
141 | .tbody{
142 | .tr{
143 | display: table-row;
144 | float: left;
145 | clear: both;
146 | .td{
147 | display: table-cell;
148 | float: left;
149 | }
150 | }
151 | }
152 | }
--------------------------------------------------------------------------------
/src/main/less/bootstrap/buttons.less:
--------------------------------------------------------------------------------
1 | // stylelint-disable selector-no-qualifying-type
2 |
3 | //
4 | // Buttons
5 | // --------------------------------------------------
6 |
7 |
8 | // Base styles
9 | // --------------------------------------------------
10 |
11 | .btn {
12 | display: inline-block;
13 | margin-bottom: 0; // For input.btn
14 | font-weight: @btn-font-weight;
15 | text-align: center;
16 | white-space: nowrap;
17 | vertical-align: middle;
18 | touch-action: manipulation;
19 | cursor: pointer;
20 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
21 | border: 1px solid transparent;
22 | .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base);
23 | .user-select(none);
24 |
25 | &,
26 | &:active,
27 | &.active {
28 | &:focus,
29 | &.focus {
30 | .tab-focus();
31 | }
32 | }
33 |
34 | &:hover,
35 | &:focus,
36 | &.focus {
37 | color: @btn-default-color;
38 | text-decoration: none;
39 | }
40 |
41 | &:active,
42 | &.active {
43 | background-image: none;
44 | outline: 0;
45 | .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
46 | }
47 |
48 | &.disabled,
49 | &[disabled],
50 | fieldset[disabled] & {
51 | cursor: @cursor-disabled;
52 | .opacity(.65);
53 | .box-shadow(none);
54 | }
55 |
56 | a& {
57 | &.disabled,
58 | fieldset[disabled] & {
59 | pointer-events: none; // Future-proof disabling of clicks on `
` elements
60 | }
61 | }
62 | }
63 |
64 |
65 | // Alternate buttons
66 | // --------------------------------------------------
67 |
68 | .btn-default {
69 | .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
70 | }
71 | .btn-primary {
72 | .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
73 | }
74 | // Success appears as green
75 | .btn-success {
76 | .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
77 | }
78 | // Info appears as blue-green
79 | .btn-info {
80 | .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
81 | }
82 | // Warning appears as orange
83 | .btn-warning {
84 | .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
85 | }
86 | // Danger and error appear as red
87 | .btn-danger {
88 | .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
89 | }
90 |
91 |
92 | // Link buttons
93 | // -------------------------
94 |
95 | // Make a button look and behave like a link
96 | .btn-link {
97 | font-weight: 400;
98 | color: @link-color;
99 | border-radius: 0;
100 |
101 | &,
102 | &:active,
103 | &.active,
104 | &[disabled],
105 | fieldset[disabled] & {
106 | background-color: transparent;
107 | .box-shadow(none);
108 | }
109 | &,
110 | &:hover,
111 | &:focus,
112 | &:active {
113 | border-color: transparent;
114 | }
115 | &:hover,
116 | &:focus {
117 | color: @link-hover-color;
118 | text-decoration: @link-hover-decoration;
119 | background-color: transparent;
120 | }
121 | &[disabled],
122 | fieldset[disabled] & {
123 | &:hover,
124 | &:focus {
125 | color: @btn-link-disabled-color;
126 | text-decoration: none;
127 | }
128 | }
129 | }
130 |
131 |
132 | // Button Sizes
133 | // --------------------------------------------------
134 |
135 | .btn-lg {
136 | // line-height: ensure even-numbered height of button next to large input
137 | .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large);
138 | }
139 | .btn-sm {
140 | // line-height: ensure proper height of button next to small input
141 | .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small);
142 | }
143 | .btn-xs {
144 | .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small);
145 | }
146 |
147 |
148 | // Block button
149 | // --------------------------------------------------
150 |
151 | .btn-block {
152 | display: block;
153 | width: 100%;
154 | }
155 |
156 | // Vertically space out multiple block buttons
157 | .btn-block + .btn-block {
158 | margin-top: 5px;
159 | }
160 |
161 | // Specificity overrides
162 | input[type="submit"],
163 | input[type="reset"],
164 | input[type="button"] {
165 | &.btn-block {
166 | width: 100%;
167 | }
168 | }
169 |
--------------------------------------------------------------------------------
/src/main/less/bootstrap/mixins/gradients.less:
--------------------------------------------------------------------------------
1 | // stylelint-disable value-no-vendor-prefix, selector-max-id
2 |
3 | #gradient {
4 |
5 | // Horizontal gradient, from left to right
6 | //
7 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
8 | // Color stops are not available in IE9 and below.
9 | .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
10 | background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
11 | background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
12 | background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
14 | background-repeat: repeat-x;
15 | }
16 |
17 | // Vertical gradient, from top to bottom
18 | //
19 | // Creates two color stops, start and end, by specifying a color and position for each color stop.
20 | // Color stops are not available in IE9 and below.
21 | .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
22 | background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
23 | background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
24 | background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
26 | background-repeat: repeat-x;
27 | }
28 |
29 | .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
30 | background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
31 | background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
32 | background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
33 | background-repeat: repeat-x;
34 | }
35 | .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
36 | background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
37 | background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
38 | background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
39 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
40 | background-repeat: no-repeat;
41 | }
42 | .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
43 | background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
44 | background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
45 | background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
46 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
47 | background-repeat: no-repeat;
48 | }
49 | .radial(@inner-color: #555; @outer-color: #333) {
50 | background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
51 | background-image: radial-gradient(circle, @inner-color, @outer-color);
52 | background-repeat: no-repeat;
53 | }
54 | .striped(@color: rgba(255, 255, 255, .15); @angle: 45deg) {
55 | background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
56 | background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
57 | background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/main/less/bootstrap/input-groups.less:
--------------------------------------------------------------------------------
1 | // stylelint-disable selector-no-qualifying-type
2 |
3 | //
4 | // Input groups
5 | // --------------------------------------------------
6 |
7 | // Base styles
8 | // -------------------------
9 | .input-group {
10 | position: relative; // For dropdowns
11 | display: table;
12 | border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
13 |
14 | // Undo padding and float of grid classes
15 | &[class*="col-"] {
16 | float: none;
17 | padding-right: 0;
18 | padding-left: 0;
19 | }
20 |
21 | .form-control {
22 | // Ensure that the input is always above the *appended* addon button for
23 | // proper border colors.
24 | position: relative;
25 | z-index: 2;
26 |
27 | // IE9 fubars the placeholder attribute in text inputs and the arrows on
28 | // select elements in input groups. To fix it, we float the input. Details:
29 | // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
30 | float: left;
31 |
32 | width: 100%;
33 | margin-bottom: 0;
34 |
35 | &:focus {
36 | z-index: 3;
37 | }
38 | }
39 | }
40 |
41 | // Sizing options
42 | //
43 | // Remix the default form control sizing classes into new ones for easier
44 | // manipulation.
45 |
46 | .input-group-lg > .form-control,
47 | .input-group-lg > .input-group-addon,
48 | .input-group-lg > .input-group-btn > .btn {
49 | .input-lg();
50 | }
51 | .input-group-sm > .form-control,
52 | .input-group-sm > .input-group-addon,
53 | .input-group-sm > .input-group-btn > .btn {
54 | .input-sm();
55 | }
56 |
57 |
58 | // Display as table-cell
59 | // -------------------------
60 | .input-group-addon,
61 | .input-group-btn,
62 | .input-group .form-control {
63 | display: table-cell;
64 |
65 | &:not(:first-child):not(:last-child) {
66 | border-radius: 0;
67 | }
68 | }
69 | // Addon and addon wrapper for buttons
70 | .input-group-addon,
71 | .input-group-btn {
72 | width: 1%;
73 | white-space: nowrap;
74 | vertical-align: middle; // Match the inputs
75 | }
76 |
77 | // Text input groups
78 | // -------------------------
79 | .input-group-addon {
80 | padding: @padding-base-vertical @padding-base-horizontal;
81 | font-size: @font-size-base;
82 | font-weight: 400;
83 | line-height: 1;
84 | color: @input-color;
85 | text-align: center;
86 | background-color: @input-group-addon-bg;
87 | border: 1px solid @input-group-addon-border-color;
88 | border-radius: @input-border-radius;
89 |
90 | // Sizing
91 | &.input-sm {
92 | padding: @padding-small-vertical @padding-small-horizontal;
93 | font-size: @font-size-small;
94 | border-radius: @input-border-radius-small;
95 | }
96 | &.input-lg {
97 | padding: @padding-large-vertical @padding-large-horizontal;
98 | font-size: @font-size-large;
99 | border-radius: @input-border-radius-large;
100 | }
101 |
102 | // Nuke default margins from checkboxes and radios to vertically center within.
103 | input[type="radio"],
104 | input[type="checkbox"] {
105 | margin-top: 0;
106 | }
107 | }
108 |
109 | // Reset rounded corners
110 | .input-group .form-control:first-child,
111 | .input-group-addon:first-child,
112 | .input-group-btn:first-child > .btn,
113 | .input-group-btn:first-child > .btn-group > .btn,
114 | .input-group-btn:first-child > .dropdown-toggle,
115 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
116 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
117 | .border-right-radius(0);
118 | }
119 | .input-group-addon:first-child {
120 | border-right: 0;
121 | }
122 | .input-group .form-control:last-child,
123 | .input-group-addon:last-child,
124 | .input-group-btn:last-child > .btn,
125 | .input-group-btn:last-child > .btn-group > .btn,
126 | .input-group-btn:last-child > .dropdown-toggle,
127 | .input-group-btn:first-child > .btn:not(:first-child),
128 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
129 | .border-left-radius(0);
130 | }
131 | .input-group-addon:last-child {
132 | border-left: 0;
133 | }
134 |
135 | // Button input groups
136 | // -------------------------
137 | .input-group-btn {
138 | position: relative;
139 | // Jankily prevent input button groups from wrapping with `white-space` and
140 | // `font-size` in combination with `inline-block` on buttons.
141 | font-size: 0;
142 | white-space: nowrap;
143 |
144 | // Negative margin for spacing, position for bringing hovered/focused/actived
145 | // element above the siblings.
146 | > .btn {
147 | position: relative;
148 | + .btn {
149 | margin-left: -1px;
150 | }
151 | // Bring the "active" button to the front
152 | &:hover,
153 | &:focus,
154 | &:active {
155 | z-index: 2;
156 | }
157 | }
158 |
159 | // Negative margin to only have a 1px border between the two
160 | &:first-child {
161 | > .btn,
162 | > .btn-group {
163 | margin-right: -1px;
164 | }
165 | }
166 | &:last-child {
167 | > .btn,
168 | > .btn-group {
169 | z-index: 2;
170 | margin-left: -1px;
171 | }
172 | }
173 | }
174 |
--------------------------------------------------------------------------------
/src/main/less/bootstrap/responsive-utilities.less:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important, at-rule-no-vendor-prefix
2 |
3 | //
4 | // Responsive: Utility classes
5 | // --------------------------------------------------
6 |
7 |
8 | // IE10 in Windows (Phone) 8
9 | //
10 | // Support for responsive views via media queries is kind of borked in IE10, for
11 | // Surface/desktop in split view and for Windows Phone 8. This particular fix
12 | // must be accompanied by a snippet of JavaScript to sniff the user agent and
13 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
14 | // our Getting Started page for more information on this bug.
15 | //
16 | // For more information, see the following:
17 | //
18 | // Issue: https://github.com/twbs/bootstrap/issues/10497
19 | // Docs: https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width
20 | // Source: https://timkadlec.com/2013/01/windows-phone-8-and-device-width/
21 | // Source: https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
22 |
23 | @-ms-viewport {
24 | width: device-width;
25 | }
26 |
27 |
28 | // Visibility utilities
29 | // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
30 | .visible-xs,
31 | .visible-sm,
32 | .visible-md,
33 | .visible-lg {
34 | .responsive-invisibility();
35 | }
36 |
37 | .visible-xs-block,
38 | .visible-xs-inline,
39 | .visible-xs-inline-block,
40 | .visible-sm-block,
41 | .visible-sm-inline,
42 | .visible-sm-inline-block,
43 | .visible-md-block,
44 | .visible-md-inline,
45 | .visible-md-inline-block,
46 | .visible-lg-block,
47 | .visible-lg-inline,
48 | .visible-lg-inline-block {
49 | display: none !important;
50 | }
51 |
52 | .visible-xs {
53 | @media (max-width: @screen-xs-max) {
54 | .responsive-visibility();
55 | }
56 | }
57 | .visible-xs-block {
58 | @media (max-width: @screen-xs-max) {
59 | display: block !important;
60 | }
61 | }
62 | .visible-xs-inline {
63 | @media (max-width: @screen-xs-max) {
64 | display: inline !important;
65 | }
66 | }
67 | .visible-xs-inline-block {
68 | @media (max-width: @screen-xs-max) {
69 | display: inline-block !important;
70 | }
71 | }
72 |
73 | .visible-sm {
74 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
75 | .responsive-visibility();
76 | }
77 | }
78 | .visible-sm-block {
79 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
80 | display: block !important;
81 | }
82 | }
83 | .visible-sm-inline {
84 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
85 | display: inline !important;
86 | }
87 | }
88 | .visible-sm-inline-block {
89 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
90 | display: inline-block !important;
91 | }
92 | }
93 |
94 | .visible-md {
95 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
96 | .responsive-visibility();
97 | }
98 | }
99 | .visible-md-block {
100 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
101 | display: block !important;
102 | }
103 | }
104 | .visible-md-inline {
105 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
106 | display: inline !important;
107 | }
108 | }
109 | .visible-md-inline-block {
110 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
111 | display: inline-block !important;
112 | }
113 | }
114 |
115 | .visible-lg {
116 | @media (min-width: @screen-lg-min) {
117 | .responsive-visibility();
118 | }
119 | }
120 | .visible-lg-block {
121 | @media (min-width: @screen-lg-min) {
122 | display: block !important;
123 | }
124 | }
125 | .visible-lg-inline {
126 | @media (min-width: @screen-lg-min) {
127 | display: inline !important;
128 | }
129 | }
130 | .visible-lg-inline-block {
131 | @media (min-width: @screen-lg-min) {
132 | display: inline-block !important;
133 | }
134 | }
135 |
136 | .hidden-xs {
137 | @media (max-width: @screen-xs-max) {
138 | .responsive-invisibility();
139 | }
140 | }
141 | .hidden-sm {
142 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
143 | .responsive-invisibility();
144 | }
145 | }
146 | .hidden-md {
147 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
148 | .responsive-invisibility();
149 | }
150 | }
151 | .hidden-lg {
152 | @media (min-width: @screen-lg-min) {
153 | .responsive-invisibility();
154 | }
155 | }
156 |
157 |
158 | // Print utilities
159 | //
160 | // Media queries are placed on the inside to be mixin-friendly.
161 |
162 | // Note: Deprecated .visible-print as of v3.2.0
163 | .visible-print {
164 | .responsive-invisibility();
165 |
166 | @media print {
167 | .responsive-visibility();
168 | }
169 | }
170 | .visible-print-block {
171 | display: none !important;
172 |
173 | @media print {
174 | display: block !important;
175 | }
176 | }
177 | .visible-print-inline {
178 | display: none !important;
179 |
180 | @media print {
181 | display: inline !important;
182 | }
183 | }
184 | .visible-print-inline-block {
185 | display: none !important;
186 |
187 | @media print {
188 | display: inline-block !important;
189 | }
190 | }
191 |
192 | .hidden-print {
193 | @media print {
194 | .responsive-invisibility();
195 | }
196 | }
197 |
--------------------------------------------------------------------------------