Patrick Williams | c124f4f | 2015-09-15 14:41:29 -0500 | [diff] [blame] | 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 version information */ |
| 6 | .brand > a { color: #777; } |
| 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 | |
| 11 | /* Style the breadcrumb */ |
| 12 | .breadcrumb { display: inline-block; background-color: transparent; } |
| 13 | .breadcrumb li:first-child { padding-right: 10px; } |
| 14 | |
| 15 | /* Styles for the help information */ |
| 16 | .get-help { color: #CCCCCC; } |
| 17 | .get-help:hover, .icon-plus-sign:hover { color: #999999; cursor: pointer; } |
| 18 | .get-help-blue { color: #3A87AD; } |
| 19 | .get-help-blue:hover { color: #005580; cursor: pointer; } |
| 20 | .get-help-yellow { color: #C09853; } |
| 21 | .get-help-yellow:hover { color: #B38942; cursor: pointer; } |
| 22 | .get-help-red { color: #B94A48; font-size: 16px; padding-left: 2px; } |
| 23 | .get-help-red:hover { color: #943A38; cursor: pointer; } |
| 24 | .build-form>i:first-of-type { margin-left: 5px; } |
| 25 | .manual { margin: 11px 15px 0 11px;} |
| 26 | .heading-help { font-size: 14px; } |
| 27 | |
| 28 | /* Styles for the external link */ |
| 29 | .get-info { color: #0088CC; } |
| 30 | .get-info:hover { color: #005580; cursor: pointer; text-decoration: none; } |
| 31 | |
| 32 | /* Styles for code and pre tags */ |
| 33 | code { background-color: transparent; border: none; color: #333333; } |
| 34 | dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } |
| 35 | .alert-warning code, .alert-warning pre { background-color: transparent; border: none; color: #C09853; margin-bottom: 0px; } |
| 36 | .alert-error code { background-color: transparent; border: none; color: #B94A48; margin-bottom:0px; } |
| 37 | .alert-error pre { background-color: transparent; border: none; color: #B94A48; word-break: normal; margin-bottom: 0px; } |
| 38 | .alert-warning pre { word-break: normal; } |
| 39 | .alert-info a { font-weight: 300; } |
| 40 | .alert-info code { color: #3A87AD; } |
| 41 | .tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; } |
| 42 | |
| 43 | /* Style for definition lists */ |
| 44 | dd ul { list-style-type: none; margin: 0px; } |
| 45 | dt, dd {line-height: 25px; } |
| 46 | dd li { line-height: 25px; } |
| 47 | .item-info dd { line-height: 20px; margin-bottom: 10px; } |
| 48 | |
| 49 | /* Style the filter modal dialogs */ |
| 50 | .modal { width: 800px; margin-left: -400px; } |
| 51 | .modal-footer .btn { float: left; } |
| 52 | |
| 53 | /* Hover style for the clear search icon */ |
| 54 | .icon-remove-sign:hover { color: #999999; cursor: pointer; } |
| 55 | |
| 56 | /* Some extra space before headings when needed */ |
| 57 | .details { margin-top: 30px; } |
| 58 | .air { margin-top: 30px; } |
| 59 | |
| 60 | /* Required classes for the highlight behaviour in tables */ |
| 61 | .highlight { -webkit-animation: target-fade 10s 1; -moz-animation: target-fade 10s 1; animation: target-fade 10s 1; } |
| 62 | @-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } |
| 63 | @-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } |
| 64 | @keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } } |
| 65 | |
| 66 | /* This makes tooltips work inside modal dialogs */ |
| 67 | .tooltip { z-index: 2000 !important; } |
| 68 | |
| 69 | /* Override default Twitter Boostrap styles for anchor tags inside tables */ |
| 70 | td a, td a > code { color: #333333; } |
| 71 | td code { white-space: normal; } |
| 72 | td a:hover, td a > code:hover { color: #000000; text-decoration: underline; } |
| 73 | |
| 74 | /* Override default Twitter Bootstrap styles for tr.error */ |
| 75 | .table tbody tr.error > td { background-color: transparent; } /* override default Bootstrap behaviour */ |
| 76 | .table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */ |
| 77 | |
| 78 | /* Right justify Bootstrap table columns for size fields */ |
| 79 | .table .sizecol { text-align: right; } |
| 80 | |
| 81 | /* Set error, warning, success and muted styles */ |
| 82 | .error, .red, td.error a, tr.error a { color: #b94a48; } |
| 83 | a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; } |
| 84 | .warning, .yellow { color: #c09853;} |
| 85 | a.warning { background-color: transparent; } |
| 86 | a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; } |
| 87 | .success, .green { color: #468847;} |
| 88 | .success:hover { color: #347132; text-decoration: underline; } |
| 89 | td > .success:hover { text-decoration: underline; } |
| 90 | .muted a { color:#999999; } |
| 91 | .muted a:hover { color:#999999; } |
| 92 | |
| 93 | /* Sorting functionality styles for table headings */ |
| 94 | .sorted { color: #333333; font-weight: bold; } |
| 95 | .sorted:hover { color: #000000; text-decoration: underline; } |
| 96 | th > a, th > span { font-weight: normal; } |
| 97 | |
| 98 | /* Force long strings like commit hashes to wrap */ |
| 99 | .iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;} |
| 100 | |
| 101 | /* Make the popovers scrollable if they are too long */ |
| 102 | .popover-content { max-height: 30em; overflow-y: scroll; } |
| 103 | |
| 104 | /* Styles for the directory structure table. We'll probably won't use those in production */ |
| 105 | .one { padding-left: 18px !important; } |
| 106 | .two { padding-left: 36px !important; } |
| 107 | .three { padding-left: 54px !important; } |
| 108 | .content-directory a { color: #0088CC; } |
| 109 | .content-directory a:hover { color: #005580; text-decoration: underline; } |
| 110 | .symlink { color: #CCCCCC; } |
| 111 | |
| 112 | /* Styles for the navbar actions */ |
| 113 | .btn-group + .btn-group { margin-right: 10px; } |
| 114 | .navbar-inner > .btn-group { margin-top: 6px; } |
| 115 | |
| 116 | /* Styles for the parent item in the left navigation */ |
| 117 | |
| 118 | .nav > li > a.nav-parent { font-size: 18px; line-height: 25px; } |
| 119 | |
| 120 | /* Other styles */ |
| 121 | .dropdown-menu { padding: 10px; } |
| 122 | select { width: auto; } |
| 123 | .page-header { color: #5A5A5A; } |
| 124 | .top-air { margin-top: 40px;} |
| 125 | .progress { margin-bottom: 0px; } |
| 126 | .lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; } |
| 127 | .lead ol, .lead ul { padding: 10px 0 0 20px; } |
| 128 | .lead ol > li, .lead ul > li { |
| 129 | line-height: 35px; |
| 130 | } |
| 131 | .well > .lead, .alert .lead { margin-bottom: 0px; } |
| 132 | .well-transparent { background-color: transparent; } |
| 133 | .no-results { margin: 10px 0; } |
| 134 | .task-name { margin-left: 7px; } |
| 135 | .icon-hand-right {color: #CCCCCC; } |
| 136 | .help-inline { margin: 5px; } |
| 137 | .dashboard-section { background-color: transparent; } |
| 138 | |
| 139 | /* styles for landing page - analysis mode */ |
| 140 | .hero-unit { margin: 20px 0 30px; } |
| 141 | .hero-unit > .close { font-size:40px; } |
| 142 | .hero-actions { margin-top: 30px; } |
| 143 | |
| 144 | /* styles for landing page - build mode */ |
| 145 | .hero-unit p { line-height: 25px; } |
| 146 | .hero-unit p, .hero-unit .btn-large { margin-top: 15px; } |
| 147 | .hero-unit ul { margin-top: 20px; } |
| 148 | .hero-unit li { line-height: 30px; } |
| 149 | .hero-unit img { background-color: #eee; margin-top: 15px; } |
| 150 | |
| 151 | /* make tables Chrome-happy (me, not so much) */ |
| 152 | table { table-layout: fixed; word-wrap: break-word; } |
| 153 | |
| 154 | /* styles for the new build button */ |
| 155 | .new-build .btn-primary { padding: 4px 30px; } |
| 156 | .new-build .alert { margin-top: 10px; } |
| 157 | .new-build .alert p { margin-top: 10px; } |
| 158 | |
| 159 | /* styles for showing the project name in build mode */ |
| 160 | .project-name { padding-top: 0; } |
| 161 | .project-name .label { font-weight: normal; margin-bottom: 5px; margin-left: -15px; padding: 5px; } |
| 162 | .project-name .label > a { color: #fff; font-weight: normal; } |
| 163 | |
| 164 | /* Remove bottom margin for forms inside modal dialogs */ |
| 165 | #dependencies-modal-form { margin-bottom: 0px; } |
| 166 | |
| 167 | /* Configuration styles */ |
| 168 | .icon-trash { color: #B94A48; font-size: 16px; padding-left: 5px; } |
| 169 | .icon-trash:hover { color: #943A38; text-decoration: none; cursor: pointer; } |
| 170 | .icon-pencil, .icon-download-alt, .icon-refresh, .icon-star-empty, .icon-star { font-size: 16px; color: #0088CC; padding-left: 2px; } |
| 171 | .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; } |
| 172 | .icon-share { padding-left: 2px; } |
| 173 | .alert-success .icon-refresh, .alert-success .icon-tasks { color: #468847; } |
| 174 | .alert-success .icon-refresh:hover, .alert-success .icon-tasks:hover { color: #347132; } |
| 175 | .alert-error .icon-refresh, .alert-error .icon-tasks { color: #b94a48; } |
| 176 | .alert-error .icon-refresh:hover, .alert-error .icon-tasks:hover { color: #943A38; } |
| 177 | .configuration-list li, .configuration-list label { line-height: 35px; font-size: 21px; font-weight: 200; margin-bottom: 0px;} |
| 178 | .configuration-list { font-size: 16px; margin-bottom: 1.5em; } |
| 179 | .configuration-list i { font-size: 16px; } |
| 180 | /*.configuration-layers { height: 135px; overflow: scroll; }*/ |
| 181 | .counter { font-weight: normal; } |
| 182 | .well-alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px; } |
| 183 | .well-alert > .lead { color: #C09853; padding-bottom: .75em; } |
| 184 | .configuration-alert { margin-bottom: 0px; padding: 8px 14px; } |
| 185 | .configuration-alert p { margin-bottom: 0px; } |
| 186 | .project-form { margin-top: 10px; } |
| 187 | .add-layers .btn-block + .btn-block, .build .btn-block + .btn-block { margin-top: 0px; } |
| 188 | input.huge { font-size: 17.5px; padding: 11px 19px; } |
| 189 | .build-form { margin-bottom: 0px; } |
| 190 | .build-form .input-append { margin-bottom: 0px; } |
| 191 | .build-form .btn-large { padding: 11px 35px; } |
| 192 | .build-form p { font-size:17.5px ;margin:12px 0 0 10px;} |
| 193 | #layer-container form, #target-container form { margin-bottom: 0px; } |
| 194 | .btn-primary .icon-question-sign, .btn-danger .icon-question-sign { color: #fff; } |
| 195 | .btn-primary .icon-question-sign:hover, .btn-danger .icon-question-sign:hover { color: #999; } |
| 196 | a code { color: #0088CC; } |
| 197 | a code:hover { color: #005580; } |
| 198 | .localconf { font-size: 17.5px; margin-top: 40px; } |
| 199 | .localconf code { font-size: 17.5px; } |
| 200 | #add-layer-dependencies { margin-top: 5px; } |
| 201 | .link-action { font-size: 17.5px; margin-top: 40px; } |
| 202 | .link-action code { font-size: 17.5px; } |
| 203 | .artifact { width: 9em; } |
| 204 | .control-group { margin-bottom: 0px; } |
| 205 | #project-details form { margin: 0px; } |
| 206 | dd form { margin: 10px 0 0 0; } |
| 207 | dl textarea { resize: vertical; } |
| 208 | .navbar-fixed-top { z-index: 1; } |
| 209 | .popover { z-index: 2; } |
| 210 | .btn-danger .icon-trash { color: #fff; } |
| 211 | .bbappends { list-style-type: none; margin-left: 0; } |
| 212 | .bbappends li { line-height: 25px; } |
| 213 | .configuration-list input[type="checkbox"] { margin-top:13px;margin-right:10px; } |
| 214 | .alert input[type="checkbox"] { margin-top: 0px; margin-right: 3px; } |
| 215 | .alert ol { padding: 10px 0px 0px 20px; } |
| 216 | .alert ol > li { line-height: 35px; } |
| 217 | .dl-vertical form { margin-top: 10px; } |
| 218 | .scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 8px; width: 27.5%; margin-bottom: 10px; } |
| 219 | .lead .help-block { font-size: 14px; line-height: 20px; font-weight: normal; } |
| 220 | .button-place .btn { margin: 0 0 20px 0; } |
| 221 | .tooltip-inner { max-width: 250px; } |
| 222 | .new-build { padding: 20px; } |
| 223 | .new-build li { line-height: 30px; } |
| 224 | .new-build li .alert { line-height: 20px; width: 200px; white-space: normal; } |
| 225 | .new-build h6 { margin: 10px 0 0 0; color: #5a5a5a; } |
| 226 | .new-build h3 { margin: 0; color: #5a5a5a; } |
| 227 | .new-build form { margin: 5px 0 0; } |
| 228 | .new-build .input-append { margin-bottom: 0; } |
| 229 | #build-selected { margin-top: 15px; } |
| 230 | div.add-deps { margin-top: 15px; } |
| 231 | .btn.log { margin-left: 20px; } |
| 232 | |
| 233 | |
| 234 | .animate-repeat { |
| 235 | list-style:none; |
| 236 | box-sizing:border-box; |
| 237 | } |
| 238 | |
| 239 | .animate-repeat.ng-move, |
| 240 | .animate-repeat.ng-enter, |
| 241 | .animate-repeat.ng-leave { |
| 242 | -webkit-transition:all linear 0.5s; |
| 243 | transition:all linear 0.5s; |
| 244 | } |
| 245 | |
| 246 | .animate-repeat.ng-leave.ng-leave-active, |
| 247 | .animate-repeat.ng-move, |
| 248 | .animate-repeat.ng-enter { |
| 249 | opacity:0; |
| 250 | } |
| 251 | |
| 252 | .animate-repeat.ng-leave, |
| 253 | .animate-repeat.ng-enter.ng-enter-active { |
| 254 | opacity:1; |
| 255 | } |
| 256 | |
| 257 | .tab-pane table { margin-top: 10px; } |
| 258 | |
| 259 | thead .description, .get_description_or_summary { width: 364px; } |
| 260 | thead .add-del-layers { width: 124px; } |
| 261 | |
| 262 | #loading-notification { |
| 263 | position: fixed; |
| 264 | z-index: 101; |
| 265 | top: 3%; |
| 266 | left: 40%; |
| 267 | right: 40%; |
| 268 | -webkit-box-shadow: 0 0 10px #c09853; |
| 269 | -moz-box-shadow: 0 0 10px #c09853; |
| 270 | box-shadow: 0 0 10px #c09853; |
| 271 | } |
| 272 | |
| 273 | #change-notification { |
| 274 | position: fixed; |
| 275 | z-index: 101; |
| 276 | top: 3%; |
| 277 | left: 20%; |
| 278 | right: 20%; |
| 279 | -webkit-box-shadow: 0 0 10px #3a87ad; |
| 280 | -moz-box-shadow: 0 0 10px #3a87ad; |
| 281 | box-shadow: 0 0 10px #3a87ad; |
| 282 | } |
| 283 | |
| 284 | /* Copied in from newer version of Font-Awesome 4.3.0 */ |
| 285 | .fa-spin { |
| 286 | -webkit-animation: fa-spin 2s infinite linear; |
| 287 | animation: fa-spin 2s infinite linear; |
| 288 | display: inline-block; |
| 289 | } |
| 290 | .fa-pulse { |
| 291 | -webkit-animation: fa-spin 1s infinite steps(8); |
| 292 | animation: fa-spin 1s infinite steps(8); |
| 293 | display: inline-block; |
| 294 | } |
| 295 | |
| 296 | @-webkit-keyframes fa-spin { |
| 297 | 0% { |
| 298 | -webkit-transform: rotate(0deg); |
| 299 | transform: rotate(0deg); |
| 300 | } |
| 301 | 100% { |
| 302 | -webkit-transform: rotate(359deg); |
| 303 | transform: rotate(359deg); |
| 304 | } |
| 305 | } |
| 306 | |
| 307 | @keyframes fa-spin { |
| 308 | 0% { |
| 309 | -webkit-transform: rotate(0deg); |
| 310 | -moz-transform: rotate(0deg); |
| 311 | transform: rotate(0deg); |
| 312 | } |
| 313 | 100% { |
| 314 | -webkit-transform: rotate(359deg); |
| 315 | -moz-transform: rotate(359deg); |
| 316 | transform: rotate(359deg); |
| 317 | } |
| 318 | } |
| 319 | /* End copied in from newer version of Font-Awesome 4.3.0 */ |
| 320 | |
| 321 | .top-padded { |
| 322 | padding-top: 60px; |
| 323 | } |
| 324 | |
| 325 | input.input-lg { |
| 326 | font-size: 18px; |
| 327 | height: 22px; |
| 328 | line-height: 1.33333; |
| 329 | padding: 10px 16px; |
| 330 | } |