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;
406 .player-item-switch {
411 .player-item-switch span {
413 vertical-align:middle;
416 .player-item-footer {
422 list-style-type: none;
441 list-style-type: none;
459 .filer-head-caption {
462 .filer-head-summary {
483 .filer-item-caption {
487 .filer-item-summary {
505 .filer-head-folder .filer-head-symbol {
507 .filer-head-folder .filer-head-caption {
510 .filer-head-folder .filer-head-summary {
513 .filer-head-folder .filer-head-icon {
515 .filer-head-folder .filer-head-date {
517 .filer-head-folder .filer-head-edit {
520 .filer-item-folder .filer-item-caption {
523 .filer-item-folder .filer-item-summary {
528 .filer-head-scroll .filer-head-symbol {
530 .filer-head-scroll .filer-head-caption {
533 .filer-head-scroll .filer-head-summary {
536 .filer-head-scroll .filer-head-icon {
538 .filer-head-scroll .filer-head-date {
540 .filer-head-scroll .filer-head-edit {
543 .filer-item-scroll .filer-item-caption {
546 .filer-item-scroll .filer-item-summary {
551 .filer-head-comic .filer-head-caption {
554 .filer-head-comic .filer-head-summary {
557 .filer-item-comic .filer-item-caption {
560 .filer-item-comic .filer-item-summary {
565 .filer-head-story .filer-head-caption {
568 .filer-head-story .filer-head-summary {
571 .filer-item-story .filer-item-caption {
574 .filer-item-story .filer-item-summary {
579 .filer-head-panel .filer-head-caption {
582 .filer-head-panel .filer-head-summary {
585 .filer-item-panel .filer-item-caption {
588 .filer-item-panel .filer-item-summary {
593 .filer-head-panel_picture .filer-head-caption {
596 .filer-head-panel_picture .filer-head-summary {
599 .filer-item-panel_picture .filer-item-caption {
602 .filer-item-panel_picture .filer-item-summary {
605 .panel_picture-summary div {
610 .filer-head-speech_balloon .filer-head-caption {
613 .filer-head-speech_balloon .filer-head-summary {
616 .filer-item-speech_balloon .filer-item-caption {
619 .filer-item-speech_balloon .filer-item-summary {
624 .filer-head-speech .filer-head-caption {
627 .filer-head-speech .filer-head-summary {
630 .filer-item-speech .filer-item-caption {
633 .filer-item-speech .filer-item-summary {
638 .filer-head-ground_picture .filer-head-caption {
641 .filer-head-ground_picture .filer-head-summary {
644 .filer-item-ground_picture .filer-item-caption {
647 .filer-item-ground_picture .filer-item-summary {
650 .ground_picture-summary div {
655 .filer-head-ground_color .filer-head-caption {
658 .filer-head-ground_color .filer-head-summary {
661 .filer-item-ground_color .filer-item-caption {
664 .filer-item-ground_color .filer-item-summary {
669 .filer-head-original_picture .filer-head-caption {
672 .filer-head-original_picture .filer-head-summary {
675 .filer-item-original_picture .filer-item-caption {
678 .filer-item-original_picture .filer-item-summary {
681 .original_picture-summary div {
686 .filer-head-resource_picture .filer-head-summary {
689 .filer-item-resource_picture .filer-item-summary {
693 //speech_balloon_template
694 .filer-head-speech_balloon_template .filer-head-caption {
696 .filer-item-speech_balloon_template .filer-item-caption {
708 background-color:#f8f8f8;
714 border-color: #ef29ef;
718 list-style-type: none;
731 .credit .credit-icon {