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

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