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 input.error {
  20   border-width: 3px;
  21   border-style:  solid;
  22   border-color:   #ef29ef;
  23 }
  24 textarea.error {
  25   border-style:  solid;
  26   border-color:   #111;
  27 }
  28 select.error {
  29   border-style:  solid;
  30   border-color:   #111;
  31 }
  32
  33
  34 .pettanr-comic-wrapper {
  35   margin:  1em auto;
  36 }
  37 .pettanr-comic-panel {
  38   border-style:  solid;
  39   border-color:   #111;
  40   position:    relative;
  41   margin:     1em 0;
  42   overflow:    hidden;
  43 }
  44 .pettanr-comic-panel img {
  45   position:    absolute;
  46 }
  47 .pettanr-comic-balloon {
  48   position:    absolute;
  49 }
  50 .pettanr-comic-balloon img {
  51   width:     100%;
  52   height:     100%;    }
  53
  54
  55 .pettanr-comic-speech {
  56 margin : 0 !important;
  57 padding : 0 !important;
  58 display : table;
  59 table-layout : fixed;
  60 position : absolute;
  61 top : 0;
  62 left : 16.6%;
  63 width : 66.6%;
  64 height : 100%;
  65 *height : auto;
  66 *top : 50% !important;
  67 }
  68 .pettanr-comic-speech-inner {
  69 vertical-align : middle;
  70 display : table-cell;
  71 *display : block;
  72 zoom : 1;
  73 *position : relative;
  74 *top : -50%;
  75 }
  76 .pettanr-comic-speech p {
  77 padding : 0.5em 0 !important;
  78 margin : 0 !important;
  79 }
  80 .pettanr-comic-speech strong {
  81 font-weight : bold;
  82 }
  83 .pettanr-comic-speech em,
  84 .pettanr-comic-speech i {
  85 font-style : italic;
  86 }
  87 .pettanr-comic-speech samp,
  88 .pettanr-comic-speech code {
  89 font-family : monospace;
  90 }
  91
  92 .ui-resizable-handle {
  93   background-color:#f8b87c;
  94 }
  95 .ui-resizable-n {
  96   cursor          : n-resize;
  97   height          : 9px;
  98   width           : 100%;
  99   top             : -3px;
 100   left            : 0;
 101 }
 102 .ui-resizable-s {
 103   cursor          : s-resize;
 104   height          : 9px;
 105   width           : 100%;
 106   bottom          : -3px;
 107   left            : 0;
 108 }
 109 .ui-resizable-e {
 110   cursor          : e-resize;
 111   width           : 9px;
 112   right           : -3px;
 113   top             : 0;
 114   height          : 100%;
 115 }
 116 .ui-resizable-w {
 117   cursor          : w-resize;
 118   width           : 9px;
 119   left            : -3px;
 120   top             : 0;
 121   height          : 100%;
 122 }
 123 .ui-resizable-se {
 124   cursor          : se-resize;
 125   width           : 12px;
 126   height          : 12px;
 127   right           : 1px;
 128   bottom          : 1px;
 129 }
 130 .ui-resizable-sw {
 131   cursor          : sw-resize;
 132   width           : 9px;
 133   height          : 9px;
 134   left            : -5px;
 135   bottom          : -5px;
 136 }
 137 .ui-resizable-nw {
 138   cursor          : nw-resize;
 139   width           : 9px;
 140   height          : 9px;
 141   left            : -5px;
 142   top             : -5px;
 143 }
 144 .ui-resizable-ne {
 145   cursor          : ne-resize;
 146   width           : 9px;
 147   height          : 9px;
 148   right           : -5px;
 149   top             : -5px;
 150 }
 151 .ground_color-code-wrap {
 152     border: 1px solid #d0d0d0;
 153     border-radius: 10px;
 154     padding: 10px 5px;
 155     background: #fafafa;
 156     display: none;
 157 }
 158 .speech-fore_color-wrap {
 159     border: 1px solid #d0d0d0;
 160     border-radius: 10px;
 161     padding: 10px 5px;
 162     background: #fafafa;
 163     display: none;
 164 }
 165 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
 166   float: left;
 167   clear: left;
 168   width: 256px;
 169   margin: 3px 10px;
 170 }
 171 .code_swatch {
 172   width: 50px;
 173   height: 50px;
 174   margin-top: 0;
 175   margin-left: 10px;
 176   background-image: none;
 177 }
 178 .colorpicker-red .ui-slider-range {
 179   background: #ef2929;
 180 }
 181 .colorpicker-red .ui-slider-handle {
 182   border-color: #ef2929;
 183 }
 184 .colorpicker-green .ui-slider-range {
 185   background: #8ae234;
 186 }
 187 .colorpicker-green .ui-slider-handle {
 188   border-color: #8ae234;
 189 }
 190 .colorpicker-blue .ui-slider-range {
 191   background: #729fcf;
 192 }
 193 .colorpicker-blue .ui-slider-handle {
 194   border-color: #729fcf;
 195 }
 196 .colorpicker-hex, #colorpicker-rgb {
 197   margin: 5px;
 198 }
 199 .tsort-box {
 200   float: left;
 201   font-size: 12px;
 202 }
 203 .scenario {
 204   float: left;
 205 }
 206 .tsort-row-break {
 207   clear: both;
 208 }
 209 .tsort-tabs-nav {
 210     padding: .2em .1em .2em .2em;
 211     width: 220px;
 212 }
 213 .tsort {
 214     list-style-type: none;
 215     margin: 0;
 216     padding: 0;
 217 }
 218 .tsort li {
 219     margin: 0 3px 3px 3px;
 220     padding: 0.3em;
 221     padding-left: 1em;
 222     font-size: 12px;
 223     cursor: move;
 224 }
 225 .tsort-row-break {
 226   clear: both;
 227 }
 228 .zsort-box {
 229   font-size: 12px;
 230 }
 231 .zsort-tabs-nav {
 232     padding: .2em .1em .2em .2em;
 233     width: 220px;
 234 }
 235 .zsort {
 236     list-style-type: none;
 237     margin: 0;
 238     padding: 0;
 239 }
 240 .zsort li {
 241     margin: 0 3px 3px 3px;
 242     padding: 0.3em;
 243     padding-left: 1em;
 244     font-size: 12px;
 245     cursor: move;
 246 }
 247 .ui-slider .ui-slider-handle {
 248         width: 1em;
 249   height: 1em;
 250 }
 251 .ui-slider-horizontal {
 252         height: 0.6em;
 253 }
 254 #elements-tabs {
 255     font-size: 12px;
 256 }
 257 .ui-tabs-vertical {
 258 }
 259 .ui-tabs-vertical .ui-tabs-nav {
 260     padding: .2em .1em .2em .2em;
 261     float: left;
 262     width: 220px;
 263 }
 264 .ui-tabs-vertical .ui-tabs-nav li {
 265     clear: left; width: 100%;
 266     border-bottom-width: 1px !important;
 267     border-right-width: 0 !important;
 268     margin: 0 -1px 0.2em 0;
 269 }
 270 .ui-tabs-vertical .ui-tabs-nav li a {
 271     display:block;
 272     width: 100%;
 273 }
 274 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
 275     padding-bottom: 0;
 276     padding-right: .1em;
 277     border-right-width: 1px;
 278     border-right-width: 1px;
 279 }
 280 .ui-tabs-vertical .ui-tabs-panel {
 281     padding: 1em;
 282     float: left;
 283     width: 35em;
 284     float: right;
 285 }
 286 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 287     margin-bottom: 0.2em;
 288 }
 289 .element-tab {
 290 }
 291 .elements-tab {
 292   width: 100%;
 293    overflow: hidden;
 294    height: auto;
 295 }
 296
 297 .elements-tab img {
 298    float: left;
 299    margin: 0 1px 0 0 !important;
 300    padding: 0 !important;
 301    border: 0 !important;
 302 }
 303
 304 .elements-tab p {
 305    overflow: hidden;
 306    height: auto;
 307 }
 308 .elements-tab-face-icon {
 309    float: left;
 310 }
 311 .elements-tab-face-caption {
 312    float: left;
 313 }
 314 .elements-tab-face-end {
 315   clear: both;
 316 }
 317 .ui-button .ui-icon.ui-icon-destroy {
 318   width: 16px;
 319   height: 16px; cursor: pointer;
 320   background-image: image-url("destroy.png") !important;
 321 }
 322 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
 323   width: 16px;
 324   height: 16px; cursor: pointer;
 325   background-image: image-url("destroy-highlighted.png");
 326 }
 327
 328 .speech_balloon_template_item {
 329   float: left;
 330 }
 331 .speech_balloon_template_item-row-break {
 332   clear: both;
 333 }
 334
 335 .field {
 336     float: left;
 337 }
 338 .row_break {
 339   clear: both;
 340 }