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