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 .sheet {
  34   position:    relative;
  35   overflow:    hidden;
  36   float: left;
  37   clear: left;
  38 }
  39
  40 .sheet-data {
  41   float: left;
  42 }
  43
  44 .sheet-break {
  45   clear: both;
  46 }
  47
  48 .sheet_panel {
  49   position:    absolute;
  50 }
  51
  52 .pettanr-comic-wrapper {
  53   margin:  1em auto;
  54 }
  55 .pettanr-comic-panel {
  56   border-style:  solid;
  57   border-color:   #111;
  58   position:    relative;
  59   margin:     1em 0;
  60   overflow:    hidden;
  61 }
  62 .pettanr-comic-panel img {
  63   position:    absolute;
  64 }
  65 .pettanr-comic-balloon {
  66   position:    absolute;
  67 }
  68 .pettanr-comic-balloon img {
  69   width:     100%;
  70   height:     100%;    }
  71
  72
  73 .pettanr-comic-speech {
  74 margin : 0 !important;
  75 padding : 0 !important;
  76 display : table;
  77 table-layout : fixed;
  78 position : absolute;
  79 top : 0;
  80 left : 16.6%;
  81 width : 66.6%;
  82 height : 100%;
  83 *height : auto;
  84 *top : 50% !important;
  85 }
  86 .pettanr-comic-speech-inner {
  87 vertical-align : middle;
  88 display : table-cell;
  89 *display : block;
  90 zoom : 1;
  91 *position : relative;
  92 *top : -50%;
  93 }
  94 .pettanr-comic-speech p {
  95 padding : 0.5em 0 !important;
  96 margin : 0 !important;
  97 }
  98 .pettanr-comic-speech strong {
  99 font-weight : bold;
 100 }
 101 .pettanr-comic-speech em,
 102 .pettanr-comic-speech i {
 103 font-style : italic;
 104 }
 105 .pettanr-comic-speech samp,
 106 .pettanr-comic-speech code {
 107 font-family : monospace;
 108 }
 109
 110 .ui-resizable-handle {
 111   background-color:#f8b87c;
 112 }
 113 .ui-resizable-n {
 114   cursor          : n-resize;
 115   height          : 9px;
 116   width           : 100%;
 117   top             : -3px;
 118   left            : 0;
 119 }
 120 .ui-resizable-s {
 121   cursor          : s-resize;
 122   height          : 9px;
 123   width           : 100%;
 124   bottom          : -3px;
 125   left            : 0;
 126 }
 127 .ui-resizable-e {
 128   cursor          : e-resize;
 129   width           : 9px;
 130   right           : -3px;
 131   top             : 0;
 132   height          : 100%;
 133 }
 134 .ui-resizable-w {
 135   cursor          : w-resize;
 136   width           : 9px;
 137   left            : -3px;
 138   top             : 0;
 139   height          : 100%;
 140 }
 141 .ui-resizable-se {
 142   cursor          : se-resize;
 143   width           : 12px;
 144   height          : 12px;
 145   right           : 1px;
 146   bottom          : 1px;
 147 }
 148 .ui-resizable-sw {
 149   cursor          : sw-resize;
 150   width           : 9px;
 151   height          : 9px;
 152   left            : -5px;
 153   bottom          : -5px;
 154 }
 155 .ui-resizable-nw {
 156   cursor          : nw-resize;
 157   width           : 9px;
 158   height          : 9px;
 159   left            : -5px;
 160   top             : -5px;
 161 }
 162 .ui-resizable-ne {
 163   cursor          : ne-resize;
 164   width           : 9px;
 165   height          : 9px;
 166   right           : -5px;
 167   top             : -5px;
 168 }
 169 .ground_color-code-wrap {
 170     border: 1px solid #d0d0d0;
 171     border-radius: 10px;
 172     padding: 10px 5px;
 173     background: #fafafa;
 174     display: none;
 175 }
 176 .speech-fore_color-wrap {
 177     border: 1px solid #d0d0d0;
 178     border-radius: 10px;
 179     padding: 10px 5px;
 180     background: #fafafa;
 181     display: none;
 182 }
 183 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
 184   float: left;
 185   clear: left;
 186   width: 256px;
 187   margin: 3px 10px;
 188 }
 189 .code_swatch {
 190   width: 50px;
 191   height: 50px;
 192   margin-top: 0;
 193   margin-left: 10px;
 194   background-image: none;
 195 }
 196 .colorpicker-red .ui-slider-range {
 197   background: #ef2929;
 198 }
 199 .colorpicker-red .ui-slider-handle {
 200   border-color: #ef2929;
 201 }
 202 .colorpicker-green .ui-slider-range {
 203   background: #8ae234;
 204 }
 205 .colorpicker-green .ui-slider-handle {
 206   border-color: #8ae234;
 207 }
 208 .colorpicker-blue .ui-slider-range {
 209   background: #729fcf;
 210 }
 211 .colorpicker-blue .ui-slider-handle {
 212   border-color: #729fcf;
 213 }
 214 .colorpicker-hex, #colorpicker-rgb {
 215   margin: 5px;
 216 }
 217 .tsort-box {
 218   float: left;
 219   font-size: 12px;
 220 }
 221 .scenario {
 222   float: left;
 223 }
 224 .tsort-row-break {
 225   clear: both;
 226 }
 227 .tsort-tabs-nav {
 228     padding: .2em .1em .2em .2em;
 229     width: 220px;
 230 }
 231 .tsort {
 232     list-style-type: none;
 233     margin: 0;
 234     padding: 0;
 235 }
 236 .tsort li {
 237     margin: 0 3px 3px 3px;
 238     padding: 0.3em;
 239     padding-left: 1em;
 240     font-size: 12px;
 241     cursor: move;
 242 }
 243 .tsort-row-break {
 244   clear: both;
 245 }
 246 .zsort-box {
 247   font-size: 12px;
 248 }
 249 .zsort-tabs-nav {
 250     padding: .2em .1em .2em .2em;
 251     width: 220px;
 252 }
 253 .zsort {
 254     list-style-type: none;
 255     margin: 0;
 256     padding: 0;
 257 }
 258 .zsort li {
 259     margin: 0 3px 3px 3px;
 260     padding: 0.3em;
 261     padding-left: 1em;
 262     font-size: 12px;
 263     cursor: move;
 264 }
 265 .ui-slider .ui-slider-handle {
 266         width: 1em;
 267   height: 1em;
 268 }
 269 .ui-slider-horizontal {
 270         height: 0.6em;
 271 }
 272 #elements-tabs {
 273     font-size: 12px;
 274 }
 275 .ui-tabs-vertical {
 276 }
 277 .ui-tabs-vertical .ui-tabs-nav {
 278     padding: .2em .1em .2em .2em;
 279     float: left;
 280     width: 220px;
 281 }
 282 .ui-tabs-vertical .ui-tabs-nav li {
 283     clear: left; width: 100%;
 284     border-bottom-width: 1px !important;
 285     border-right-width: 0 !important;
 286     margin: 0 -1px 0.2em 0;
 287 }
 288 .ui-tabs-vertical .ui-tabs-nav li a {
 289     display:block;
 290     width: 100%;
 291 }
 292 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
 293     padding-bottom: 0;
 294     padding-right: .1em;
 295     border-right-width: 1px;
 296     border-right-width: 1px;
 297 }
 298 .ui-tabs-vertical .ui-tabs-panel {
 299     padding: 1em;
 300     float: left;
 301     width: 35em;
 302     float: right;
 303 }
 304 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 305     margin-bottom: 0.2em;
 306 }
 307 .element-tab {
 308 }
 309 .elements-tab {
 310   width: 100%;
 311    overflow: hidden;
 312    height: auto;
 313 }
 314
 315 .elements-tab img {
 316    float: left;
 317    margin: 0 1px 0 0 !important;
 318    padding: 0 !important;
 319    border: 0 !important;
 320 }
 321
 322 .elements-tab p {
 323    overflow: hidden;
 324    height: auto;
 325 }
 326 .elements-tab-face-icon {
 327    float: left;
 328 }
 329 .elements-tab-face-caption {
 330    float: left;
 331 }
 332 .elements-tab-face-end {
 333   clear: both;
 334 }
 335 .ui-button .ui-icon.ui-icon-destroy {
 336   width: 16px;
 337   height: 16px; cursor: pointer;
 338   background-image: image-url("destroy.png") !important;
 339 }
 340 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
 341   width: 16px;
 342   height: 16px; cursor: pointer;
 343   background-image: image-url("destroy-highlighted.png");
 344 }
 345
 346 .speech_balloon_template_item {
 347   float: left;
 348 }
 349 .speech_balloon_template_item-row-break {
 350   clear: both;
 351 }
 352
 353 .field {
 354     float: left;
 355 }
 356 .row_break {
 357   clear: both;
 358 }
 359
 360
 361 .filer {
 362     list-style-type: none;
 363     margin: 0;
 364     padding: 0;
 365 }
 366
 367 .filer-head {
 368   clear: both;
 369   margin: 0;
 370   padding: 0;
 371   height: 22px;
 372   overflow: hidden;
 373   background: #efefef;
 374 }
 375 .filer-head div {
 376   float: left;
 377 }
 378
 379 .filer-item {
 380   clear: both;
 381   margin: 0;
 382   padding: 0;
 383   height: 66px;
 384   overflow: hidden;
 385 }
 386 .filer-item div {
 387 }
 388
 389 .filer-head-symbol {
 390   width: 66px;
 391 }
 392 .filer-head-caption {
 393   width: 200px;
 394 }
 395 .filer-head-summary {
 396   width: 200px;
 397 }
 398 .filer-head-icon {
 399   width: 66px;
 400 }
 401 .filer-head-date {
 402   width: 100px;
 403 }
 404 .filer-head-edit {
 405   width: 66px;
 406 }
 407
 408 .filer-item-symbol {
 409   float: left;
 410   width: 66px;
 411 }
 412 .filer-item-caption {
 413   float: left;
 414   width: 200px;
 415 }
 416 .filer-item-summary {
 417   float: left;
 418   width: 200px;
 419 }
 420 .filer-item-icon {
 421   float: left;
 422   width: 66px;
 423 }
 424 .filer-item-date {
 425   float: left;
 426   width: 76px;
 427 }
 428 .filer-item-edit {
 429   float: left;
 430   width: 76px;
 431 }
 432
 433 //scroll
 434 .filer-head-scroll .filer-head-symbol {
 435 }
 436 .filer-head-scroll .filer-head-caption {
 437   width: 250px;
 438 }
 439 .filer-head-scroll .filer-head-summary {
 440   width: 150px;
 441 }
 442 .filer-head-scroll .filer-head-icon {
 443 }
 444 .filer-head-scroll .filer-head-date {
 445 }
 446 .filer-head-scroll .filer-head-edit {
 447 }
 448
 449 .filer-item-scroll .filer-item-caption {
 450   width: 250px;
 451 }
 452 .filer-item-scroll .filer-item-summary {
 453   width: 150px;
 454 }
 455
 456 //comic
 457 .filer-head-comic .filer-head-caption {
 458   width: 250px;
 459 }
 460 .filer-head-comic .filer-head-summary {
 461   width: 150px;
 462 }
 463 .filer-item-comic .filer-item-caption {
 464   width: 250px;
 465 }
 466 .filer-item-comic .filer-item-summary {
 467   width: 150px;
 468 }
 469
 470 //story
 471 .filer-head-story .filer-head-caption {
 472   width: 250px;
 473 }
 474 .filer-head-story .filer-head-summary {
 475   width: 150px;
 476 }
 477 .filer-item-story .filer-item-caption {
 478   width: 250px;
 479 }
 480 .filer-item-story .filer-item-summary {
 481   width: 150px;
 482 }
 483
 484 //panel
 485 .filer-head-panel .filer-head-caption {
 486   width: 250px;
 487 }
 488 .filer-head-panel .filer-head-summary {
 489   width: 150px;
 490 }
 491 .filer-item-panel .filer-item-caption {
 492   width: 250px;
 493 }
 494 .filer-item-panel .filer-item-summary {
 495   width: 150px;
 496 }
 497
 498 //panel_picture
 499 .filer-head-panel_picture .filer-head-caption {
 500   width: 100px;
 501 }
 502 .filer-head-panel_picture .filer-head-summary {
 503   width: 300px;
 504 }
 505 .filer-item-panel_picture .filer-item-caption {
 506   width: 100px;
 507 }
 508 .filer-item-panel_picture .filer-item-summary {
 509   width: 300px;
 510 }
 511 .panel_picture-summary div {
 512   float: left;
 513 }
 514
 515 //speech_balloon
 516 .filer-head-speech_balloon .filer-head-caption {
 517   width: 300px;
 518 }
 519 .filer-head-speech_balloon .filer-head-summary {
 520   width: 100px;
 521 }
 522 .filer-item-speech_balloon .filer-item-caption {
 523   width: 300px;
 524 }
 525 .filer-item-speech_balloon .filer-item-summary {
 526   width: 100px;
 527 }
 528
 529 //speech
 530 .filer-head-speech .filer-head-caption {
 531   width: 300px;
 532 }
 533 .filer-head-speech .filer-head-summary {
 534   width: 100px;
 535 }
 536 .filer-item-speech .filer-item-caption {
 537   width: 300px;
 538 }
 539 .filer-item-speech .filer-item-summary {
 540   width: 100px;
 541 }
 542
 543 //ground_picture
 544 .filer-head-ground_picture .filer-head-caption {
 545   width: 100px;
 546 }
 547 .filer-head-ground_picture .filer-head-summary {
 548   width: 300px;
 549 }
 550 .filer-item-ground_picture .filer-item-caption {
 551   width: 100px;
 552 }
 553 .filer-item-ground_picture .filer-item-summary {
 554   width: 300px;
 555 }
 556 .ground_picture-summary div {
 557   float: left;
 558 }
 559
 560 //ground_color
 561 .filer-head-ground_color .filer-head-caption {
 562   width: 300px;
 563 }
 564 .filer-head-ground_color .filer-head-summary {
 565   width: 100px;
 566 }
 567 .filer-item-ground_color .filer-item-caption {
 568   width: 300px;
 569 }
 570 .filer-item-ground_color .filer-item-summary {
 571   width: 100px;
 572 }
 573
 574 //original_picture
 575 .filer-head-original_picture .filer-head-caption {
 576   width: 50px;
 577 }
 578 .filer-head-original_picture .filer-head-summary {
 579   width: 350px;
 580 }
 581 .filer-item-original_picture .filer-item-caption {
 582   width: 50px;
 583 }
 584 .filer-item-original_picture .filer-item-summary {
 585   width: 350px;
 586 }
 587 .original_picture-summary div {
 588   float: left;
 589 }
 590
 591 //resource_picture
 592 .filer-head-resource_picture .filer-head-summary {
 593   width: 250px;
 594 }
 595 .filer-item-resource_picture .filer-item-summary {
 596   width: 250px;
 597 }
 598
 599 //speech_balloon_template
 600 .filer-head-speech_balloon_template .filer-head-caption {
 601   width: 400px;
 602 }
 603 .filer-item-speech_balloon_template .filer-item-caption {
 604   width: 400px;
 605 }