version0.4.29, added export console.

[pettanr/clientJs.git] / 0.4.x / stylesheets / work.css

diff --git a/0.4.x/stylesheets/work.css b/0.4.x/stylesheets/work.css
index 29ee7e2..91dcdd0 100644 (file)
--- a/0.4.x/stylesheets/work.css
+++ b/0.4.x/stylesheets/work.css
@@ -1,3 +1,5 @@
+@charset "UTF-8";\r
+\r
 /*\r
  * pettanR\r
  * \r
@@ -75,21 +77,6 @@
                        -moz-border-radius:             5px;\r
                        -webkit-border-radius:  5px;\r
                }\r
-\r
-               /*  Output Console\r
-               --------------------------------------------------------------------------------------*/\r
-                       #output-console-wrapper {\r
-                               position:                               absolute;\r
-                               width:                                  80%;\r
-                               height:                                 80%;\r
-                               background-color:               #fff;\r
-                       }\r
-                               #output-area {\r
-                                       width:                  100%;\r
-                                       height:                 100%;\r
-                                       border:                 1px outset #ccc;\r
-                                       outline:                1px;\r
-                               }\r
                \r
                /*  Console Common\r
                --------------------------------------------------------------------------------------*/\r
@@ -138,28 +125,33 @@
                                        margin-top:             15px;\r
                                        color:                  #666;\r
                                }\r
-                                       \r
+\r
+               /*  Field\r
+               --------------------------------------------------------------------------------------*/\r
+                       .field {\r
+                               margin:                         10px 0;\r
+                               padding-bottom:         5px;\r
+                               border-bottom:          1px solid #ccc;\r
+                       }                               \r
+                               .field-label {\r
+                                       display:                        inline-block;\r
+                                       width:                          120px;\r
+                                       line-height:            22px;\r
+                                       color:                          #666;\r
+                                       cursor:                         pointer;\r
+                               }\r
+\r
                /*  Comic Console\r
                --------------------------------------------------------------------------------------*/\r
                                #comic-console {\r
                                        \r
                                }\r
-                                       .comic-console-label {\r
-                                               display:                        inline-block;\r
-                                               width:                          120px;\r
-                                               line-height:            22px;\r
-                                               color:                          #666;\r
-                                               cursor:                         pointer;\r
-                                       }\r
+\r
                                        .comic-console-value {\r
                                                width:                          40px;\r
                                                text-align:                     right;\r
                                        }\r
-                                       .comic-console-line {\r
-                                               margin:                         10px 0;\r
-                                               padding-bottom:         5px;\r
-                                               border-bottom:          1px solid #ccc;\r
-                                       }\r
+\r
                                        #comic-console-title,\r
                                        #comic-console-height,\r
                                        #comic-console-width,\r
@@ -174,12 +166,33 @@
                                                        text-align:             center;\r
                                                }\r
                                        \r
-                                       #comic-console-button-container {\r
-                                               margin-top:                     20px;\r
-                                               position:                       relative;\r
-                                       }\r
+\r
                                        \r
+               /*  Output Console\r
+               --------------------------------------------------------------------------------------*/\r
+               \r
+                       #output-console-wrapper {\r
 \r
+                       }\r
+                               #output-console-format-value {\r
+                                       width:                  180px;\r
+                                       text-align:             center\r
+                               }\r
+                               #output-console-option-value {\r
+                                       width:                  180px;\r
+                                       text-align:             left;\r
+                               }\r
+                               #output-console-button-container {\r
+                                       margin:                 10px 0;\r
+                                       position:               relative;\r
+                               }                               \r
+                               #output-area {\r
+                                       width:                  100%;\r
+                                       height:                 200px;\r
+                                       border:                 1px outset #ccc;\r
+                                       outline:                1px;\r
+                                       margin-bottom:  20px;\r
+                               }\r
                                        \r
                /*  Upload Console\r
                --------------------------------------------------------------------------------------*/\r
@@ -968,19 +981,19 @@
                                line-height:    30px;\r
                                *cursor:                pointer;\r
                        }\r
-                       .current-option a,\r
-                       .current-option a:link,\r
-                       .current-option a:visited {\r
-                               color:                          #e6e6ef;\r
-                               background-color:       #66f;\r
-                               text-decoration:        none;\r
-                       }\r
                        .option-container a:hover {\r
                                color:                          #333;\r
                                background-color:       #ccf;\r
                                text-decoration:        none;\r
                                *cursor:                        pointer;\r
                        }\r
+                       .current-option a,\r
+                       .current-option a:link,\r
+                       .current-option a:visited {\r
+                               color:                          #e6e6ef;\r
+                               background-color:       #66f;\r
+                               text-decoration:        none;\r
+                       }                       \r
        \r
        /*  Information Window\r
        --------------------------------------------------------------------------------------*/\r