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

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 .card {
   6     padding-top: 20px;
   7     margin: 10px 0 20px 0;
   8     background-color: #ffffff;
   9     border: 1px solid #d8d8d8;
  10     border-top-width: 0;
  11     border-bottom-width: 2px;
  12     -webkit-border-radius: 3px;
  13     -moz-border-radius: 3px;
  14     border-radius: 3px;
  15     -webkit-box-shadow: none;
  16     -moz-box-shadow: none;
  17     box-shadow: none;
  18     -webkit-box-sizing: border-box;
  19     -moz-box-sizing: border-box;
  20     box-sizing: border-box;
  21 }
  22 .card.arvados-object {
  23     position: relative;
  24     display: inline-block;
  25     width: 170px;
  26     height: 175px;
  27     padding-top: 0;
  28     margin-left: 20px;
  29     overflow: hidden;
  30     vertical-align: top;
  31 }
  32 .card.arvados-object .card-top.green {
  33     background-color: #53a93f;
  34 }
  35 .card.arvados-object .card-top.blue {
  36     background-color: #427fed;
  37 }
  38 .card.arvados-object .card-top {
  39     position: absolute;
  40     top: 0;
  41     left: 0;
  42     display: inline-block;
  43     width: 170px;
  44     height: 25px;
  45     background-color: #ffffff;
  46 }
  47 .card.arvados-object .card-info {
  48     position: absolute;
  49     top: 25px;
  50     display: inline-block;
  51     width: 100%;
  52     height: 101px;
  53     overflow: hidden;
  54     background: #ffffff;
  55     -webkit-box-sizing: border-box;
  56     -moz-box-sizing: border-box;
  57     box-sizing: border-box;
  58 }
  59 .card.arvados-object .card-info .title {
  60     display: block;
  61     margin: 8px 14px 0 14px;
  62     overflow: hidden;
  63     font-size: 16px;
  64     font-weight: bold;
  65     line-height: 18px;
  66     color: #404040;
  67 }
  68 .card.arvados-object .card-info .desc {
  69     display: block;
  70     margin: 8px 14px 0 14px;
  71     overflow: hidden;
  72     font-size: 12px;
  73     line-height: 16px;
  74     color: #737373;
  75     text-overflow: ellipsis;
  76 }
  77 .card.arvados-object .card-bottom {
  78     position: absolute;
  79     bottom: 0;
  80     left: 0;
  81     display: inline-block;
  82     width: 100%;
  83     padding: 10px 20px;
  84     line-height: 29px;
  85     text-align: center;
  86     -webkit-box-sizing: border-box;
  87     -moz-box-sizing: border-box;
  88     box-sizing: border-box;
  89 }