summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--bitbake/lib/toaster/toastergui/static/css/default.css291
1 files changed, 114 insertions, 177 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css
index 775f52d00b..461583977f 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -1,183 +1,120 @@
1.block-centered { margin: auto; display: block;} 1/* Style the Yocto Project logo */
2 2.logo img { height: 30px; width: auto !important; }
3.overflow-hidden { overflow: hidden;} 3.logo { padding-top: 4px !important; padding-bottom:0px !important; }
4.large { font-size: x-large; font-weight: normal; line-height: 30px;} 4
5.max-width { width: 100%;} 5/* Style the breadcrumb */
6.text-right { text-align: right !important;} 6.breadcrumb { display: inline-block; background-color: transparent; }
7.visibility-hidden { visibility: hidden;} 7.section { margin: 20px 0; }
8.hover-show:hover .visibility-hidden { visibility: visible;} 8
9.alpha { margin-left: 0 !important;} 9/* Styles for the help information */
10.omega { margin-right: 0 !important;} 10.get-help { color: #CCCCCC; }
11 11.get-help:hover { color: #999999; cursor: pointer; }
12.recent-activity { margin: 40px 0;} 12.get-help-blue { color: #3A87AD; }
13.recent-activity .alert, 13.get-help-blue:hover { color: #005580; cursor: pointer; }
14.recent-activity .alert .progress { margin-bottom: 1em;} 14.manual { margin-top: 11px; }
15.recent-activity .row-fluid, 15.heading-help { font-size: 14px; }
16.recent-activity .row-fluid [class*="span"] { min-height: 0;} 16
17.recent-activity .alert-blank {color: black; background: none; border: none;} 17/* Styles for the external link */
18.breadcrumb { display: inline-block;} 18.get-info { color: #0088CC; }
19.section, .margin { margin: 20px 0;} 19.get-info:hover { color: #005580; cursor: pointer; text-decoration: none; }
20.middle { vertical-align:middle;} 20
21select { width: auto;} 21/* Styles for code and pre tags */
22 22code { background-color: transparent; border: none; color: #333333; }
23.contributors ul { margin-left: 7px;} 23dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
24.contributors li {list-style: none;} 24.alert-warning code, .alert-warning pre { background-color: transparent; border: none; color: #C09853; margin-bottom: 0px; }
25 25.alert-error code { background-color: transparent; border: none; color: #B94A48; margin-bottom:0px; }
26.box { border: 1px solid #ddd; -webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;margin-bottom: 20px;} 26.alert-error pre { background-color: transparent; border: none; color: #B94A48; word-break: normal; margin-bottom: 0px; }
27.box-header { background-color: #f5f5f5;padding: 8px;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;color: #1684DA;} 27.alert-warning pre { word-break: normal; }
28.box-content { padding: 20px;} 28.alert-info a { font-weight: bold; }
29.box-single { padding: 8px;} 29.alert-info code { color: #3A87AD; }
30 30.tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; }
31a.icon-button { color: #555; text-decoration: none;} 31
32/*a.icon-button:after { content: " "; nbsp} */ 32/* Style for definition lists */
33 33dd ul { list-style-type: none; margin-left: 0px; }
34.stats { margin-right: 30px;} 34dt, dd {line-height: 25px; }
35.stats .large { font-size: x-large; font-weight: normal; display: inline; line-height: 30px} 35dd li { line-height: 25px; }
36.stats small { width: 50px; display: inline-block; font-size: 85%;line-height: 14px;} 36dd p { line-height: 20px; }
37.task-header { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;} 37
38.task-header strong { display: inline-block; width: 100px;} 38/* Style the filter modal dialogs */
39.no-list-style { list-style: none; margin-left: 0;} 39.modal { width: 800px; margin-left: -400px; }
40.modal { width: 800px; margin-left: -400px;} 40.modal-footer .btn { float: left; }
41 41
42.right-padding td:first-child { padding-right: 40px;} 42/* Hover style for the clear search icon */
43.right-padding td { padding: 4px 0px;} 43.icon-remove-sign:hover { color: #999999; cursor: pointer; }
44.centered {margin: 0 20%;} 44
45.auto-width { width: auto;} 45/* Some extra space before headings when needed */
46.auto-width td { min-width: 150px;} 46.details { margin-top: 30px; }
47 47
48/*a.muted:hover {cursor: default;}*/ 48/* Required classes for the highlight behaviour in tables */
49 49.highlight { background-color: #D9EDF7; }
50#infovis { position:relative; width:600px; height:600px; margin:auto; overflow:hidden;} 50.flash:target { -webkit-animation: target-fade 7s 1; -moz-animation: target-fade 7s 1; animation: target-fade 7s 1; }
51
52/*.tablesorter th {cursor: s-resize;}
53.tablesorter th.headerSortDown {cursor: n-resize;}*/
54
55.combobox input {width: 60%;margin: 0;}
56
57/*.custom-column,
58.custom-column thead tr:last-child td:last-child {border-right: none;}
59.custom-column tbody td:last-child {border-top: none;}
60.custom-column thead td:last-child {border-right: 1px solid #ddd;}
61.custom-column .column-button-column .column-button {padding: 4px 4px;}
62.column-button-column li {margin: 10px;}*/
63
64ul.tree,
65ul.tree ul { list-style-type: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKAQMAAABPHKYJAAAAA1BMVEWIiIhYZW6zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1ggGExMZBky19AAAAAtJREFUCNdjYMAEAAAUAAHlhrBKAAAAAElFTkSuQmCC) repeat-y;margin: 0;padding: 0;}
66ul.tree ul { margin-left: 10px;}
67ul.tree li {margin-top: 10px;padding: 0 0 0 10px;line-height: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIJYVaFGwAAAARSURBVAjXY2hgQIf/GTDFGgDSkwqATqpCHAAAAABJRU5ErkJggg==) no-repeat 0 0;}
68ul.tree ul li:last-child {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIIhs+gc8AAAAQSURBVAjXY2hgQIf/GbAAAKCTBYBUjWvCAAAAAElFTkSuQmCC) no-repeat 0 0;}
69ul.tree,
70ul.tree > li {background: none;}
71
72.inline-centered {text-align: center;}
73
74/* Sorry in advance for these !importants. It's an emergency and the logo
75 doesn't fit and I'm at the pub !!! */
76.logo img {height: 30px;width: auto !important;}
77.logo {padding-top: 4px !important;padding-bottom: 0px !important;}
78
79tr.selected {background-color: yellow;}
80
81.dependencies-graph img {display: none;}
82.dependencies-graph .base {display: block;}
83.dependencies-graph:hover {cursor: pointer;}
84.dependencies-graph:hover .base {display: none;}
85.dependencies-graph:hover .dependencies {display: block;}
86.dependencies-graph.recommended-show:hover .base {display: none;}
87.dependencies-graph.recommended-show:hover .dependencies {display: none;}
88.dependencies-graph.recommended-show:hover .recommended {display: block;}
89.dependencies-table.hover .package-selected {background-color: #FECF5E;}
90.dependencies-table.hover .package-dependancy { background-color: #fefca3;}
91.dependencies-table.hover.recommended-show .package-recommended {background-color: #fffee6;}
92.bar.building {transition: none 0s ease 0s;}
93.build-image {background-color: black;color: white;padding: 200px;text-align: center;}
94.dropdown-menu {padding: 10px;}
95.modal-footer .btn {float: left;}
96
97/* override default Twitter Boostrap styles for anchor tags inside tables */
98td a {color: #333333;}
99td a:hover {color: #000000;text-decoration: underline;}
100
101/* override default Twitter Bootstrap styles for tr.error */
102.table tbody tr.error > td { background-color:#FFFFFF; }
103.table-hover tbody tr.error:hover > td { background-color: #F5F5F5; }
104
105/* set .error styles */
106.error, .red, tr.error a { color:#B94A48; }
107a.error:hover, a.error:focus, tr.error a:hover {color:#943A38;text-decoration:underline;}
108
109.success, .green { color: /*#4EAC4B*/#468847;}
110
111.success:hover {color:#347132;text-decoration: underline;}
112td > .success:hover {text-decoration: underline;}
113.warning, .yellow { color: #c09853;}
114a.warning {background-color: transparent;}
115a.warning:hover, a.warning:focus {color:#B38942;text-decoration:underline;}
116.clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
117
118.get-help {color:#CCCCCC;}
119.get-help:hover {color:#999999;cursor:pointer;}
120.get-help-blue {color:#3A87AD;}
121.get-help-blue:hover {color:#005580;cursor:pointer;}
122.outcome-help:hover {text-decoration:none;}
123
124dd ul {list-style-type:none;margin-left:0px;}
125
126.alert-warning code, .alert-warning pre {background-color: transparent;border: none;color: #C09853;margin-bottom:0px;}
127.alert-error code {background-color: transparent;border: none;color: #B94A48;margin-bottom:0px;}
128.alert-error pre {background-color: transparent;border: none;color: #B94A48;word-break:normal;margin-bottom:0px;}
129.alert-warning pre {word-break:normal;}
130.alert-info a {font-weight:bold;}
131dt, dd {line-height:25px;}
132dd li {list-style-type:none;line-height:25px;}
133/*.taskchanges dt {width: 300px;}
134.taskchanges dd {margin-left: 320px;}
135.diffsigs dt {width: 200px;}
136.diffsigs dd {margin-left: 220px;}
137/*.dl-horizontal dt {width: 300px;}
138.dl-horizontal dd {margin-left: 320px;}*/
139
140.orderBy{ cursor:pointer;}
141.orderBy.ordering{font-weight: bold !important;color: #333333; text-decoration: none; }
142.orderBy.ordering:hover{color: #000000; text-decoration: underline;}
143
144/* Belen's styles */
145
146.sorted {color: #333333;}
147.sorted:hover {color: #000000;text-decoration: underline;}
148.icon-remove-sign:hover {color: #999999; cursor: pointer;}
149.details {margin-top:30px;}
150code {background-color:transparent;border:none;color: #333333;}
151.muted a {color:#999999;}
152.muted a:hover {color:#999999;}
153dd code, .alert code {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
154dd p {line-height:20px;}
155.iscommit {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
156.wrap {word-break: break-all; word-wrap: break-word;}
157.divide {border-right: 1px solid #E5E5E5;}
158.get-info {color:#0088CC;}
159.get-info:hover {color:#005580;cursor:pointer;text-decoration:none;}
160.well > .lead, .alert .lead {margin-bottom:0px;}
161.one {padding-left:18px !important;}
162.two {padding-left:36px !important;}
163.three {padding-left:54px !important;}
164.content-directory a {color:#0088CC;}
165.content-directory a:hover {color:#005580;text-decoration:underline;}
166.page-header {color:#5A5A5A;}
167.breadcrumb {background-color:transparent;}
168.progress {margin-bottom:0px;}
169.lead .badge {font-size:18px; font-weight:normal; border-radius:15px; padding: 9px;}
170.symlink {color:#CCCCCC;}
171.highlight {background-color: #D9EDF7;}
172.flash:target {-webkit-animation: target-fade 7s 1; -moz-animation: target-fade 7s 1; animation: target-fade 7s 1;}
173@-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } 51@-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
174@-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } 52@-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
175@keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } 53@keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
176.tooltip { z-index: 2000 !important; } /* this makes tooltips work inside modal dialogs */
177.tooltip code { background-color:transparent; color:#FFFFFF; font-weight:normal; border:none; font-size: 1em; }
178.manual { margin-top:11px;}
179.heading-help { font-size:14px;}
180 54
55/* This makes tooltips work inside modal dialogs */
56.tooltip { z-index: 2000 !important; }
57
58/* Override default Twitter Boostrap styles for anchor tags inside tables */
59td a { color: #333333; }
60td a:hover { color: #000000; text-decoration: underline; }
61
62/* Override default Twitter Bootstrap styles for tr.error */
63.table tbody tr.error > td { background-color: #FFFFFF; } /* override default Bootstrap behaviour */
64.table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */
181 65
66/* Set error, warning, success and muted styles */
67.error, .red, tr.error a { color: #b94a48; }
68a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; }
69.warning, .yellow { color: #c09853;}
70a.warning { background-color: transparent; }
71a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; }
72.success, .green { color: #468847;}
73.success:hover { color: #347132; text-decoration: underline; }
74td > .success:hover { text-decoration: underline; }
75.muted a { color:#999999; }
76.muted a:hover { color:#999999; }
77
78/* Sorting functionality styles for table headings */
79.sorted { color: #333333; font-weight: bold; }
80.sorted:hover { color: #000000; text-decoration: underline; }
81th > a, th > span { font-weight: normal; }
82
83/* Force long strings like commit hashes to wrap */
84.iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
85
86/* Styles for the directory structure table. We'll probably won't use those in production */
87.one { padding-left: 18px !important; }
88.two { padding-left: 36px !important; }
89.three { padding-left: 54px !important; }
90.content-directory a { color: #0088CC; }
91.content-directory a:hover { color: #005580; text-decoration: underline; }
92.symlink { color: #CCCCCC; }
93
94/* Other styles */
95.dropdown-menu { padding: 10px; }
96select { width: auto; }
97.page-header { color: #5A5A5A; }
98.progress { margin-bottom: 0px; }
99.lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; }
100.well > .lead, .alert .lead { margin-bottom: 0px; }
182.no-results { margin: 10px 0 0; } 101.no-results { margin: 10px 0 0; }
183th > a, th > span { font-weight: normal; color:#333333;} 102.task-name { margin-left: 7px; }
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120