@charset "UTF-8";\r
\r
-/* VML ( v\:* don't work for ie8(ie8mode))\r
---------------------------------------------------------------------------------------*/\r
- v\:shape,\r
- v\:image {\r
- behavior: url(#default#VML);\r
- display: block;\r
- }\r
+/* pettanR system.css\r
+ * version 0.5.38\r
+ * \r
+ * author:\r
+ * itozyun\r
+ */\r
\r
/* Reset\r
--------------------------------------------------------------------------------------*/\r
-\r
-\r
html, body {\r
margin: 0;\r
padding: 0;\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
-ms-border-radius: 5px;\r
-moz-border-radius: 5px;\r
-webkit-border-radius: 5px;\r
- }
\ No newline at end of file
+ }\r
+ \r
+\r
+/*--------------------------------------------------------------------------------------\r
+ * \r
+ * Finder\r
+ * \r
+ -------------------------------------------------------------------------------------*/\r
+ .finder-body {\r
+ position: absolute;\r
+ overflow: hidden;\r
+ }\r
+ .finder-container .loading {\r
+ background-position: 50% bottom;\r
+ }\r
+ \r
+ .finder-path {\r
+ height: 40px;\r
+ position: relative;\r
+ background-color: #484848;\r
+ }\r
+ .finder-path div {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ overflow: hidden;\r
+ width: 90px;\r
+ height: 40px;\r
+ font-size: 14px;\r
+ line-height: 40px;\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-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: absolute;\r
+ left: 0;\r
+ height: 74px;\r
+ border-bottom: 1px solid #ccc;\r
+ overflow: hidden; /* for webkit */\r
+ }\r
+ .finder-icon-hover {\r
+ background-color: #eee;\r
+ }\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
+ }\r
+ \r
+ .finder-icon-handle {\r
+ width: 20px;\r
+ height: 74px;\r
+ }\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-down-hover {\r
+ color: #111;\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
+ .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
+ /* 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
+ .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