-/* 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
+@charset "UTF-8";\r
+\r
+/* pettanR system.css\r
+ * version 0.5.38\r
+ * \r
+ * author:\r
+ * itozyun\r
+ */\r
\r
/* Reset\r
--------------------------------------------------------------------------------------*/\r
html, body {\r
margin: 0;\r
padding: 0;\r
+ height: 100%;\r
+ }\r
+ /* この指定がないと ie で Util.getAbsolutePosition が狂う body { font-family: "MS PGothic", "MS Gothic" } */\r
+ body {\r
+ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif; \r
}\r
- \r
+ \r
p {\r
text-shadow: #000 0 0 0;/* for Safari */ \r
-moz-opacity: 0.99;/* for Firefox */ \r
/* remember to define focus styles! */\r
:focus { outline: 0;}\r
\r
- /* http://honoo-no.com/creators/2008/02/14_211120.html */\r
+ /* http://web.archive.org/web/20100204222112/http://honoo-no.com/creators/2008/02/14_211120.html */\r
textarea, input {\r
- font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;\r
+ font-family: "MS PGothic", Osaka, "MS Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;\r
}\r
\r
\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
* html .clearfix {\r
height: 1px;\r
- /*¥*//*/\r
+ /*\*//*/\r
height: auto;\r
overflow: hidden;\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
+ #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
+ zoom: 1;\r
+ background-color: #fff;\r
+ padding: 3px;\r
+ }\r
+ .ui-inpittext-hover .editable-text {\r
+ border-color: #4D90FE;\r
+ }\r
+ \r
+ /* combobox\r
+ --------------------------------------------------------------------------------------*/ \r
+ .combobox {\r
+ display: inline-block;\r
+ color: #333;\r
+ }\r
+ .combobox a,\r
+ .combobox a:link,\r
+ .combobox a:visited,\r
+ .combobox a:hover,\r
+ .combobox a:active {\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
+ color: #333;\r
+ text-decoration: none;\r
+ display: block;\r
+ zoom: 1;\r
+ outline: 0;\r
+ background-color: #fff;\r
+ position: relative;\r
+ }\r
+ .combobox a:hover {\r
+ background-color: #ccf;\r
+ }\r
+ .combobox a:active {\r
+ outline: 0;\r
+ }\r
+ .combobox-toggle {\r
+ position: absolute;\r
+ right: 5px;\r
+ top: 0;\r
+ display: block;\r
+ font-family: Arial,Helvetica,sans-serif;\r
+ font-size: 12px;\r
+ line-height: 20px;\r
+ color: #999;\r
+ }\r
+ .combobox a.combobox-has-focus .combobox-toggle {\r
+ color: #4D90FE;\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
+ list-style: none;\r
+ top: 30px;\r
+ width: 200px;\r
+ margin: 0;\r
+ padding: 0;\r
+ background-color: #fff;\r
+ opacity: 0.9;\r
+ -moz-opacity: 0.9;\r
+ -khtml-opacity: 0.9;\r
+ color: #666;\r
+ border: 1px solid #ccc;\r
+ box-shadow: 1px 4px 9px #333;\r
+ -moz-box-shadow: 1px 4px 9px #333;\r
+ -webkit-box-shadow: 1px 4px 9px #333;\r
+ filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+ -ms-filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+ }\r
+ .option-container li {\r
+ display: block;\r
+ cursor: pointer;\r
+ height: 30px;\r
+ line-height: 30px;\r
+ }\r
+ .option-container a,\r
+ .option-container a:link,\r
+ .option-container a:visited {\r
+ color: #666;\r
+ position: relative;\r
+ display: block;\r
+ padding: 0 10px;\r
+ height: 30px;\r
+ line-height: 30px;\r
+ *cursor: pointer;\r
+ }\r
+ .option-container a:hover {\r
+ color: #333;\r
+ background-color: #ccf;\r
+ text-decoration: none;\r
+ *cursor: pointer;\r
+ }\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
+\r
\r
/* Loading\r
--------------------------------------------------------------------------------------*/\r
position: absolute;\r
bottom: 10px;\r
left: 20px;\r
+ width: 110px;\r
+ overflow: hidden;\r
color: #FFF;\r
font-size: 14px;\r
+ line-height: 1.3;\r
font-weight: normal;\r
font-family: Segoe UI,Tahoma,Arial,Verdana,sans-serif;\r
}\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( ../images/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('../images/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
OSDN Git Service
