X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.5.x%2Fstylesheets%2Fsystem.css;h=852f2b88230e969e0c5a6e529fc48188017c3f4f;hb=604668ba9efa027d4bc77fd8020d6b6be55d03e1;hp=e670ddcf136ec6c42ad8d1991b710d66ffc84b58;hpb=64e81e7eda1498e30f22ede8d5680f7cc3239fb0;p=pettanr%2FclientJs.git diff --git a/0.5.x/stylesheets/system.css b/0.5.x/stylesheets/system.css index e670ddc..852f2b8 100644 --- a/0.5.x/stylesheets/system.css +++ b/0.5.x/stylesheets/system.css @@ -1,7 +1,7 @@ @charset "UTF-8"; /* pettanR system.css - * version 0.5.23 + * version 0.5.38 * * author: * itozyun @@ -102,6 +102,50 @@ /**/ } +/* UIForm +--------------------------------------------------------------------------------------*/ + .uiform-invisible { + position : absolute; + top : 0; + left : 0; + } + .uiform-invisible * { + display : none; + position : absolute; + } + .ui-fileinput-wrapper, + .uiform-file { + border-style: solid; + border-width: 1px; + font-size: 14px; + line-height: 2em; + height: 2em; + border-color: #666 #bbb #ccc #777; + display: block; + color: #333; + padding: 3px; + overflow: hidden; + zoom : 1; + } + .uiform-invisible .ui-fileinput-wrapper input { + opacity : 0.5; + border : 0; + display : block; + position : absolute; + top : -5px; + right : -10px; + font-size : 999px; + line-height : 1em; + color : #fff; + background-color : transparent; + cursor : pointer; + /*padding : 999px;*/ + } + .pettanr-ActiveX-enabled .uiform-invisible .ui-fileinput-wrapper input { + filter: alpha( opacity=50 ); + -ms-filter: alpha( opacity=50 ); + } + /* Button --------------------------------------------------------------------------------------*/ .button { @@ -124,7 +168,8 @@ -moz-border-radius: 3px; -webkit-border-radius: 3px; } - .button-hover { + .button-hover, + .ui-button-hover { color: #333; border-color: #999 #888 #777; } @@ -157,13 +202,16 @@ line-height: 16px; } .editable-text { - border-color: #666 #aaa #bbb #777; + border-color: #666 #bbb #ccc #777; display: inline-block; color: #333; zoom: 1; background-color: #fff; padding: 3px; } + .ui-inpittext-hover .editable-text { + border-color: #4D90FE; + } /* combobox --------------------------------------------------------------------------------------*/ @@ -176,7 +224,9 @@ .combobox a:visited, .combobox a:hover, .combobox a:active { - border: 1px solid #ccc; + border-style: solid; + border-width: 1px; + border-color: #666 #bbb #ccc #777; font-size: 14px; line-height: 16px; padding: 3px; @@ -206,8 +256,13 @@ } .combobox a.combobox-has-focus .combobox-toggle { color: #4D90FE; - } - + } + .ui-combobox-hover .combobox a { + border-color: #4D90FE; + } + .ui-combobox-hover .combobox-toggle { + color: #4D90FE; + } .option-container { position: absolute; @@ -400,39 +455,31 @@ background-color: #484848; } .finder-path div { - list-style: none; position: absolute; top: 0; - left: 48px; + left: 0; + overflow: hidden; + width: 90px; height: 40px; + font-size: 14px; line-height: 40px; - padding: 0; + padding: 0 0 0 15px; margin: 0; + color: #eee; + background-image : url( ../images/finder_path_shadow.gif ); + background-position : 0 40px; + background-repeat : repeat-y; + } + .finder-path-hover { + background-color: #66f !important; + background-position : 0 0 !important; + color : #fff; } - .finder-path div { - position: absolute; - top: 0; - left: 0; - height: 40px; - width: 90px; - padding: 0; - margin: 0; - font-size: 14px; - line-height: 40px; - margin: 0; - color: #eee; - overflow: hidden; - } - .finder-path-hover { - text-decoration: none; - background-color: #66f; - color: #eee; - } /* Finder Icon --------------------------------------------------------------------------------------*/ .finder-icon { - /* position: absolute; */ + position: absolute; left: 0; height: 74px; border-bottom: 1px solid #ccc; @@ -441,10 +488,11 @@ .finder-icon-hover { background-color: #eee; } - .fnder-icon-modern .finder-icon-handle, - .fnder-icon-modern .finder-icon-thumbnail, - .fnder-icon-modern .finder-icon-filename, - .fnder-icon-modern .finder-icon-summary { + .finder-icon-modern { + display: table; + table-layout: fixed; + } + .fnder-icon-modern div { display: table-cell; vertical-align: middle; line-height: 1.3em; @@ -454,43 +502,17 @@ width: 20px; height: 74px; } - - .finder-icon-thumbnail { - width: 64px; - height: 74px; - cursor: pointer; - background-repeat: no-repeat; - background-position: 50% 50%; - background-image: url('../images/sprite.gif'); - } - - .finder-icon .file-type-folder { - background-position: 0 -75px; - } - .finder-icon .file-type-album { - } - .finder-icon .file-type-author { - background-position: -70px -75px; - } - .finder-icon .file-type-comic { - background-position: 0 -145px; - } - .finder-icon .file-type-cabinet { - background-position: -70px -145px; - } - .finder-icon .file-type-panel { - background-position: 0 -215px; - } - .finder-icon .file-type-artist { - background-position: -70px -215px; - } - .finder-icon .file-type-balloon { - background-position: 0 -285px; + + .finder-icon-down { + font-size: 40px; + line-height: 74px !important; + color: #999; + position: absolute; + right: 0; + top: 0; } - .finder-icon .file-type-charactor { - background-position: -70px -285px; - } - .has-thumbnail { + .finder-icon-down-hover { + color: #111; } .fnder-icon-modern .finder-icon-filename { width: 200px; @@ -508,20 +530,6 @@ /* Finder Icon ie7- --------------------------------------------------------------------------------------*/ - .finder-icon a, - .finder-icon a:link, - .finder-icon a:visited, - .finder-icon a:active { - display: block; - height: 74px; - text-decoration: none; - zoom: 1; - cursor: pointer; - } - .finder-icon a:hover { - _background-color: #eee; - color: #333; - } .fnder-icon-ie7 .finder-icon-handle, .fnder-icon-ie7 .finder-icon-thumbnail { zoom: 1; @@ -553,35 +561,54 @@ } .fnder-icon-ie7 .finder-icon-filename, .fnder-icon-ie7 .finder-icon-summary { - position: relative; - top: -50%; + position: relative; + top: -50%; } - /* Finder Icon Console - --------------------------------------------------------------------------------------*/ - .finder-icon-console { - position: absolute; - top: 0; - right: 0; + /* File Icon + --------------------------------------------------------------------------------------*/ + .file-icon div { + width: 64px; + height: 74px; + cursor: pointer; + background-repeat: no-repeat; + background-position: 50% 50%; + background-image: url('../images/sprite.gif'); } - .finder-icon-console a { - display: block; - width: 74px; - height: 74px; - border-left: 1px solid #ccc; - float: right; - background-image: url('../images/sprite.gif') !important; - background-repeat: no-repeat; - } - .finder-icon-console a:hover { - background-color: #ccc !important; - } - .finder-icon-console-action { - background-position: 0px -355px; - } - .finder-icon-console-editor-apps { - background-position: -70px -355px; - } - .finder-icon-console-viewer-apps { - background-position: 0px -425px; - } \ No newline at end of file + .file-icon .file-type-folder { + background-position: 0 -75px; + } + .file-icon .file-type-album { + } + .file-icon .file-type-author { + background-position: -70px -75px; + } + .file-icon .file-type-comic { + background-position: 0 -145px; + } + .file-icon .file-type-cabinet { + background-position: -70px -145px; + } + .file-icon .file-type-panel { + background-position: 0 -215px; + } + .file-icon .file-type-artist { + background-position: -70px -215px; + } + .file-icon .file-type-balloon { + background-position: 0 -285px; + } + .file-icon .file-type-charactor { + background-position: -70px -285px; + } + .has-thumbnail { + } + + /* Finder Detail + --------------------------------------------------------------------------------------*/ + .finder-detail { + position: absolute; + left: 0; + top: 0; + background-color: #e6e6e6; + } \ No newline at end of file