bitbake: toaster: update static media for Toaster GUI

In the process of making the GUI more usable, we
bring in the static assets used during the design
phase into the application.

Licenses used:

    Bootstrap 2.3.2 under Apache License 2.0
    Font Awesome under SIL OFL 1.1 (GPL compatible) and MIT licence
    GLYPHICONS Halflings released with Bootstrap, CC BY 3.0
    jQuery 2.0.3 under MIT licence
    prettify.js under Apache Licence 2.0

(Bitbake rev: 0b3d2000c0bcd2bb5a3af5d49a514a90f001a7d2)

Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Alexandru DAMIAN
2013-12-11 16:40:05 +00:00
committed by Richard Purdie
parent 47621ecb24
commit c2fc6ca2fa
21 changed files with 16275 additions and 0 deletions

View File

@@ -0,0 +1,174 @@
.block-centered { margin: auto; display: block;}
.error, .red { color: #b94a48;}
.error:hover {color:#943A38;text-decoration:none;}
.success,
.green { color: /*#4EAC4B*/#468847;}
.success:hover {color:#347132;text-decoration: underline;}
td > .success:hover {text-decoration: underline;}
.warning, .yellow { color: #c09853;}
.overflow-hidden { overflow: hidden;}
.large { font-size: x-large; font-weight: normal; line-height: 30px;}
.max-width { width: 100%;}
.text-right { text-align: right !important;}
.visibility-hidden { visibility: hidden;}
.hover-show:hover .visibility-hidden { visibility: visible;}
.alpha { margin-left: 0 !important;}
.omega { margin-right: 0 !important;}
.recent-activity { margin: 40px 0;}
.recent-activity .alert,
.recent-activity .alert .progress { margin-bottom: 1em;}
.recent-activity .row-fluid,
.recent-activity .row-fluid [class*="span"] { min-height: 0;}
.recent-activity .alert-blank {color: black; background: none; border: none;}
.breadcrumb { display: inline-block;}
.section, .margin { margin: 20px 0;}
.middle { vertical-align:middle;}
select { width: auto;}
.contributors ul { margin-left: 7px;}
.contributors li {list-style: none;}
.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;}
.box-header { background-color: #f5f5f5;padding: 8px;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;color: #1684DA;}
.box-content { padding: 20px;}
.box-single { padding: 8px;}
a.icon-button { color: #555; text-decoration: none;}
/*a.icon-button:after { content: " "; nbsp} */
.stats { margin-right: 30px;}
.stats .large { font-size: x-large; font-weight: normal; display: inline; line-height: 30px}
.stats small { width: 50px; display: inline-block; font-size: 85%;line-height: 14px;}
.task-header { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.task-header strong { display: inline-block; width: 100px;}
.no-list-style { list-style: none; margin-left: 0;}
.modal { width: 800px; margin-left: -400px;}
.right-padding td:first-child { padding-right: 40px;}
.right-padding td { padding: 4px 0px;}
.centered {margin: 0 20%;}
.auto-width { width: auto;}
.auto-width td { min-width: 150px;}
/*a.muted:hover {cursor: default;}*/
#infovis { position:relative; width:600px; height:600px; margin:auto; overflow:hidden;}
/*.tablesorter th {cursor: s-resize;}
.tablesorter th.headerSortDown {cursor: n-resize;}*/
.combobox input {width: 60%;margin: 0;}
/*.custom-column,
.custom-column thead tr:last-child td:last-child {border-right: none;}
.custom-column tbody td:last-child {border-top: none;}
.custom-column thead td:last-child {border-right: 1px solid #ddd;}
.custom-column .column-button-column .column-button {padding: 4px 4px;}
.column-button-column li {margin: 10px;}*/
ul.tree,
ul.tree ul { list-style-type: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKAQMAAABPHKYJAAAAA1BMVEWIiIhYZW6zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1ggGExMZBky19AAAAAtJREFUCNdjYMAEAAAUAAHlhrBKAAAAAElFTkSuQmCC) repeat-y;margin: 0;padding: 0;}
ul.tree ul { margin-left: 10px;}
ul.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;}
ul.tree ul li:last-child {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIIhs+gc8AAAAQSURBVAjXY2hgQIf/GbAAAKCTBYBUjWvCAAAAAElFTkSuQmCC) no-repeat 0 0;}
ul.tree,
ul.tree > li {background: none;}
.inline-centered {text-align: center;}
/* Sorry in advance for these !importants. It's an emergency and the logo
doesn't fit and I'm at the pub !!! */
.logo img {height: 30px;width: auto !important;}
.logo {padding-top: 4px !important;padding-bottom: 0px !important;}
tr.selected {background-color: yellow;}
.dependencies-graph img {display: none;}
.dependencies-graph .base {display: block;}
.dependencies-graph:hover {cursor: pointer;}
.dependencies-graph:hover .base {display: none;}
.dependencies-graph:hover .dependencies {display: block;}
.dependencies-graph.recommended-show:hover .base {display: none;}
.dependencies-graph.recommended-show:hover .dependencies {display: none;}
.dependencies-graph.recommended-show:hover .recommended {display: block;}
.dependencies-table.hover .package-selected {background-color: #FECF5E;}
.dependencies-table.hover .package-dependancy { background-color: #fefca3;}
.dependencies-table.hover.recommended-show .package-recommended {background-color: #fffee6;}
.bar.building {transition: none 0s ease 0s;}
.build-image {background-color: black;color: white;padding: 200px;text-align: center;}
.dropdown-menu {padding: 10px;}
.modal-footer .btn {float: left;}
a.error:hover, a.error:focus {color:#943A38;text-decoration:underline;}
a.warning {background-color: transparent;}
a.warning:hover, a.warning:focus {color:#B38942;text-decoration:underline;}
.clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
td a {color: #333333;}
td a:hover {color: #000000;text-decoration: underline;}
.get-help {color:#CCCCCC;}
.get-help:hover {color:#999999;cursor:pointer;}
.get-help-blue {color:#3A87AD;}
.get-help-blue:hover {color:#005580;cursor:pointer;}
.outcome-help:hover {text-decoration:none;}
dd ul {list-style-type:none;margin-left:0px;}
.alert-warning code, .alert-warning pre {background-color: transparent;border: none;color: #C09853;margin-bottom:0px;}
.alert-error code {background-color: transparent;border: none;color: #B94A48;margin-bottom:0px;}
.alert-error pre {background-color: transparent;border: none;color: #B94A48;word-break:normal;margin-bottom:0px;}
.alert-warning pre {word-break:normal;}
.alert-info a {font-weight:bold;}
dt, dd {line-height:25px;}
dd li {list-style-type:none;line-height:25px;}
/*.taskchanges dt {width: 300px;}
.taskchanges dd {margin-left: 320px;}
.diffsigs dt {width: 200px;}
.diffsigs dd {margin-left: 220px;}
/*.dl-horizontal dt {width: 300px;}
.dl-horizontal dd {margin-left: 320px;}*/
.orderBy{ cursor:pointer;}
.orderBy.ordering{font-weight: bold !important;color: #333333; text-decoration: none; }
.orderBy.ordering:hover{color: #000000; text-decoration: underline;}
/* Belen's styles */
.sorted {color: #333333;}
.sorted:hover {color: #000000;text-decoration: underline;}
.icon-remove-sign:hover {color: #999999; cursor: pointer;}
.details {margin-top:30px;}
code {background-color:transparent;border:none;color: #333333;}
.muted a {color:#999999;}
.muted a:hover {color:#999999;}
dd code, .alert code {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
dd p {line-height:20px;}
.iscommit {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
.wrap {word-break: break-all; word-wrap: break-word;}
.divide {border-right: 1px solid #E5E5E5;}
.get-info {color:#0088CC;}
.get-info:hover {color:#005580;cursor:pointer;text-decoration:none;}
.well > .lead, .alert .lead {margin-bottom:0px;}
.one {padding-left:18px !important;}
.two {padding-left:36px !important;}
.three {padding-left:54px !important;}
.content-directory a {color:#0088CC;}
.content-directory a:hover {color:#005580;text-decoration:underline;}
.page-header {color:#5A5A5A;}
.breadcrumb {background-color:transparent;}
.progress {margin-bottom:0px;}
.lead .badge {font-size:18px; font-weight:normal; border-radius:15px; padding: 9px;}
.symlink {color:#CCCCCC;}
.highlight {background-color: #D9EDF7;}
.flash:target {-webkit-animation: target-fade 7s 1; -moz-animation: target-fade 7s 1; animation: target-fade 7s 1;}
@-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
@-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
@keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
.tooltip { z-index: 2000 !important; } /* this makes tooltips work inside modal dialogs */
.tooltip code { background-color:transparent; color:#FFFFFF; font-weight:normal; border:none; font-size: 1em; }
.manual { margin-top:11px;}
.heading-help { font-size:14px;}