+@charset "UTF-8";\r
+\r
/*\r
* pettanR\r
* \r
position: absolute;\r
top: 9px;\r
right: 9px;\r
+ z-index: 9999;\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
- 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
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
width: 180px;\r
text-align: center;\r
}\r
- \r
- #comic-console-button-container {\r
- margin-top: 20px;\r
- position: relative;\r
+ /* Comic Reader\r
+ --------------------------------------------------------------------------------------*/\r
+ #comic-reader-wrapper {}\r
+ #comic-reader-panel-container {\r
+ position: absolute;\r
+ left: 0;\r
+ top: 0;\r
+ }\r
+ #comic-reader-header,\r
+ #comic-reader-console {\r
+ position: absolute;\r
+ left; 0;\r
+ width: 100%;\r
+ z-index: 9998;\r
+ }\r
+ #comic-reader-header {\r
+ top: 0;\r
+ height: 40px;\r
+ }\r
+ .comic-reader-shadow {\r
+ z-index: 9997;\r
+ position: absolute;\r
+ width: 100%;\r
+ left; 0;\r
+ width: 100%;\r
+ height: 40px;\r
+ background: #000;\r
+ opacity: 0.5;\r
+ -moz-opacity: 0.5;\r
+ -khtml-opacity: 0.5;\r
+ }\r
+ .pettanr-ActiveX-enabled .comic-reader-shadow {\r
+ filter: alpha(opacity=50);\r
+ -ms-filter: alpha(opacity=50); \r
+ }\r
+ .pettanr-ActiveX-disabled .comic-reader-shadow {\r
+ background: transparent url( black_50pct.png) repeat 0 0;\r
+ _background: url( black_50pct.gif) repeat 0 0;\r
+ }\r
+ #comic-reader-header-content {\r
+ height: 24px;\r
+ padding-top: 16px;\r
+ border-bottom: 1px solid #fff;\r
+ }\r
+ #comic-reader-title {\r
+ font-size: 20px;\r
+ line-height: 24px;\r
+ color: #fff;\r
+ font-weight: bold;\r
+ }\r
+ #comic-reader-author {\r
+ font-size: 18px;\r
+ line-height: 24px;\r
+ color: #ddd;\r
+ text-indent: 1em;\r
+ }\r
+ #comic-reader-console {\r
+ bottom: 0;\r
+ height: 100px;\r
+ border-top: 1px solid #fff;\r
+ }\r
+ #comic-reader-button-centering {\r
+ position: relative;\r
+ margin: 0 auto;\r
+ width: 399px;\r
+ }\r
+ #comic-reader-back-button,\r
+ #comic-reader-forward-button,\r
+ #comic-reader-back-button:link,\r
+ #comic-reader-forward-button:link {\r
+ display: block;\r
+ zoom: 1;\r
+ position: absolute;\r
+ top: 0;\r
+ height: 100px;\r
+ line-height: 100px;\r
+ color: #ddd;\r
+ width: 198px;\r
+ border-left: 1px solid #999;\r
+ border-right: 1px solid #999;\r
+ text-align: center;\r
+ font-size: 30px;\r
+ }\r
+ #comic-reader-back-button:hover,\r
+ #comic-reader-forward-button:hover {\r
+ background-color: #111;\r
+ color: #fff;\r
+ font-size: 34px;\r
+ text-decoration: none;\r
+ }\r
+ #comic-reader-back-button {\r
+ left: 0;\r
+ border-right: 1px solid #ccc;\r
+ }\r
+ #comic-reader-forward-button {\r
+ right: 0;\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
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