17 --------------------------------------------------------------------------------------*/
\r
25 /*--------------------------------------------------------------------------------------
\r
29 -------------------------------------------------------------------------------------*/
\r
32 --------------------------------------------------------------------------------------*/
\r
36 padding: 20px 20px 0;
\r
37 background-color: #fff;
\r
40 border-bottom: 2px solid #666;
\r
45 padding-bottom: 8px;
\r
46 margin-bottom: 10px;
\r
51 .console-button-container {
\r
53 border-top: 2px solid #666;
\r
57 .console-submit-button {
\r
63 .console-cancel-button {
\r
80 --------------------------------------------------------------------------------------*/
\r
83 padding-bottom: 5px;
\r
84 border-bottom: 1px solid #ccc;
\r
87 display: inline-block;
\r
95 --------------------------------------------------------------------------------------*/
\r
100 .comic-console-value {
\r
105 #comic-console-title,
\r
106 #comic-console-height,
\r
107 #comic-console-width,
\r
108 #comic-console-editable,
\r
109 #comic-console-visible {}
\r
110 #comic-console-title-value { width: 180px; text-align:left;}
\r
111 #comic-console-height-value {}
\r
112 #comic-console-width-value {}
\r
113 #comic-console-editable-value,
\r
114 #comic-console-visible-value {
\r
116 text-align: center;
\r
119 --------------------------------------------------------------------------------------*/
\r
120 #comic-reader-wrapper {}
\r
121 #comic-reader-panel-container {
\r
122 position: absolute;
\r
126 #comic-reader-header,
\r
127 #comic-reader-console {
\r
128 position: absolute;
\r
133 #comic-reader-header {
\r
137 .comic-reader-shadow {
\r
139 position: absolute;
\r
147 -khtml-opacity: 0.5;
\r
149 .pettanr-ActiveX-enabled .comic-reader-shadow {
\r
150 filter: alpha(opacity=50);
\r
151 -ms-filter: alpha(opacity=50);
\r
153 .pettanr-ActiveX-disabled .comic-reader-shadow {
\r
154 background: transparent url( "../images/black_50pct.png" ) repeat 0 0;
\r
155 _background: url( "../images/black_50pct.gif" ) repeat 0 0;
\r
157 #comic-reader-header-content {
\r
160 border-bottom: 1px solid #fff;
\r
162 #comic-reader-title {
\r
168 #comic-reader-author {
\r
174 #comic-reader-console {
\r
177 border-top: 1px solid #fff;
\r
179 #comic-reader-button-centering {
\r
180 position: relative;
\r
184 #comic-reader-back-button,
\r
185 #comic-reader-forward-button,
\r
186 #comic-reader-back-button:link,
\r
187 #comic-reader-forward-button:link {
\r
190 position: absolute;
\r
193 line-height: 100px;
\r
196 border-left: 1px solid #999;
\r
197 border-right: 1px solid #999;
\r
198 text-align: center;
\r
201 #comic-reader-back-button:hover,
\r
202 #comic-reader-forward-button:hover {
\r
203 background-color: #111;
\r
206 text-decoration: none;
\r
208 #comic-reader-back-button {
\r
210 border-right: 1px solid #ccc;
\r
212 #comic-reader-forward-button {
\r
217 --------------------------------------------------------------------------------------*/
\r
219 #output-console-wrapper {
\r
222 #output-console-format-value {
\r
226 #output-console-option-value {
\r
230 #output-console-button-container {
\r
232 position: relative;
\r
237 border: 1px outset #ccc;
\r
239 margin-bottom: 20px;
\r
243 --------------------------------------------------------------------------------------*/
\r
247 /*--------------------------------------------------------------------------------------
\r
251 -------------------------------------------------------------------------------------*/
\r
257 /*--------------------------------------------------------------------------------------
\r
261 -------------------------------------------------------------------------------------*/
\r
263 position: absolute;
\r
269 background-color: #f5f5f5;
\r
273 --------------------------------------------------------------------------------------*/
\r
274 #speach-editor-wrapper {
\r
275 position: absolute;
\r
277 #speach-editor-wrapper form {
\r
284 border: 1px outset #ccc;
\r
287 #speach-edit-complete-button {
\r
288 margin: 10px auto 0;
\r
292 --------------------------------------------------------------------------------------*/
\r
293 #image-group-wrapper {
\r
294 position: absolute;
\r
298 #image-group-icon-container {
\r
299 position: absolute;
\r
304 background-color: #fff;
\r
305 border: #fff solid;
\r
308 #image-group-name {
\r
309 padding: 20px 0 10px 20px;
\r
310 border-bottom: 1px solid #eee;
\r
315 text-shadow: 1px 1px 3px #ccc;
\r
316 -moz-text-shadow: 1px 1px 3px #ccc;
\r
317 -webkit-text-shadow:1px 1px 3px #ccc;
\r
318 box-shadow: 0 4px 9px #333;
\r
319 -moz-box-shadow: 0 4px 9px #333;
\r
320 -webkit-box-shadow: 0 4px 9px #333;
\r
322 #image-group-button {
\r
324 position: absolute;
\r
329 .image-group-item {
\r
332 position: absolute;
\r
335 text-align: center;
\r
337 .image-group-item .reversible-image-container {
\r
341 .image-group-item .reversible-image-container img {
\r
345 .image-group-item-title {
\r
346 position: absolute;
\r
349 text-align: center;
\r
356 --------------------------------------------------------------------------------------*/
\r
358 position: absolute;
\r
363 background-color: #fff;
\r
364 border-bottom: 1px solid #666;
\r
365 box-shadow: 0 4px 9px #333;
\r
366 -moz-box-shadow: 0 4px 9px #333;
\r
367 -webkit-box-shadow: 0 4px 9px #333;
\r
368 filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=9);
\r
371 .menu-bar-item-focus {
\r
372 position: absolute;
\r
377 .menu-bar-item div,
\r
378 .menu-bar-item-focus div {
\r
382 line-height: 24.1pt;
\r
383 padding-left: 0.6em;
\r
386 .menu-bar-item-focus div {
\r
387 background-color: #66f;
\r
390 .menu-bar-item ul {
\r
393 .menu-bar-item-focus ul {
\r
394 position: absolute;
\r
400 background-color: #fff;
\r
402 border: 1px solid #ccc;
\r
403 box-shadow: 1px 4px 9px #333;
\r
404 -moz-box-shadow: 1px 4px 9px #333;
\r
405 -webkit-box-shadow: 1px 4px 9px #333;
\r
406 filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);
\r
408 .menu-bar-item-focus li {
\r
413 line-height: 24.1pt;
\r
415 .menu-bar-item-focus li.disabled {
\r
418 .menu-bar-item-focus a,
\r
419 .menu-bar-item-focus a:link,
\r
420 .menu-bar-item-focus a:visited {
\r
422 position: relative;
\r
426 line-height: 24.1pt;
\r
429 .menu-bar-item-focus a:hover {
\r
431 background-color: #ccf;
\r
432 text-decoration: none;
\r
435 .menu-bar-item-focus li.disabled a,
\r
436 .menu-bar-item-focus li.disabled a:link,
\r
437 .menu-bar-item-focus li.disabled a:visited,
\r
438 .menu-bar-item-focus li.disabled a:active,
\r
439 .menu-bar-item-focus li.disabled a:hover {
\r
441 background-color: #fff;
\r
444 .menu-bar-item-focus span {
\r
445 position: absolute;
\r
454 .menu-bar-item-focus kbd {
\r
455 position: absolute;
\r
464 .menu-bar-item-focus li.separator {
\r
468 border-top: 1px solid #ccc;
\r
474 --------------------------------------------------------------------------------------*/
\r
475 #whiteGlass-container {
\r
476 position: absolute;
\r
482 #whiteGlass-container div {
\r
483 position: absolute;
\r
484 background-color: #fff;
\r
487 -khtml-opacity: 0.7;
\r
489 .pettanr-ActiveX-enabled #whiteGlass-container div {
\r
490 filter: alpha(opacity=70);
\r
491 -ms-filter: alpha(opacity=70);
\r
493 .pettanr-ActiveX-disabled #whiteGlass-container div {
\r
494 background: transparent url( "../images/white_70pct.png" ) repeat 0 0;
\r
510 #whiteGlass-right {
\r
516 #whiteGlass-bottom {
\r
524 --------------------------------------------------------------------------------------*/
\r
525 #panel-tools-container {
\r
526 position: absolute;
\r
527 border: 2px solid #333;
\r
530 /* mouse-operation-catcher
\r
531 --------------------------------------------------------------------------------------*/
\r
532 #mouse-operation-catcher {
\r
533 position: absolute;
\r
537 height: 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */
\r
539 .pettanr-ActiveX-enabled #mouse-operation-catcher {
\r
540 background-color: #fff;
\r
541 filter: alpha( opacity=0 );
\r
542 -ms-filter: alpha( opacity=0 );
\r
545 * ie では、背景を設定しないと、 mousemove が働かない。
\r
546 * activeX 有効の場合は背景を着色して filter で透明に。
\r
547 * activeX 無効の場合は透明 gif を使用
\r
548 * background: url(4x4.gif) fixed repeat;
\r
550 .pettanr-ActiveX-disabled #mouse-operation-catcher {
\r
551 background: url( "../images/opacity0.gif" ) fixed repeat;
\r
556 --------------------------------------------------------------------------------------*/
\r
557 #comic-element-container {
\r
558 position: absolute;
\r
561 .comic-element-wrapper {
\r
562 position: absolute;
\r
564 #comic-element-container img {
\r
567 position: absolute;
\r
572 /* comic-element-resizer
\r
573 --------------------------------------------------------------------------------------*/
\r
574 #comic-element-resizer-container {
\r
575 position: absolute;
\r
576 border: 1px solid #999;
\r
578 .comic-element-resizer {
\r
579 position: absolute;
\r
582 font-size: 8px; /* ie */
\r
583 line-height: 8px; /* ie */
\r
584 border: 1px solid #333;
\r
585 background-color: #fff;
\r
590 #comic-element-resizer-top {
\r
594 .current-resizer-is-0 #comic-element-resizer-top {
\r
595 background-color: #f66;
\r
597 #comic-element-resizer-left {
\r
601 .current-resizer-is-1 #comic-element-resizer-left {
\r
602 background-color: #f66;
\r
604 #comic-element-resizer-right {
\r
608 .current-resizer-is-2 #comic-element-resizer-right {
\r
609 background-color: #f66;
\r
611 #comic-element-resizer-bottom {
\r
615 .current-resizer-is-3 #comic-element-resizer-bottom {
\r
616 background-color: #f66;
\r
618 #comic-element-resizer-top-left {
\r
622 .current-resizer-is-4 #comic-element-resizer-top-left {
\r
623 background-color: #f66;
\r
625 #comic-element-resizer-top-right {
\r
629 .current-resizer-is-5 #comic-element-resizer-top-right {
\r
630 background-color: #f66;
\r
632 #comic-element-resizer-bottom-left {
\r
636 .current-resizer-is-6 #comic-element-resizer-bottom-left {
\r
637 background-color: #f66;
\r
639 #comic-element-resizer-bottom-right {
\r
643 .current-resizer-is-7 #comic-element-resizer-bottom-right {
\r
644 background-color: #f66;
\r
647 --------------------------------------------------------------------------------------*/
\r
648 #panel-resizer-top,
\r
649 #panel-resizer-bottom {
\r
650 position: absolute;
\r
651 border: 1px outset #999;
\r
652 background-color: #eee;
\r
653 text-align: center;
\r
660 #panel-resizer-top {
\r
662 border-radius: 8px 8px 0 0;
\r
663 -o-border-radius: 8px 8px 0 0;
\r
664 -ms-border-radius: 8px 8px 0 0;
\r
665 -moz-border-radius: 8px 8px 0 0;
\r
666 -webkit-border-radius: 8px 8px 0 0;
\r
668 #panel-resizer-bottom {
\r
670 border-radius: 0 0 8px 8px;
\r
671 -o-border-radius: 0 0 8px 8px;
\r
672 -ms-border-radius: 0 0 8px 8px;
\r
673 -moz-border-radius: 0 0 8px 8px;
\r
674 -webkit-border-radius: 0 0 8px 8px;
\r
677 /* balloon-tail-mover
\r
678 --------------------------------------------------------------------------------------*/
\r
679 #balloon-tail-mover {
\r
680 position: absolute;
\r
683 font-size: 8px; /* ie */
\r
684 line-height: 8px; /* ie */
\r
685 border: 1px solid #333;
\r
686 background-color: #66f;
\r
687 margin: -5px 0 0 -5px;
\r
690 /* comic element console
\r
691 --------------------------------------------------------------------------------------*/
\r
692 #comic-element-consol-wrapper {
\r
693 position: absolute;
\r
695 #image-element-consol {
\r
699 #text-element-consol {
\r
704 #change-image-button,
\r
705 #layer-back-button,
\r
706 #layer-forward-button,
\r
707 #delete-image-button,
\r
709 #change-text-style-button,
\r
710 #hide-text-tail-button,
\r
712 #forward-text-button,
\r
713 #delete-text-button {
\r
714 text-indent: -9999px;
\r
719 background-image: url('../images/sprite.gif');
\r
720 background-repeat: no-repeat;
\r
721 background-position: 0 0;
\r
724 #hide-text-tail-button {
\r
725 background-position: -30px -30px;
\r
727 #change-image-button,
\r
728 #change-text-style-button {
\r
729 background-position: -30px 0;
\r
731 #layer-back-button,
\r
732 #back-text-button {
\r
733 background-position: -60px 0;
\r
735 #layer-forward-button,
\r
736 #forward-text-button {
\r
737 background-position: -60px -30px;
\r
739 #delete-image-button,
\r
740 #delete-text-button {
\r
741 background-position: 0 -30px;
\r
744 .console-out #comic-element-consol-wrapper-when-out {
\r
746 background-color: #333;
\r
748 .console-out #comic-element-consol-tail {
\r
749 border-width: 0 5px 10px 5px;
\r
750 border-color: transparent transparent #333 transparent;
\r
751 _border-color: #fff #fff #333 #fff;
\r
752 border-style: solid;
\r
757 position: absolute;
\r
765 --------------------------------------------------------------------------------------*/
\r
767 text-align: center;
\r
769 position: absolute;
\r
778 display: table-cell;
\r
779 vertical-align: middle;
\r
783 .text-element table,
\r
784 .text-element tbody,
\r
792 text-align: center;
\r
793 vertical-align: middle;
\r
795 .text-element table {
\r
796 table-layout: fixed; /* ie6で上下中央にテキストがならない対処。固定レイアウトアルゴリズムになるので負荷を下げるらしい */
\r
800 --------------------------------------------------------------------------------------*/
\r
802 position: absolute;
\r
807 border-bottom: 1px solid #999;
\r
808 background-color: #fff;
\r
809 box-shadow: 1px 4px 9px #333;
\r
810 -moz-box-shadow: 1px 4px 9px #333;
\r
811 -webkit-box-shadow: 1px 4px 9px #333;
\r
812 filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);
\r
816 .window-close-button {
\r
821 text-align: center;
\r
823 padding-bottom: 6px;
\r
824 background-color: #333;
\r
826 .window-close-button {
\r
827 position: absolute;
\r
830 border-left: 1px solid #666;
\r
832 padding-right: 9px;
\r
833 border-radius: 0 8px 0 0;
\r
834 -o-border-radius: 0 8px 0 0;
\r
835 -ms-border-radius: 0 8px 0 0;
\r
836 -moz-border-radius: 0 8px 0 0;
\r
837 -webkit-border-radius: 0 8px 0 0;
\r
842 border-radius: 8px 8px 0 0;
\r
843 -o-border-radius: 8px 8px 0 0;
\r
844 -ms-border-radius: 8px 8px 0 0;
\r
845 -moz-border-radius: 8px 8px 0 0;
\r
846 -webkit-border-radius: 8px 8px 0 0;
\r
849 position: relative;
\r
850 border-right: 1px solid #999;
\r
851 border-left: 1px solid #aaa;
\r
852 *border-left: 1px solid #ccc;
\r
855 html>/**/body .window-body {
\r
856 border-left /***/: 1px solid #ccc\9;
\r
862 background-color: #333;
\r
863 position: absolute;
\r
867 .window-resize-button {
\r
868 position: absolute;
\r
871 background-image: url('../images/sprite.gif');
\r
872 background-repeat: no-repeat;
\r
873 background-position: -70px -60px;
\r
877 text-indent: -9999px;
\r
878 text-align: center;
\r
883 --------------------------------------------------------------------------------------*/
\r
889 .sidenavi-item:link {
\r
891 border-bottom: 1px solid #666;
\r
893 text-decoration: none;
\r
896 .sidenavi-item:hover {
\r
897 background-color: #ccc;
\r
898 text-decoration: none;
\r
900 .sidenavi .current {
\r
901 background-color: #666;
\r
905 _position: relative; /* for ie6 */
\r
906 margin-left: 100px;
\r
907 padding: 1em 1em 2em 1em;
\r
913 /* Information Window
\r
914 --------------------------------------------------------------------------------------*/
\r
915 #comic-element-infomation {
\r
916 background-color: #fff;
\r
917 position: absolute;
\r
920 #comic-element-x, #comic-element-z,
\r
921 #comic-element-y, #comic-element-a,
\r
922 #comic-element-w, #comic-element-w-percent,
\r
923 #comic-element-h, #comic-element-h-percent {
\r
924 position: absolute;
\r
937 #comic-element-w-percent,
\r
938 #comic-element-h-percent {
\r
941 #comic-element-x, #comic-element-z {
\r
944 #comic-element-y, #comic-element-a {
\r
947 #comic-element-w, #comic-element-w-percent {
\r
950 #comic-element-h, #comic-element-h-percent {
\r
953 .comic-element-attribute-label {
\r
954 display: inline-block;
\r
958 text-align: center;
\r
961 .comic-element-attribute-value {
\r
966 #comic-element-z-value,
\r
967 #comic-element-a-value {
\r
970 #comic-element-w-percent-value,
\r
971 #comic-element-h-percent-value {
\r
975 #comic-element-keep-aspect {
\r
976 position: absolute;
\r
983 border: 1px solid #ccc;
\r
986 /* Background Window
\r
987 --------------------------------------------------------------------------------------*/
\r
989 #select-bg-pattern-button,
\r
990 #reset-bg-pattern-button,
\r
992 #select-bg-color-button,
\r
993 #reset-bg-color-button {
\r
994 position: absolute;
\r
995 text-align: center;
\r
1001 box-shadow: 1px 2px 3px #000;
\r
1002 -moz-box-shadow: 1px 2px 3px #000;
\r
1003 -webkit-box-shadow: 1px 2px 3px #000;
\r
1011 #select-bg-pattern-button,
\r
1012 #reset-bg-pattern-button,
\r
1013 #select-bg-color-button,
\r
1014 #reset-bg-color-button {
\r
1015 border: 1px outset #666;
\r
1018 line-height: 20px;
\r
1020 #select-bg-pattern-button {
\r
1024 #reset-bg-pattern-button {
\r
1032 background-color: #66f;
\r
1034 #select-bg-color-button {
\r
1038 #reset-bg-color-button {
\r
1045 /* Tool-box Window
\r
1046 --------------------------------------------------------------------------------------*/
\r
1047 #toolbox-add-image-button,
\r
1048 #toolbox-add-text-button,
\r
1049 #toolbox-edit-bg-button,
\r
1050 #toolbox-switch-grid,
\r
1051 #toolbox-popup-help-button,
\r
1052 #toolbox-post-button {
\r
1053 position: absolute;
\r
1056 border: 1px outset #999;
\r
1058 line-height: 40px;
\r
1059 text-align: center;
\r
1061 background-color: #ccc;
\r
1062 border-radius: 8px;
\r
1063 -o-border-radius: 8px;
\r
1064 -ms-border-radius: 8px;
\r
1065 -moz-border-radius: 8px;
\r
1066 -webkit-border-radius: 8px;
\r
1068 #toolbox-add-image-button {
\r
1071 #toolbox-add-text-button {
\r
1074 #toolbox-edit-bg-button {
\r
1077 line-height: 30px;
\r
1079 #toolbox-switch-grid,
\r
1080 #toolbox-popup-help-button {
\r
1083 line-height: 30px;
\r
1085 #toolbox-switch-grid {
\r
1086 width: 45px !important;
\r
1088 #toolbox-popup-help-button {
\r
1089 width: 35px !important;
\r
1090 left: 65px !important;
\r
1093 #toolbox-post-button {
\r
1096 line-height: 50px;
\r
1100 --------------------------------------------------------------------------------------*/
\r
1104 position: absolute;
\r
1107 background-attachment: fixed;
\r
1108 background-repeat: repeat;
\r
1109 /* background-image: url('grid.gif'); grid用イメージはgrid使用時にjsで埋め込み */
\r
1112 /*--------------------------------------------------------------------------------------
\r
1116 -------------------------------------------------------------------------------------*/
\r
1118 position: relative;
\r
1121 .finder-container .loading {
\r
1122 background-position: 50% bottom;
\r
1126 position: relative;
\r
1127 background-color: #333;
\r
1129 .finder-header ul {
\r
1131 position: absolute;
\r
1135 line-height: 40px;
\r
1139 .finder-header li {
\r
1140 position: absolute;
\r
1148 .finder-header li a,
\r
1149 .finder-header li a:link,
\r
1150 .finder-header li a:visited {
\r
1154 line-height: 14px;
\r
1155 padding: 16px 0 10px 20px;
\r
1160 .finder-header li a:hover {
\r
1161 text-decoration: none;
\r
1162 background-color: #66f;
\r
1167 .finder-header .button {
\r
1168 position: absolute;
\r
1172 line-height: 24px;
\r
1174 .finder-sidebar-switch {
\r
1177 .finder-style-switch {
\r
1180 .finder-action-switch {
\r
1185 --------------------------------------------------------------------------------------*/
\r
1187 position: relative;
\r
1189 border-bottom: 1px solid #ccc;
\r
1191 overflow: hidden; /* for webkit */
\r
1193 .finder-icon:hover {
\r
1194 background-color: #eee;
\r
1197 .fnder-icon-modern .finder-icon-handle,
\r
1198 .fnder-icon-modern .finder-icon-thumbnail,
\r
1199 .fnder-icon-modern .finder-icon-filename,
\r
1200 .fnder-icon-modern .finder-icon-summary {
\r
1201 display: table-cell;
\r
1202 vertical-align: middle;
\r
1203 line-height: 1.3em;
\r
1206 .finder-icon-handle {
\r
1211 .finder-icon-thumbnail {
\r
1215 background-repeat: no-repeat;
\r
1216 background-position: 50% 50%;
\r
1217 background-image: url('../images/sprite.gif');
\r
1220 .finder-icon .file-type-folder {
\r
1221 background-position: 0 -75px;
\r
1223 .finder-icon .file-type-album {
\r
1225 .finder-icon .file-type-author {
\r
1226 background-position: -70px -75px;
\r
1228 .finder-icon .file-type-comic {
\r
1229 background-position: 0 -145px;
\r
1231 .finder-icon .file-type-cabinet {
\r
1232 background-position: -70px -145px;
\r
1234 .finder-icon .file-type-panel {
\r
1235 background-position: 0 -215px;
\r
1237 .finder-icon .file-type-artist {
\r
1238 background-position: -70px -215px;
\r
1240 .finder-icon .file-type-balloon {
\r
1241 background-position: 0 -285px;
\r
1243 .finder-icon .file-type-charactor {
\r
1244 background-position: -70px -285px;
\r
1248 .fnder-icon-modern .finder-icon-filename {
\r
1250 padding: 5px 10px;
\r
1252 font-weight: bold;
\r
1255 .fnder-icon-modern .finder-icon-summary {
\r
1257 padding: 5px 10px;
\r
1262 /* Finder Icon ie7-
\r
1263 --------------------------------------------------------------------------------------*/
\r
1265 .finder-icon a:link,
\r
1266 .finder-icon a:visited,
\r
1267 .finder-icon a:active {
\r
1270 text-decoration: none;
\r
1274 .finder-icon a:hover {
\r
1275 _background-color: #eee;
\r
1278 .fnder-icon-ie7 .finder-icon-handle,
\r
1279 .fnder-icon-ie7 .finder-icon-thumbnail {
\r
1281 line-height: 1.3em;
\r
1283 .finder-icon-cell {
\r
1287 .finder-icon-vertical-middle-outer {
\r
1290 position: relative;
\r
1292 .finder-icon-ie-filename .finder-icon-vertical-middle-outer {
\r
1294 font-weight: bold;
\r
1297 .finder-icon-ie-summary .finder-icon-vertical-middle-outer {
\r
1301 .finder-icon-vertical-middle-inner {
\r
1303 position: absolute;
\r
1307 .fnder-icon-ie7 .finder-icon-filename,
\r
1308 .fnder-icon-ie7 .finder-icon-summary {
\r
1309 position: relative;
\r
1313 /* Finder Icon Console
\r
1314 --------------------------------------------------------------------------------------*/
\r
1315 .finder-icon-console {
\r
1316 position: absolute;
\r
1320 .finder-icon-console a {
\r
1324 border-left: 1px solid #ccc;
\r
1326 background-image: url('../images/sprite.gif') !important;
\r
1327 background-repeat: no-repeat;
\r
1329 .finder-icon-console a:hover {
\r
1330 background-color: #ccc !important;
\r
1332 .finder-icon-console-action {
\r
1333 background-position: 0px -355px;
\r
1335 .finder-icon-console-editor-apps {
\r
1336 background-position: -70px -355px;
\r
1338 .finder-icon-console-viewer-apps {
\r
1339 background-position: 0px -425px;
\r