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