services/api/app/assets/stylesheets/application.css

   1 /* Copyright (C) The Arvados Authors. All rights reserved.
   2
   3 SPDX-License-Identifier: AGPL-3.0 */
   4
   5 /*
   6  * This is a manifest file that'll automatically include all the stylesheets available in this directory
   7  * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
   8  * the top of the compiled file, but it's generally better to create a new file per style scope.
   9  *= require_self
  10  *= require_tree .
  11 */
  12
  13 .contain-align-left {
  14     text-align: left;
  15 }
  16
  17 body {
  18     margin: 0;
  19 }
  20 body > div {
  21     margin: 2px;
  22 }
  23 div#footer {
  24     font-family: Verdana,Arial,sans-serif;
  25     font-size: 12px;
  26     margin-top: 24px;
  27     border-top: 1px solid #ccc;
  28 }
  29 div#footer, div#footer a {
  30     color: #777;
  31 }
  32 div#header {
  33     margin: 0;
  34     padding: .5em 1em;
  35     background: #000;
  36     font-weight: bold;
  37     font-size: 18px;
  38     font-family: Verdana,Arial,sans-serif;
  39     vertical-align: middle;
  40     color: #ddd;
  41 }
  42 div#header > div {
  43     display: inline-block;
  44     font-size: 12px;
  45     line-height: 18px;
  46 }
  47 div#header > .apptitle {
  48     font-size: 18px;
  49 }
  50 div#header a.logout {
  51     color: #fff;
  52     font-weight: normal;
  53 }
  54 div#header button {
  55     font-size: 12px;
  56 }
  57 div#header span.beta {
  58     opacity: 0.5;
  59 }
  60 div#header span.beta > span {
  61     border-top: 1px solid #fff;
  62     border-bottom: 1px solid #fff;
  63     font-size: 0.8em;
  64 }
  65 img.arvados-logo {
  66     height: 66px;
  67 }
  68 #intropage {
  69     font-family: Verdana,Arial,sans-serif;
  70 }
  71 #errorpage {
  72     font-family: Verdana,Arial,sans-serif;
  73 }
  74
  75 div.full-page-tab-set > ul > li {
  76     font-size: 14px;
  77 }
  78 .titlebanner p {
  79     font-size: 16px;
  80 }
  81 p {
  82     font-size: 12px;
  83 }
  84 .small-text {
  85     font-size: 12px;
  86 }
  87 .autoui-icon-float-left {
  88     float: left;
  89     margin-right: .3em;
  90 }
  91 .autoui-pad {
  92     padding: 0 1em;
  93 }
  94 table.datatablesme {
  95     border: 0;
  96     border-collapse: collapse;
  97     width: 100%;
  98 }
  99 .loadinggif {
 100     background: #fff url(/images/ajax-loader-16-fff-aad.gif) no-repeat;
 101 }
 102 .clientprogressgif {
 103     /* warning: depends on 24px outer container. */
 104     position: absolute;
 105     left: 4px;
 106     top: 4px;
 107     width: 16px;
 108     height: 16px;
 109 }
 110 .counttable {
 111     width: 100%;
 112     display: table;
 113     border-collapse: collapse;
 114     margin-bottom: 0.5em;
 115 }
 116 .counttable > div {
 117     display: table-row;
 118 }
 119 .counttable > div > div {
 120     display: table-cell;
 121     text-align: center;
 122     background: #ccf;
 123     padding: 0 2px;
 124     font-size: 0.8em;
 125 }
 126 .counttable > div > div.counter {
 127     font-size: 2em;
 128     padding: 4px 2px 0 2px;
 129 }
 130 table.admin_table {
 131     border-collapse: collapse;
 132 }
 133 table.admin_table tbody tr {
 134     height: 2.5em;
 135 }
 136 table.admin_table th,table.admin_table td {
 137     text-align: left;
 138     border: 1px solid #bbb;
 139     padding: 3px;
 140 }
 141 table.admin_table tbody tr:hover {
 142     background: #ff8;
 143 }
 144 table.admin_table tbody tr:hover td {
 145     background: transparent;
 146 }
 147
 148 div.helptopics {
 149     position: fixed;
 150 }
 151 div.helptopics ul {
 152     padding: 0;
 153     margin-left: 1em;
 154     list-style-type: none;
 155 }
 156 div.helptopics ul li {
 157     margin: 0 0 1em 0;
 158 }
 159 div.helpcontent li {
 160     margin-bottom: .5em;
 161 }
 162
 163 div.preview {
 164     color: red;
 165     font-weight: bold;
 166     text-align: center;
 167 }
 168
 169 .sudo-warning {
 170     padding: 4px 10px;
 171     background: #ffdd00;
 172     color: red;
 173     -webkit-border-radius: 3px;
 174     -moz-border-radius: 3px;
 175     border-radius: 3px
 176 }
 177
 178 div#header a.sudo-logout {
 179     color: #000;
 180     font-weight: bold;
 181 }