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;
273 padding: .2em .1em .2em .2em;
277 list-style-type: none;
282 margin: 0 3px 3px 3px;
295 padding: .2em .1em .2em .2em;
299 list-style-type: none;
304 margin: 0 3px 3px 3px;
313 .inner-elements-tabs {
318 .ui-tabs-vertical .ui-tabs-nav {
319 padding: .2em .1em .2em .2em;
323 .ui-tabs-vertical .ui-tabs-nav li {
325 border-bottom-width: 1px !important;
326 border-right-width: 0 !important;
327 margin: 0 -1px 0.2em 0;
329 .ui-tabs-vertical .ui-tabs-nav li a {
333 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
336 border-right-width: 1px;
337 border-right-width: 1px;
339 .ui-tabs-vertical .ui-tabs-panel {
345 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
346 margin-bottom: 0.2em;
357 margin: 0 1px 0 0 !important;
358 padding: 0 !important;
359 border: 0 !important;
366 .elements-tab-face-icon {
369 .elements-tab-face-caption {
372 .elements-tab-face-end {
375 .ui-button .ui-icon.ui-icon-destroy {
377 height: 16px; cursor: pointer;
378 background-image: image-url("destroy.png") !important;
380 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
382 height: 16px; cursor: pointer;
383 background-image: image-url("destroy-highlighted.png");
386 .new-element-board-body div {
389 .new-element-buttons div {
393 .speech_balloon_template_item {
396 .speech_balloon_template_item-row-break {
416 list-style-type: none;
452 .filer-head-caption {
455 .filer-head-summary {
476 .filer-item-caption {
480 .filer-item-summary {
498 .filer-head-folder .filer-head-symbol {
500 .filer-head-folder .filer-head-caption {
503 .filer-head-folder .filer-head-summary {
506 .filer-head-folder .filer-head-icon {
508 .filer-head-folder .filer-head-date {
510 .filer-head-folder .filer-head-edit {
513 .filer-item-folder .filer-item-caption {
516 .filer-item-folder .filer-item-summary {
521 .filer-head-scroll .filer-head-symbol {
523 .filer-head-scroll .filer-head-caption {
526 .filer-head-scroll .filer-head-summary {
529 .filer-head-scroll .filer-head-icon {
531 .filer-head-scroll .filer-head-date {
533 .filer-head-scroll .filer-head-edit {
536 .filer-item-scroll .filer-item-caption {
539 .filer-item-scroll .filer-item-summary {
544 .filer-head-comic .filer-head-caption {
547 .filer-head-comic .filer-head-summary {
550 .filer-item-comic .filer-item-caption {
553 .filer-item-comic .filer-item-summary {
558 .filer-head-story .filer-head-caption {
561 .filer-head-story .filer-head-summary {
564 .filer-item-story .filer-item-caption {
567 .filer-item-story .filer-item-summary {
572 .filer-head-panel .filer-head-caption {
575 .filer-head-panel .filer-head-summary {
578 .filer-item-panel .filer-item-caption {
581 .filer-item-panel .filer-item-summary {
586 .filer-head-panel_picture .filer-head-caption {
589 .filer-head-panel_picture .filer-head-summary {
592 .filer-item-panel_picture .filer-item-caption {
595 .filer-item-panel_picture .filer-item-summary {
598 .panel_picture-summary div {
603 .filer-head-speech_balloon .filer-head-caption {
606 .filer-head-speech_balloon .filer-head-summary {
609 .filer-item-speech_balloon .filer-item-caption {
612 .filer-item-speech_balloon .filer-item-summary {
617 .filer-head-speech .filer-head-caption {
620 .filer-head-speech .filer-head-summary {
623 .filer-item-speech .filer-item-caption {
626 .filer-item-speech .filer-item-summary {
631 .filer-head-ground_picture .filer-head-caption {
634 .filer-head-ground_picture .filer-head-summary {
637 .filer-item-ground_picture .filer-item-caption {
640 .filer-item-ground_picture .filer-item-summary {
643 .ground_picture-summary div {
648 .filer-head-ground_color .filer-head-caption {
651 .filer-head-ground_color .filer-head-summary {
654 .filer-item-ground_color .filer-item-caption {
657 .filer-item-ground_color .filer-item-summary {
662 .filer-head-original_picture .filer-head-caption {
665 .filer-head-original_picture .filer-head-summary {
668 .filer-item-original_picture .filer-item-caption {
671 .filer-item-original_picture .filer-item-summary {
674 .original_picture-summary div {
679 .filer-head-resource_picture .filer-head-summary {
682 .filer-item-resource_picture .filer-item-summary {
686 //speech_balloon_template
687 .filer-head-speech_balloon_template .filer-head-caption {
689 .filer-item-speech_balloon_template .filer-item-caption {
697 list-style-type: none;
710 .credit .credit-icon {