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 .extend_column {
 361   margin-left: 20px;
 362 }
 363
 364 .extend-field {
 365   margin-left: 20px;
 366 }
 367
 368 .filer {
 369     list-style-type: none;
 370     margin: 0;
 371     padding: 0;
 372 }
 373
 374 .filer-head {
 375   clear: both;
 376   margin: 0;
 377   padding: 0;
 378   height: 22px;
 379   overflow: hidden;
 380   background: #efefef;
 381 }
 382 .filer-head div {
 383   float: left;
 384 }
 385
 386 .filer-item {
 387   clear: both;
 388   margin: 0;
 389   padding: 0;
 390   height: 66px;
 391   overflow: hidden;
 392 }
 393 .filer-item div {
 394 }
 395
 396 .filer-head-button {
 397   width: 66px;
 398 }
 399 .filer-head-symbol {
 400   width: 66px;
 401 }
 402 .filer-head-caption {
 403   width: 200px;
 404 }
 405 .filer-head-summary {
 406   width: 200px;
 407 }
 408 .filer-head-icon {
 409   width: 66px;
 410 }
 411 .filer-head-date {
 412   width: 100px;
 413 }
 414 .filer-head-edit {
 415   width: 66px;
 416 }
 417
 418 .filer-item-button {
 419   float: left;
 420   width: 66px;
 421 }
 422 .filer-item-symbol {
 423   float: left;
 424   width: 66px;
 425 }
 426 .filer-item-caption {
 427   float: left;
 428   width: 200px;
 429 }
 430 .filer-item-summary {
 431   float: left;
 432   width: 200px;
 433 }
 434 .filer-item-icon {
 435   float: left;
 436   width: 66px;
 437 }
 438 .filer-item-date {
 439   float: left;
 440   width: 76px;
 441 }
 442 .filer-item-edit {
 443   float: left;
 444   width: 76px;
 445 }
 446
 447 //folder
 448 .filer-head-folder .filer-head-symbol {
 449 }
 450 .filer-head-folder .filer-head-caption {
 451   width: 150px;
 452 }
 453 .filer-head-folder .filer-head-summary {
 454   width: 50px;
 455 }
 456 .filer-head-folder .filer-head-icon {
 457 }
 458 .filer-head-folder .filer-head-date {
 459 }
 460 .filer-head-folder .filer-head-edit {
 461 }
 462
 463 .filer-item-folder .filer-item-caption {
 464   width: 150px;
 465 }
 466 .filer-item-folder .filer-item-summary {
 467   width: 50px;
 468 }
 469
 470 //scroll
 471 .filer-head-scroll .filer-head-symbol {
 472 }
 473 .filer-head-scroll .filer-head-caption {
 474   width: 250px;
 475 }
 476 .filer-head-scroll .filer-head-summary {
 477   width: 150px;
 478 }
 479 .filer-head-scroll .filer-head-icon {
 480 }
 481 .filer-head-scroll .filer-head-date {
 482 }
 483 .filer-head-scroll .filer-head-edit {
 484 }
 485
 486 .filer-item-scroll .filer-item-caption {
 487   width: 250px;
 488 }
 489 .filer-item-scroll .filer-item-summary {
 490   width: 150px;
 491 }
 492
 493 //comic
 494 .filer-head-comic .filer-head-caption {
 495   width: 250px;
 496 }
 497 .filer-head-comic .filer-head-summary {
 498   width: 150px;
 499 }
 500 .filer-item-comic .filer-item-caption {
 501   width: 250px;
 502 }
 503 .filer-item-comic .filer-item-summary {
 504   width: 150px;
 505 }
 506
 507 //story
 508 .filer-head-story .filer-head-caption {
 509   width: 250px;
 510 }
 511 .filer-head-story .filer-head-summary {
 512   width: 150px;
 513 }
 514 .filer-item-story .filer-item-caption {
 515   width: 250px;
 516 }
 517 .filer-item-story .filer-item-summary {
 518   width: 150px;
 519 }
 520
 521 //panel
 522 .filer-head-panel .filer-head-caption {
 523   width: 250px;
 524 }
 525 .filer-head-panel .filer-head-summary {
 526   width: 150px;
 527 }
 528 .filer-item-panel .filer-item-caption {
 529   width: 250px;
 530 }
 531 .filer-item-panel .filer-item-summary {
 532   width: 150px;
 533 }
 534
 535 //panel_picture
 536 .filer-head-panel_picture .filer-head-caption {
 537   width: 100px;
 538 }
 539 .filer-head-panel_picture .filer-head-summary {
 540   width: 300px;
 541 }
 542 .filer-item-panel_picture .filer-item-caption {
 543   width: 100px;
 544 }
 545 .filer-item-panel_picture .filer-item-summary {
 546   width: 300px;
 547 }
 548 .panel_picture-summary div {
 549   float: left;
 550 }
 551
 552 //speech_balloon
 553 .filer-head-speech_balloon .filer-head-caption {
 554   width: 300px;
 555 }
 556 .filer-head-speech_balloon .filer-head-summary {
 557   width: 100px;
 558 }
 559 .filer-item-speech_balloon .filer-item-caption {
 560   width: 300px;
 561 }
 562 .filer-item-speech_balloon .filer-item-summary {
 563   width: 100px;
 564 }
 565
 566 //speech
 567 .filer-head-speech .filer-head-caption {
 568   width: 300px;
 569 }
 570 .filer-head-speech .filer-head-summary {
 571   width: 100px;
 572 }
 573 .filer-item-speech .filer-item-caption {
 574   width: 300px;
 575 }
 576 .filer-item-speech .filer-item-summary {
 577   width: 100px;
 578 }
 579
 580 //ground_picture
 581 .filer-head-ground_picture .filer-head-caption {
 582   width: 100px;
 583 }
 584 .filer-head-ground_picture .filer-head-summary {
 585   width: 300px;
 586 }
 587 .filer-item-ground_picture .filer-item-caption {
 588   width: 100px;
 589 }
 590 .filer-item-ground_picture .filer-item-summary {
 591   width: 300px;
 592 }
 593 .ground_picture-summary div {
 594   float: left;
 595 }
 596
 597 //ground_color
 598 .filer-head-ground_color .filer-head-caption {
 599   width: 300px;
 600 }
 601 .filer-head-ground_color .filer-head-summary {
 602   width: 100px;
 603 }
 604 .filer-item-ground_color .filer-item-caption {
 605   width: 300px;
 606 }
 607 .filer-item-ground_color .filer-item-summary {
 608   width: 100px;
 609 }
 610
 611 //original_picture
 612 .filer-head-original_picture .filer-head-caption {
 613   width: 50px;
 614 }
 615 .filer-head-original_picture .filer-head-summary {
 616   width: 350px;
 617 }
 618 .filer-item-original_picture .filer-item-caption {
 619   width: 50px;
 620 }
 621 .filer-item-original_picture .filer-item-summary {
 622   width: 350px;
 623 }
 624 .original_picture-summary div {
 625   float: left;
 626 }
 627
 628 //resource_picture
 629 .filer-head-resource_picture .filer-head-summary {
 630   width: 250px;
 631 }
 632 .filer-item-resource_picture .filer-item-summary {
 633   width: 250px;
 634 }
 635
 636 //speech_balloon_template
 637 .filer-head-speech_balloon_template .filer-head-caption {
 638 }
 639 .filer-item-speech_balloon_template .filer-item-caption {
 640 }