OSDN Git Service

add Page, bugfix.
[pettanr/clientJs.git] / 0.5.x / stylesheets / system.css
index 7b0e881..063dd76 100644 (file)
@@ -1,3 +1,5 @@
+@charset "UTF-8";\r
+\r
 /*  VML ( v\:* don't work for ie8(ie8mode))\r
 --------------------------------------------------------------------------------------*/\r
        v\:shape,\r
 \r
 /*  Reset\r
 --------------------------------------------------------------------------------------*/\r
+\r
+\r
        html, body {\r
                margin:                 0;\r
                padding:                0;\r
+               height:                 100%;\r
        }\r
-        \r
+       /* この指定がないと ie で  Util.getAbsolutePosition が狂う  body { font-family:     "MS PGothic", "MS Gothic" } */\r
+       body {\r
+               font-family:    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif; \r
+       }\r
+       \r
        p {\r
                text-shadow:    #000 0 0 0;/* for Safari */ \r
                -moz-opacity:   0.99;/* for Firefox */ \r
@@ -35,9 +44,9 @@
        /* remember to define focus styles! */\r
        :focus { outline: 0;}\r
        \r
-       /* http://honoo-no.com/creators/2008/02/14_211120.html */\r
+       /* http://web.archive.org/web/20100204222112/http://honoo-no.com/creators/2008/02/14_211120.html */\r
        textarea, input {\r
-               font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;\r
+               font-family: "MS PGothic", Osaka, "MS Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;\r
        }\r
        \r
        \r
@@ -67,7 +76,7 @@
 \r
 * html .clearfix {\r
   height: 1px;\r
-  /*¥*//*/\r
+  /*\*//*/\r
   height: auto;\r
   overflow: hidden;\r
   /**/\r
                border-color:                   #4D90FE;\r
        }\r
 \r
+       /*  editable-text\r
+       --------------------------------------------------------------------------------------*/\r
+       \r
+               .editable-text {\r
+                       display:                        inline-block;\r
+                       color:                          #333;\r
+                       border:                         1px solid #ccc;\r
+                       font-size:                      14px;\r
+                       line-height:            16px;\r
+               }\r
+                       .editable-text a,\r
+                       .editable-text a:link,\r
+               .editable-text a:visited,\r
+               .editable-text a:hover,\r
+               .editable-text a:active {\r
+                               padding:                        3px;\r
+                               color:                          #333;\r
+                               text-decoration:        none;\r
+                               display:                        block;\r
+                               zoom:                           1;\r
+                               outline:                        0;\r
+                               background-color:       #fff;\r
+                       }\r
+                       .editable-text a:hover {\r
+                               background-color:       #ccf;\r
+                       }\r
+                       .editable-text input {\r
+                               padding:                        3px 0;\r
+                               width:                          100%;\r
+                               font-family:            Arial,Helvetica,sans-serif;\r
+                               background-color:       #ccf;\r
+                               border:                         0;\r
+                               margin:                         0;\r
+                               outline:                        0;\r
+                       }\r
+                       \r
+       /*  combobox\r
+       --------------------------------------------------------------------------------------*/        \r
+               .combobox {\r
+                       display:                        inline-block;\r
+                       color:                          #333;\r
+               }\r
+                       .combobox a,\r
+                       .combobox a:link,\r
+               .combobox a:visited,\r
+               .combobox a:hover,\r
+               .combobox a:active {\r
+                       border:                         1px solid #ccc;\r
+                               font-size:                      14px;\r
+                               line-height:            16px;                   \r
+                               padding:                        3px;\r
+                               color:                          #333;\r
+                               text-decoration:        none;\r
+                               display:                        block;\r
+                               zoom:                           1;\r
+                               outline:                        0;\r
+                               background-color:       #fff;\r
+                               position:                       relative;\r
+                       }\r
+                       .combobox a:hover {\r
+                               background-color:       #ccf;\r
+                       }\r
+                       .combobox a:active {\r
+                               outline:                        0;\r
+                       }\r
+                               .combobox-toggle {\r
+                                       position:                       absolute;\r
+                                       right:                          5px;\r
+                                       top:                            0;\r
+                                       display:                        block;\r
+                                       font-family:            Arial,Helvetica,sans-serif;\r
+                                       font-size:                      12px;\r
+                                       line-height:            20px;\r
+                                       color:                          #999;\r
+                               }\r
+                               .combobox  a.combobox-has-focus .combobox-toggle {\r
+                                       color:                          #4D90FE;\r
+                               }                               \r
+                               \r
+                               \r
+       .option-container {\r
+               position:                       absolute;\r
+               list-style:                     none;\r
+               top:                            30px;\r
+               width:                          200px;\r
+               margin:                         0;\r
+               padding:                        0;\r
+               background-color:       #fff;\r
+               opacity:                        0.9;\r
+               -moz-opacity:           0.9;\r
+               -khtml-opacity:         0.9;\r
+               color:                          #666;\r
+               border:                         1px solid #ccc;\r
+               box-shadow:                     1px 4px 9px #333;\r
+               -moz-box-shadow:        1px 4px 9px #333;\r
+               -webkit-box-shadow:     1px 4px 9px #333;\r
+               filter:                         alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+               -ms-filter:                     alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+       }\r
+               .option-container li {\r
+                       display:                block;\r
+                       cursor:                 pointer;\r
+                       height:                 30px;\r
+                       line-height:    30px;\r
+               }\r
+                       .option-container a,\r
+                       .option-container a:link,\r
+                       .option-container a:visited {\r
+                               color:                  #666;\r
+                               position:               relative;\r
+                               display:                block;\r
+                               padding:                0 10px;\r
+                               height:                 30px;\r
+                               line-height:    30px;\r
+                               *cursor:                pointer;\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
+\r
+\r
 /*  Loading\r
 --------------------------------------------------------------------------------------*/\r
        .loading {\r
                                position:               absolute;\r
                                bottom:                 10px;\r
                                left:                   20px;\r
+                               width:                  110px;\r
+                               overflow:               hidden;\r
                                color:                  #FFF;\r
                                font-size:              14px;\r
+                               line-height:    1.3;\r
                                font-weight:    normal;\r
                                font-family:    Segoe UI,Tahoma,Arial,Verdana,sans-serif;\r
                        }\r