+++ /dev/null
-// Copyright (C) The Arvados Authors. All rights reserved.
-//
-// SPDX-License-Identifier: AGPL-3.0
-
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require_self
- *= require bootstrap3-editable/bootstrap-editable
- *= require morris
- *= require awesomplete
- *= require_tree .
- */
-
-@import "bootstrap-sprockets";
-@import "bootstrap";
-
-.contain-align-left {
- text-align: left;
-}
-table.topalign>tbody>tr>td {
- vertical-align: top;
-}
-table.topalign>thead>tr>td {
- vertical-align: bottom;
-}
-tr.cell-valign-center>td {
- vertical-align: middle;
-}
-tr.cell-noborder>td,tr.cell-noborder>th {
- border: none;
-}
-table.table-justforlayout>tr>td,
-table.table-justforlayout>tr>th,
-table.table-justforlayout>thead>tr>td,
-table.table-justforlayout>thead>tr>th,
-table.table-justforlayout>tbody>tr>td,
-table.table-justforlayout>tbody>tr>th{
- border: none;
-}
-table.table-justforlayout {
- margin-bottom: 0;
-}
-.smaller-text {
- font-size: .8em;
-}
-.deemphasize {
- font-size: .8em;
- color: #888;
-}
-.lighten {
- color: #888;
-}
-.arvados-filename,
-.arvados-uuid {
- font-size: .8em;
- font-family: monospace;
-}
-table .data-size, .table .data-size {
- text-align: right;
-}
-body .editable-empty {
- color: #999;
-}
-body .editable-empty:hover {
- color: #0088cc;
-}
-table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
- overflow-x: hidden;
- max-width: 120px;
-}
-table.arv-index > thead > tr > th {
- border-top: none;
-}
-table.table-fixedlayout {
- white-space: nowrap;
- table-layout: fixed;
-}
-table.table-fixedlayout td {
- overflow: hidden;
- overflow-x: hidden;
- text-overflow: ellipsis;
-}
-table.table-smallcontent td {
- font-size: 85%;
-}
-form input.search-mini {
- padding: 0 6px;
-}
-form.small-form-margin {
- margin-bottom: 2px;
-}
-.nowrap {
- white-space: nowrap;
-}
-input.select-on-focus {
- font-family: monospace;
- background: inherit;
- border: thin #ccc solid;
- border-radius: .2em;
- padding: .15em .5em;
-}
-input.select-on-focus:focus {
- border-color: #9bf;
-}
-
-/* top nav */
-$top-nav-bg: #3c163d;
-$top-nav-bg-bottom: #260027;
-nav.navbar-fixed-top .navbar-brand {
- color: #79537a;
- letter-spacing: 0.4em;
-}
-nav.navbar-fixed-top {
- background: $top-nav-bg;
- background: linear-gradient(to bottom, $top-nav-bg 0%,$top-nav-bg-bottom 100%);
-}
-.navbar.breadcrumbs {
- line-height: 50px;
- border-radius: 0;
- margin-bottom: 0;
- border-right: 0;
- border-left: 0;
-}
-.navbar.breadcrumbs .nav > li > a,
-.navbar.breadcrumbs .nav > li {
- color: #000;
-}
-.navbar.breadcrumbs .nav > li.nav-separator > i {
- color: #bbb;
-}
-.navbar.breadcrumbs .navbar-form {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-.navbar.breadcrumbs .navbar-text {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-
-nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a,
-nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a:focus,
-nav.navbar-fixed-top .navbar-nav.navbar-right > li.open > a:hover {
- background: lighten($top-nav-bg, 5%);
-}
-nav.navbar-fixed-top .navbar-nav.navbar-right > li > a,
-nav.navbar-fixed-top .navbar-nav.navbar-right > li > a:focus,
-nav.navbar-fixed-top .navbar-nav.navbar-right > li > a:hover {
- color: #fff;
-}
-
-.dax {
- max-width: 10%;
- margin-right: 1em;
- float: left
-}
-
-.smart-scroll {
- overflow: auto;
- margin-bottom: -15px;
-}
-
-.infinite-scroller .fa-warning {
- color: #800;
-}
-
-th[data-sort-order] {
- cursor: pointer;
-}
-
-.inline-progress-container div.progress {
- margin-bottom: 0;
-}
-
-.inline-progress-container {
- width: 100%;
- display:inline-block;
-}
-
-td.add-tag-button {
- white-space: normal;
-}
-td.add-tag-button .add-tag-button {
- margin-right: 4px;
- opacity: 0.2;
-}
-td.add-tag-button .add-tag-button:hover {
- opacity: 1;
-}
-span.removable-tag-container {
- line-height: 1.6;
-}
-.label.removable-tag a {
- color: #fff;
- cursor: pointer;
-}
-
-li.notification {
- padding: 10px;
-}
-
-td.trash-project-msg {
- white-space: normal;
-}
-
-// See HeaderRowFixer in application.js
-table.table-fixed-header-row {
- width: 100%;
- border-spacing: 0px;
- margin:0;
-}
-table.table-fixed-header-row thead {
- position:fixed;
- background: #fff;
-}
-table.table-fixed-header-row tbody {
- position:relative;
- top:1.5em;
-}
-
-.dropdown-menu {
- max-height: 30em;
- overflow-y: auto;
-}
-
-.dropdown-menu a {
- cursor: pointer;
-}
-
-.row-fill-height, .row-fill-height>div[class*='col-'] {
- display: flex;
-}
-.row-fill-height>div[class*='col-']>div {
- width: 100%;
-}
-
-/* Show editable popover above side-nav */
-.editable-popup.popover {
- z-index:1055;
-}
-
-/* Do not leave space for left-nav */
-div#wrapper {
- padding-left: 0;
-}
-
-.arv-description-as-subtitle {
- padding-bottom: 1em;
-}
-.arv-description-in-table {
- height: 4em;
- overflow-x: hidden;
- overflow-y: hidden;
-}
-.arv-description-in-table:hover {
- overflow-y: auto;
-}
-
-.btn.btn-nodecorate {
- border: none;
-}
-svg text {
- font-size: 6pt;
-}
-
-div.pane-content iframe {
- width: 100%;
- border: none;
-}
-span.editable-textile {
- display: inline-block;
-}
-.text-overflow-ellipsis {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.time-label-divider {
- font-size: 80%;
- min-width: 1em;
- padding: 0px 2px 0px 0px;
-}
-.task-summary-status {
- font-size: 80%;
-}
-#page-wrapper > div > h2 {
- margin-top: 0px;
-}
-
-.compute-summary-numbers td {
- font-size: 150%;
-}
-
-.arv-log-refresh-control {
- display: none;
-}
-
-/* Hide Angular content until Angular is ready */
-[ng\:cloak], [ng-cloak], .ng-cloak {
- display: none !important;
-}
-
-/* tabs */
-ul.nav.nav-tabs {
- font-size: 90%
-}
-
-.hover-dropdown:hover .dropdown-menu {
- display: block;
-}
-
-.arv-description-as-subtitle .editable-inline,
-.arv-description-as-subtitle .editable-inline .form-group,
-.arv-description-as-subtitle .editable-inline .form-group .editable-input,
-.arv-description-as-subtitle .editable-inline .form-group .editable-input textarea,
-{
- width: 98%!important;
-}
-
-/* Needed for awesomplete to play nice with bootstrap */
-div.awesomplete {
- display: block;
-}
-/* Makes awesomplete listings to be scrollable */
-.awesomplete > ul {
- max-height: 410px;
- overflow-y: auto;
-}
-
-.dropdown-menu > li > form > button {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.428571429;
- color: #333333;
- white-space: nowrap;
- cursor: pointer;
- text-decoration: none;
- background: transparent;
- border-style: none;
-}
-
-.dropdown-menu > li > form > button:hover {
- text-decoration: none;
- color: #262626;
- background-color: #f5f5f5;
-}
-
-#deprecation-notice {
- padding-top: 20px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 0px;
-}
-
-#deprecation-notice form {
- display: inline;
-}