+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_directory ./base
+*/
table.no-border {
border: none;
}
text-align: left;
}
+input.error {
+ border-width: 3px;
+ border-style: solid;
+ border-color: #ef29ef;
+}
+textarea.error {
+ border-style: solid;
+ border-color: #111;
+}
+select.error {
+ border-style: solid;
+ border-color: #111;
+}
+
+.sheet {
+ position: relative;
+ overflow: hidden;
+ float: left;
+ clear: left;
+}
+
+.sheet-data {
+ float: left;
+}
+
+.sheet-break {
+ clear: both;
+}
+
+.sheet_panel {
+ position: absolute;
+}
+
.pettanr-comic-wrapper {
margin: 1em auto;
}
.pettanr-comic-balloon img {
width: 100%;
height: 100%; }
-.pettanr-comic-balloon p {
- margin: 0 !important;
- padding: 0 !important; display: table;
- position: absolute;
- top: 0;
- left: 16.6%;
- width: 66.6%;
- height: 100%;
- *height: auto;
- *top: 50% !important;
-}
-.pettanr-comic-balloon p span,
-.pettanr-comic-balloon p strong,
-.pettanr-comic-balloon p em,
-.pettanr-comic-balloon p i,
-.pettanr-comic-balloon p samp,
-.pettanr-comic-balloon p code {
- vertical-align: middle;
- text-align: center;
- font-size: 14px;
- display: table-cell;
- *display: block;
- zoom: 1;
- *position: relative;
- *top: -50%;
-}
-.pettanr-comic-balloon p strong {
- font-weight: bold;
-}
-.pettanr-comic-balloon p em,
-.pettanr-comic-balloon p i {
- font-style: italic;
-}
-.pettanr-comic-balloon p samp,
-.pettanr-comic-balloon p code {
- font-family: monospace;
+
+
+.pettanr-comic-speech {
+margin : 0 !important;
+padding : 0 !important;
+display : table;
+table-layout : fixed;
+position : absolute;
+top : 0;
+left : 16.6%;
+width : 66.6%;
+height : 100%;
+*height : auto;
+*top : 50% !important;
+}
+.pettanr-comic-speech-inner {
+vertical-align : middle;
+display : table-cell;
+*display : block;
+zoom : 1;
+*position : relative;
+*top : -50%;
+}
+.pettanr-comic-speech p {
+padding : 0.5em 0 !important;
+margin : 0 !important;
+}
+.pettanr-comic-speech strong {
+font-weight : bold;
+}
+.pettanr-comic-speech em,
+.pettanr-comic-speech i {
+font-style : italic;
+}
+.pettanr-comic-speech samp,
+.pettanr-comic-speech code {
+font-family : monospace;
}
+
.ui-resizable-handle {
background-color:#f8b87c;
}
height : 9px;
right : -5px;
top : -5px;
-}.colorpicker-wrap {
+}
+.ground_color-code-wrap {
+ border: 1px solid #d0d0d0;
+ border-radius: 10px;
+ padding: 10px 5px;
+ background: #fafafa;
+ display: none;
+}
+.speech-fore_color-wrap {
border: 1px solid #d0d0d0;
border-radius: 10px;
padding: 10px 5px;
.colorpicker-hex, #colorpicker-rgb {
margin: 5px;
}
+.ui-slider .ui-slider-handle {
+ width: 1em;
+ height: 1em;
+}
+.ui-slider-horizontal {
+ height: 0.6em;
+}
+ // for ap
+ .code-wrap {
+ border: 1px solid #d0d0d0;
+ border-radius: 10px;
+ padding: 10px 5px;
+ background: #fafafa;
+ display: none;
+ }
+ .colorpicker {
+ float: left;
+ clear: left;
+ width: 256px;
+ margin: 3px 10px;
+ }
+ .colorpicker .ui-slider-range {
+ background: #ef2929;
+ }
+
.tsort-box {
float: left;
font-size: 12px;
font-size: 12px;
cursor: move;
}
-.ui-slider .ui-slider-handle {
- width: 1em;
- height: 1em;
-}
-.ui-slider-horizontal {
- height: 0.6em;
-}
#elements-tabs {
font-size: 12px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: 0.2em;
}
+.element-tab {
+}
.elements-tab {
width: 100%;
overflow: hidden;
clear: both;
}
+.field {
+ float: left;
+}
+.row_break {
+ clear: both;
+}
+
+.extend_column {
+ margin-left: 20px;
+}
+
+.extend-field {
+ margin-left: 20px;
+}
+
+.filer {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+.filer-head {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ height: 22px;
+ overflow: hidden;
+ background: #efefef;
+}
+.filer-head div {
+ float: left;
+}
+
+.filer-item {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ height: 66px;
+ overflow: hidden;
+}
+.filer-item div {
+}
+
+.filer-head-button {
+ width: 66px;
+}
+.filer-head-symbol {
+ width: 66px;
+}
+.filer-head-caption {
+ width: 200px;
+}
+.filer-head-summary {
+ width: 200px;
+}
+.filer-head-icon {
+ width: 66px;
+}
+.filer-head-date {
+ width: 100px;
+}
+.filer-head-edit {
+ width: 66px;
+}
+
+.filer-item-button {
+ float: left;
+ width: 66px;
+}
+.filer-item-symbol {
+ float: left;
+ width: 66px;
+}
+.filer-item-caption {
+ float: left;
+ width: 200px;
+}
+.filer-item-summary {
+ float: left;
+ width: 200px;
+}
+.filer-item-icon {
+ float: left;
+ width: 66px;
+}
+.filer-item-date {
+ float: left;
+ width: 76px;
+}
+.filer-item-edit {
+ float: left;
+ width: 76px;
+}
+
+//folder
+.filer-head-folder .filer-head-symbol {
+}
+.filer-head-folder .filer-head-caption {
+ width: 150px;
+}
+.filer-head-folder .filer-head-summary {
+ width: 50px;
+}
+.filer-head-folder .filer-head-icon {
+}
+.filer-head-folder .filer-head-date {
+}
+.filer-head-folder .filer-head-edit {
+}
+
+.filer-item-folder .filer-item-caption {
+ width: 150px;
+}
+.filer-item-folder .filer-item-summary {
+ width: 50px;
+}
+
+//scroll
+.filer-head-scroll .filer-head-symbol {
+}
+.filer-head-scroll .filer-head-caption {
+ width: 250px;
+}
+.filer-head-scroll .filer-head-summary {
+ width: 150px;
+}
+.filer-head-scroll .filer-head-icon {
+}
+.filer-head-scroll .filer-head-date {
+}
+.filer-head-scroll .filer-head-edit {
+}
+
+.filer-item-scroll .filer-item-caption {
+ width: 250px;
+}
+.filer-item-scroll .filer-item-summary {
+ width: 150px;
+}
+
+//comic
+.filer-head-comic .filer-head-caption {
+ width: 250px;
+}
+.filer-head-comic .filer-head-summary {
+ width: 150px;
+}
+.filer-item-comic .filer-item-caption {
+ width: 250px;
+}
+.filer-item-comic .filer-item-summary {
+ width: 150px;
+}
+
+//story
+.filer-head-story .filer-head-caption {
+ width: 250px;
+}
+.filer-head-story .filer-head-summary {
+ width: 150px;
+}
+.filer-item-story .filer-item-caption {
+ width: 250px;
+}
+.filer-item-story .filer-item-summary {
+ width: 150px;
+}
+
+//panel
+.filer-head-panel .filer-head-caption {
+ width: 250px;
+}
+.filer-head-panel .filer-head-summary {
+ width: 150px;
+}
+.filer-item-panel .filer-item-caption {
+ width: 250px;
+}
+.filer-item-panel .filer-item-summary {
+ width: 150px;
+}
+
+//panel_picture
+.filer-head-panel_picture .filer-head-caption {
+ width: 100px;
+}
+.filer-head-panel_picture .filer-head-summary {
+ width: 300px;
+}
+.filer-item-panel_picture .filer-item-caption {
+ width: 100px;
+}
+.filer-item-panel_picture .filer-item-summary {
+ width: 300px;
+}
+.panel_picture-summary div {
+ float: left;
+}
+
+//speech_balloon
+.filer-head-speech_balloon .filer-head-caption {
+ width: 300px;
+}
+.filer-head-speech_balloon .filer-head-summary {
+ width: 100px;
+}
+.filer-item-speech_balloon .filer-item-caption {
+ width: 300px;
+}
+.filer-item-speech_balloon .filer-item-summary {
+ width: 100px;
+}
+
+//speech
+.filer-head-speech .filer-head-caption {
+ width: 300px;
+}
+.filer-head-speech .filer-head-summary {
+ width: 100px;
+}
+.filer-item-speech .filer-item-caption {
+ width: 300px;
+}
+.filer-item-speech .filer-item-summary {
+ width: 100px;
+}
+
+//ground_picture
+.filer-head-ground_picture .filer-head-caption {
+ width: 100px;
+}
+.filer-head-ground_picture .filer-head-summary {
+ width: 300px;
+}
+.filer-item-ground_picture .filer-item-caption {
+ width: 100px;
+}
+.filer-item-ground_picture .filer-item-summary {
+ width: 300px;
+}
+.ground_picture-summary div {
+ float: left;
+}
+
+//ground_color
+.filer-head-ground_color .filer-head-caption {
+ width: 300px;
+}
+.filer-head-ground_color .filer-head-summary {
+ width: 100px;
+}
+.filer-item-ground_color .filer-item-caption {
+ width: 300px;
+}
+.filer-item-ground_color .filer-item-summary {
+ width: 100px;
+}
+
+//original_picture
+.filer-head-original_picture .filer-head-caption {
+ width: 50px;
+}
+.filer-head-original_picture .filer-head-summary {
+ width: 350px;
+}
+.filer-item-original_picture .filer-item-caption {
+ width: 50px;
+}
+.filer-item-original_picture .filer-item-summary {
+ width: 350px;
+}
+.original_picture-summary div {
+ float: left;
+}
+
+//resource_picture
+.filer-head-resource_picture .filer-head-summary {
+ width: 250px;
+}
+.filer-item-resource_picture .filer-item-summary {
+ width: 250px;
+}
+
+//speech_balloon_template
+.filer-head-speech_balloon_template .filer-head-caption {
+}
+.filer-item-speech_balloon_template .filer-item-caption {
+}
+
+ul.pagination {
+ list-style-type: none;
+}
+
+ul.pagination li {
+ float: left;
+ padding: 3px;
+ font-size: 20px;
+}
+