app/assets/stylesheets/test.css.scss

   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 }
 125 .tsort {
 126     list-style-type: none;
 127     margin: 0;
 128     padding: 0;
 129 }
 130 .tsort li {
 131     margin: 0 3px 3px 3px;
 132     padding: 0.3em;
 133     padding-left: 1em;
 134     font-size: 15px;
 135     font-weight: bold;
 136     cursor: move;
 137 }
 138 .tsort-row-break {
 139   clear: both;
 140 }
 141 .zsort {
 142     list-style-type: none;
 143     margin: 0;
 144     padding: 0;
 145 }
 146 .zsort li {
 147     margin: 0 3px 3px 3px;
 148     padding: 0.3em;
 149     padding-left: 1em;
 150     font-size: 15px;
 151     font-weight: bold;
 152     cursor: move;
 153 }
 154 #z-sortable tr {
 155     margin: 0 3px 3px 3px;
 156     padding: 0.3em;
 157     padding-left: 1em;
 158     font-size: 15px;
 159     font-weight: bold;
 160     cursor: move;
 161 }
 162 .ui-slider .ui-slider-handle {
 163         width: 1em;
 164   height: 1em;
 165 }
 166 .ui-slider-horizontal {
 167         height: 0.6em;
 168 }
 169 #elements-tabs {
 170     font-size: 12px;
 171 }
 172 .ui-tabs-vertical {
 173     width: 65em;
 174 }
 175 .ui-tabs-vertical .ui-tabs-nav {
 176     padding: .2em .1em .2em .2em;
 177     float: left; width: 220px;
 178 }
 179 .ui-tabs-vertical .ui-tabs-nav li {
 180     clear: left; width: 100%;
 181     border-bottom-width: 1px !important;
 182     border-right-width: 0 !important;
 183     margin: 0 -1px 0.2em 0;
 184 }
 185 .ui-tabs-vertical .ui-tabs-nav li a {
 186     display:block;
 187     width: 100%;
 188 }
 189 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
 190     padding-bottom: 0;
 191     padding-right: .1em;
 192     border-right-width: 1px;
 193     border-right-width: 1px;
 194 }
 195 .ui-tabs-vertical .ui-tabs-panel {
 196     padding: 1em;
 197     float: right;
 198     width: 35em;
 199 }
 200 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 201     margin-bottom: 0.2em;
 202 }
 203 .elements-tab {
 204   width: 100%;
 205 }
 206 .elements-tab {
 207    overflow: hidden;
 208    height: auto;
 209 }
 210
 211 .elements-tab img {
 212    float: left;
 213    margin: 0 1px 0 0 !important;
 214    padding: 0 !important;
 215    border: 0 !important;
 216 }
 217
 218 .elements-tab p {
 219    overflow: hidden;
 220    height: auto;
 221 }
 222 .elements-tab-caption {
 223         white-space: pre;           /* CSS 2.0 */
 224         white-space: pre-wrap;      /* CSS 2.1 */
 225         white-space: pre-line;      /* CSS 3.0 */
 226         white-space: -pre-wrap;     /* Opera 4-6 */
 227         white-space: -o-pre-wrap;   /* Opera 7 */
 228         white-space: -moz-pre-wrap; /* Mozilla */
 229         white-space: -hp-pre-wrap;  /* HP Printers */
 230         word-wrap: break-word;      /* IE 5+ */
 231 }
 232 .ui-button .ui-icon.ui-icon-destroy {
 233   width: 16px;
 234   height: 16px; cursor: pointer;
 235   background-image: image-url("destroy.png") !important;
 236 }
 237 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
 238   width: 16px;
 239   height: 16px; cursor: pointer;
 240   background-image: image-url("destroy-highlighted.png");
 241 }