app/assets/stylesheets/test.css

   1 table.no-border {
   2   border: none;
   3 }
   4
   5 table.no-border td, tr {
   6   border: none;
   7   padding: 0px;
   8   margin: 0px;
   9   vertical-align: top;
  10 }
  11
  12 div.md5 {
  13   padding: 0px;
  14   margin: 0px;
  15   font-size: 12px;
  16   text-align: left;
  17 }
  18
  19 .pettanr-comic-wrapper {
  20   margin:  1em auto;
  21 }
  22 .pettanr-comic-panel {
  23   border-style:  solid;
  24   border-color:   #111;
  25   position:    relative;
  26   margin:     1em 0;
  27   overflow:    hidden;
  28 }
  29 .pettanr-comic-panel img {
  30   position:    absolute;
  31 }
  32 .pettanr-comic-balloon {
  33   position:    absolute;
  34 }
  35 .pettanr-comic-balloon img {
  36   width:     100%;
  37   height:     100%;    }
  38 .pettanr-comic-balloon p {
  39   margin:     0 !important;
  40   padding:    0 !important;      display:    table;
  41   position:    absolute;
  42   top:     0;
  43   left:     16.6%;
  44   width:     66.6%;
  45   height:     100%;
  46   *height:    auto;
  47   *top:     50% !important;
  48 }
  49 .pettanr-comic-balloon p span,
  50 .pettanr-comic-balloon p strong,
  51 .pettanr-comic-balloon p em,
  52 .pettanr-comic-balloon p i,
  53 .pettanr-comic-balloon p samp,
  54 .pettanr-comic-balloon p code {
  55   vertical-align:   middle;
  56   text-align:    center;
  57   font-size:    14px;
  58   display:    table-cell;
  59   *display:    block;
  60   zoom:     1;
  61   *position:    relative;
  62   *top: -50%;
  63 }
  64 .pettanr-comic-balloon p strong {
  65   font-weight: bold;
  66 }
  67 .pettanr-comic-balloon p em,
  68 .pettanr-comic-balloon p i {
  69   font-style: italic;
  70 }
  71 .pettanr-comic-balloon p samp,
  72 .pettanr-comic-balloon p code {
  73   font-family: monospace;
  74 }
  75
  76 #colorpicker-wrap {
  77     border: 1px solid #d0d0d0;
  78     border-radius: 10px;
  79     padding: 10px 5px;
  80     background: #fafafa;
  81 }
  82 #colorpicker-red, #colorpicker-green, #colorpicker-blue {
  83   float: left;
  84   clear: left;
  85   width: 256px;
  86   margin: 3px 10px;
  87 }
  88 #colorpicker-swatch {
  89   width: 50px;
  90   height: 50px;
  91   margin-top: 0;
  92   margin-left: 10px;
  93   background-image: none;
  94 }
  95 #colorpicker-red .ui-slider-range {
  96   background: #ef2929;
  97 }
  98 #colorpicker-red .ui-slider-handle {
  99   border-color: #ef2929;
 100 }
 101 #colorpicker-green .ui-slider-range {
 102   background: #8ae234;
 103 }
 104 #colorpicker-green .ui-slider-handle {
 105   border-color: #8ae234;
 106 }
 107 #colorpicker-blue .ui-slider-range {
 108   background: #729fcf;
 109 }
 110 #colorpicker-blue .ui-slider-handle {
 111   border-color: #729fcf;
 112 }
 113 #colorpicker-hex, #colorpicker-rgb {
 114   margin: 5px;
 115 }
 116 .tsort-box {
 117   float: left;
 118 }
 119 .scenario {
 120   float: left;
 121 }
 122 .tsort-row-break {
 123   clear: both;
 124 }