0.6.x/css/ju.css

   1 html, body {\r
   2         margin   : 0;\r
   3         padding  : 0;\r
   4         width    : 100%;\r
   5         height   : 100%;\r
   6         overflow : hidden;\r
   7 }\r
   8 \r
   9 .PageRoot div {\r
  10 /* 要素は絶対配置される */\r
  11         position           : absolute;\r
  12         top                : 0;\r
  13         left               : 0;\r
  14         padding            : 0;\r
  15         margin             : 0;\r
  16 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */\r
  17         overflow           : hidden;\r
  18 /* border-box がデフォルト \r
  19         box-sizing         : border-box;\r
  20         -o-box-sizing      : border-box;\r
  21         -ms-box-sizing     : border-box;\r
  22         -moz-box-sizing    : border-box;\r
  23         -khtml-box-sizing  : border-box;\r
  24         -webkit-box-sizing : border-box;*/\r
  25 /* browser bug fix */\r
  26         -moz-opacity       : 0.99;\r
  27         zoom               : 1;\r
  28 }\r
  29 \r
  30 * {zoom:1}\r
  31 \r
  32 /*------------------------------------------------------------------------------------\r
  33  *  mouse-operation-catcher\r
  34  */\r
  35         .mouse-operation-catcher {\r
  36                 position : absolute;\r
  37                 top      : 0;\r
  38                 left     : 0;\r
  39                 width    : 100%;\r
  40                 height   : 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */\r
  41                 \r
  42                 user-select                 : none;\r
  43                 -moz-user-select            : none;\r
  44                 -khtml-user-select          : none;\r
  45                 -webkit-user-select         : none;\r
  46 \r
  47                 /* this makes the element blocking in IE10 >, you could experiment with the value\r
  48                    see for more options this issue; https://github.com/EightMedia/hammer.js/issues/241 */\r
  49                 touch-action                : none;\r
  50                 -ms-touch-action            : none;\r
  51                 touch-callout               : none;\r
  52                 -webkit-touch-callout       : none;\r
  53                 content-zooming             : none;\r
  54                 -ms-content-zooming         : none;\r
  55                 user-drag                   : none;\r
  56                 -khtml-user-drag            : none;\r
  57                 -webkit-user-drag           : none;\r
  58                 tap-highlight-color         : rgba(0,0,0,0);\r
  59                 -webkit-tap-highlight-color : rgba(0,0,0,0);\r
  60         }\r
  61         .ActiveX-enabled .mouse-operation-catcher {\r
  62                 background-color : #fff;\r
  63                 filter           : alpha( opacity=0 );\r
  64                 -ms-filter       : alpha( opacity=0 );\r
  65         }\r
  66         /*\r
  67          * ie では、背景を設定しないと、 mousemove が働かない。\r
  68          * activeX 有効の場合は背景を着色して filter で透明に。\r
  69          * activeX 無効の場合は透明 gif を使用\r
  70          * background:                  url(4x4.gif) fixed repeat;\r
  71          */\r
  72         .mouse-operation-catcher {\r
  73                 background : url( "../img/opacity0.gif" ) fixed repeat;\r
  74         }\r
  75 \r
  76 /*------------------------------------------------------------------------------------\r
  77  *  hidden-sysyem-node\r
  78  */\r
  79 .hidden-system-node {\r
  80         position   : absolute;\r
  81         left       : 0;\r
  82         top        : 0;\r
  83         visibility : hidden;\r
  84         z-index    : 99;\r
  85 }\r
  86 \r
  87 /*------------------------------------------------------------------------------------\r
  88  *  mouse-operation-catcher\r
  89  */\r
  90 .jul-hover {\r
  91         opacity : 0.5;\r
  92 }\r
  93 \r
  94 .PageRoot {\r
  95         position : relative;\r
  96 }\r
  97 \r
  98 .Box,\r
  99 .VBox,\r
 100 .HBox,\r
 101 .TileBox,\r
 102 .ChromeBox,\r
 103 .ScrollBox {\r
 104         position        : absolute;\r
 105         overflow        : hidden;\r
 106         box-sizing      : border-box;\r
 107         -moz-box-sizing : border-box;\r
 108 }\r
 109 \r
 110 /*  Scrollbox\r
 111 --------------------------------------------------------------------------------------*/\r
 112         .ScrollBox-Scroller {\r
 113                 transform       : translate( 0, 0 );\r
 114                 transformOrigin : '0 0';\r
 115                 position        : absolute;\r
 116         }\r
 117                 .ScrollBox-Scrollbar-Wrapper-V,\r
 118                 .ScrollBox-Scrollbar-Wrapper-H,\r
 119                 .ScrollBox-Scrollbar-Wrapper-V-withH,\r
 120                 .ScrollBox-Scrollbar-Wrapper-H-withV {\r
 121                         position : absolute;\r
 122                         z-index  : 100;\r
 123                         overflow : hidden;\r
 124                 }\r
 125                 .ScrollBox-Scrollbar-Wrapper-V,\r
 126                 .ScrollBox-Scrollbar-Wrapper-V-withH {\r
 127                         width  : 7px;\r
 128                         top    : 2px;\r
 129                         right  : 1px;\r
 130                 }\r
 131                 .ScrollBox-Scrollbar-Wrapper-V {\r
 132                         bottom : 2px;\r
 133                 }\r
 134                 .ScrollBox-Scrollbar-Wrapper-V-withH {\r
 135                         bottom : 7px;\r
 136                 }\r
 137                 .ScrollBox-Scrollbar-Wrapper-H,\r
 138                 .ScrollBox-Scrollbar-Wrapper-H-withV {\r
 139                         height : 7px;\r
 140                         bottom : 1px;\r
 141                         left   : 2px;\r
 142                 }\r
 143                 .ScrollBox-Scrollbar-Wrapper-H {\r
 144                         right  : 2px;\r
 145                 }\r
 146                 .ScrollBox-Scrollbar-Wrapper-H-withV {\r
 147                         right  : 7px;\r
 148                 }\r
 149                         .ScrollBox-Scrollbar-Indicator-V,\r
 150                         .ScrollBox-Scrollbar-Indicator-H {\r
 151                                 position   : absolute;\r
 152                                 z-index    : 100;\r
 153                                 background : #000;\r
 154                                 background : rgba(0,0,0,0.5);\r
 155                                 border     : 1px solid #fff;\r
 156                                 border     : 1px solid rgba(255,255,255,0.9);\r
 157                                 background-clip         : padding-box;\r
 158                                 -o-background-clip      : padding-box;\r
 159                                 -ms-background-clip     : padding-box;\r
 160                                 -moz-background-clip    : padding-box;\r
 161                                 -khtml-background-clip  : padding-box;\r
 162                                 -webkit-background-clip : padding-box;\r
 163                                 box-sizing              : border-box;\r
 164                                 -o-box-sizing           : border-box;\r
 165                                 -ms-box-sizing          : border-box;\r
 166                                 -moz-box-sizing         : border-box;\r
 167                                 -khtml-box-sizing       : border-box;\r
 168                                 -webkit-box-sizing      : border-box;\r
 169                                 border-radius           : 3px;\r
 170                                 -o-border-radius        : 3px;\r
 171                                 -ms-border-radius       : 3px;\r
 172                                 -moz-border-radius      : 3px;\r
 173                                 -khtml-border-radius    : 3px;\r
 174                                 -webkit-border-radius   : 3px;\r
 175                                 transition-property     : transform;\r
 176                                 -o-transition-property      : -o-transform;\r
 177                                 -ms-transition-property     : -ms-transform;\r
 178                                 -moz-transition-property    : -moz-transform;\r
 179                                 -khtml-transition-property  : -khtml-transform;\r
 180                                 -webkit-transition-property : -webkit-transform;\r
 181                                 transform: translate(0,0);\r
 182                                 -o-transform: translate(0,0);\r
 183                                 -ms-transform: translate(0,0);\r
 184                                 -moz-transform: translate(0,0);\r
 185                                 -khtml-transform: translate(0,0);\r
 186                                 -webkit-transform: translate(0,0);\r
 187                         }\r
 188                         .ScrollBox-Scrollbar-Indicator-V {\r
 189                                 width:100%;\r
 190                         }\r
 191                         .ScrollBox-Scrollbar-Indicator-H {\r
 192                                 height:100%;\r
 193                         }