xref: /plugin/tagging/style.less (revision dd52fd45cfc0913e04e29f544f3635bc2d8bf202) 
1form#tagging__edit input.edit {
2    width: 95%;
3}
4
5ul.tagging_cloud {
6    text-align: center;
7    margin: 0;
8    width: 95%;
9    line-height: 2.2em;
10
11    li {
12        display: inline;
13        list-style-type: none;
14        margin: 0;
15    }
16
17     div.li {
18        display: inline-block;
19        margin: 0 0.5em;
20    }
21
22    li.t0 {
23        font-size: 1em;
24    }
25
26    li.t1 {
27        font-size: 1.1em;
28    }
29
30    li.t2 {
31        font-size: 1.2em;
32    }
33
34    li.t3 {
35        font-size: 1.3em;
36    }
37
38    li.t4 {
39        font-size: 1.4em;
40    }
41
42    li.t5 {
43        font-size: 1.5em;
44    }
45
46    li.t6 {
47        font-size: 1.6em;
48    }
49
50    li.t7 {
51        font-size: 1.7em;
52    }
53
54    li.t8 {
55        font-size: 1.8em;
56    }
57
58    li.t9 {
59        font-size: 1.9em;
60    }
61
62    li.t10 {
63        font-size: 2em;
64    }
65}
66
67button.plugin_tagging.sort_button {
68    display: inline-block;
69    margin: 0;
70    padding: 0;
71    border: none;
72    background: transparent;
73    color: #2b73b7;
74
75    &:hover {
76        text-decoration: underline;
77    }
78    &:focus {
79        outline:0;
80    }
81
82    svg {
83        display: inline-block;
84        vertical-align: middle;
85        width: 10px;
86        height: 10px;
87    }
88}
89
90/*! X-editable - v1.5.3
91* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
92* http://github.com/vitalets/x-editable
93* Copyright (c) 2015 Vitaliy Potapov; Licensed MIT */
94.editableform {
95    margin-bottom: 0; /* overwrites bootstrap margin */
96}
97
98.editableform .control-group {
99    margin-bottom: 0; /* overwrites bootstrap margin */
100    white-space: nowrap; /* prevent wrapping buttons on new line */
101    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
102}
103
104.editable-buttons {
105   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
106   vertical-align: top;
107   margin-left: 7px;
108   /* inline-block emulation for IE7*/
109   zoom: 1;
110   *display: inline;
111}
112
113.editable-input {
114    vertical-align: top;
115    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
116    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
117    white-space: normal; /* reset white-space decalred in parent*/
118   /* display-inline emulation for IE7*/
119   zoom: 1;
120   *display: inline;
121}
122
123.editable-buttons .editable-cancel {
124   margin-left: 7px;
125}
126
127/*for jquery-ui buttons need set height to look more pretty*/
128.editable-buttons button.ui-button-icon-only {
129   height: 24px;
130   width: 30px;
131}
132
133.editableform-loading {
134    background: url('images/loading.gif') center center no-repeat;
135    height: 25px;
136    width: auto;
137    min-width: 25px;
138}
139
140 .editable-error-block {
141    max-width: 300px;
142    margin: 5px 0 0 0;
143    width: auto;
144    white-space: normal;
145}
146
147/*add padding for jquery ui*/
148.editable-error-block.ui-state-error {
149    padding: 3px;
150}
151
152.editable-error {
153   color: red;
154}
155
156/* ---- For specific types ---- */
157
158/* IOS-style clear button for text inputs */
159.editable-clear-x {
160   background: url('images/clear.png') center center no-repeat;
161   display: block;
162   width: 13px;
163   height: 13px;
164   position: absolute;
165   opacity: 0.6;
166   z-index: 100;
167
168   top: 50%;
169   right: 6px;
170   margin-top: -6px;
171
172}
173
174.editable-clear-x:hover {
175   opacity: 1;
176}
177
178.editable-click {
179    text-decoration: none;
180    border-bottom: dashed 1px #0088cc;
181}
182