X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=app%2Fassets%2Fstylesheets%2Ftest.css.scss;h=0d66fef84787911bc8838b094af87bdd91c33903;hb=edbc93fdb22ec38554f2b3f4f69a23fd8a1fbd8c;hp=bc7f1dae95a3f17a14435fe7c36a74b8556cba68;hpb=ab2ad7392aa6c65f1c6fb5f6dd09c137707c2df2;p=pettanr%2Fpettanr.git

diff --git a/app/assets/stylesheets/test.css.scss b/app/assets/stylesheets/test.css.scss
index bc7f1dae..0d66fef8 100644
--- a/app/assets/stylesheets/test.css.scss
+++ b/app/assets/stylesheets/test.css.scss
@@ -16,6 +16,39 @@ div.md5 {
   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;
 }
@@ -35,45 +68,112 @@ div.md5 {
 .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;
-}
-
-.colorpicker-wrap {
+
+
+.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;
+}
+.ui-resizable-n {
+  cursor          : n-resize;
+  height          : 9px;
+  width           : 100%;
+  top             : -3px;
+  left            : 0;
+}
+.ui-resizable-s {
+  cursor          : s-resize;
+  height          : 9px;
+  width           : 100%;
+  bottom          : -3px;
+  left            : 0;
+}
+.ui-resizable-e {
+  cursor          : e-resize;
+  width           : 9px;
+  right           : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-w {
+  cursor          : w-resize;
+  width           : 9px;
+  left            : -3px;
+  top             : 0;
+  height          : 100%;
+}
+.ui-resizable-se {
+  cursor          : se-resize;
+  width           : 12px;
+  height          : 12px;
+  right           : 1px;
+  bottom          : 1px;
+}
+.ui-resizable-sw {
+  cursor          : sw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  bottom          : -5px;
+}
+.ui-resizable-nw {
+  cursor          : nw-resize;
+  width           : 9px;
+  height          : 9px;
+  left            : -5px;
+  top             : -5px;
+}
+.ui-resizable-ne {
+  cursor          : ne-resize;
+  width           : 9px;
+  height          : 9px;
+  right           : -5px;
+  top             : -5px;
+}
+.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;
@@ -204,6 +304,8 @@ div.md5 {
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: 0.2em;
 }
+.element-tab {
+}
 .elements-tab {
   width: 100%;
    overflow: hidden;
@@ -248,3 +350,286 @@ div.md5 {
   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-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-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 {
+  width: 400px; 
+}
+.filer-item-speech_balloon_template .filer-item-caption {
+  width: 400px; 
+}