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>
This commit is contained in:
Belen Barros
2014-02-03 11:27:02 +00:00
committed by Richard Purdie
parent 620553df86
commit b4416e324f

View File

@@ -1,183 +1,120 @@
.block-centered { margin: auto; display: block;}
/* Style the Yocto Project logo */
.logo img { height: 30px; width: auto !important; }
.logo { padding-top: 4px !important; padding-bottom:0px !important; }
.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;}
/* Style the breadcrumb */
.breadcrumb { display: inline-block; background-color: transparent; }
.section { margin: 20px 0; }
.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;}
/* 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; }
.contributors ul { margin-left: 7px;}
.contributors li {list-style: none;}
/* Styles for the external link */
.get-info { color: #0088CC; }
.get-info:hover { color: #005580; cursor: pointer; text-decoration: 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;}
/* 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; }
a.icon-button { color: #555; text-decoration: none;}
/*a.icon-button:after { content: " "; nbsp} */
/* 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; }
.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;}
/* Style the filter modal dialogs */
.modal { width: 800px; margin-left: -400px; }
.modal-footer .btn { float: left; }
.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;}
/* Hover style for the clear search icon */
.icon-remove-sign:hover { color: #999999; cursor: pointer; }
/*a.muted:hover {cursor: default;}*/
/* Some extra space before headings when needed */
.details { margin-top: 30px; }
#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;}
/* 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; }