diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css/default.css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 146 |
1 files changed, 146 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..778d8b8456 --- /dev/null +++ b/bitbake/lib/toaster/toastergui/static/css/default.css | |||
@@ -0,0 +1,146 @@ | |||
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 | /* Configuration styles */ | ||
120 | .icon-trash { color: #B94A48; font-size: 16px; padding-left: 2px; } | ||
121 | .icon-trash:hover { color: #943A38; text-decoration: none; cursor: pointer; } | ||
122 | .icon-pencil, .icon-download-alt { font-size: 16px; color: #0088CC; padding-left: 2px; } | ||
123 | .icon-pencil:hover, .icon-download-alt:hover { color: #005580; text-decoration: none; cursor: pointer; } | ||
124 | .configuration-list li { line-height: 35px; font-size: 21px; font-weight: 200; } | ||
125 | .configuration-list { font-size: 16px; margin-bottom: 1.5em; } | ||
126 | .configuration-list i { font-size: 16px; } | ||
127 | /*.configuration-layers { height: 135px; overflow: scroll; }*/ | ||
128 | .counter { font-weight: normal; } | ||
129 | .well-alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px; } | ||
130 | .well-alert > .lead { color: #C09853; padding-bottom: .75em; } | ||
131 | .configuration-alert { margin-bottom: 0px; padding: 8px 14px; } | ||
132 | .configuration-alert p { margin-bottom: 0px; } | ||
133 | fieldset { padding-left: 19px; } | ||
134 | .project-form { margin-top: 10px; } | ||
135 | .add-layers .btn-block + .btn-block { margin-top: 0px; } | ||
136 | input.huge { font-size: 17.5px; padding: 11px 19px; } | ||
137 | .build-form { margin-bottom: 0px; padding-left: 20px; } | ||
138 | a code { color: #0088CC; } | ||
139 | a code:hover { color: #005580; } | ||
140 | .localconf { font-size: 17.5px; margin-top: 40px; } | ||
141 | .localconf code { font-size: 17.5px; } | ||
142 | #add-layer-dependencies { margin-top: 5px; } | ||
143 | .artifact { width: 9em; } | ||
144 | .control-group { margin-bottom: 0px; } | ||
145 | #project-details form { margin: 0px; } | ||
146 | dd form { margin: 10px 0 0 0; } | ||