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