bitbake: toaster: Clean up default.css

Getting rid of all unused css declarations, grouping
and annotating to make the file more readable.

(Bitbake rev: 90409869d49468d31daa60880f54774c4b24d5aa)

Signed-off-by: Belen Barros <belen.barros.pena@intel.com>
Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>

1 files changed, 114 insertions, 177 deletions

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css
index 775f52d00b..461583977f 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -1,183 +1,120 @@
-.block-centered { margin: auto; display: block;}
-
-.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;}
-
-/* override default Twitter Boostrap styles for anchor tags inside tables */
-td a {color: #333333;}
-td a:hover {color: #000000;text-decoration: underline;}
-
-/* override default Twitter Bootstrap styles for tr.error */
-.table tbody tr.error > td { background-color:#FFFFFF; }
-.table-hover tbody tr.error:hover > td { background-color: #F5F5F5; }
-
-/* set .error styles */
-.error, .red, tr.error a { color:#B94A48; }
-a.error:hover, a.error:focus, tr.error a:hover {color:#943A38;text-decoration:underline;}
-
-.success, .green { color: /*#4EAC4B*/#468847;}
-
-.success:hover {color:#347132;text-decoration: underline;}
-td > .success:hover {text-decoration: underline;}
-.warning, .yellow { color: #c09853;}
-a.warning {background-color: transparent;}
-a.warning:hover, a.warning:focus {color:#B38942;text-decoration:underline;}
-.clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
-
-.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;}
+/* Style the Yocto Project logo */
+.logo img { height: 30px; width: auto !important; }
+.logo { padding-top: 4px !important; padding-bottom:0px !important; }
+
+/* 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-blue { color: #3A87AD; }
+.get-help-blue:hover { color: #005580; cursor: pointer; }
+.manual { margin-top: 11px; }
+.heading-help { font-size: 14px; }
+
+/* Styles for the external link */
+.get-info { color: #0088CC; }
+.get-info:hover { color: #005580; cursor: pointer; text-decoration: none; }
+
+/* Styles for code and pre tags */
+code { background-color: transparent; border: none; color: #333333; }
+dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
+.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; }
+.alert-info code { color: #3A87AD; }
+.tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; }
+
+/* Style for definition lists */
+dd ul { list-style-type: none; margin-left: 0px; }
+dt, dd  {line-height: 25px; }
+dd li { line-height: 25px; }
+dd p { line-height: 20px; }
+
+/* Style the filter modal dialogs */
+.modal { width: 800px; margin-left: -400px; }
+.modal-footer .btn { float: left; }
+
+/* Hover style for the clear search icon */
+.icon-remove-sign:hover { color: #999999; cursor: pointer; }
+
+/* Some extra space before headings when needed */
+.details { margin-top: 30px; }
+
+/* Required classes for the highlight behaviour in tables */
+.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;}
 
+/* This makes tooltips work inside modal dialogs */
+.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; }
+
+/* Override default Twitter Bootstrap styles for tr.error */
+.table tbody tr.error > td { background-color: #FFFFFF; } /* override default Bootstrap behaviour */
+.table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */
 
+/* Set error, warning, success and muted styles */
+.error, .red, tr.error a { color: #b94a48; }
+a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; }
+.warning, .yellow { color: #c09853;}
+a.warning { background-color: transparent; }
+a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; }
+.success, .green { color: #468847;}
+.success:hover { color: #347132; text-decoration: underline; }
+td > .success:hover { text-decoration: underline; }
+.muted a { color:#999999; }
+.muted a:hover { color:#999999; }
+
+/* Sorting functionality styles for table headings */
+.sorted { color: #333333; font-weight: bold; }
+.sorted:hover { color: #000000; text-decoration: underline; }
+th > a, th > span { font-weight: normal; }
+
+/* Force long strings like commit hashes to wrap */
+.iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
+
+/* Styles for the directory structure table. We'll probably won't use those in production */
+.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; }
+.symlink { color: #CCCCCC; }
+
+/* Other styles */
+.dropdown-menu { padding: 10px; }
+select { width: auto; }
+.page-header { color: #5A5A5A; }
+.progress { margin-bottom: 0px; }
+.lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; }
+.well > .lead, .alert .lead { margin-bottom: 0px; }
 .no-results { margin: 10px 0 0; }
-th > a, th > span { font-weight: normal; color:#333333;}
+.task-name { margin-left: 7px; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+