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;
66 display: inline-block;
67 list-style-type: none;
83 // hide number field's spinner
85 input[type=number]::-webkit-outer-spin-button,
86 input[type=number]::-webkit-inner-spin-button {
87 -webkit-appearance: none;
92 -moz-appearance:textfield;
95 .pettanr-comic-wrapper {
98 .pettanr-comic-panel {
105 .pettanr-comic-panel img {
108 .pettanr-comic-balloon {
111 .pettanr-comic-balloon img {
116 .pettanr-comic-speech {
117 margin : 0 !important;
118 padding : 0 !important;
120 table-layout : fixed;
127 *top : 50% !important;
129 .pettanr-comic-speech-inner {
130 vertical-align : middle;
131 display : table-cell;
134 *position : relative;
137 .pettanr-comic-speech p {
138 padding : 0.5em 0 !important;
139 margin : 0 !important;
141 .pettanr-comic-speech strong {
144 .pettanr-comic-speech em,
145 .pettanr-comic-speech i {
148 .pettanr-comic-speech samp,
149 .pettanr-comic-speech code {
150 font-family : monospace;
153 .pettanr-comic-panel .ui-resizable-handle {
154 background-color:#f8b87c;
212 .ground_color-code-wrap {
213 border: 1px solid #d0d0d0;
219 .speech-fore_color-wrap {
220 border: 1px solid #d0d0d0;
226 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
237 background-image: none;
239 .colorpicker-red .ui-slider-range {
242 .colorpicker-red .ui-slider-handle {
243 border-color: #ef2929;
245 .colorpicker-green .ui-slider-range {
248 .colorpicker-green .ui-slider-handle {
249 border-color: #8ae234;
251 .colorpicker-blue .ui-slider-range {
254 .colorpicker-blue .ui-slider-handle {
255 border-color: #729fcf;
257 .colorpicker-hex, #colorpicker-rgb {
260 .ui-slider .ui-slider-handle {
264 .ui-slider-horizontal {
269 border: 1px solid #d0d0d0;
290 .inner-elements-tabs {
295 .ui-tabs-vertical .ui-tabs-nav {
296 padding: .2em .1em .2em .2em;
300 .ui-tabs-vertical .ui-tabs-nav li {
302 border-bottom-width: 1px !important;
303 border-right-width: 0 !important;
304 margin: 0 -1px 0.2em 0;
306 .ui-tabs-vertical .ui-tabs-nav li a {
310 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
313 border-right-width: 1px;
314 border-right-width: 1px;
316 .ui-tabs-vertical .ui-tabs-panel {
322 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
323 margin-bottom: 0.2em;
334 margin: 0 1px 0 0 !important;
335 padding: 0 !important;
336 border: 0 !important;
343 .elements-tab-face-icon {
346 .elements-tab-face-caption {
349 .elements-tab-face-end {
352 .ui-button .ui-icon.ui-icon-destroy {
354 height: 16px; cursor: pointer;
355 background-image: image-url("destroy.png") !important;
357 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
359 height: 16px; cursor: pointer;
360 background-image: image-url("destroy-highlighted.png");
363 .new-element-board-body div {
366 .new-element-buttons div {
369 .new-element-buttons h3 {
373 .new-element-buttons span {
377 ul.scenarios_elements {
378 list-style-type: none;
386 .speech_balloon_template_item {
389 .speech_balloon_template_item-row-break {
409 list-style-type: none;
426 .player-item-switch {
431 .player-item-switch span {
433 vertical-align:middle;
436 .player-item-footer {
442 list-style-type: none;
461 list-style-type: none;
479 .filer-head-caption {
482 .filer-head-summary {
503 .filer-item-caption {
507 .filer-item-summary {
525 .filer-head-folder .filer-head-symbol {
527 .filer-head-folder .filer-head-caption {
530 .filer-head-folder .filer-head-summary {
533 .filer-head-folder .filer-head-icon {
535 .filer-head-folder .filer-head-date {
537 .filer-head-folder .filer-head-edit {
540 .filer-item-folder .filer-item-caption {
543 .filer-item-folder .filer-item-summary {
548 .filer-head-scroll .filer-head-symbol {
550 .filer-head-scroll .filer-head-caption {
553 .filer-head-scroll .filer-head-summary {
556 .filer-head-scroll .filer-head-icon {
558 .filer-head-scroll .filer-head-date {
560 .filer-head-scroll .filer-head-edit {
563 .filer-item-scroll .filer-item-caption {
566 .filer-item-scroll .filer-item-summary {
571 .filer-head-comic .filer-head-caption {
574 .filer-head-comic .filer-head-summary {
577 .filer-item-comic .filer-item-caption {
580 .filer-item-comic .filer-item-summary {
585 .filer-head-story .filer-head-caption {
588 .filer-head-story .filer-head-summary {
591 .filer-item-story .filer-item-caption {
594 .filer-item-story .filer-item-summary {
599 .filer-head-panel .filer-head-caption {
602 .filer-head-panel .filer-head-summary {
605 .filer-item-panel .filer-item-caption {
608 .filer-item-panel .filer-item-summary {
613 .filer-head-panel_picture .filer-head-caption {
616 .filer-head-panel_picture .filer-head-summary {
619 .filer-item-panel_picture .filer-item-caption {
622 .filer-item-panel_picture .filer-item-summary {
625 .panel_picture-summary div {
630 .filer-head-speech_balloon .filer-head-caption {
633 .filer-head-speech_balloon .filer-head-summary {
636 .filer-item-speech_balloon .filer-item-caption {
639 .filer-item-speech_balloon .filer-item-summary {
644 .filer-head-speech .filer-head-caption {
647 .filer-head-speech .filer-head-summary {
650 .filer-item-speech .filer-item-caption {
653 .filer-item-speech .filer-item-summary {
658 .filer-head-ground_picture .filer-head-caption {
661 .filer-head-ground_picture .filer-head-summary {
664 .filer-item-ground_picture .filer-item-caption {
667 .filer-item-ground_picture .filer-item-summary {
670 .ground_picture-summary div {
675 .filer-head-ground_color .filer-head-caption {
678 .filer-head-ground_color .filer-head-summary {
681 .filer-item-ground_color .filer-item-caption {
684 .filer-item-ground_color .filer-item-summary {
689 .filer-head-original_picture .filer-head-caption {
692 .filer-head-original_picture .filer-head-summary {
695 .filer-item-original_picture .filer-item-caption {
698 .filer-item-original_picture .filer-item-summary {
701 .original_picture-summary div {
706 .filer-head-resource_picture .filer-head-summary {
709 .filer-item-resource_picture .filer-item-summary {
713 //speech_balloon_template
714 .filer-head-speech_balloon_template .filer-head-caption {
716 .filer-item-speech_balloon_template .filer-item-caption {
728 background-color:#f8f8f8;
734 border-color: #ef29ef;
738 list-style-type: none;