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