diff options
| -rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 291 |
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; } + + + + + + + + + + + + + + + + + + |