2 * This is a manifest file that'll automatically include all the stylesheets available in this directory
3 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4 * the top of the compiled file, but it's generally better to create a new file per style scope.
5 *= require_directory ./base
12 table.no-border td, tr {
33 border-color: #ef29ef;
63 // hide number field's spinner
65 input[type=number]::-webkit-outer-spin-button,
66 input[type=number]::-webkit-inner-spin-button {
67 -webkit-appearance: none;
72 -moz-appearance:textfield;
75 .pettanr-comic-wrapper {
78 .pettanr-comic-panel {
85 .pettanr-comic-panel img {
88 .pettanr-comic-balloon {
91 .pettanr-comic-balloon img {
96 .pettanr-comic-speech {
97 margin : 0 !important;
98 padding : 0 !important;
100 table-layout : fixed;
107 *top : 50% !important;
109 .pettanr-comic-speech-inner {
110 vertical-align : middle;
111 display : table-cell;
114 *position : relative;
117 .pettanr-comic-speech p {
118 padding : 0.5em 0 !important;
119 margin : 0 !important;
121 .pettanr-comic-speech strong {
124 .pettanr-comic-speech em,
125 .pettanr-comic-speech i {
128 .pettanr-comic-speech samp,
129 .pettanr-comic-speech code {
130 font-family : monospace;
133 .pettanr-comic-panel .ui-resizable-handle {
134 background-color:#f8b87c;
192 .ground_color-code-wrap {
193 border: 1px solid #d0d0d0;
199 .speech-fore_color-wrap {
200 border: 1px solid #d0d0d0;
206 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
217 background-image: none;
219 .colorpicker-red .ui-slider-range {
222 .colorpicker-red .ui-slider-handle {
223 border-color: #ef2929;
225 .colorpicker-green .ui-slider-range {
228 .colorpicker-green .ui-slider-handle {
229 border-color: #8ae234;
231 .colorpicker-blue .ui-slider-range {
234 .colorpicker-blue .ui-slider-handle {
235 border-color: #729fcf;
237 .colorpicker-hex, #colorpicker-rgb {
240 .ui-slider .ui-slider-handle {
244 .ui-slider-horizontal {
249 border: 1px solid #d0d0d0;
270 .inner-elements-tabs {
275 .ui-tabs-vertical .ui-tabs-nav {
276 padding: .2em .1em .2em .2em;
280 .ui-tabs-vertical .ui-tabs-nav li {
282 border-bottom-width: 1px !important;
283 border-right-width: 0 !important;
284 margin: 0 -1px 0.2em 0;
286 .ui-tabs-vertical .ui-tabs-nav li a {
290 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
293 border-right-width: 1px;
294 border-right-width: 1px;
296 .ui-tabs-vertical .ui-tabs-panel {
302 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
303 margin-bottom: 0.2em;
314 margin: 0 1px 0 0 !important;
315 padding: 0 !important;
316 border: 0 !important;
323 .elements-tab-face-icon {
326 .elements-tab-face-caption {
329 .elements-tab-face-end {
332 .ui-button .ui-icon.ui-icon-destroy {
334 height: 16px; cursor: pointer;
335 background-image: image-url("destroy.png") !important;
337 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
339 height: 16px; cursor: pointer;
340 background-image: image-url("destroy-highlighted.png");
343 .new-element-board-body div {
346 .new-element-buttons div {
349 .new-element-buttons h3 {
353 .new-element-buttons span {
357 ul.scenarios_elements {
358 list-style-type: none;
366 .speech_balloon_template_item {
369 .speech_balloon_template_item-row-break {
389 list-style-type: none;
402 .player-item-switch {
407 .player-item-switch span {
409 vertical-align:middle;
412 .player-item-footer {
418 list-style-type: none;
437 list-style-type: none;
455 .filer-head-caption {
458 .filer-head-summary {
479 .filer-item-caption {
483 .filer-item-summary {
501 .filer-head-folder .filer-head-symbol {
503 .filer-head-folder .filer-head-caption {
506 .filer-head-folder .filer-head-summary {
509 .filer-head-folder .filer-head-icon {
511 .filer-head-folder .filer-head-date {
513 .filer-head-folder .filer-head-edit {
516 .filer-item-folder .filer-item-caption {
519 .filer-item-folder .filer-item-summary {
524 .filer-head-scroll .filer-head-symbol {
526 .filer-head-scroll .filer-head-caption {
529 .filer-head-scroll .filer-head-summary {
532 .filer-head-scroll .filer-head-icon {
534 .filer-head-scroll .filer-head-date {
536 .filer-head-scroll .filer-head-edit {
539 .filer-item-scroll .filer-item-caption {
542 .filer-item-scroll .filer-item-summary {
547 .filer-head-comic .filer-head-caption {
550 .filer-head-comic .filer-head-summary {
553 .filer-item-comic .filer-item-caption {
556 .filer-item-comic .filer-item-summary {
561 .filer-head-story .filer-head-caption {
564 .filer-head-story .filer-head-summary {
567 .filer-item-story .filer-item-caption {
570 .filer-item-story .filer-item-summary {
575 .filer-head-panel .filer-head-caption {
578 .filer-head-panel .filer-head-summary {
581 .filer-item-panel .filer-item-caption {
584 .filer-item-panel .filer-item-summary {
589 .filer-head-panel_picture .filer-head-caption {
592 .filer-head-panel_picture .filer-head-summary {
595 .filer-item-panel_picture .filer-item-caption {
598 .filer-item-panel_picture .filer-item-summary {
601 .panel_picture-summary div {
606 .filer-head-speech_balloon .filer-head-caption {
609 .filer-head-speech_balloon .filer-head-summary {
612 .filer-item-speech_balloon .filer-item-caption {
615 .filer-item-speech_balloon .filer-item-summary {
620 .filer-head-speech .filer-head-caption {
623 .filer-head-speech .filer-head-summary {
626 .filer-item-speech .filer-item-caption {
629 .filer-item-speech .filer-item-summary {
634 .filer-head-ground_picture .filer-head-caption {
637 .filer-head-ground_picture .filer-head-summary {
640 .filer-item-ground_picture .filer-item-caption {
643 .filer-item-ground_picture .filer-item-summary {
646 .ground_picture-summary div {
651 .filer-head-ground_color .filer-head-caption {
654 .filer-head-ground_color .filer-head-summary {
657 .filer-item-ground_color .filer-item-caption {
660 .filer-item-ground_color .filer-item-summary {
665 .filer-head-original_picture .filer-head-caption {
668 .filer-head-original_picture .filer-head-summary {
671 .filer-item-original_picture .filer-item-caption {
674 .filer-item-original_picture .filer-item-summary {
677 .original_picture-summary div {
682 .filer-head-resource_picture .filer-head-summary {
685 .filer-item-resource_picture .filer-item-summary {
689 //speech_balloon_template
690 .filer-head-speech_balloon_template .filer-head-caption {
692 .filer-item-speech_balloon_template .filer-item-caption {
704 background-color:#f8f8f8;
710 border-color: #ef29ef;
714 list-style-type: none;
727 .credit .credit-icon {