share/nitweb/stylesheets/cards.css

   1 /*
   2  * Copyright 2017 Alexandre Terrasa <alexandre@moz-code.org>.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 /* cards */
  18
  19 .card.active {
  20         border: 1px solid #1E9431;
  21 }
  22
  23 .card-heading {
  24     margin-top: 0;
  25     margin-bottom: 5px;
  26 }
  27
  28 .card {
  29         display: table;
  30         width: 100%;
  31         background: #fff;
  32         border: 1px solid #ccc;
  33         margin-top: 10px;
  34         box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
  35 }
  36
  37 .card-body, .card-left, .card-right {
  38         display: table-cell;
  39         padding: 15px;
  40 }
  41
  42 .card-body {
  43         padding: 15px 0;
  44         width: 100%
  45 }
  46
  47 .card-body:first-child {
  48         padding-left: 15px;
  49 }
  50
  51 .card-body:last-child {
  52         padding-right: 15px;
  53 }
  54
  55 .card-list {
  56         margin-top: 10px;
  57 }
  58
  59 .card-list > .card:first-child {
  60         border-top: 1px solid #ccc;
  61 }
  62
  63 .card-list > .card {
  64         margin-top: 0;
  65         border-top: none;
  66 }
  67
  68 .card-title {
  69     margin-top: 0;
  70 }