@charset "UTF-8";\r
\r
/* pettanR peta.apps.css\r
- * version 0.5.5\r
+ * version 0.5.18\r
* \r
* author:\r
* itozyun\r
width: 180px;\r
text-align: center;\r
}\r
+\r
+ /* Panel Console\r
+ --------------------------------------------------------------------------------------*/ \r
+ #panel-console-publish-value {\r
+ width: 180px;\r
+ text-align: center; \r
+ }\r
+ \r
/* Comic Reader\r
--------------------------------------------------------------------------------------*/\r
#comic-reader-wrapper {}\r
}\r
.pettanr-ActiveX-enabled .comic-reader-shadow {\r
filter: alpha(opacity=50);\r
- -ms-filter: alpha(opacity=50); \r
+ -ms-filter: "alpha(opacity=50)";\r
}\r
.pettanr-ActiveX-disabled .comic-reader-shadow {\r
background: transparent url( "../images/black_50pct.png" ) repeat 0 0;\r
-webkit-box-shadow: 0 4px 9px #333;\r
filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=9);\r
}\r
- .menu-bar-item,\r
- .menu-bar-item-focus {\r
+ .menubar-item,\r
+ .menubar-item-focus {\r
position: absolute;\r
top: 0;\r
width: 80px;\r
color: #666;\r
+ overflow: hidden;\r
+ height: 24.1pt;\r
+ line-height: 24.1pt;\r
+ padding-left: 0.6em;\r
+ font-size: 11pt; \r
+ }\r
+ .menubar-item-focus {\r
+ background-color: #161;\r
+ color: #eee;\r
}\r
- .menu-bar-item div,\r
- .menu-bar-item-focus div {\r
- cursor: pointer;\r
- overflow: hidden;\r
- height: 24.1pt;\r
- line-height: 24.1pt;\r
- padding-left: 0.6em;\r
- font-size: 11pt;\r
- }\r
- .menu-bar-item-focus div {\r
- background-color: #66f;\r
- color: #eee;\r
- }\r
- .menu-bar-item ul {\r
- display: none;\r
- }\r
- .menu-bar-item-focus ul {\r
+ .menubar-option-box {\r
position: absolute;\r
list-style: none;\r
top: 24.1pt;\r
width: 200px;\r
margin: 0;\r
padding: 0;\r
- background-color: #fff;\r
+ background-color: #f5f5f5;\r
color: #666;\r
border: 1px solid #ccc;\r
box-shadow: 1px 4px 9px #333;\r
-webkit-box-shadow: 1px 4px 9px #333;\r
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
}\r
- .menu-bar-item-focus li {\r
- display: block;\r
- cursor: pointer;\r
- width: 200px;\r
- height: 24.1pt;\r
- line-height: 24.1pt;\r
- }\r
- .menu-bar-item-focus li.disabled {\r
- cursor: default;\r
+ .menubar-option-box-hover {\r
+ background-color: #fff;\r
+ }\r
+ .menubar-option-box div {\r
+ position: relative;\r
+ display: block;\r
+ width: 200px;\r
+ height: 24.1pt;\r
+ line-height: 24.1pt;\r
+ border-style: none;\r
+ border-width: 0 0 1px;\r
+ border-color: #ccc; \r
+ } \r
+ .menubar-option-disabled {\r
+ color: #ddd !important;\r
+ } \r
+ .menubar-option-hover {\r
+ background-color: #161 !important;\r
+ color: #eee !important;\r
}\r
- .menu-bar-item-focus a,\r
- .menu-bar-item-focus a:link,\r
- .menu-bar-item-focus a:visited {\r
- color: #666;\r
- position: relative;\r
+ .menubar-option-hover * {\r
+ color: #eee !important;\r
+ }\r
+ .menubar-option-box span {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 10px;\r
display: block;\r
- width: 200px;\r
- height: 24.1pt;\r
- line-height: 24.1pt;\r
- *cursor: pointer;\r
+ font-size: 11pt;\r
+ font-weight: bold;\r
+ width: 120px;\r
+ overflow: hidden;\r
}\r
- .menu-bar-item-focus a:hover {\r
- color: #333;\r
- background-color: #ccf;\r
- text-decoration: none;\r
- *cursor: pointer;\r
- } \r
- .menu-bar-item-focus li.disabled a,\r
- .menu-bar-item-focus li.disabled a:link,\r
- .menu-bar-item-focus li.disabled a:visited,\r
- .menu-bar-item-focus li.disabled a:active,\r
- .menu-bar-item-focus li.disabled a:hover {\r
- color: #999;\r
- background-color: #fff;\r
- *cursor: default;\r
+ .menubar-option-box kbd {\r
+ position: absolute;\r
+ top: 0;\r
+ right: 10px;\r
+ display: block;\r
+ font-size: 8pt;\r
+ color: #999;\r
+ width: 60px;\r
+ overflow: hidden;\r
}\r
- .menu-bar-item-focus span {\r
- position: absolute;\r
- top: 0;\r
- left: 10px;\r
- display: block;\r
- font-size: 11pt;\r
- font-weight: bold;\r
- width: 120px;\r
- overflow: hidden;\r
- }\r
- .menu-bar-item-focus kbd {\r
- position: absolute;\r
- top: 0;\r
- left: 140px;\r
- display: block;\r
- font-size: 8pt;\r
- color: #999;\r
- width: 60px;\r
- overflow: hidden;\r
- }\r
- .menu-bar-item-focus li.separator {\r
- width: 200px;\r
- height: 0;\r
- line-height: 0;\r
- border-top: 1px solid #ccc;\r
- margin: 0;\r
- padding: 0;\r
- }\r
\r
/* whiteGlass\r
--------------------------------------------------------------------------------------*/ \r
border: 2px solid #333;\r
}\r
\r
- /* mouse-operation-catcher\r
- --------------------------------------------------------------------------------------*/ \r
- #mouse-operation-catcher {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- width: 100%;\r
- height: 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */\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
- /*\r
- * ie では、背景を設定しないと、 mousemove が働かない。\r
- * activeX 有効の場合は背景を着色して filter で透明に。\r
- * activeX 無効の場合は透明 gif を使用\r
- * background: url(4x4.gif) fixed repeat;\r
- */\r
- .pettanr-ActiveX-disabled #mouse-operation-catcher {\r
- background: url( "../images/opacity0.gif" ) fixed repeat;\r
- }\r
- \r
- \r
/* comic-element\r
--------------------------------------------------------------------------------------*/\r
#comic-element-container {\r
--------------------------------------------------------------------------------------*/\r
.window-wrapper {\r
position: absolute;\r
- top: 10px;\r
- left: 10px;\r
- width: 200px;\r
- height: 200px;\r
+ overflow: hidden;\r
border-bottom: 1px solid #999;\r
background-color: #fff;\r
box-shadow: 1px 4px 9px #333;\r
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
}\r
\r
- .window-header,\r
+ .window-header-title,\r
.window-close-button {\r
font-size: 12px;\r
color: #eee;\r
text-align: center;\r
padding-top: 8px;\r
padding-bottom: 6px;\r
+ background-color: #444;\r
+ }\r
+ .window-wrapper-hover .window-header-title {\r
background-color: #333;\r
}\r
.window-close-button {\r
}\r
\r
.window-wrapper,\r
- .window-header {\r
+ .window-header,\r
+ .window-header-title {\r
border-radius: 8px 8px 0 0;\r
-o-border-radius: 8px 8px 0 0;\r
-ms-border-radius: 8px 8px 0 0;\r
-webkit-border-radius: 8px 8px 0 0;\r
}\r
.window-body {\r
- position: relative;\r
+ position: absolute;\r
+ width: 100%;\r
border-right: 1px solid #999;\r
border-left: 1px solid #aaa;\r
*border-left: 1px solid #ccc;\r
#toolbox-popup-help-button,\r
#toolbox-post-button {\r
position: absolute;\r
- left: 10px;\r
+ left: 9px;\r
width: 90px;\r
- border: 1px outset #999;\r
height: 40px;\r
line-height: 40px;\r
- text-align: center;\r
- cursor: pointer;\r
- background-color: #ccc;\r
- border-radius: 8px;\r
- -o-border-radius: 8px;\r
- -ms-border-radius: 8px;\r
- -moz-border-radius: 8px;\r
- -webkit-border-radius: 8px;\r
}\r
#toolbox-add-image-button {\r
top: 10px; \r
}\r
#toolbox-popup-help-button {\r
width: 35px !important;\r
- left: 65px !important;\r
+ left: 63px !important;\r
}\r
\r
#toolbox-post-button {\r