diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css/default.css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 129 |
1 files changed, 118 insertions, 11 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index 778d8b8456..41b73cc826 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css @@ -2,16 +2,40 @@ .logo img { height: 30px; width: auto !important; } .logo { padding-top: 4px !important; padding-bottom:0px !important; } +/* style the version text */ +.version-text { + color: #AAA; + font-size: 0.6em; + display: table-footer-group; + padding: 0px; + margin: 1px 1px 1px 1px; +} + +.version-brand, .version-brand:hover, a.version-brand:focus { + color: #777; + display: block; + float: left; + font-size: 20px; + font-weight: 200; + padding: 00px 0px; + text-shadow: 0 1px 0 #fff; +} + /* Style the breadcrumb */ .breadcrumb { display: inline-block; background-color: transparent; } .section { margin: 20px 0; } /* Styles for the help information */ .get-help { color: #CCCCCC; } -.get-help:hover { color: #999999; cursor: pointer; } +.get-help:hover, .icon-plus-sign:hover { color: #999999; cursor: pointer; } .get-help-blue { color: #3A87AD; } .get-help-blue:hover { color: #005580; cursor: pointer; } -.manual { margin-top: 11px; } +.get-help-yellow { color: #C09853; } +.get-help-yellow:hover { color: #B38942; cursor: pointer; } +.get-help-red { color: #B94A48; font-size: 16px; padding-left: 2px; } +.get-help-red:hover { color: #943A38; cursor: pointer; } +.build-form>i:first-of-type { margin-left: 5px; } +.manual { margin: 11px 15px;} .heading-help { font-size: 14px; } /* Styles for the external link */ @@ -33,7 +57,7 @@ dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: dd ul { list-style-type: none; margin: 0px; } dt, dd {line-height: 25px; } dd li { line-height: 25px; } -dd p { line-height: 20px; } +.item-info dd { line-height: 20px; margin-bottom: 10px; } /* Style the filter modal dialogs */ .modal { width: 800px; margin-left: -400px; } @@ -44,6 +68,7 @@ dd p { line-height: 20px; } /* Some extra space before headings when needed */ .details { margin-top: 30px; } +.air { margin-top: 30px; } /* Required classes for the highlight behaviour in tables */ .highlight { -webkit-animation: target-fade 10s 1; -moz-animation: target-fade 10s 1; animation: target-fade 10s 1; } @@ -55,11 +80,12 @@ dd p { line-height: 20px; } .tooltip { z-index: 2000 !important; } /* Override default Twitter Boostrap styles for anchor tags inside tables */ -td a { color: #333333; } -td a:hover { color: #000000; text-decoration: underline; } +td a, td a > code { color: #333333; } +td code { white-space: normal; } +td a:hover, td a > code:hover { color: #000000; text-decoration: underline; } /* Override default Twitter Bootstrap styles for tr.error */ -.table tbody tr.error > td { background-color: #FFFFFF; } /* override default Bootstrap behaviour */ +.table tbody tr.error > td { background-color: transparent; } /* override default Bootstrap behaviour */ .table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */ /* Right justify Bootstrap table columns for size fields */ @@ -96,6 +122,10 @@ th > a, th > span { font-weight: normal; } .content-directory a:hover { color: #005580; text-decoration: underline; } .symlink { color: #CCCCCC; } +/* Styles for the navbar actions */ +.btn-group + .btn-group { margin-right: 10px; } +.navbar-inner > .btn-group { margin-top: 6px; } + /* Other styles */ .dropdown-menu { padding: 10px; } select { width: auto; } @@ -103,7 +133,11 @@ select { width: auto; } .top-air { margin-top: 40px;} .progress { margin-bottom: 0px; } .lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; } +.lead ol > li, .lead ul > li { + line-height: 35px; +} .well > .lead, .alert .lead { margin-bottom: 0px; } +.well-transparent { background-color: transparent; } .no-results { margin: 10px 0; } .task-name { margin-left: 7px; } .icon-hand-right {color: #CCCCCC; } @@ -116,12 +150,29 @@ select { width: auto; } /* make tables Chrome-happy (me, not so much) */ #otable { table-layout: fixed; word-wrap: break-word; } +/* styles for the new build button */ +.new-build .btn-primary { padding: 4px 30px; } +.new-build .alert { margin-top: 10px; } +.new-build .alert p { margin-top: 10px; } + +/* styles for showing the project name in build mode */ +.project-name { padding-top: 0; } +.project-name .label { font-weight: normal; margin-bottom: 5px; margin-left: -15px; padding: 5px; } + +/* Remove bottom margin for forms inside modal dialogs */ +#dependencies_modal_form { margin-bottom: 0px; } + /* Configuration styles */ .icon-trash { color: #B94A48; font-size: 16px; padding-left: 2px; } .icon-trash:hover { color: #943A38; text-decoration: none; cursor: pointer; } -.icon-pencil, .icon-download-alt { font-size: 16px; color: #0088CC; padding-left: 2px; } -.icon-pencil:hover, .icon-download-alt:hover { color: #005580; text-decoration: none; cursor: pointer; } -.configuration-list li { line-height: 35px; font-size: 21px; font-weight: 200; } +.icon-pencil, .icon-download-alt, .icon-refresh, .icon-star-empty, .icon-star, .icon-tasks { font-size: 16px; color: #0088CC; padding-left: 2px; } +.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; } +.icon-share { padding-left: 2px; } +.alert-success .icon-refresh, .alert-success .icon-tasks { color: #468847; } +.alert-success .icon-refresh:hover, .alert-success .icon-tasks:hover { color: #347132; } +.alert-error .icon-refresh, .alert-error .icon-tasks { color: #b94a48; } +.alert-error .icon-refresh:hover, .alert-error .icon-tasks:hover { color: #943A38; } +.configuration-list li, .configuration-list label { line-height: 35px; font-size: 21px; font-weight: 200; margin-bottom: 0px;} .configuration-list { font-size: 16px; margin-bottom: 1.5em; } .configuration-list i { font-size: 16px; } /*.configuration-layers { height: 135px; overflow: scroll; }*/ @@ -132,15 +183,71 @@ select { width: auto; } .configuration-alert p { margin-bottom: 0px; } fieldset { padding-left: 19px; } .project-form { margin-top: 10px; } -.add-layers .btn-block + .btn-block { margin-top: 0px; } +.add-layers .btn-block + .btn-block, .build .btn-block + .btn-block { margin-top: 0px; } input.huge { font-size: 17.5px; padding: 11px 19px; } -.build-form { margin-bottom: 0px; padding-left: 20px; } +.build-form { margin-bottom: 0px; } +.build-form .input-append { margin-bottom: 0px; } +.build-form .btn-large { padding: 11px 35px; } +.build-form p { font-size:17.5px ;margin:12px 0 0 10px;} +#layer-container form, #target-container form { margin-bottom: 0px; } +.btn-primary .icon-question-sign, .btn-danger .icon-question-sign { color: #fff; } +.btn-primary .icon-question-sign:hover, .btn-danger .icon-question-sign:hover { color: #999; } a code { color: #0088CC; } a code:hover { color: #005580; } .localconf { font-size: 17.5px; margin-top: 40px; } .localconf code { font-size: 17.5px; } #add-layer-dependencies { margin-top: 5px; } +.link-action { font-size: 17.5px; margin-top: 40px; } +.link-action code { font-size: 17.5px; } .artifact { width: 9em; } .control-group { margin-bottom: 0px; } #project-details form { margin: 0px; } dd form { margin: 10px 0 0 0; } +dl textarea { resize: vertical; } +.navbar-fixed-top { z-index: 1; } +.popover { z-index: 2; } +.btn-danger .icon-trash { color: #fff; } +.bbappends { list-style-type: none; margin-left: 0; } +.bbappends li { line-height: 25px; } +.configuration-list input[type="checkbox"] { margin-top:13px;margin-right:10px; } +.alert input[type="checkbox"] { margin-top: 0px; margin-right: 3px; } +.alert ol { padding: 10px 0px 0px 20px; } +.alert ol > li { line-height: 35px; } +.dl-vertical form { margin-top: 10px; } +.scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 8px; width: 27.5%; margin-bottom: 10px; } +.lead .help-block { font-size: 14px; line-height: 20px; font-weight: normal; } +.button-place .btn { margin: 0 0 20px 0; } +.tooltip-inner { max-width: 250px; } +.new-build { padding: 20px; } +.new-build li { line-height: 30px; } +.new-build h6 { margin: 10px 0 0 0; color: #5a5a5a; } +.new-build h3 { margin: 0; color: #5a5a5a; } +.new-build form { margin: 5px 0 0; } +.new-build .input-append { margin-bottom: 0; } +#build-selected { margin-top: 15px; } +div.add-deps { margin-top: 15px; } + + +.animate-repeat { + list-style:none; + box-sizing:border-box; +} + +.animate-repeat.ng-move, +.animate-repeat.ng-enter, +.animate-repeat.ng-leave { + -webkit-transition:all linear 0.5s; + transition:all linear 0.5s; +} + +.animate-repeat.ng-leave.ng-leave-active, +.animate-repeat.ng-move, +.animate-repeat.ng-enter { + opacity:0; +} + +.animate-repeat.ng-leave, +.animate-repeat.ng-enter.ng-enter-active { + opacity:1; +} +.tab-pane table { margin-top: 10px; } |