diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css/default.css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 132 |
1 files changed, 132 insertions, 0 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css new file mode 100644 index 0000000000..2c283feccf --- /dev/null +++ b/bitbake/lib/toaster/toastergui/static/css/default.css | |||
@@ -0,0 +1,132 @@ | |||
1 | /* Style the Yocto Project logo */ | ||
2 | .logo img { height: 30px; width: auto !important; } | ||
3 | .logo { padding-top: 4px !important; padding-bottom:0px !important; } | ||
4 | |||
5 | /* Style the breadcrumb */ | ||
6 | .breadcrumb { display: inline-block; background-color: transparent; } | ||
7 | .section { margin: 20px 0; } | ||
8 | |||
9 | /* Styles for the help information */ | ||
10 | .get-help { color: #CCCCCC; } | ||
11 | .get-help:hover { color: #999999; cursor: pointer; } | ||
12 | .get-help-blue { color: #3A87AD; } | ||
13 | .get-help-blue:hover { color: #005580; cursor: pointer; } | ||
14 | .manual { margin-top: 11px; } | ||
15 | .heading-help { font-size: 14px; } | ||
16 | |||
17 | /* Styles for the external link */ | ||
18 | .get-info { color: #0088CC; } | ||
19 | .get-info:hover { color: #005580; cursor: pointer; text-decoration: none; } | ||
20 | |||
21 | /* Styles for code and pre tags */ | ||
22 | code { background-color: transparent; border: none; color: #333333; } | ||
23 | dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } | ||
24 | .alert-warning code, .alert-warning pre { background-color: transparent; border: none; color: #C09853; margin-bottom: 0px; } | ||
25 | .alert-error code { background-color: transparent; border: none; color: #B94A48; margin-bottom:0px; } | ||
26 | .alert-error pre { background-color: transparent; border: none; color: #B94A48; word-break: normal; margin-bottom: 0px; } | ||
27 | .alert-warning pre { word-break: normal; } | ||
28 | .alert-info a { font-weight: bold; } | ||
29 | .alert-info code { color: #3A87AD; } | ||
30 | .tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; } | ||
31 | |||
32 | /* Style for definition lists */ | ||
33 | dd ul { list-style-type: none; margin: 0px; } | ||
34 | dt, dd {line-height: 25px; } | ||
35 | dd li { line-height: 25px; } | ||
36 | dd p { line-height: 20px; } | ||
37 | |||
38 | /* Style the filter modal dialogs */ | ||
39 | .modal { width: 800px; margin-left: -400px; } | ||
40 | .modal-footer .btn { float: left; } | ||
41 | |||
42 | /* Hover style for the clear search icon */ | ||
43 | .icon-remove-sign:hover { color: #999999; cursor: pointer; } | ||
44 | |||
45 | /* Some extra space before headings when needed */ | ||
46 | .details { margin-top: 30px; } | ||
47 | |||
48 | /* Required classes for the highlight behaviour in tables */ | ||
49 | .highlight { -webkit-animation: target-fade 10s 1; -moz-animation: target-fade 10s 1; animation: target-fade 10s 1; } | ||
50 | @-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | ||
51 | @-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | ||
52 | @keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } | ||
53 | |||
54 | /* This makes tooltips work inside modal dialogs */ | ||
55 | .tooltip { z-index: 2000 !important; } | ||
56 | |||
57 | /* Override default Twitter Boostrap styles for anchor tags inside tables */ | ||
58 | td a { color: #333333; } | ||
59 | td a:hover { color: #000000; text-decoration: underline; } | ||
60 | |||
61 | /* Override default Twitter Bootstrap styles for tr.error */ | ||
62 | .table tbody tr.error > td { background-color: #FFFFFF; } /* override default Bootstrap behaviour */ | ||
63 | .table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */ | ||
64 | |||
65 | /* Right justify Bootstrap table columns for size fields */ | ||
66 | .table .sizecol { text-align: right; } | ||
67 | |||
68 | /* Set error, warning, success and muted styles */ | ||
69 | .error, .red, td.error a, tr.error a { color: #b94a48; } | ||
70 | a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; } | ||
71 | .warning, .yellow { color: #c09853;} | ||
72 | a.warning { background-color: transparent; } | ||
73 | a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; } | ||
74 | .success, .green { color: #468847;} | ||
75 | .success:hover { color: #347132; text-decoration: underline; } | ||
76 | td > .success:hover { text-decoration: underline; } | ||
77 | .muted a { color:#999999; } | ||
78 | .muted a:hover { color:#999999; } | ||
79 | |||
80 | /* Sorting functionality styles for table headings */ | ||
81 | .sorted { color: #333333; font-weight: bold; } | ||
82 | .sorted:hover { color: #000000; text-decoration: underline; } | ||
83 | th > a, th > span { font-weight: normal; } | ||
84 | |||
85 | /* Force long strings like commit hashes to wrap */ | ||
86 | .iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;} | ||
87 | |||
88 | /* Make the popovers scrollable if they are too long */ | ||
89 | .popover-content { max-height: 30em; overflow-y: scroll; } | ||
90 | |||
91 | /* Styles for the directory structure table. We'll probably won't use those in production */ | ||
92 | .one { padding-left: 18px !important; } | ||
93 | .two { padding-left: 36px !important; } | ||
94 | .three { padding-left: 54px !important; } | ||
95 | .content-directory a { color: #0088CC; } | ||
96 | .content-directory a:hover { color: #005580; text-decoration: underline; } | ||
97 | .symlink { color: #CCCCCC; } | ||
98 | |||
99 | /* Other styles */ | ||
100 | .dropdown-menu { padding: 10px; } | ||
101 | select { width: auto; } | ||
102 | .page-header { color: #5A5A5A; } | ||
103 | .top-air { margin-top: 40px;} | ||
104 | .progress { margin-bottom: 0px; } | ||
105 | .lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; } | ||
106 | .well > .lead, .alert .lead { margin-bottom: 0px; } | ||
107 | .no-results { margin: 10px 0; } | ||
108 | .task-name { margin-left: 7px; } | ||
109 | .icon-hand-right {color: #CCCCCC; } | ||
110 | .help-inline { margin: 5px; } | ||
111 | .hero-unit { margin: 20px 0 30px; } | ||
112 | .hero-unit > .close { font-size:40px; } | ||
113 | .hero-actions { margin-top: 30px; } | ||
114 | .dashboard-section { background-color: transparent; } | ||
115 | |||
116 | /* make tables Chrome-happy (me, not so much) */ | ||
117 | #otable { table-layout: fixed; word-wrap: break-word; } | ||
118 | |||
119 | |||
120 | |||
121 | |||
122 | |||
123 | |||
124 | |||
125 | |||
126 | |||
127 | |||
128 | |||
129 | |||
130 | |||
131 | |||
132 | |||