@charset "UTF-8";\r
\r
/* pettanR peta.apps.css\r
- * version 0.5.4\r
+ * version 0.5.18\r
* \r
* author:\r
* itozyun\r
.console-page {\r
\r
}\r
+ \r
+ \r
#editor {\r
font-size: 9pt;\r
}\r
\r
/*--------------------------------------------------------------------------------------\r
* \r
+ * Cabinet, Gallery\r
+ * \r
+ -------------------------------------------------------------------------------------*/\r
+ #cabinet-header, #gallery-header {\r
+ position: relative;\r
+ background-color: #111;\r
+ color: #fff;\r
+ font-size: 12pt;\r
+ line-height: 1;\r
+ padding: 6pt 0 6pt 5pt;\r
+ }\r
+ #cabinet-close-button, #gallery-close-button {\r
+ position: absolute;\r
+ right: 0;\r
+ top: 0;\r
+ border-left: 1px solid #666;\r
+ height: 24pt;\r
+ padding: 6pt 9pt 6pt 9pt;\r
+ text-align: center;\r
+ cursor: pointer;\r
+ }\r
+\r
+/*--------------------------------------------------------------------------------------\r
+ * \r
* overlay\r
* \r
-------------------------------------------------------------------------------------*/\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
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
outline: 1px;\r
margin-bottom: 20px;\r
}\r
+ #output-console-close-button {\r
+ width: 100px;\r
+ margin: 0 auto 20px;\r
+ }\r
\r
/* Upload Console\r
--------------------------------------------------------------------------------------*/\r
#upload-console {\r
}\r
\r
-/*--------------------------------------------------------------------------------------\r
- * \r
- * home\r
- * \r
- -------------------------------------------------------------------------------------*/\r
- #home {\r
-\r
- }\r
\r
\r
/*--------------------------------------------------------------------------------------\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
background-repeat: repeat;\r
/* background-image: url('grid.gif'); grid用イメージはgrid使用時にjsで埋め込み */\r
}\r
-\r
-/*--------------------------------------------------------------------------------------\r
- * \r
- * Finder\r
- * \r
- -------------------------------------------------------------------------------------*/\r
- .finder-body {\r
- position: relative;\r
- overflow: auto;\r
- }\r
- .finder-container .loading {\r
- background-position: 50% bottom;\r
- }\r
- .finder-header {\r
- height: 40px;\r
- position: relative;\r
- background-color: #333;\r
- }\r
- .finder-header ul {\r
- list-style: none;\r
- position: absolute;\r
- top: 0;\r
- left: 48px;\r
- height: 40px;\r
- line-height: 40px;\r
- padding: 0;\r
- margin: 0;\r
- }\r
- .finder-header li {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- height: 40px;\r
- width: 90px;\r
- padding: 0;\r
- margin: 0;\r
- }\r
- .finder-header li a,\r
- .finder-header li a:link,\r
- .finder-header li a:visited {\r
- display: block;\r
- height: 14px;\r
- font-size: 14px;\r
- line-height: 14px;\r
- padding: 16px 0 10px 20px;\r
- margin: 0;\r
- color: #eee;\r
- overflow: hidden;\r
- }\r
- .finder-header li a:hover {\r
- text-decoration: none;\r
- background-color: #66f;\r
- color: #eee;\r
- }\r
- \r
- \r
- .finder-header .button {\r
- position: absolute;\r
- top: 8px;\r
- width: 30px;\r
- height: 24px;\r
- line-height: 24px;\r
- }\r
- .finder-sidebar-switch {\r
- left: 8px;\r
- }\r
- .finder-style-switch {\r
- right: 48px;\r
- }\r
- .finder-action-switch {\r
- right: 8px;\r
- }\r
\r
- /* Finder Icon\r
- --------------------------------------------------------------------------------------*/\r
- .finder-icon {\r
- position: relative;\r
- height: 74px;\r
- border-bottom: 1px solid #ccc;\r
- clear: both;\r
- overflow: hidden; /* for webkit */\r
- }\r
- .finder-icon:hover {\r
- background-color: #eee;\r
- cursor: pointer;\r
- }\r
- .fnder-icon-modern .finder-icon-handle,\r
- .fnder-icon-modern .finder-icon-thumbnail,\r
- .fnder-icon-modern .finder-icon-filename,\r
- .fnder-icon-modern .finder-icon-summary {\r
- display: table-cell;\r
- vertical-align: middle;\r
- line-height: 1.3em;\r
- }\r
- \r
- .finder-icon-handle {\r
- width: 20px;\r
- height: 74px;\r
- }\r
- \r
- .finder-icon-thumbnail {\r
- width: 64px;\r
- height: 74px;\r
- cursor: pointer;\r
- background-repeat: no-repeat;\r
- background-position: 50% 50%;\r
- background-image: url('../images/sprite.gif');\r
- }\r
\r
- .finder-icon .file-type-folder {\r
- background-position: 0 -75px;\r
- }\r
- .finder-icon .file-type-album {\r
- }\r
- .finder-icon .file-type-author {\r
- background-position: -70px -75px;\r
- } \r
- .finder-icon .file-type-comic {\r
- background-position: 0 -145px;\r
- }\r
- .finder-icon .file-type-cabinet {\r
- background-position: -70px -145px;\r
- }\r
- .finder-icon .file-type-panel {\r
- background-position: 0 -215px;\r
- }\r
- .finder-icon .file-type-artist {\r
- background-position: -70px -215px;\r
- }\r
- .finder-icon .file-type-balloon {\r
- background-position: 0 -285px;\r
- }\r
- .finder-icon .file-type-charactor {\r
- background-position: -70px -285px;\r
- } \r
- .has-thumbnail {\r
- }\r
- .fnder-icon-modern .finder-icon-filename {\r
- width: 200px;\r
- padding: 5px 10px;\r
- height: 64px;\r
- font-weight: bold;\r
- color: #333;\r
- }\r
- .fnder-icon-modern .finder-icon-summary {\r
- width: 300px;\r
- padding: 5px 10px;\r
- height: 64px;\r
- color: #666;\r
- }\r
-\r
- /* Finder Icon ie7-\r
- --------------------------------------------------------------------------------------*/\r
- .finder-icon a,\r
- .finder-icon a:link,\r
- .finder-icon a:visited,\r
- .finder-icon a:active {\r
- display: block;\r
- height: 74px;\r
- text-decoration: none;\r
- zoom: 1;\r
- cursor: pointer;\r
- }\r
- .finder-icon a:hover {\r
- _background-color: #eee;\r
- color: #333;\r
- }\r
- .fnder-icon-ie7 .finder-icon-handle,\r
- .fnder-icon-ie7 .finder-icon-thumbnail {\r
- zoom: 1;\r
- line-height: 1.3em;\r
- }\r
- .finder-icon-cell {\r
- display: inline;\r
- zoom: 1;\r
- }\r
- .finder-icon-vertical-middle-outer {\r
- display: block;\r
- height: 74px;\r
- position: relative;\r
- }\r
- .finder-icon-ie-filename .finder-icon-vertical-middle-outer {\r
- width: 200px;\r
- font-weight: bold;\r
- color: #333;\r
- }\r
- .finder-icon-ie-summary .finder-icon-vertical-middle-outer {\r
- width: 300px;\r
- color: #666;\r
- }\r
- .finder-icon-vertical-middle-inner {\r
- display: block;\r
- position: absolute;\r
- top: 50%;\r
- margin: 0 5px;\r
- }\r
- .fnder-icon-ie7 .finder-icon-filename,\r
- .fnder-icon-ie7 .finder-icon-summary {\r
- position: relative;\r
- top: -50%;\r
- }\r
- \r
- /* Finder Icon Console\r
- --------------------------------------------------------------------------------------*/ \r
- .finder-icon-console {\r
- position: absolute;\r
- top: 0;\r
- right: 0;\r
- }\r
- .finder-icon-console a {\r
- display: block;\r
- width: 74px;\r
- height: 74px;\r
- border-left: 1px solid #ccc;\r
- float: right;\r
- background-image: url('../images/sprite.gif') !important;\r
- background-repeat: no-repeat;\r
- }\r
- .finder-icon-console a:hover {\r
- background-color: #ccc !important;\r
- }\r
- .finder-icon-console-action {\r
- background-position: 0px -355px;\r
- }\r
- .finder-icon-console-editor-apps {\r
- background-position: -70px -355px;\r
- }\r
- .finder-icon-console-viewer-apps {\r
- background-position: 0px -425px;\r
- }\r
-\r
-\r
-\r
+ \r
\ No newline at end of file