display: none;\r
}\r
\r
- /* Overlay\r
- --------------------------------------------------------------------------------------*/\r
- #overlay-container,\r
+/*--------------------------------------------------------------------------------------\r
+ * \r
+ * overlay\r
+ * \r
+ -------------------------------------------------------------------------------------*/\r
+ #overlay-container,\r
+ #overlay-shadow {\r
+ position: absolute;\r
+ left: 0;\r
+ top: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+ overflow: hidden;\r
+ }\r
#overlay-shadow {\r
- position: absolute;\r
- left: 0;\r
- top: 0;\r
- width: 100%;\r
- height: 100%;\r
- overflow: hidden;\r
+ background-color: #000;\r
+ opacity: 0.5;\r
+ -moz-opacity: 0.5;\r
+ filter: alpha(opacity=50);\r
+ -ms-filter: alpha(opacity=50); \r
}\r
- #overlay-shadow {\r
- background-color: #000;\r
- opacity: 0.5;\r
- -moz-opacity: 0.5;\r
- filter: alpha(opacity=50);\r
- -ms-filter: alpha(opacity=50);\r
- }\r
- .h2c-ActiveX-disabled #overlay-shadow {\r
- \r
- }\r
- \r
- #overlay-close-button {\r
- border: 2px solid #f00;\r
- color: #f00;\r
- font-weight: bold;\r
- font-size: 16px;\r
- line-height: 16px;\r
- text-align: center;\r
- cursor: pointer;\r
- overflow: hidden;\r
- width: 20px;\r
- height: 20px;\r
- padding: 2px;\r
+ .pettanr-ActiveX-disabled #overlay-shadow {\r
+ background: transparent url( black-50pct.png) repeat 0 0;\r
+ _background: #000;\r
+ }\r
+ \r
+ #overlay-close-button {\r
+ border: 2px solid #f00;\r
+ color: #f00;\r
+ font-weight: bold;\r
+ font-size: 16px;\r
+ line-height: 16px;\r
+ text-align: center;\r
+ cursor: pointer;\r
+ overflow: hidden;\r
+ width: 20px;\r
+ height: 20px;\r
+ padding: 2px;\r
+ position: absolute;\r
+ top: 9px;\r
+ right: 9px;\r
+ border-radius: 5px;\r
+ -o-border-radius: 5px;\r
+ -ms-border-radius: 5px;\r
+ -moz-border-radius: 5px;\r
+ -webkit-border-radius: 5px;\r
+ }\r
+\r
+ /* Output Console\r
+ --------------------------------------------------------------------------------------*/\r
+ #output-console-wrapper {\r
position: absolute;\r
- top: 9px;\r
- right: 9px;\r
- border-radius: 5px;\r
- -o-border-radius: 5px;\r
- -ms-border-radius: 5px;\r
- -moz-border-radius: 5px;\r
- -webkit-border-radius: 5px;\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
/*--------------------------------------------------------------------------------------\r
* \r
width: 200px;\r
height: 30px;\r
line-height: 30px;\r
- *cursor: pointer;\r
+ *cursor: pointer;\r
}\r
.menu-bar-item-focus a:hover {\r
color: #333;\r
}\r
.menu-bar-item-focus kbd {\r
position: absolute;\r
- top: 11px;\r
+ top: 0;\r
left: 140px;\r
display: block;\r
font-size: 10px;\r
filter: alpha(opacity=70);\r
-ms-filter: alpha(opacity=70);\r
}\r
+ .pettanr-ActiveX-disabled #whiteGlass-container div {\r
+ background: transparent url( white-70pct.png) repeat 0 0;\r
+ _background: #fff;\r
+ }\r
+ \r
#whiteGlass-top {\r
top: 0;\r
left: 0;\r
left: 0;\r
width: 100%;\r
height: 100%; /* 100% don't work for ie6, so ie6 need to set height-'px' by js */\r
- *background-color: #fff;\r
+ }\r
+ .pettanr-ActiveX-enabled #mouse-operation-catcher {\r
+ background-color: #fff;\r
filter: alpha(opacity=0);\r
+ -ms-filter: alpha(opacity=0);\r
}\r
- html>/**/body #mouse-operation-catcher { \r
- background-color /***/: #fff\9; \r
- -ms-filter /***/: alpha(opacity=0)\9;\r
- } \r
/*\r
* ieでは、背景を設定しないと、mouse-operation-catcherが働かない。\r
* activeX有効の場合は背景を着色してfilterで透明に。\r
* activeX無効の場合は透明gifを使用\r
* background: url(4x4.gif) fixed repeat;\r
*/\r
+ .pettanr-ActiveX-disabled #mouse-operation-catcher {\r
+ background: url(opacity0.gif) fixed repeat;\r
+ }\r
+ \r
\r
/* comic-element\r
--------------------------------------------------------------------------------------*/\r
text-align: center;\r
cursor: pointer;\r
}\r
- \r
- /*\r
- * page contents\r
- */\r
- .sidenavi {\r
- width: 100px;\r
- float: left;\r
- }\r
- .sidenavi-item,\r
- .sidenavi-item:link {\r
- display: block;\r
- border-bottom: 1px solid #666;\r
- padding: 1em;\r
- text-decoration: none;\r
- }\r
- .sidenavi-item:hover {\r
- background-color: #ccc;\r
- text-decoration: none;\r
- }\r
- .sidenavi .current {\r
- background-color: #666;\r
- color: #eee;\r
- }\r
- .page-contents {\r
- _position: relative; /* for ie6 */\r
- margin-left: 100px;\r
- padding: 1em 1em 2em 1em;\r
+\r
+ /* page contents\r
+ --------------------------------------------------------------------------------------*/\r
+ .sidenavi {\r
+ width: 100px;\r
+ float: left;\r
+ }\r
+ .sidenavi-item,\r
+ .sidenavi-item:link {\r
+ display: block;\r
+ border-bottom: 1px solid #666;\r
+ padding: 1em;\r
+ text-decoration: none;\r
+ zoom: 1;\r
+ }\r
+ .sidenavi-item:hover {\r
+ background-color: #ccc;\r
+ text-decoration: none;\r
+ }\r
+ .sidenavi .current {\r
+ background-color: #666;\r
+ color: #eee;\r
+ }\r
+ .page-contents {\r
+ _position: relative; /* for ie6 */\r
+ margin-left: 100px;\r
+ padding: 1em 1em 2em 1em;\r
+ }\r
+ .page-content {\r
+ display: none;\r
+ }\r
+ .page-content p,\r
+ .page-content pre {\r
+ line-height: 1.6em;\r
}\r
- .page-content {\r
- display: none;\r
- }\r
- .page-content p,\r
- .page-content pre {\r
- line-height: 1.6em;\r
- }\r
\r
/* editable-text\r
--------------------------------------------------------------------------------------*/\r
display: inline-block;\r
width: 14px;\r
line-height: 22px;\r
- *line-height: 22px; /* ie用 input周りのサイズあわせ、よく分からない。 */\r
color: #666;\r
text-align: center;\r
+ cursor: pointer;\r
}\r
.comic-element-attribute-value {\r
width: 40px;\r
#bg-color,\r
#select-bg-color-button,\r
#reset-bg-color-button {\r
- position: absolute;\r
- text-align: center;\r
- cursor: pointer;\r
+ position: absolute;\r
+ text-align: center;\r
+ cursor: pointer;\r
}\r
\r
#bg-pattern,\r
top: 15px;\r
}\r
#bg-pattern {\r
- left: 15px;\r
- width: 100px;\r
+ left: 15px;\r
+ width: 100px;\r
}\r
#select-bg-pattern-button,\r
#reset-bg-pattern-button,\r
#select-bg-color-button,\r
#reset-bg-color-button {\r
- border: 1px outset #666;\r
- height: 20px;\r
- top: 115px;\r
- line-height: 20px;\r
+ border: 1px outset #666;\r
+ height: 20px;\r
+ top: 115px;\r
+ line-height: 20px;\r
}\r
#select-bg-pattern-button {\r
- left: 15px;\r
- width: 80px;\r
+ left: 15px;\r
+ width: 80px;\r
}\r
#reset-bg-pattern-button {\r
- left: 95px;\r
- width: 20px;\r
+ left: 95px;\r
+ width: 20px;\r
}\r
\r
#bg-color {\r
background-color: #66f;\r
}\r
#select-bg-color-button {\r
- left: 125px;\r
- width: 40px;\r
+ left: 125px;\r
+ width: 40px;\r
}\r
#reset-bg-color-button {\r
- left: 165px;\r
- width: 20px;\r
+ left: 165px;\r
+ width: 20px;\r
}\r
\r
\r
* \r
-------------------------------------------------------------------------------------*/\r
.finder-body {\r
- position:relative;\r
+ position: relative;\r
}\r
\r
.finder-header {\r