@charset "UTF-8";\r
\r
/* pettanR system.css\r
- * version 0.5.5\r
+ * version 0.5.38\r
* \r
* author:\r
* itozyun\r
text-decoration: underline;\r
color: #f60;\r
}\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( "/assets/opacity0.gif" ) fixed repeat;\r
+ }\r
\r
/* ClearFix\r
--------------------------------------------------------------------------------------*/\r
/**/\r
}\r
\r
+/* UIForm\r
+--------------------------------------------------------------------------------------*/\r
+ .uiform-invisible {\r
+ position : absolute;\r
+ top : 0;\r
+ left : 0;\r
+ }\r
+ .uiform-invisible * {\r
+ display : none;\r
+ position : absolute;\r
+ }\r
+ .ui-fileinput-wrapper,\r
+ .uiform-file {\r
+ border-style: solid;\r
+ border-width: 1px;\r
+ font-size: 14px;\r
+ line-height: 2em;\r
+ height: 2em;\r
+ border-color: #666 #bbb #ccc #777;\r
+ display: block;\r
+ color: #333;\r
+ padding: 3px;\r
+ overflow: hidden;\r
+ zoom : 1;\r
+ }\r
+ .uiform-invisible .ui-fileinput-wrapper input {\r
+ opacity : 0.5;\r
+ border : 0;\r
+ display : block;\r
+ position : absolute;\r
+ top : -5px;\r
+ right : -10px;\r
+ font-size : 999px;\r
+ line-height : 1em;\r
+ color : #fff;\r
+ background-color : transparent;\r
+ cursor : pointer;\r
+ /*padding : 999px;*/\r
+ }\r
+ .pettanr-ActiveX-enabled .uiform-invisible .ui-fileinput-wrapper input {\r
+ filter: alpha( opacity=50 );\r
+ -ms-filter: alpha( opacity=50 );\r
+ }\r
+\r
/* Button\r
--------------------------------------------------------------------------------------*/\r
.button {\r
- border: 1px solid;\r
+ border-width: 1px;\r
+ border-style: solid;\r
+ border-color: #ccc #bbb #aaa;\r
background: #E3E3E3;\r
background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3);\r
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E3E3E3));\r
- border-color: #ccc #bbb #aaa;\r
color: #666;\r
font-weight: bold;\r
text-align: center;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
}\r
+ .button-hover,\r
+ .ui-button-hover {\r
+ color: #333;\r
+ border-color: #999 #888 #777;\r
+ }\r
.button-has-focus {\r
border-color: #4D90FE;\r
}\r
+ .button-disabled {\r
+ background: #f6f6f6;\r
+ background: -moz-linear-gradient(center top , #fcfcfc, #f0f0f0);\r
+ background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));\r
+ border-color: #eee #ddd #ccc;\r
+ color: #ccc;\r
+ }\r
\r
/* editable-text\r
--------------------------------------------------------------------------------------*/\r
- \r
+ #ui-textinput {\r
+ position: absolute;\r
+ outline: 0;\r
+ padding: 3px 0;\r
+ background-color: #aDf0FE;\r
+ margin: 0;\r
+ border-color: #4D90FE;\r
+ }\r
+ #ui-textinput,\r
+ .editable-text {\r
+ border-style: solid;\r
+ border-width: 1px;\r
+ font-size: 14px;\r
+ line-height: 16px; \r
+ }\r
.editable-text {\r
+ border-color: #666 #bbb #ccc #777;\r
display: inline-block;\r
color: #333;\r
- border: 1px solid #ccc;\r
- font-size: 14px;\r
- line-height: 16px;\r
+ zoom: 1;\r
+ background-color: #fff;\r
+ padding: 3px;\r
+ }\r
+ .ui-inpittext-hover .editable-text {\r
+ border-color: #4D90FE;\r
}\r
- .editable-text a,\r
- .editable-text a:link,\r
- .editable-text a:visited,\r
- .editable-text a:hover,\r
- .editable-text a:active {\r
- padding: 3px;\r
- color: #333;\r
- text-decoration: none;\r
- display: block;\r
- zoom: 1;\r
- outline: 0;\r
- background-color: #fff;\r
- }\r
- .editable-text a:hover {\r
- background-color: #ccf;\r
- }\r
- .editable-text input {\r
- padding: 3px 0;\r
- width: 100%;\r
- font-family: Arial,Helvetica,sans-serif;\r
- background-color: #ccf;\r
- border: 0;\r
- margin: 0;\r
- outline: 0;\r
- }\r
\r
/* combobox\r
--------------------------------------------------------------------------------------*/ \r
.combobox a:visited,\r
.combobox a:hover,\r
.combobox a:active {\r
- border: 1px solid #ccc;\r
+ border-style: solid;\r
+ border-width: 1px;\r
+ border-color: #666 #bbb #ccc #777;\r
font-size: 14px;\r
line-height: 16px; \r
padding: 3px;\r
}\r
.combobox a.combobox-has-focus .combobox-toggle {\r
color: #4D90FE;\r
- } \r
- \r
+ }\r
+ .ui-combobox-hover .combobox a {\r
+ border-color: #4D90FE;\r
+ }\r
+ .ui-combobox-hover .combobox-toggle {\r
+ color: #4D90FE;\r
+ }\r
\r
.option-container {\r
position: absolute;\r
text-decoration: none;\r
*cursor: pointer;\r
}\r
- .current-option a,\r
- .current-option a:link,\r
- .current-option a:visited {\r
+ a.combobox-option-current,\r
+ a.combobox-option-current:link,\r
+ a.combobox-option-current:visited {\r
color: #e6e6ef;\r
background-color: #66f;\r
text-decoration: none;\r
* \r
-------------------------------------------------------------------------------------*/\r
.finder-body {\r
- position: relative;\r
- overflow: auto;\r
+ position: absolute;\r
+ overflow: hidden;\r
}\r
.finder-container .loading {\r
background-position: 50% bottom;\r
}\r
- .finder-header {\r
+ \r
+ .finder-path {\r
height: 40px;\r
position: relative;\r
- background-color: #333;\r
+ background-color: #484848;\r
}\r
- .finder-header ul {\r
- list-style: none;\r
+ .finder-path div {\r
position: absolute;\r
top: 0;\r
- left: 48px;\r
+ left: 0;\r
+ overflow: hidden;\r
+ width: 90px;\r
height: 40px;\r
+ font-size: 14px;\r
line-height: 40px;\r
- padding: 0;\r
+ padding: 0 0 0 15px;\r
margin: 0;\r
+ color: #eee;\r
+ background-image : url( /assets/finder_path_shadow.gif );\r
+ background-position : 0 40px;\r
+ background-repeat : repeat-y;\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
+ .finder-path-hover {\r
+ background-color: #66f !important;\r
+ background-position : 0 0 !important;\r
+ color : #fff;\r
}\r
\r
/* Finder Icon\r
--------------------------------------------------------------------------------------*/\r
.finder-icon {\r
- position: relative;\r
+ position: absolute;\r
+ left: 0;\r
height: 74px;\r
border-bottom: 1px solid #ccc;\r
- clear: both;\r
overflow: hidden; /* for webkit */\r
}\r
- .finder-icon:hover {\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
+ .finder-icon-modern {\r
+ display: table;\r
+ table-layout: fixed;\r
+ }\r
+ .fnder-icon-modern div {\r
display: table-cell;\r
vertical-align: middle;\r
line-height: 1.3em;\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('/assets/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-down {\r
+ font-size: 40px;\r
+ line-height: 74px !important;\r
+ color: #999;\r
+ position: absolute;\r
+ right: 0;\r
+ top: 0;\r
}\r
- .finder-icon .file-type-charactor {\r
- background-position: -70px -285px;\r
- } \r
- .has-thumbnail {\r
+ .finder-icon-down-hover {\r
+ color: #111;\r
}\r
.fnder-icon-modern .finder-icon-filename {\r
width: 200px;\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
}\r
.fnder-icon-ie7 .finder-icon-filename,\r
.fnder-icon-ie7 .finder-icon-summary {\r
- position: relative;\r
- top: -50%;\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
+ /* File Icon\r
+ --------------------------------------------------------------------------------------*/\r
+ .file-icon div {\r
+ width: 64px;\r
+ height: 74px;\r
+ cursor: pointer;\r
+ background-repeat: no-repeat;\r
+ background-position: 50% 50%;\r
+ background-image: url('/assets/sprite.gif');\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('/assets/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
- }
\ No newline at end of file
+ .file-icon .file-type-folder {\r
+ background-position: 0 -75px;\r
+ }\r
+ .file-icon .file-type-album {\r
+ }\r
+ .file-icon .file-type-author {\r
+ background-position: -70px -75px;\r
+ } \r
+ .file-icon .file-type-comic {\r
+ background-position: 0 -145px;\r
+ }\r
+ .file-icon .file-type-cabinet {\r
+ background-position: -70px -145px;\r
+ }\r
+ .file-icon .file-type-panel {\r
+ background-position: 0 -215px;\r
+ }\r
+ .file-icon .file-type-artist {\r
+ background-position: -70px -215px;\r
+ }\r
+ .file-icon .file-type-balloon {\r
+ background-position: 0 -285px;\r
+ }\r
+ .file-icon .file-type-charactor {\r
+ background-position: -70px -285px;\r
+ } \r
+ .has-thumbnail {\r
+ }\r
+ \r
+ /* Finder Detail\r
+ --------------------------------------------------------------------------------------*/\r
+ .finder-detail {\r
+ position: absolute;\r
+ left: 0;\r
+ top: 0;\r
+ background-color: #e6e6e6;\r
+ }
\ No newline at end of file