diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css | 238 |
1 files changed, 238 insertions, 0 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css new file mode 100644 index 0000000000..9644485cab --- /dev/null +++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css | |||
@@ -0,0 +1,238 @@ | |||
1 | /* Changes to the top bar. Template: base.html */ | ||
2 | |||
3 | .navbar .brand { | ||
4 | padding: 5px 20px; | ||
5 | } | ||
6 | |||
7 | .logo { | ||
8 | padding-top: 2px !important; | ||
9 | } | ||
10 | |||
11 | /* Changes to the tables pagination */ | ||
12 | |||
13 | .pagination { | ||
14 | margin: 0 0 40px 0; | ||
15 | } | ||
16 | |||
17 | select[class^="pagesize"] { | ||
18 | margin-bottom: 0; | ||
19 | } | ||
20 | |||
21 | /* Project configuration page */ | ||
22 | |||
23 | ul.configuration-list { | ||
24 | margin-left: 0px; | ||
25 | } | ||
26 | |||
27 | .configuration-list .checkbox { | ||
28 | margin-top: 0; | ||
29 | } | ||
30 | |||
31 | /* Breadcrumbs */ | ||
32 | |||
33 | .breadcrumb { | ||
34 | padding: 8px 0; | ||
35 | } | ||
36 | |||
37 | .breadcrumb > li + li::before { | ||
38 | content: none; | ||
39 | } | ||
40 | |||
41 | .breadcrumb .divider { | ||
42 | color: #999; | ||
43 | padding: 0 5px; | ||
44 | } | ||
45 | |||
46 | /* Remove the hovering from the .btn-primary buttons when they are disabled */ | ||
47 | |||
48 | .btn-primary.disabled.focus, | ||
49 | .btn-primary.disabled:focus, | ||
50 | .btn-primary.disabled:hover, | ||
51 | .btn-primary.focus[disabled], | ||
52 | .btn-primary[disabled]:focus, | ||
53 | .btn-primary[disabled]:hover, | ||
54 | fieldset[disabled] .btn-primary.focus, | ||
55 | fieldset[disabled] .btn-primary:focus, | ||
56 | fieldset[disabled] .btn-primary:hover { | ||
57 | background-color: #04c; | ||
58 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
59 | } | ||
60 | |||
61 | /* Table search input field */ | ||
62 | |||
63 | .navbar-search { | ||
64 | width: 60%; | ||
65 | } | ||
66 | |||
67 | .navbar-search .input-append { | ||
68 | width: 90%; | ||
69 | } | ||
70 | |||
71 | .navbar-search .input-append input[type="text"] { | ||
72 | width: 80%; | ||
73 | } | ||
74 | |||
75 | #search { | ||
76 | width: 60%; | ||
77 | } | ||
78 | |||
79 | /* Definition lists */ | ||
80 | |||
81 | .dl-horizontal dd { | ||
82 | margin-left: 220px; | ||
83 | } | ||
84 | |||
85 | .dl-horizontal dt { | ||
86 | width: 200px; | ||
87 | } | ||
88 | |||
89 | /* Table controls */ | ||
90 | |||
91 | .navbar-inner > .navbar-search .input-append { | ||
92 | margin-bottom: 5px; | ||
93 | } | ||
94 | |||
95 | .navbar-search.input-append { | ||
96 | margin-bottom: 20px; | ||
97 | } | ||
98 | |||
99 | /* Modal dialogs */ | ||
100 | |||
101 | .modal-dialog { | ||
102 | width: 700px; | ||
103 | } | ||
104 | |||
105 | .modal-body { | ||
106 | overflow-y: scroll; | ||
107 | max-height: 350px; | ||
108 | } | ||
109 | |||
110 | .modal-body ul.list-unstyled { | ||
111 | margin-left: 0; | ||
112 | } | ||
113 | |||
114 | .modal-footer { | ||
115 | background-color: #f5f5f5; | ||
116 | } | ||
117 | |||
118 | .modal-content form { | ||
119 | margin-bottom: 0; | ||
120 | } | ||
121 | |||
122 | .modal-dialog .checkbox label, | ||
123 | .modal-dialog .radio label { | ||
124 | padding-left: 0; | ||
125 | } | ||
126 | |||
127 | /* Typeahead */ | ||
128 | |||
129 | .tt-menu { | ||
130 | width: 120%; | ||
131 | padding: 10px 8px; | ||
132 | } | ||
133 | |||
134 | .tt-suggestion { | ||
135 | padding: 3px 8px; | ||
136 | cursor: pointer; | ||
137 | overflow: hidden; | ||
138 | white-space: nowrap; | ||
139 | text-overflow: ellipsis; | ||
140 | } | ||
141 | |||
142 | .tt-suggestion.active, | ||
143 | .tt-suggestion:hover { | ||
144 | background-color: #0081c2; | ||
145 | color: white; | ||
146 | } | ||
147 | |||
148 | /* Build form */ | ||
149 | |||
150 | #build-input { | ||
151 | width: 20em; | ||
152 | } | ||
153 | |||
154 | /* Clear filter tooltips in toastertables */ | ||
155 | |||
156 | .tooltip .btn-small { | ||
157 | margin: 10px; | ||
158 | } | ||
159 | |||
160 | /* Table cell notifications */ | ||
161 | |||
162 | .inline-notification, | ||
163 | #temp-inline-notify { | ||
164 | padding: 10px; | ||
165 | } | ||
166 | |||
167 | /* Table buttons */ | ||
168 | |||
169 | td .btn { | ||
170 | white-space: normal; | ||
171 | } | ||
172 | |||
173 | th.add-del-layers { | ||
174 | width: 18%; | ||
175 | } | ||
176 | |||
177 | th.add_rm_pkg_btn { | ||
178 | width: 20%; | ||
179 | } | ||
180 | |||
181 | /* Edit columsn menu */ | ||
182 | |||
183 | .dropdown-menu { | ||
184 | min-width: 200px; | ||
185 | } | ||
186 | |||
187 | /* Popover content */ | ||
188 | |||
189 | .popover-content > ul { | ||
190 | margin-left: 0; | ||
191 | } | ||
192 | |||
193 | h3.popover-title { | ||
194 | line-height: 20px; | ||
195 | } | ||
196 | |||
197 | .popover { | ||
198 | max-width: 400px; | ||
199 | } | ||
200 | |||
201 | /* Errors and warnings accordions */ | ||
202 | |||
203 | #errors .panel-heading, | ||
204 | #warnings .panel-heading { | ||
205 | background-color: transparent; | ||
206 | } | ||
207 | |||
208 | a.toggle-errors:hover, | ||
209 | a.toggle-warnings:hover, | ||
210 | a.warning:focus { | ||
211 | text-decoration: none; | ||
212 | } | ||
213 | |||
214 | a.toggle-errors:focus, | ||
215 | a.toggle-warnings:focus { | ||
216 | outline: none; | ||
217 | } | ||
218 | |||
219 | /* Landing page */ | ||
220 | |||
221 | .jumbotron p { | ||
222 | margin-top: 20px; | ||
223 | margin-bottom: 30px; | ||
224 | } | ||
225 | |||
226 | .jumbotron ul { | ||
227 | margin-left: 10px; | ||
228 | font-size: 21px; | ||
229 | font-weight: 200; | ||
230 | } | ||
231 | |||
232 | .jumbotron ul > li { | ||
233 | line-height: 30px; | ||
234 | } | ||
235 | |||
236 | .jumbotron .img-thumbnail { | ||
237 | padding: 0; | ||
238 | } | ||