diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css/default.css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 592 |
1 files changed, 239 insertions, 353 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index d0e45b6edc..30328fd3b4 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css | |||
@@ -1,362 +1,248 @@ | |||
1 | /* New Toaster custom css file for Bootstrap 3 */ | ||
2 | |||
3 | /* Set required top body padding for the fixed top navbard */ | ||
4 | body { padding-top: 50px; } | ||
5 | |||
1 | /* Style the Yocto Project logo */ | 6 | /* Style the Yocto Project logo */ |
2 | .logo img { height: 30px; width: auto !important; } | 7 | img.logo { height: 30px; vertical-align: bottom; } |
3 | .logo { padding-top: 4px !important; padding-bottom:0px !important; } | 8 | |
9 | /* Style the Yocto Project logo and the Toaster name in the top navbar */ | ||
10 | .toaster-navbar-brand { float: left; margin: 7px 25px 0 0; } | ||
11 | .toaster-navbar-brand a.brand { color: #777; height: 50px; padding: 15px 5px 15px 15px; font-size: 20px; line-height: 25px; display: inline; } | ||
12 | .toaster-navbar-brand > a { text-decoration: none; } | ||
13 | .toaster-navbar-brand > a.brand:hover { color: #5e5e5e; } | ||
14 | |||
15 | /* Style the debugging information in the top navbar */ | ||
16 | .glyphicon-info-sign { color: #777; font-size: 16px; } | ||
17 | .glyphicon-info-sign:hover { color: #999; cursor: pointer; } | ||
4 | 18 | ||
5 | /* style the version information */ | 19 | /* Override the negative right margin for the navbar-right class */ |
6 | .brand > a { color: #777; } | 20 | #new-project-button { margin-right: 0; } |
7 | .brand > a:hover { color: #999; text-decoration: none; } | ||
8 | .icon-info-sign { color: #777; font-size: 16px; margin-left: 5px;} | ||
9 | .icon-info-sign:hover { color: #999; cursor: pointer; } | ||
10 | 21 | ||
11 | /* Style the breadcrumb */ | 22 | /* Increase popovers width to fit commit SHAs */ |
12 | .breadcrumb { display: inline-block; background-color: transparent; } | 23 | .popover { max-width: 350px; } |
24 | |||
25 | /* Increase bottom margin of definition lists inside popovers for the Toaster version information in the top navbar, and also inside the right hand columns of our details pages */ | ||
26 | .popover-content dd, | ||
27 | .well dd { margin-bottom: 15px; } | ||
28 | |||
29 | /* Style the horizonal definition lists */ | ||
30 | .dl-horizontal dt { width: 200px; line-height: 25px; } | ||
31 | .dl-horizontal dd { margin-left: 220px; line-height: 25px; } | ||
32 | |||
33 | /* Style our build results */ | ||
34 | .build-result .progress { margin-bottom: 0; } | ||
35 | .alert-link.build-warnings, | ||
36 | .glyphicon-warning-sign.build-warnings { color: #8a6d3b; } | ||
37 | .build-result .project-name { margin-top: -10px; margin-bottom: 5px; } | ||
13 | 38 | ||
14 | /* Styles for the help information */ | 39 | /* Styles for the help information */ |
15 | .get-help { color: #CCCCCC; } | 40 | .get-help { color: #CCCCCC; } |
16 | .get-help:hover, .icon-plus-sign:hover { color: #999999; cursor: pointer; } | 41 | .get-help:hover { color: #999999; cursor: pointer; } |
17 | .get-help-green { color: #468847; } | 42 | .get-help-green { color: #3c763d; } |
18 | .get-help-green:hover { color: #347132; cursor: pointer; } | 43 | .get-help-green:hover { color: #2b542c; cursor: pointer; } |
19 | .get-help-blue { color: #3A87AD; } | 44 | .get-help-blue { color: #3A87AD; } |
20 | .get-help-blue:hover { color: #005580; cursor: pointer; } | 45 | .get-help-blue:hover { color: #005580; cursor: pointer; } |
21 | .get-help-yellow { color: #C09853; } | 46 | .get-help-red { color: #a94442; } |
22 | .get-help-yellow:hover { color: #B38942; cursor: pointer; } | 47 | .get-help-red:hover { color: #843534; cursor: pointer; } |
23 | .get-help-red { color: #B94A48; font-size: 16px; padding-left: 2px; } | 48 | |
24 | .get-help-red:hover { color: #943A38; cursor: pointer; } | 49 | /* Styles for our table controls */ |
25 | .build-form>i:first-of-type { margin-left: 5px; } | 50 | .form-control[id^="search-input-"], |
26 | .manual { margin: 11px 15px 0 11px;} | 51 | .form-control[id^="new-search-input-"] { width: 30em; } |
27 | .heading-help { font-size: 14px; } | 52 | #search-input-selectpackagestable, |
28 | 53 | #search-input-packagestable, | |
29 | /* Styles for the external link */ | 54 | .form-control[id^="no-results-search-input-"]{ width: 20em; } |
30 | .get-info { color: #0088CC; } | 55 | #edit-columns-button { margin-right: 30px; } |
31 | .get-info:hover { color: #005580; cursor: pointer; text-decoration: none; } | 56 | .navbar-default[id^="table-chrome-"] { background-color: transparent; } |
32 | 57 | [id^="table-chrome-collapse-"] .navbar-form { margin-left: -15px; } | |
33 | /* Styles for code and pre tags */ | 58 | .dropdown-menu.editcol { padding-left: 10px; min-width: 180px; } |
34 | code { background-color: transparent; border: none; color: #333333; } | 59 | span[class^="remove-search-btn-"] { position: absolute; right: 5px; top: 0; bottom: 0; height: 14px; margin: auto; font-size: 14px; cursor: pointer; color: #777;} |
35 | dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } | 60 | span[class^="remove-search-btn-"]:hover { color: #333; } |
36 | .alert-warning code, .alert-warning pre { background-color: transparent; border: none; color: #C09853; margin-bottom: 0px; } | 61 | #no-results-special-selectpackagestable .form-inline { margin-top: 20px; } |
37 | .alert-error code { background-color: transparent; border: none; color: #B94A48; margin-bottom:0px; } | 62 | [id^="pagination-"] .pagination, |
38 | .alert-error pre { background-color: transparent; border: none; color: #B94A48; word-break: normal; margin-bottom: 0px; } | 63 | [id^="pagination-"] .navbar-form { margin-top: 0; } |
39 | .alert-warning pre { word-break: normal; } | 64 | [id^="table-chrome-"] .navbar-form { margin-left: -15px; margin-right: -15px; } |
40 | .alert-info a { font-weight: 300; } | 65 | [id^="table-chrome-"] .detail-page-contols { padding-left: 0; padding-right: 0; } |
41 | .alert-info code { color: #3A87AD; } | 66 | |
42 | .tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; } | 67 | /* Override the default font-weight for labels: it's a bit too much */ |
43 | 68 | label { font-weight: normal; } | |
44 | /* Style for definition lists */ | 69 | |
45 | dd ul { list-style-type: none; margin: 0px; } | 70 | /* Firefox workaround for awkward fieldset styling. See http://getbootstrap.com/css/#tables-responsive */ |
46 | dt, dd {line-height: 25px; } | 71 | @-moz-document url-prefix() { fieldset { display: table-cell; } } |
47 | dd li { line-height: 25px; } | 72 | |
48 | .item-info dd { line-height: 20px; margin-bottom: 10px; } | 73 | /* Table heading sortable / not sortable states */ |
49 | 74 | thead > tr > th > a { font-weight: normal; } | |
50 | /* Style the filter modal dialogs */ | 75 | thead > tr > th > a.sorted { font-weight: bold; color: #333; } |
51 | .modal { width: 800px; margin-left: -400px; } | 76 | |
52 | .modal-footer .btn { float: left; } | 77 | /* Give some extra space to the 'clear filter' buttons */ |
53 | .modal-body { max-height: 300px; } | 78 | .tooltip .btn { margin: 5px; } |
54 | 79 | ||
55 | /* Hover style for the clear search icon */ | 80 | /* In table headings, separate the help bubble from the column heading */ |
56 | .icon-remove-sign:hover { color: #999999; cursor: pointer; } | 81 | thead > tr > th > .glyphicon-question-sign { margin-right: 5px; } |
57 | 82 | ||
58 | /* Some extra space before headings when needed */ | 83 | /* Style build outcome in tables, download, remove and change icons */ |
59 | .details { margin-top: 30px; } | 84 | tbody > tr > td > .glyphicon-ok-circle, |
60 | .air { margin-top: 30px; } | 85 | dd > .glyphicon-ok-circle { color: #3c763d; } |
61 | 86 | tbody > tr > td > .glyphicon-minus-sign { color: #a94442; } | |
62 | /* Required classes for the highlight behaviour in tables */ | 87 | .glyphicon-download-alt, |
63 | .highlight { -webkit-animation: target-fade 10s 1; -moz-animation: target-fade 10s 1; animation: target-fade 10s 1; } | 88 | .glyphicon-edit { color: #337ab7; } |
64 | @-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | 89 | .failed_tasks .glyphicon-download-alt { margin-left: 5px; } |
65 | @-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | 90 | .glyphicon-download-alt:hover, |
66 | @keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | 91 | .glyphicon-edit:hover { color: #23527c; cursor: pointer; text-decoration: none; } |
67 | 92 | .glyphicon-trash { color: #a94442; } | |
68 | /* This makes tooltips work inside modal dialogs */ | 93 | .btn-danger > .glyphicon-trash, |
69 | .tooltip { z-index: 2000 !important; } | 94 | .btn-danger > .glyphicon-trash:hover { color: #fff; } |
70 | 95 | .glyphicon-trash:hover { color: #843534; cursor: pointer; } | |
71 | /* Override default Twitter Boostrap styles for anchor tags inside tables */ | 96 | |
72 | td a, td a > code { color: #333333; } | 97 | /* Set the font size for icons inside headings, lead paragraphs and definition lists */ |
73 | td code { white-space: normal; } | 98 | h1 > .glyphicon-edit, |
74 | td a:hover, td a > code:hover { color: #000000; text-decoration: underline; } | 99 | p.lead .glyphicon { font-size: 16px; } |
75 | 100 | h2 > .glyphicon-question-sign, | |
76 | /* Override default Twitter Bootstrap styles for tr.error */ | 101 | h3 > .glyphicon-question-sign { font-size: 14px; } |
77 | .table tbody tr.error > td { background-color: transparent; } /* override default Bootstrap behaviour */ | 102 | |
78 | .table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */ | 103 | /* Create a class for wells without background colour */ |
79 | |||
80 | /* Right justify Bootstrap table columns for size fields */ | ||
81 | .table .sizecol { text-align: right; } | ||
82 | |||
83 | /* Set error, warning, success and muted styles */ | ||
84 | .error, .red, td.error a, tr.error a { color: #b94a48; } | ||
85 | a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; } | ||
86 | .warning, .yellow { color: #c09853;} | ||
87 | a.warning { background-color: transparent; } | ||
88 | a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; } | ||
89 | .success, .green { color: #468847;} | ||
90 | .success:hover { color: #347132; text-decoration: underline; } | ||
91 | td > .success:hover { text-decoration: underline; } | ||
92 | .muted a { color:#999999; } | ||
93 | .muted a:hover { color:#999999; } | ||
94 | |||
95 | /* Sorting functionality styles for table headings */ | ||
96 | .sorted { color: #333333; font-weight: bold; } | ||
97 | .sorted:hover { color: #000000; text-decoration: underline; } | ||
98 | th > a, th > span { font-weight: normal; } | ||
99 | |||
100 | /* Force long strings like commit hashes to wrap */ | ||
101 | .iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;} | ||
102 | |||
103 | /* Make the popovers scrollable if they are too long */ | ||
104 | .popover-content { max-height: 30em; overflow-y: scroll; } | ||
105 | |||
106 | /* Styles for the directory structure table. We'll probably won't use those in production */ | ||
107 | .one { padding-left: 18px !important; } | ||
108 | .two { padding-left: 36px !important; } | ||
109 | .three { padding-left: 54px !important; } | ||
110 | .content-directory a { color: #0088CC; } | ||
111 | .content-directory a:hover { color: #005580; text-decoration: underline; } | ||
112 | .symlink { color: #CCCCCC; } | ||
113 | |||
114 | /* Styles for the navbar actions */ | ||
115 | .btn-group + .btn-group { margin-right: 10px; } | ||
116 | .navbar-inner > .btn-group { margin-top: 6px; } | ||
117 | [id^="search-input-"], #search { width: 80%; } | ||
118 | |||
119 | /* Styles for the parent item in the left navigation */ | ||
120 | |||
121 | .nav > li > a.nav-parent { font-size: 18px; line-height: 25px; } | ||
122 | |||
123 | /* Other styles */ | ||
124 | .dropdown-menu { padding: 10px; } | ||
125 | select { width: auto; } | ||
126 | .page-header { color: #5A5A5A; } | ||
127 | .top-air { margin-top: 40px;} | ||
128 | .progress { margin-bottom: 0px; } | ||
129 | .lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; } | ||
130 | .lead ol, .lead ul { padding: 10px 0 0 20px; } | ||
131 | .lead ol > li, .lead ul > li { | ||
132 | line-height: 35px; | ||
133 | } | ||
134 | .well > .lead, .alert .lead { margin-bottom: 0px; } | ||
135 | .well-transparent { background-color: transparent; } | 104 | .well-transparent { background-color: transparent; } |
136 | .no-results { margin: 10px 0; } | 105 | |
137 | .task-name { margin-left: 7px; } | 106 | /* Create a class for the left navigation headers */ |
138 | .icon-hand-right {color: #CCCCCC; } | 107 | .nav-header { display: block; font-size: 12px; font-weight: bold; line-height: 20px; color: #999; text-transform: uppercase; margin-top: 20px !important; margin-bottom: 15px; padding-left: 15px; } |
139 | .help-inline { margin: 5px; } | 108 | |
140 | .dashboard-section { background-color: transparent; } | 109 | /* Increase the tabs padding and margin in the project pages to fit the build form and the main content */ |
141 | 110 | #project-topbar .nav-tabs > li > a { padding: 15px; } | |
142 | /* styles for landing page - analysis mode */ | 111 | #project-topbar { margin-bottom: 20px; } |
143 | .hero-unit { margin: 20px 0 30px; } | 112 | |
144 | .hero-unit > .close { font-size:40px; } | 113 | /* Style the project name change form in the project pages */ |
145 | .hero-actions { margin-top: 30px; } | 114 | #project-name-change-input { width: 20em; } |
146 | 115 | ||
147 | /* styles for landing page - build mode */ | 116 | /* Style the build form in the project pages */ |
148 | .hero-unit p { line-height: 25px; } | 117 | #project-topbar .input-lg { width: 18em; } |
149 | .hero-unit p, .hero-unit .btn-large { margin-top: 15px; } | 118 | #project-topbar form .glyphicon { top: 15px; right: 4px; } |
150 | .hero-unit ul { margin-top: 20px; } | 119 | #build-button { padding: 10px 30px; } |
151 | .hero-unit li { line-height: 30px; } | 120 | |
152 | .hero-unit img { background-color: #eee; margin-top: 15px; } | 121 | /* Style the form links in the project page (all machines, all layers, etc) */ |
153 | 122 | .form-link { margin-top: 10px; } | |
154 | /* make tables Chrome-happy (me, not so much) */ | 123 | |
155 | table { table-layout: fixed; word-wrap: break-word; } | 124 | /* Style the most built recipes list in the project page */ |
156 | 125 | #freq-build-list .checkbox input[type="checkbox"] { position: relative; margin: 0 10px 0 0; vertical-align: middle; } | |
157 | table p { margin-bottom: 0 } | 126 | #freq-build-list.lead > li { line-height: 25px; } |
158 | .table td { vertical-align: middle; } | 127 | #freq-build-list { margin-top: 20px; } |
159 | 128 | #freq-build-list label { padding-left: 0; } | |
160 | /* styles for the new build button */ | 129 | #freq-build-btn { margin-top: 10px; } |
161 | .new-build .btn-primary { padding: 4px 30px; } | 130 | #no-most-built { margin-top: 20px; } |
162 | .new-build .alert { margin-top: 10px; } | 131 | |
163 | .new-build .alert p { margin-top: 10px; } | 132 | /* Style the layers section in the project page and the layer dependencies in the import layer form */ |
164 | 133 | #layer-container .form-inline { margin-top: 20px; } | |
165 | /* styles for showing the project name in build mode */ | 134 | #layer-add-input { width: 17em; } |
166 | .project-name { padding-top: 0; } | 135 | ul.lead { margin-top: 20px; } |
167 | .project-name .label { font-weight: normal; margin-bottom: 5px; margin-left: -15px; padding: 5px; } | 136 | ul.lead > li { line-height: 38px; } |
168 | .project-name .label > a { color: #fff; font-weight: normal; } | 137 | ul.lead .glyphicon-trash, |
169 | 138 | ul.lead .glyphicon-trash { font-size: 16px; margin-left: 7px; } | |
170 | /* styles for showing help icons next to command-line builds */ | 139 | #layers-in-project-list .tooltip-inner { max-width: 600px; } |
171 | .build-result .get-help-green, .build-result .get-help-red, .build-result .get-help-blue { margin-right: 35px; margin-top: 8px; font-size: 16px; } | 140 | #no-layers-in-project { margin-top: 20px; } |
172 | 141 | #no-layers-in-project ul { margin-top: 10px; } | |
173 | /* Remove bottom margin for forms inside modal dialogs */ | 142 | |
174 | #dependencies-modal-form { margin-bottom: 0px; } | 143 | /* Style the layer information icons in the layer details pages */ |
175 | 144 | dd .glyphicon-trash, | |
176 | /* Custom column widths */ | 145 | dd .glyphicon-edit { margin-left: 5px; } |
177 | .narrow-col { width: 8%; } | 146 | |
178 | .medium-col { width: 12%; } | 147 | /* Style the forms and definition lists in the layer details pages */ |
179 | 148 | #change-repo-form .form-control { width: 17em; } | |
180 | /* Configuration styles */ | 149 | #information dd > form { margin-bottom: 5px; margin-top: 5px; } |
181 | .icon-trash { color: #B94A48; font-size: 16px; padding-left: 5px; } | 150 | |
182 | .icon-trash:hover { color: #943A38; text-decoration: none; cursor: pointer; } | 151 | /* Style the forms and definition lists in the BitBake variables page */ |
183 | .icon-pencil, .icon-download-alt, .icon-refresh, .icon-star-empty, .icon-star { font-size: 16px; color: #0088CC; padding-left: 2px; } | 152 | .variable-list { margin-bottom: 20px; } |
184 | .icon-pencil:hover, .icon-download-alt:hover, .icon-refresh:hover, .icon-star-empty:hover, .icon-star:hover, .icon-tasks:hover { color: #005580; text-decoration: none; cursor: pointer; } | 153 | dd.variable-list form { margin-top: 10px; } |
185 | .icon-share { padding-left: 2px; } | 154 | #new-dl_dir, |
186 | .alert-success .icon-refresh, .alert-success .icon-tasks { color: #468847; } | 155 | #filter-image_fstypes, |
187 | .alert-success .icon-refresh:hover, .alert-success .icon-tasks:hover { color: #347132; } | 156 | #new-image_install, |
188 | .alert-error .icon-refresh, .alert-error .icon-tasks { color: #b94a48; } | 157 | #new-sstate_dir, |
189 | .alert-error .icon-refresh:hover, .alert-error .icon-tasks:hover { color: #943A38; } | 158 | #new-imagefs_types { width: 20em; } |
190 | .configuration-list li, .configuration-list label { line-height: 35px; font-size: 21px; font-weight: 200; margin-bottom: 0px;} | 159 | #package_classes-select { width: 10em; } |
191 | .configuration-list { font-size: 16px; margin-bottom: 1.5em; } | 160 | .scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 0 10px; width: 27.5%; margin-bottom: 10px; margin-top: 10px; } |
192 | .configuration-list i { font-size: 16px; } | 161 | .scrolling.has-error { border-color: #a94442; } |
193 | /*.configuration-layers { height: 135px; overflow: scroll; }*/ | 162 | .help-block.text-danger { color: #a94442; } |
194 | .counter { font-weight: normal; } | 163 | .tooltip-inner code { color: #fff; } |
195 | .well-alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px; } | 164 | dd.variable-list .glyphicon-question-sign { font-size: 14px; } |
196 | .well-alert > .lead { color: #C09853; padding-bottom: .75em; } | 165 | dd.variable-list .glyphicon-edit { font-size: 16px; } |
197 | .configuration-alert { margin-bottom: 0px; padding: 8px 14px; } | 166 | dt .glyphicon-trash { margin-left: 5px; font-size: 16px; } |
198 | .configuration-alert p { margin-bottom: 0px; } | 167 | #change-package_classes-form .checkbox { margin-top: 5px; } |
199 | .project-form { margin-top: 10px; } | 168 | #variable-form h5 { margin-top: 0; } |
200 | .add-layers .btn-block + .btn-block, .build .btn-block + .btn-block { margin-top: 0px; } | 169 | #variable-form .col-md-5 { padding-left: 45px; } |
201 | input.huge { font-size: 17.5px; padding: 11px; min-width: 60%; } | 170 | |
202 | .build-form { margin-bottom: 0px; } | 171 | /* Create a class for additional top margin that we can use in headings */ |
203 | .build-form .input-append { margin-bottom: 0px; } | 172 | .top-air { margin-top: 40px; } |
204 | .build-form .btn-large { padding: 11px 35px; } | 173 | |
205 | .build-form p { font-size:17.5px ;margin:12px 0 0 10px;} | 174 | /* Add some bottom margin to our h2's */ |
206 | #layer-container form, #target-container form { margin-bottom: 0px; } | 175 | h2 { margin-bottom: 25px; } |
207 | .btn-primary .icon-question-sign, .btn-danger .icon-question-sign { color: #fff; } | 176 | |
208 | .btn-primary .icon-question-sign:hover, .btn-danger .icon-question-sign:hover { color: #999; } | 177 | /* Style the typeahead */ |
209 | a code { color: #0088CC; } | 178 | .tt-menu { min-width: 400px; padding-bottom: 10px; } |
210 | a code:hover { color: #005580; } | 179 | .tt-suggestion { padding: 5px 10px; } |
211 | .localconf { font-size: 17.5px; margin-top: 40px; } | 180 | .tt-suggestion:hover, |
212 | .localconf code { font-size: 17.5px; } | 181 | .tt-suggestion:active { background-color: #f5f5f5; cursor: pointer; } |
213 | #add-layer-dependencies { margin-top: 5px; } | 182 | |
214 | .link-action { font-size: 17.5px; margin-top: 40px; } | 183 | /* Style the import layer form controls*/ |
215 | .link-action code { font-size: 17.5px; } | 184 | legend { border: none; } |
216 | .artifact { width: 9em; } | 185 | #layer-name-ctrl { margin-top: 20px; } |
217 | .control-group { margin-bottom: 0px; } | 186 | #import-layer-name, |
218 | #project-details form { margin: 0px; } | 187 | #layer-subdir { width: 20%; } |
219 | dd form { margin: 10px 0 0 0; } | 188 | #layer-git-repo-url { width: 40%; } |
220 | dl textarea { resize: vertical; } | 189 | #layer-git-ref { width: 32%; } |
221 | .navbar-fixed-top { z-index: 1; } | 190 | #layer-dependency { width: 16em; } |
222 | .popover { z-index: 2; } | 191 | #form-actions { margin-bottom: 30px; } |
223 | .btn-danger .icon-trash { color: #fff; } | 192 | #duplicate-layer-info dl { margin-top: 10px; } |
224 | .bbappends { list-style-type: none; margin-left: 0; } | 193 | #duplicate-layer-info dd { margin-bottom: 10px; } |
225 | .bbappends li { line-height: 25px; } | 194 | .help-inline { color: #737373; margin-left: 10px; } |
226 | .configuration-list input[type="checkbox"] { margin-top:13px;margin-right:10px; } | 195 | |
227 | .alert input[type="checkbox"] { margin-top: 0px; margin-right: 3px; } | 196 | /* Give some padding to the in-cell tooltips we use for notifications in tables */ |
228 | .alert ol { padding: 10px 0px 0px 20px; } | 197 | td > .tooltip-inner, |
229 | .alert ol > li { line-height: 35px; } | 198 | .inline-notification { padding: 10px; } |
230 | .dl-vertical form { margin-top: 10px; } | 199 | |
231 | .scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 8px; width: 27.5%; margin-bottom: 10px; } | 200 | /* Set sane widths for table columns */ |
232 | .lead .help-block { font-size: 14px; line-height: 20px; font-weight: normal; } | 201 | #newcustomimagestable .get_description_or_summary, |
233 | .button-place .btn { margin: 0 0 20px 0; } | 202 | #imagerecipestable .get_description_or_summary, |
234 | .tooltip-inner { max-width: 250px; } | 203 | #softwarerecipestable .get_description_or_summary, |
235 | .new-build { padding: 20px; } | 204 | #layerstable .layer__summary { width: 30%; } |
236 | .new-build li { line-height: 30px; } | 205 | #recipestable .get_description_or_summary { width: 40%; } |
237 | .new-build li .alert { line-height: 20px; width: 200px; white-space: normal; } | 206 | #machinestable .name { white-space: nowrap; } |
238 | .new-build h6 { margin: 10px 0 0 0; color: #5a5a5a; } | 207 | #machinestable .description { width: 45%; } |
239 | .new-build h3 { margin: 0; color: #5a5a5a; } | 208 | |
240 | .new-build form { margin: 5px 0 0; } | 209 | /* Override the rather ugly default code styles */ |
241 | .new-build .input-append { margin-bottom: 0; } | 210 | code { color: #333; background-color: transparent; } |
242 | #build-selected { margin-top: 15px; } | 211 | |
243 | div.add-deps { margin-top: 15px; } | 212 | /* Style our breadcrumbs */ |
244 | .btn.log { margin-left: 20px; } | 213 | .breadcrumb > li + li::before { content: none; } |
245 | 214 | .breadcrumb { background-color: transparent; padding-left: 0; padding-top: 15px; } | |
246 | 215 | .breadcrumb .divider { color: #777; margin: 0 5px; } | |
247 | .animate-repeat { | 216 | |
248 | list-style:none; | 217 | /* Reduce top margin for the page-header class */ |
249 | box-sizing:border-box; | 218 | .page-header { margin-top: 30px; } |
250 | } | 219 | |
251 | 220 | /* Set some space around the layer button in the layer details pages */ | |
252 | .animate-repeat.ng-move, | 221 | .tab-content { margin-top: 20px; } |
253 | .animate-repeat.ng-enter, | 222 | .tab-pane { margin-top: 20px; } |
254 | .animate-repeat.ng-leave { | 223 | |
255 | -webkit-transition:all linear 0.5s; | 224 | /* Style the new window icons */ |
256 | transition:all linear 0.5s; | 225 | .glyphicon-new-window:hover { text-decoration: none; } |
257 | } | 226 | .dl-horizontal > dd > .glyphicon-new-window { margin-left: 5px; } |
258 | 227 | ||
259 | .animate-repeat.ng-leave.ng-leave-active, | 228 | /* Style the special no results message in the custom image details page */ |
260 | .animate-repeat.ng-move, | 229 | [id^="no-results-special-"] > .alert-warning > ol { margin-top: 10px; } |
261 | .animate-repeat.ng-enter { | 230 | |
262 | opacity:0; | 231 | /* Style the content of modal dialogs */ |
263 | } | 232 | .modal-footer { text-align: left; } |
264 | 233 | .date-filter-controls { margin-top: 10px; } | |
265 | .animate-repeat.ng-leave, | 234 | .date-filter-controls span { margin: 0 10px; } |
266 | .animate-repeat.ng-enter.ng-enter-active { | 235 | |
267 | opacity:1; | 236 | /* Style the fixed positioned notifications */ |
268 | } | 237 | .loading-notification { position: fixed; z-index: 101; top: 3%; left: 40%; right: 40%; -webkit-box-shadow: 0 0 10px #c09853; -moz-box-shadow: 0 0 10px #c09853; box-shadow: 0 0 10px #c09853; } |
269 | 238 | ||
270 | .tab-pane table { margin-top: 10px; } | 239 | .change-notification { position: fixed; z-index: 1101; top: 4%; left: 30%; right: 30%; -webkit-box-shadow: 0 0 10px #3a87ad; -moz-box-shadow: 0 0 10px #3a87ad; box-shadow: 0 0 10px #3a87ad; } |
271 | 240 | ||
272 | thead .description, .get_description_or_summary { width: 364px; } | 241 | .alert-success.change-notification { -webkit-box-shadow: 0 0 10px #3c763d; -moz-box-shadow: 0 0 10px #3c763d; box-shadow: 0 0 10px #3c763d; } |
273 | thead .add-del-layers { width: 124px; } | 242 | |
274 | 243 | /* Style the new project form */ | |
275 | #loading-notification { | 244 | #new-project-name { width: 33%; } |
276 | position: fixed; | 245 | #projectversion { width: 20%; margin-bottom: 10px; } |
277 | z-index: 101; | 246 | |
278 | top: 3%; | 247 | /* Style the Toaster screenshot in the landing page */ |
279 | left: 40%; | 248 | .img-thumbnail { padding: 0; } |
280 | right: 40%; | ||
281 | -webkit-box-shadow: 0 0 10px #c09853; | ||
282 | -moz-box-shadow: 0 0 10px #c09853; | ||
283 | box-shadow: 0 0 10px #c09853; | ||
284 | } | ||
285 | |||
286 | #change-notification { | ||
287 | position: fixed; | ||
288 | z-index: 101; | ||
289 | top: 3%; | ||
290 | left: 20%; | ||
291 | right: 20%; | ||
292 | -webkit-box-shadow: 0 0 10px #3a87ad; | ||
293 | -moz-box-shadow: 0 0 10px #3a87ad; | ||
294 | box-shadow: 0 0 10px #3a87ad; | ||
295 | } | ||
296 | |||
297 | /* Copied in from newer version of Font-Awesome 4.3.0 */ | ||
298 | .fa-spin { | ||
299 | -webkit-animation: fa-spin 2s infinite linear; | ||
300 | animation: fa-spin 2s infinite linear; | ||
301 | display: inline-block; | ||
302 | } | ||
303 | .fa-pulse { | ||
304 | -webkit-animation: fa-spin 1s infinite steps(8); | ||
305 | animation: fa-spin 1s infinite steps(8); | ||
306 | display: inline-block; | ||
307 | } | ||
308 | |||
309 | @-webkit-keyframes fa-spin { | ||
310 | 0% { | ||
311 | -webkit-transform: rotate(0deg); | ||
312 | transform: rotate(0deg); | ||
313 | } | ||
314 | 100% { | ||
315 | -webkit-transform: rotate(359deg); | ||
316 | transform: rotate(359deg); | ||
317 | } | ||
318 | } | ||
319 | |||
320 | @keyframes fa-spin { | ||
321 | 0% { | ||
322 | -webkit-transform: rotate(0deg); | ||
323 | -moz-transform: rotate(0deg); | ||
324 | transform: rotate(0deg); | ||
325 | } | ||
326 | 100% { | ||
327 | -webkit-transform: rotate(359deg); | ||
328 | -moz-transform: rotate(359deg); | ||
329 | transform: rotate(359deg); | ||
330 | } | ||
331 | } | ||
332 | /* End copied in from newer version of Font-Awesome 4.3.0 */ | ||
333 | |||
334 | .top-padded { | ||
335 | padding-top: 60px; | ||
336 | } | ||
337 | |||
338 | input.input-lg { | ||
339 | font-size: 18px; | ||
340 | height: 22px; | ||
341 | line-height: 1.33333; | ||
342 | padding: 10px 16px; | ||
343 | } | ||
344 | |||
345 | /* styling for standalone typeahead library */ | ||
346 | .tt-menu { | ||
347 | margin-top: 2px; | ||
348 | border-radius: 4px; | ||
349 | width: 100%; | ||
350 | } | ||
351 | |||
352 | .tt-suggestion { | ||
353 | cursor: pointer; | ||
354 | overflow: hidden; | ||
355 | white-space: nowrap; | ||
356 | text-overflow: ellipsis; | ||
357 | } | ||
358 | |||
359 | .tt-suggestion.active { | ||
360 | background-color: #0081c2; | ||
361 | color: white; | ||
362 | } | ||