apps/workbench/app/assets/stylesheets/application.css.scss

   1 /*
   2  * This is a manifest file that'll be compiled into application.css, which will include all the files
   3  * listed below.
   4  *
   5  * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   6  * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   7  *
   8  * You're free to add application-wide styles to this file and they'll appear at the top of the
   9  * compiled file, but it's generally better to create a new file per style scope.
  10  *
  11  *= require_self
  12  *= require bootstrap
  13  *= require bootstrap3-editable/bootstrap-editable
  14  *= require_tree .
  15  */
  16
  17 .contain-align-left {
  18     text-align: left;
  19 }
  20 table.topalign>tbody>tr>td {
  21     vertical-align: top;
  22 }
  23 table.topalign>thead>tr>td {
  24     vertical-align: bottom;
  25 }
  26 tr.cell-valign-center>td {
  27     vertical-align: middle;
  28 }
  29 tr.cell-noborder>td,tr.cell-noborder>th {
  30     border: none;
  31 }
  32 table.table-justforlayout>tr>td,
  33 table.table-justforlayout>tr>th,
  34 table.table-justforlayout>thead>tr>td,
  35 table.table-justforlayout>thead>tr>th,
  36 table.table-justforlayout>tbody>tr>td,
  37 table.table-justforlayout>tbody>tr>th{
  38     border: none;
  39 }
  40 table.table-justforlayout {
  41     margin-bottom: 0;
  42 }
  43 .deemphasize {
  44     font-size: .8em;
  45     color: #888;
  46 }
  47 table .data-size, .table .data-size {
  48     text-align: right;
  49 }
  50 body .editable-empty {
  51     color: #999;
  52 }
  53 body .editable-empty:hover {
  54     color: #0088cc;
  55 }
  56 table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
  57     overflow-x: hidden;
  58     max-width: 120px;
  59 }
  60 table.table-fixedlayout {
  61     white-space: nowrap;
  62     table-layout: fixed;
  63 }
  64 table.table-fixedlayout td {
  65     overflow: hidden;
  66     overflow-x: hidden;
  67     text-overflow: ellipsis;
  68 }
  69 table.table-smallcontent td {
  70     font-size: 85%;
  71 }
  72 form input.search-mini {
  73     padding: 0 6px;
  74 }
  75 form.small-form-margin {
  76     margin-bottom: 2px;
  77 }
  78 .nowrap {
  79     white-space: nowrap;
  80 }
  81
  82 .navbar .nav li.nav-separator span {
  83     display: block;
  84     float: none;
  85     color: #bbbbbb;
  86     padding: 10px 0 10px;
  87     text-decoration: none;
  88     text-shadow: 0 1px 0 #ffffff;
  89 }
  90 /*.navbar .nav .dropdown .dropdown-menu li a {
  91     padding: 2px 20px;
  92 }*/
  93
  94 ul.arvados-nav {
  95     list-style: none;
  96     padding-left: 0em;
  97     margin-left: 0em;
  98 }
  99
 100 ul.arvados-nav li ul {
 101     list-style: none;
 102     padding-left: 0;
 103 }
 104
 105 ul.arvados-nav li ul li {
 106     list-style: none;
 107     padding-left: 1em;
 108 }
 109
 110 .dax {
 111     max-width: 10%;
 112     margin-right: 1em;
 113     float: left
 114 }
 115
 116 .smart-scroll {
 117     overflow: auto;
 118 }
 119
 120 .inline-progress-container div.progress {
 121     margin-bottom: 0;
 122 }
 123
 124 .inline-progress-container {
 125     width: 100%;
 126     display:inline-block;
 127 }
 128
 129 td.add-tag-button {
 130     white-space: normal;
 131 }
 132 td.add-tag-button .add-tag-button {
 133     margin-right: 4px;
 134     opacity: 0.2;
 135 }
 136 td.add-tag-button .add-tag-button:hover {
 137     opacity: 1;
 138 }
 139 span.removable-tag-container {
 140     line-height: 1.6;
 141 }
 142 .label.removable-tag a {
 143     color: #fff;
 144     cursor: pointer;
 145 }
 146
 147 li.notification {
 148     padding: 10px;
 149 }
 150 .arvados-nav-container {
 151     top: 70px;
 152     height: calc(100% - 70px);
 153     overflow: auto;
 154     z-index: 2;
 155 }
 156
 157 .arvados-nav-active {
 158     background: rgb(66, 139, 202);
 159 }
 160
 161 .arvados-nav-active a, .arvados-nav-active a:hover {
 162     color: white;
 163 }
 164
 165 // See HeaderRowFixer in application.js
 166 table.table-fixed-header-row {
 167     width: 100%;
 168     border-spacing: 0px;
 169     margin:0;
 170 }
 171 table.table-fixed-header-row thead {
 172     position:fixed;
 173     background: #fff;
 174 }
 175 table.table-fixed-header-row tbody {
 176     position:relative;
 177     top:1.5em;
 178 }
 179
 180 /* Setting the height needs to be fixed with javascript. */
 181 .dropdown-menu {
 182     padding-right: 20px;
 183     max-height: 440px;
 184     width: 400px;
 185     overflow-y: auto;
 186 }
 187