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>

1 files changed, 174 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..844f6dcd56
--- /dev/null
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -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;}
\ No newline at end of file