@charset "UTF-8";\r
\r
/* pettanR system.css\r
- * version 0.5.5\r
+ * version 0.5.32\r
* \r
* author:\r
- * itozyun
+ * itozyun\r
*/\r
\r
/* Reset\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( "../images/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 : 0;\r
+ right : 0;\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
\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
+ .finder-path div {\r
list-style: none;\r
position: absolute;\r
top: 0;\r
padding: 0;\r
margin: 0;\r
}\r
- .finder-header li {\r
+ .finder-path div {\r
position: absolute;\r
top: 0;\r
left: 0;\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
+ line-height: 40px;\r
margin: 0;\r
color: #eee;\r
overflow: hidden;\r
}\r
- .finder-header li a:hover {\r
+ .finder-path-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
+ /* 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