[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-slowvote-css
   3   */
   4  
   5  .slowvote-embed {
   6    margin: 24px 12px;
   7    background: #ffffff;
   8    border-color: {$lightgreytext};
   9    border-style: solid;
  10    border-width: 1px;
  11    border-radius: 4px;
  12    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20),
  13                inset 0 0 2px rgba(0, 0, 0, 0.10);
  14  }
  15  
  16  .slowvote-header {
  17    font-weight: bold;
  18    line-height: 16px;
  19    border-bottom: 1px solid #bbbbbb;
  20  }
  21  
  22  .slowvote-description {
  23    color: {$greytext};
  24    padding: 8px;
  25    border-bottom: 1px solid #bbbbbb;
  26  }
  27  
  28  .slowvote-header-content {
  29    padding: 8px;
  30  }
  31  
  32  .slowvote-body {
  33  }
  34  
  35  .slowvote-body-content {
  36    padding: 4px 16px;
  37  }
  38  
  39  .slowvote-option-label {
  40    border: 1px solid {$greytext};
  41    display: block;
  42    position: relative;
  43    padding: 8px 4px;
  44    cursor: pointer;
  45    font-weight: bold;
  46    overflow: hidden;
  47    background-color: {$lightblue};
  48  }
  49  
  50  .slowvote-bar {
  51    position: absolute;
  52    top: 0;
  53    left: 0;
  54    bottom: 0;
  55    overflow: hidden;
  56    background-color: {$blue};
  57  }
  58  
  59  .slowvote-control-offset {
  60    white-space: nowrap;
  61    position: absolute;
  62    left: 32px;
  63    top: 8px;
  64    width: 100%;
  65    color: #000000;
  66    text-shadow: 0 1px 0 #ffffff;
  67  }
  68  
  69  .slowvote-bar .slowvote-control-offset {
  70    color: #ffffff;
  71    text-shadow: 0 1px 0 #000000;
  72  }
  73  
  74  .slowvote-option-label-group {
  75    margin: 8px 0 16px;
  76  }
  77  
  78  .slowvote-option-label input[type="radio"],
  79  .slowvote-option-label input[type="checkbox"] {
  80    margin: 0 12px 0 8px;
  81    font-weight: bold;
  82  }
  83  
  84  .slowvote-above-the-bar {
  85    position: relative;
  86  }
  87  
  88  .slowvote-status {
  89    text-align: right;
  90    color: #333333;
  91    font-weight: normal;
  92    padding: 2px 0;
  93    line-height: 15px;
  94    text-align: right;
  95    font-size: 11px;
  96  }
  97  
  98  .slowvote-voter {
  99    display: inline-block;
 100    width: 25px;
 101    height: 25px;
 102    background: #f3f3f3;
 103    background-size: 25px 25px;
 104  }
 105  
 106  .slowvote-footer {
 107    border-top-width: 1px;
 108    border-top-style: solid;
 109    border-top-color: #bbbbbb;
 110    position: relative;
 111  }
 112  
 113  .slowvote-footer-content {
 114    padding: 8px;
 115    overflow: hidden;
 116  }
 117  
 118  .slowvote-footer-content .slowvote-hint {
 119    line-height: 24px;
 120    color: {$lightgreytext};
 121  }
 122  
 123  .slowvote-footer-content button {
 124    float: right;
 125  }