@charset "UTF-8";\r
\r
/* pettanR peta.apps.css\r
- * version 0.5.18\r
+ * version 0.5.33\r
* \r
* author:\r
* itozyun\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
+ padding: 0;\r
}\r
+ .header-title {\r
+ padding : 6pt;\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
+ .close-button-hover {\r
+ background-color: #333;\r
+ }\r
\r
/*--------------------------------------------------------------------------------------\r
* \r
.console-wrapper {\r
position: absolute;\r
width: 320px;\r
- padding: 20px 20px 0;\r
+ padding: 20px;\r
background-color: #fff;\r
}\r
.console-header {\r
}\r
\r
/* Panel Console\r
- --------------------------------------------------------------------------------------*/ \r
+ --------------------------------------------------------------------------------------*/\r
+ #panel-console-data-value {\r
+ width: 180px;\r
+ height: 16px;\r
+ line-height:22px;\r
+ overflow:hidden;\r
+ text-align:left;\r
+ } \r
#panel-console-publish-value {\r
width: 180px;\r
text-align: center; \r
}\r
- \r
+ \r
+ #artist-console-name-value,\r
+ #artist-console-license-value {\r
+ width: 180px;\r
+ text-align:left;\r
+ }\r
+ \r
/* Comic Reader\r
--------------------------------------------------------------------------------------*/\r
#comic-reader-wrapper {}\r
#upload-console {\r
}\r
\r
-\r
+ .form-iframe {\r
+ width:100%;\r
+ height:100px;\r
+ border:1px solid #666;\r
+ }\r
\r
/*--------------------------------------------------------------------------------------\r
* \r
--------------------------------------------------------------------------------------*/ \r
#comic-element-resizer-container {\r
position: absolute;\r
+ }\r
+ #comic-element-resizer-container-inner {\r
+ position: absolute;\r
+ top: 9px;\r
+ left: 9px;\r
border: 1px solid #999;\r
}\r
.comic-element-resizer {\r
--------------------------------------------------------------------------------------*/\r
#comic-element-consol-wrapper {\r
position: absolute;\r
+ bottom: 0;\r
+ left: 0;\r
}\r
- #image-element-consol {\r
- width: 50px;\r
- overflow: auto;\r
+ #comic-element-consol-container {\r
+ background: transparent url( "../images/black_50pct.png" ) repeat 0 0;\r
+ padding: 0.5em;\r
}\r
- #text-element-consol {\r
- width: 75px;\r
- overflow: auto;\r
+ .comic-element-consol-container-hover {\r
+ background: #000 !important;\r
}\r
- \r
- #change-image-button,\r
- #layer-back-button,\r
- #layer-forward-button,\r
- #delete-image-button,\r
- #edit-text-button,\r
- #change-text-style-button,\r
- #hide-text-tail-button,\r
- #back-text-button,\r
- #forward-text-button,\r
- #delete-text-button {\r
- text-indent: -9999px;\r
- width: 25px;\r
- height: 25px;\r
- line-height: 25px;\r
- float: left;\r
- background-image: url('../images/sprite.gif');\r
- background-repeat: no-repeat;\r
- background-position: 0 0;\r
- cursor: pointer;\r
- }\r
- #hide-text-tail-button {\r
- background-position: -30px -30px;\r
- }\r
- #change-image-button,\r
- #change-text-style-button {\r
- background-position: -30px 0;\r
- } \r
- #layer-back-button,\r
- #back-text-button {\r
- background-position: -60px 0;\r
- }\r
- #layer-forward-button,\r
- #forward-text-button {\r
- background-position: -60px -30px;\r
- }\r
- #delete-image-button,\r
- #delete-text-button {\r
- background-position: 0 -30px;\r
- }\r
- \r
- .console-out #comic-element-consol-wrapper-when-out {\r
- padding: 5px;\r
- background-color: #333;\r
- }\r
- .console-out #comic-element-consol-tail {\r
- border-width: 0 5px 10px 5px;\r
- border-color: transparent transparent #333 transparent;\r
- _border-color: #fff #fff #333 #fff;\r
- border-style: solid;\r
- width: 0;\r
- height: 0;\r
- font-size: 0;\r
- line-height: 0;\r
+ \r
+ #comic-element-consol-pushout-wrapper {\r
+ display: none;\r
position: absolute;\r
- top: -10px;\r
- left: 50%;\r
+ width: 250px;\r
+ \r
}\r
+ #comic-element-consol-pushout-inner {\r
+ border: 1px solid #999;\r
+ }\r
+ .satellite-left #comic-element-consol-pushout-inner {\r
+ top: 0;\r
+ left: 0;\r
+ }\r
\r
+ #comic-element-consol-pushout-tail {\r
+ border-style: solid;\r
+ width: 0;\r
+ height: 0;\r
+ font-size: 0;\r
+ line-height: 0;\r
+ position: absolute;\r
+ }\r
+ .satellite-left #comic-element-consol-pushout-tail {\r
+ border-width: 5px 0 5px 10px;\r
+ border-color: transparent transparent transparent #999;\r
+ _border-color: #fff #fff #fff #999;\r
+ top: 50%;\r
+ right: 0;\r
+ }\r
+ .satellite-right #comic-element-consol-pushout-tail {\r
+ border-width: 5px 10px 5px 0;\r
+ border-color: transparent #999 transparent transparent;\r
+ _border-color: #fff #999 #fff #fff;\r
+ top: 50%;\r
+ left: -10px;\r
+ }\r
+ .satellite-top #comic-element-consol-pushout-tail {\r
+ border-width: 10px 5px 0 5px;\r
+ border-color: #333 transparent transparent transparent;\r
+ _border-color: #333 #fff #fff #fff;\r
+ bottom: -10px;\r
+ left: 50%;\r
+ }\r
+ .satellite-bottom #comic-element-consol-pushout-tail {\r
+ border-width: 0 5px 10px 5px;\r
+ border-color: transparent transparent #333 transparent;\r
+ _border-color: #fff #fff #333 #fff;\r
+ top: -10px;\r
+ left: 50%;\r
+ }\r
+\r
+ \r
+ .comic-element-consol-item {\r
+ float: left;\r
+ width: 70px;\r
+ height: 70px;\r
+ }\r
+ .comic-element-consol-item-small {\r
+ float: left;\r
+ width: 70px;\r
+ height: 35px;\r
+ }\r
+ .comic-element-consol-item div {\r
+ height: 35px;\r
+ }\r
+ .comic-element-consol-item-small .button {\r
+ width: 60px;\r
+ height: 24px;\r
+ line-height: 24px;\r
+ margin-top: 5px;\r
+ margin-left: 5px;\r
+ }\r
+ .comic-element-attribute-label {\r
+ display: inline-block;\r
+ width: 14px;\r
+ line-height: 22px;\r
+ color: #fff;\r
+ text-align: center;\r
+ cursor: pointer;\r
+ }\r
+ .comic-element-attribute-value {\r
+ width: 40px;\r
+ text-align: right;\r
+ }\r
+ \r
+ #comic-element-z-value,\r
+ #comic-element-a-value {\r
+ width: 35px;\r
+ }\r
+ #comic-element-w-percent-value,\r
+ #comic-element-h-percent-value {\r
+ width: 30px;\r
+ }\r
+ \r
+ #comic-element-keep-aspect {\r
+ position: relative;\r
+ top: 24px;\r
+ left: 0;\r
+ width: 12px;\r
+ height: 22px;\r
+ font-size: 22px;\r
+ line-height: 22px;\r
+ border: 1px solid #ccc;\r
+ }\r
+ \r
\r
\r
/* Panel > speach\r
\r
/* page contents\r
--------------------------------------------------------------------------------------*/\r
+ .multi-page-container {\r
+ width: 100%;\r
+ }\r
.sidenavi {\r
width: 100px;\r
float: left;\r
}\r
.page-contents {\r
_position: relative; /* for ie6 */\r
- margin-left: 100px;\r
padding: 1em 1em 2em 1em;\r
+ margin-left: 100px;\r
}\r
.page-content {\r
display: none;\r
}\r
\r
- /* Information Window\r
- --------------------------------------------------------------------------------------*/\r
- #comic-element-infomation {\r
- background-color: #fff;\r
- position: absolute;\r
- width: 100%;\r
- }\r
- #comic-element-x, #comic-element-z,\r
- #comic-element-y, #comic-element-a,\r
- #comic-element-w, #comic-element-w-percent,\r
- #comic-element-h, #comic-element-h-percent {\r
- position: absolute;\r
- }\r
- \r
- #comic-element-x,\r
- #comic-element-y,\r
- #comic-element-w,\r
- #comic-element-h {\r
- left: 30px;\r
- }\r
- #comic-element-z,\r
- #comic-element-a {\r
- left: 115px;\r
- }\r
- #comic-element-w-percent,\r
- #comic-element-h-percent {\r
- left: 124px;\r
- }\r
- #comic-element-x, #comic-element-z {\r
- top: 10px;\r
- }\r
- #comic-element-y, #comic-element-a {\r
- top: 40px;\r
- }\r
- #comic-element-w, #comic-element-w-percent {\r
- top: 80px;\r
- }\r
- #comic-element-h, #comic-element-h-percent {\r
- top: 110px;\r
- }\r
- .comic-element-attribute-label {\r
- display: inline-block;\r
- width: 14px;\r
- line-height: 22px;\r
- color: #666;\r
- text-align: center;\r
- cursor: pointer;\r
- }\r
- .comic-element-attribute-value {\r
- width: 40px;\r
- text-align: right;\r
- }\r
- \r
- #comic-element-z-value,\r
- #comic-element-a-value {\r
- width: 35px;\r
- }\r
- #comic-element-w-percent-value,\r
- #comic-element-h-percent-value {\r
- width: 30px;\r
- }\r
- \r
- #comic-element-keep-aspect {\r
- position: absolute;\r
- top: 96px;\r
- left: 100px;\r
- width: 12px;\r
- height: 22px;\r
- font-size: 22px;\r
- line-height: 22px;\r
- border: 1px solid #ccc;\r
- }\r
- \r
/* Background Window\r
--------------------------------------------------------------------------------------*/\r
#bg-pattern,\r