* version 0.4.1\r
*\r
*/\r
+ #entrance, #backyard, #debug {\r
+ padding: 20px 10px;\r
+ }\r
+\r
\r
/* View Container\r
--------------------------------------------------------------------------------------*/ \r
overflow: hidden;\r
}\r
#overlay-shadow {\r
- background-color: #000;\r
+ background: #000;\r
opacity: 0.5;\r
-moz-opacity: 0.5;\r
-khtml-opacity: 0.5;\r
}\r
- .pettanr-ActiveX-Enabled #overlay-shadow {\r
+ .pettanr-ActiveX-enabled #overlay-shadow {\r
filter: alpha(opacity=50);\r
-ms-filter: alpha(opacity=50); \r
}\r
.pettanr-ActiveX-disabled #overlay-shadow {\r
- background: transparent url( black-50pct.png) repeat 0 0;\r
- _background: #000;\r
+ background: transparent url( black_50pct.png) repeat 0 0;\r
+ _background: url( black_50pct.gif) repeat 0 0;\r
}\r
\r
#overlay-close-button {\r
border: 1px outset #ccc;\r
outline: 1px;\r
}\r
-\r
+ /* Comic Console\r
+ --------------------------------------------------------------------------------------*/\r
+ #comic-console-wrapper {\r
+ position: absolute;\r
+ width: 320px;\r
+ height: 300px;\r
+ background-color: #fff;\r
+ }\r
+ #comic-console {\r
+ padding: 20px;\r
+ }\r
+ .comic-console-label {\r
+ display: inline-block;\r
+ width: 120px;\r
+ line-height: 22px;\r
+ color: #666;\r
+ cursor: pointer;\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
+ #comic-console-title,\r
+ #comic-console-height,\r
+ #comic-console-width,\r
+ #comic-console-editable,\r
+ #comic-console-visible {}\r
+ #comic-console-title-value { width: 140px; text-align:left;}\r
+ #comic-console-height-value {}\r
+ #comic-console-width-value {}\r
+ #comic-console-editable-value {}\r
+ #comic-console-visible-value {}\r
+ \r
+ #comic-console-button-container {\r
+ margin-top: 20px;\r
+ position: relative;\r
+ }\r
+ \r
+ #comic-console-post-button {\r
+ width: 100px;\r
+ position: absolute;\r
+ left: 20px;\r
+ top: 0;\r
+ }\r
+ #comic-console-cancel-button {\r
+ width: 100px;\r
+ position: absolute;\r
+ left: 160px;\r
+ top: 0;\r
+ }\r
+ \r
+ /* Upload Console\r
+ --------------------------------------------------------------------------------------*/\r
+ #upload-console-wrapper {\r
+ position: absolute;\r
+ width: 320px;\r
+ height: 300px;\r
+ background-color: #fff;\r
+ }\r
+ #upload-console {\r
+ padding: 20px;\r
+ }\r
+ .upload-console-label {\r
+ display: inline-block;\r
+ width: 120px;\r
+ line-height: 22px;\r
+ color: #666;\r
+ cursor: pointer;\r
+ }\r
+ .upload-console-value {\r
+ width: 40px;\r
+ text-align: right;\r
+ }\r
+ .upload-console-line {\r
+ margin: 10px 0;\r
+ padding-bottom: 5px;\r
+ border-bottom: 1px solid #ccc;\r
+ }\r
+ #upload-console-button-container {\r
+ margin-top: 20px;\r
+ position: relative;\r
+ height: 40px;\r
+ }\r
+ \r
+ #upload-console-post-button {\r
+ width: 100px;\r
+ position: absolute;\r
+ left: 20px;\r
+ top: 0;\r
+ }\r
+ #upload-console-cancel-button {\r
+ width: 100px;\r
+ position: absolute;\r
+ left: 160px;\r
+ top: 0;\r
+ }\r
/*--------------------------------------------------------------------------------------\r
* \r
* home\r
width: 100%;\r
height: 30px;\r
}\r
- \r
\r
+\r
/* MenuBar\r
--------------------------------------------------------------------------------------*/\r
#menu-bar {\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: transparent url( white_70pct.png) repeat 0 0;\r
_background: #fff;\r
}\r
\r