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 .ui-resizable-handle {
  76   background-color:#f8b87c;
  77 }
  78 .ui-resizable-n {
  79   cursor          : n-resize;
  80   height          : 9px;
  81   width           : 100%;
  82   top             : -3px;
  83   left            : 0;
  84 }
  85 .ui-resizable-s {
  86   cursor          : s-resize;
  87   height          : 9px;
  88   width           : 100%;
  89   bottom          : -3px;
  90   left            : 0;
  91 }
  92 .ui-resizable-e {
  93   cursor          : e-resize;
  94   width           : 9px;
  95   right           : -3px;
  96   top             : 0;
  97   height          : 100%;
  98 }
  99 .ui-resizable-w {
 100   cursor          : w-resize;
 101   width           : 9px;
 102   left            : -3px;
 103   top             : 0;
 104   height          : 100%;
 105 }
 106 .ui-resizable-se {
 107   cursor          : se-resize;
 108   width           : 12px;
 109   height          : 12px;
 110   right           : 1px;
 111   bottom          : 1px;
 112 }
 113 .ui-resizable-sw {
 114   cursor          : sw-resize;
 115   width           : 9px;
 116   height          : 9px;
 117   left            : -5px;
 118   bottom          : -5px;
 119 }
 120 .ui-resizable-nw {
 121   cursor          : nw-resize;
 122   width           : 9px;
 123   height          : 9px;
 124   left            : -5px;
 125   top             : -5px;
 126 }
 127 .ui-resizable-ne {
 128   cursor          : ne-resize;
 129   width           : 9px;
 130   height          : 9px;
 131   right           : -5px;
 132   top             : -5px;
 133 }.colorpicker-wrap {
 134     border: 1px solid #d0d0d0;
 135     border-radius: 10px;
 136     padding: 10px 5px;
 137     background: #fafafa;
 138     display: none;
 139 }
 140 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
 141   float: left;
 142   clear: left;
 143   width: 256px;
 144   margin: 3px 10px;
 145 }
 146 .code_swatch {
 147   width: 50px;
 148   height: 50px;
 149   margin-top: 0;
 150   margin-left: 10px;
 151   background-image: none;
 152 }
 153 .colorpicker-red .ui-slider-range {
 154   background: #ef2929;
 155 }
 156 .colorpicker-red .ui-slider-handle {
 157   border-color: #ef2929;
 158 }
 159 .colorpicker-green .ui-slider-range {
 160   background: #8ae234;
 161 }
 162 .colorpicker-green .ui-slider-handle {
 163   border-color: #8ae234;
 164 }
 165 .colorpicker-blue .ui-slider-range {
 166   background: #729fcf;
 167 }
 168 .colorpicker-blue .ui-slider-handle {
 169   border-color: #729fcf;
 170 }
 171 .colorpicker-hex, #colorpicker-rgb {
 172   margin: 5px;
 173 }
 174 .tsort-box {
 175   float: left;
 176   font-size: 12px;
 177 }
 178 .scenario {
 179   float: left;
 180 }
 181 .tsort-row-break {
 182   clear: both;
 183 }
 184 .tsort-tabs-nav {
 185     padding: .2em .1em .2em .2em;
 186     width: 220px;
 187 }
 188 .tsort {
 189     list-style-type: none;
 190     margin: 0;
 191     padding: 0;
 192 }
 193 .tsort li {
 194     margin: 0 3px 3px 3px;
 195     padding: 0.3em;
 196     padding-left: 1em;
 197     font-size: 12px;
 198     cursor: move;
 199 }
 200 .tsort-row-break {
 201   clear: both;
 202 }
 203 .zsort-box {
 204   font-size: 12px;
 205 }
 206 .zsort-tabs-nav {
 207     padding: .2em .1em .2em .2em;
 208     width: 220px;
 209 }
 210 .zsort {
 211     list-style-type: none;
 212     margin: 0;
 213     padding: 0;
 214 }
 215 .zsort li {
 216     margin: 0 3px 3px 3px;
 217     padding: 0.3em;
 218     padding-left: 1em;
 219     font-size: 12px;
 220     cursor: move;
 221 }
 222 .ui-slider .ui-slider-handle {
 223         width: 1em;
 224   height: 1em;
 225 }
 226 .ui-slider-horizontal {
 227         height: 0.6em;
 228 }
 229 #elements-tabs {
 230     font-size: 12px;
 231 }
 232 .ui-tabs-vertical {
 233 }
 234 .ui-tabs-vertical .ui-tabs-nav {
 235     padding: .2em .1em .2em .2em;
 236     float: left;
 237     width: 220px;
 238 }
 239 .ui-tabs-vertical .ui-tabs-nav li {
 240     clear: left; width: 100%;
 241     border-bottom-width: 1px !important;
 242     border-right-width: 0 !important;
 243     margin: 0 -1px 0.2em 0;
 244 }
 245 .ui-tabs-vertical .ui-tabs-nav li a {
 246     display:block;
 247     width: 100%;
 248 }
 249 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
 250     padding-bottom: 0;
 251     padding-right: .1em;
 252     border-right-width: 1px;
 253     border-right-width: 1px;
 254 }
 255 .ui-tabs-vertical .ui-tabs-panel {
 256     padding: 1em;
 257     float: left;
 258     width: 35em;
 259     float: right;
 260 }
 261 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 262     margin-bottom: 0.2em;
 263 }
 264 .elements-tab {
 265   width: 100%;
 266    overflow: hidden;
 267    height: auto;
 268 }
 269
 270 .elements-tab img {
 271    float: left;
 272    margin: 0 1px 0 0 !important;
 273    padding: 0 !important;
 274    border: 0 !important;
 275 }
 276
 277 .elements-tab p {
 278    overflow: hidden;
 279    height: auto;
 280 }
 281 .elements-tab-face-icon {
 282    float: left;
 283 }
 284 .elements-tab-face-caption {
 285    float: left;
 286 }
 287 .elements-tab-face-end {
 288   clear: both;
 289 }
 290 .ui-button .ui-icon.ui-icon-destroy {
 291   width: 16px;
 292   height: 16px; cursor: pointer;
 293   background-image: image-url("destroy.png") !important;
 294 }
 295 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
 296   width: 16px;
 297   height: 16px; cursor: pointer;
 298   background-image: image-url("destroy-highlighted.png");
 299 }
 300
 301 .speech_balloon_template_item {
 302   float: left;
 303 }
 304 .speech_balloon_template_item-row-break {
 305   clear: both;
 306 }
 307