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.curoverse-logo {
  66     width: 221px;
  67     height: 44px;
  68 }
  69 #intropage {
  70     font-family: Verdana,Arial,sans-serif;
  71 }
  72 #errorpage {
  73     font-family: Verdana,Arial,sans-serif;
  74 }
  75
  76 div.full-page-tab-set > ul > li {
  77     font-size: 14px;
  78 }
  79 .titlebanner p {
  80     font-size: 16px;
  81 }
  82 p {
  83     font-size: 12px;
  84 }
  85 .small-text {
  86     font-size: 12px;
  87 }
  88 .autoui-icon-float-left {
  89     float: left;
  90     margin-right: .3em;
  91 }
  92 .autoui-pad {
  93     padding: 0 1em;
  94 }
  95 table.datatablesme {
  96     border: 0;
  97     border-collapse: collapse;
  98     width: 100%;
  99 }
 100 .loadinggif {
 101     background: #fff url(/images/ajax-loader-16-fff-aad.gif) no-repeat;
 102 }
 103 .clientprogressgif {
 104     /* warning: depends on 24px outer container. */
 105     position: absolute;
 106     left: 4px;
 107     top: 4px;
 108     width: 16px;
 109     height: 16px;
 110 }
 111 .counttable {
 112     width: 100%;
 113     display: table;
 114     border-collapse: collapse;
 115     margin-bottom: 0.5em;
 116 }
 117 .counttable > div {
 118     display: table-row;
 119 }
 120 .counttable > div > div {
 121     display: table-cell;
 122     text-align: center;
 123     background: #ccf;
 124     padding: 0 2px;
 125     font-size: 0.8em;
 126 }
 127 .counttable > div > div.counter {
 128     font-size: 2em;
 129     padding: 4px 2px 0 2px;
 130 }
 131 table.admin_table {
 132     border-collapse: collapse;
 133 }
 134 table.admin_table tbody tr {
 135     height: 2.5em;
 136 }
 137 table.admin_table th,table.admin_table td {
 138     text-align: left;
 139     border: 1px solid #bbb;
 140     padding: 3px;
 141 }
 142 table.admin_table tbody tr:hover {
 143     background: #ff8;
 144 }
 145 table.admin_table tbody tr:hover td {
 146     background: transparent;
 147 }
 148
 149 div.helptopics {
 150     position: fixed;
 151 }
 152 div.helptopics ul {
 153     padding: 0;
 154     margin-left: 1em;
 155     list-style-type: none;
 156 }
 157 div.helptopics ul li {
 158     margin: 0 0 1em 0;
 159 }
 160 div.helpcontent li {
 161     margin-bottom: .5em;
 162 }
 163
 164 div.preview {
 165     color: red;
 166     font-weight: bold;
 167     text-align: center;
 168 }
 169
 170 .sudo-warning {
 171     padding: 4px 10px;
 172     background: #ffdd00;
 173     color: red;
 174     -webkit-border-radius: 3px;
 175     -moz-border-radius: 3px;
 176     border-radius: 3px
 177 }
 178
 179 div#header a.sudo-logout {
 180     color: #000;
 181     font-weight: bold;
 182 }
 183