/* powered by kodbox; ver 1.12(2020-09-03) [build 1599138994.0897] */
.icon-glass { font-family: 'icomoon'; content: "\f000"; } .icon-music { font-family: 'icomoon'; content: "\f001"; } .icon-search { font-family: 'icomoon'; content: "\f002"; } .icon-envelope-o { font-family: 'icomoon'; content: "\f003"; } .icon-heart { font-family: 'icomoon'; content: "\f004"; } .icon-star { font-family: 'icomoon'; content: "\f005"; } .icon-star-o { font-family: 'icomoon'; content: "\f006"; } .icon-user { font-family: 'icomoon'; content: "\f007"; } .icon-film { font-family: 'icomoon'; content: "\f008"; } .icon-th-large { font-family: 'icomoon'; content: "\f009"; } .icon-th { font-family: 'icomoon'; content: "\f00a"; } .icon-th-list { font-family: 'icomoon'; content: "\f00b"; } .icon-check { font-family: 'icomoon'; content: "\f00c"; } .icon-close { font-family: 'icomoon'; content: "\f00d"; } .icon-remove { font-family: 'icomoon'; content: "\f00d"; } .icon-times { font-family: 'icomoon'; content: "\f00d"; } .icon-search-plus { font-family: 'icomoon'; content: "\f00e"; } .icon-search-minus { font-family: 'icomoon'; content: "\f010"; } .icon-power-off { font-family: 'icomoon'; content: "\f011"; } .icon-signal { font-family: 'icomoon'; content: "\f012"; } .icon-cog { font-family: 'icomoon'; content: "\f013"; } .icon-gear { font-family: 'icomoon'; content: "\f013"; } .icon-trash-o { font-family: 'icomoon'; content: "\f014"; } .icon-home { font-family: 'icomoon'; content: "\f015"; } .icon-file-o { font-family: 'icomoon'; content: "\f016"; } .icon-clock-o { font-family: 'icomoon'; content: "\f017"; } .icon-road { font-family: 'icomoon'; content: "\f018"; } .icon-download { font-family: 'icomoon'; content: "\f019"; } .icon-arrow-circle-o-down { font-family: 'icomoon'; content: "\f01a"; } .icon-arrow-circle-o-up { font-family: 'icomoon'; content: "\f01b"; } .icon-inbox { font-family: 'icomoon'; content: "\f01c"; } .icon-play-circle-o { font-family: 'icomoon'; content: "\f01d"; } .icon-repeat { font-family: 'icomoon'; content: "\f01e"; } .icon-rotate-right { font-family: 'icomoon'; content: "\f01e"; } .icon-refresh { font-family: 'icomoon'; content: "\f021"; } .icon-list-alt { font-family: 'icomoon'; content: "\f022"; } .icon-lock { font-family: 'icomoon'; content: "\f023"; } .icon-flag { font-family: 'icomoon'; content: "\f024"; } .icon-headphones { font-family: 'icomoon'; content: "\f025"; } .icon-volume-off { font-family: 'icomoon'; content: "\f026"; } .icon-volume-down { font-family: 'icomoon'; content: "\f027"; } .icon-volume-up { font-family: 'icomoon'; content: "\f028"; } .icon-qrcode { font-family: 'icomoon'; content: "\f029"; } .icon-barcode { font-family: 'icomoon'; content: "\f02a"; } .icon-tag { font-family: 'icomoon'; content: "\f02b"; } .icon-tags { font-family: 'icomoon'; content: "\f02c"; } .icon-book { font-family: 'icomoon'; content: "\f02d"; } .icon-bookmark { font-family: 'icomoon'; content: "\f02e"; } .icon-print { font-family: 'icomoon'; content: "\f02f"; } .icon-camera { font-family: 'icomoon'; content: "\f030"; } .icon-font { font-family: 'icomoon'; content: "\f031"; } .icon-bold { font-family: 'icomoon'; content: "\f032"; } .icon-italic { font-family: 'icomoon'; content: "\f033"; } .icon-text-height { font-family: 'icomoon'; content: "\f034"; } .icon-text-width { font-family: 'icomoon'; content: "\f035"; } .icon-align-left { font-family: 'icomoon'; content: "\f036"; } .icon-align-center { font-family: 'icomoon'; content: "\f037"; } .icon-align-right { font-family: 'icomoon'; content: "\f038"; } .icon-align-justify { font-family: 'icomoon'; content: "\f039"; } .icon-list { font-family: 'icomoon'; content: "\f03a"; } .icon-dedent { font-family: 'icomoon'; content: "\f03b"; } .icon-outdent { font-family: 'icomoon'; content: "\f03b"; } .icon-indent { font-family: 'icomoon'; content: "\f03c"; } .icon-video-camera { font-family: 'icomoon'; content: "\f03d"; } .icon-image { font-family: 'icomoon'; content: "\f03e"; } .icon-photo { font-family: 'icomoon'; content: "\f03e"; } .icon-picture-o { font-family: 'icomoon'; content: "\f03e"; } .icon-pencil { font-family: 'icomoon'; content: "\f040"; } .icon-map-marker { font-family: 'icomoon'; content: "\f041"; } .icon-adjust { font-family: 'icomoon'; content: "\f042"; } .icon-tint { font-family: 'icomoon'; content: "\f043"; } .icon-edit { font-family: 'icomoon'; content: "\f044"; } .icon-pencil-square-o { font-family: 'icomoon'; content: "\f044"; } .icon-share-square-o { font-family: 'icomoon'; content: "\f045"; } .icon-check-square-o { font-family: 'icomoon'; content: "\f046"; } .icon-arrows { font-family: 'icomoon'; content: "\f047"; } .icon-step-backward { font-family: 'icomoon'; content: "\f048"; } .icon-fast-backward { font-family: 'icomoon'; content: "\f049"; } .icon-backward { font-family: 'icomoon'; content: "\f04a"; } .icon-play { font-family: 'icomoon'; content: "\f04b"; } .icon-pause { font-family: 'icomoon'; content: "\f04c"; } .icon-stop { font-family: 'icomoon'; content: "\f04d"; } .icon-forward { font-family: 'icomoon'; content: "\f04e"; } .icon-fast-forward { font-family: 'icomoon'; content: "\f050"; } .icon-step-forward { font-family: 'icomoon'; content: "\f051"; } .icon-eject { font-family: 'icomoon'; content: "\f052"; } .icon-chevron-left { font-family: 'icomoon'; content: "\f053"; } .icon-chevron-right { font-family: 'icomoon'; content: "\f054"; } .icon-plus-circle { font-family: 'icomoon'; content: "\f055"; } .icon-minus-circle { font-family: 'icomoon'; content: "\f056"; } .icon-times-circle { font-family: 'icomoon'; content: "\f057"; } .icon-check-circle { font-family: 'icomoon'; content: "\f058"; } .icon-question-circle { font-family: 'icomoon'; content: "\f059"; } .icon-info-circle { font-family: 'icomoon'; content: "\f05a"; } .icon-crosshairs { font-family: 'icomoon'; content: "\f05b"; } .icon-times-circle-o { font-family: 'icomoon'; content: "\f05c"; } .icon-check-circle-o { font-family: 'icomoon'; content: "\f05d"; } .icon-ban { font-family: 'icomoon'; content: "\f05e"; } .icon-arrow-left { font-family: 'icomoon'; content: "\f060"; } .icon-arrow-right { font-family: 'icomoon'; content: "\f061"; } .icon-arrow-up { font-family: 'icomoon'; content: "\f062"; } .icon-arrow-down { font-family: 'icomoon'; content: "\f063"; } .icon-mail-forward { font-family: 'icomoon'; content: "\f064"; } .icon-share { font-family: 'icomoon'; content: "\f064"; } .icon-expand { font-family: 'icomoon'; content: "\f065"; } .icon-compress { font-family: 'icomoon'; content: "\f066"; } .icon-plus { font-family: 'icomoon'; content: "\f067"; } .icon-minus { font-family: 'icomoon'; content: "\f068"; } .icon-asterisk { font-family: 'icomoon'; content: "\f069"; } .icon-exclamation-circle { font-family: 'icomoon'; content: "\f06a"; } .icon-gift { font-family: 'icomoon'; content: "\f06b"; } .icon-leaf { font-family: 'icomoon'; content: "\f06c"; } .icon-fire { font-family: 'icomoon'; content: "\f06d"; } .icon-eye { font-family: 'icomoon'; content: "\f06e"; } .icon-eye-slash { font-family: 'icomoon'; content: "\f070"; } .icon-exclamation-triangle { font-family: 'icomoon'; content: "\f071"; } .icon-warning { font-family: 'icomoon'; content: "\f071"; } .icon-plane { font-family: 'icomoon'; content: "\f072"; } .icon-calendar { font-family: 'icomoon'; content: "\f073"; } .icon-random { font-family: 'icomoon'; content: "\f074"; } .icon-comment { font-family: 'icomoon'; content: "\f075"; } .icon-magnet { font-family: 'icomoon'; content: "\f076"; } .icon-chevron-up { font-family: 'icomoon'; content: "\f077"; } .icon-chevron-down { font-family: 'icomoon'; content: "\f078"; } .icon-retweet { font-family: 'icomoon'; content: "\f079"; } .icon-shopping-cart { font-family: 'icomoon'; content: "\f07a"; } .icon-folder { font-family: 'icomoon'; content: "\f07b"; } .icon-folder-open { font-family: 'icomoon'; content: "\f07c"; } .icon-arrows-v { font-family: 'icomoon'; content: "\f07d"; } .icon-arrows-h { font-family: 'icomoon'; content: "\f07e"; } .icon-bar-chart { font-family: 'icomoon'; content: "\f080"; } .icon-bar-chart-o { font-family: 'icomoon'; content: "\f080"; } .icon-twitter-square { font-family: 'icomoon'; content: "\f081"; } .icon-facebook-square { font-family: 'icomoon'; content: "\f082"; } .icon-camera-retro { font-family: 'icomoon'; content: "\f083"; } .icon-key { font-family: 'icomoon'; content: "\f084"; } .icon-cogs { font-family: 'icomoon'; content: "\f085"; } .icon-gears { font-family: 'icomoon'; content: "\f085"; } .icon-comments { font-family: 'icomoon'; content: "\f086"; } .icon-thumbs-o-up { font-family: 'icomoon'; content: "\f087"; } .icon-thumbs-o-down { font-family: 'icomoon'; content: "\f088"; } .icon-star-half { font-family: 'icomoon'; content: "\f089"; } .icon-heart-o { font-family: 'icomoon'; content: "\f08a"; } .icon-sign-out { font-family: 'icomoon'; content: "\f08b"; } .icon-linkedin-square { font-family: 'icomoon'; content: "\f08c"; } .icon-thumb-tack { font-family: 'icomoon'; content: "\f08d"; } .icon-external-link { font-family: 'icomoon'; content: "\f08e"; } .icon-sign-in { font-family: 'icomoon'; content: "\f090"; } .icon-trophy { font-family: 'icomoon'; content: "\f091"; } .icon-github-square { font-family: 'icomoon'; content: "\f092"; } .icon-upload { font-family: 'icomoon'; content: "\f093"; } .icon-lemon-o { font-family: 'icomoon'; content: "\f094"; } .icon-phone { font-family: 'icomoon'; content: "\f095"; } .icon-square-o { font-family: 'icomoon'; content: "\f096"; } .icon-bookmark-o { font-family: 'icomoon'; content: "\f097"; } .icon-phone-square { font-family: 'icomoon'; content: "\f098"; } .icon-twitter { font-family: 'icomoon'; content: "\f099"; } .icon-facebook { font-family: 'icomoon'; content: "\f09a"; } .icon-facebook-f { font-family: 'icomoon'; content: "\f09a"; } .icon-github { font-family: 'icomoon'; content: "\f09b"; } .icon-unlock { font-family: 'icomoon'; content: "\f09c"; } .icon-credit-card { font-family: 'icomoon'; content: "\f09d"; } .icon-feed { font-family: 'icomoon'; content: "\f09e"; } .icon-rss { font-family: 'icomoon'; content: "\f09e"; } .icon-hdd-o { font-family: 'icomoon'; content: "\f0a0"; } .icon-bullhorn { font-family: 'icomoon'; content: "\f0a1"; } .icon-bell-o { font-family: 'icomoon'; content: "\f0a2"; } .icon-certificate { font-family: 'icomoon'; content: "\f0a3"; } .icon-hand-o-right { font-family: 'icomoon'; content: "\f0a4"; } .icon-hand-o-left { font-family: 'icomoon'; content: "\f0a5"; } .icon-hand-o-up { font-family: 'icomoon'; content: "\f0a6"; } .icon-hand-o-down { font-family: 'icomoon'; content: "\f0a7"; } .icon-arrow-circle-left { font-family: 'icomoon'; content: "\f0a8"; } .icon-arrow-circle-right { font-family: 'icomoon'; content: "\f0a9"; } .icon-arrow-circle-up { font-family: 'icomoon'; content: "\f0aa"; } .icon-arrow-circle-down { font-family: 'icomoon'; content: "\f0ab"; } .icon-globe { font-family: 'icomoon'; content: "\f0ac"; } .icon-wrench { font-family: 'icomoon'; content: "\f0ad"; } .icon-tasks { font-family: 'icomoon'; content: "\f0ae"; } .icon-filter { font-family: 'icomoon'; content: "\f0b0"; } .icon-briefcase { font-family: 'icomoon'; content: "\f0b1"; } .icon-arrows-alt { font-family: 'icomoon'; content: "\f0b2"; } .icon-group { font-family: 'icomoon'; content: "\f0c0"; } .icon-users { font-family: 'icomoon'; content: "\f0c0"; } .icon-chain { font-family: 'icomoon'; content: "\f0c1"; } .icon-link { font-family: 'icomoon'; content: "\f0c1"; } .icon-cloud { font-family: 'icomoon'; content: "\f0c2"; } .icon-flask { font-family: 'icomoon'; content: "\f0c3"; } .icon-cut { font-family: 'icomoon'; content: "\f0c4"; } .icon-scissors { font-family: 'icomoon'; content: "\f0c4"; } .icon-copy { font-family: 'icomoon'; content: "\f0c5"; } .icon-files-o { font-family: 'icomoon'; content: "\f0c5"; } .icon-paperclip { font-family: 'icomoon'; content: "\f0c6"; } .icon-floppy-o { font-family: 'icomoon'; content: "\f0c7"; } .icon-save { font-family: 'icomoon'; content: "\f0c7"; } .icon-square { font-family: 'icomoon'; content: "\f0c8"; } .icon-bars { font-family: 'icomoon'; content: "\f0c9"; } .icon-navicon { font-family: 'icomoon'; content: "\f0c9"; } .icon-reorder { font-family: 'icomoon'; content: "\f0c9"; } .icon-list-ul { font-family: 'icomoon'; content: "\f0ca"; } .icon-list-ol { font-family: 'icomoon'; content: "\f0cb"; } .icon-strikethrough { font-family: 'icomoon'; content: "\f0cc"; } .icon-underline { font-family: 'icomoon'; content: "\f0cd"; } .icon-table { font-family: 'icomoon'; content: "\f0ce"; } .icon-magic { font-family: 'icomoon'; content: "\f0d0"; } .icon-truck { font-family: 'icomoon'; content: "\f0d1"; } .icon-pinterest { font-family: 'icomoon'; content: "\f0d2"; } .icon-pinterest-square { font-family: 'icomoon'; content: "\f0d3"; } .icon-google-plus-square { font-family: 'icomoon'; content: "\f0d4"; } .icon-google-plus { font-family: 'icomoon'; content: "\f0d5"; } .icon-money { font-family: 'icomoon'; content: "\f0d6"; } .icon-caret-down { font-family: 'icomoon'; content: "\f0d7"; } .icon-caret-up { font-family: 'icomoon'; content: "\f0d8"; } .icon-caret-left { font-family: 'icomoon'; content: "\f0d9"; } .icon-caret-right { font-family: 'icomoon'; content: "\f0da"; } .icon-columns { font-family: 'icomoon'; content: "\f0db"; } .icon-sort { font-family: 'icomoon'; content: "\f0dc"; } .icon-unsorted { font-family: 'icomoon'; content: "\f0dc"; } .icon-sort-desc { font-family: 'icomoon'; content: "\f0dd"; } .icon-sort-down { font-family: 'icomoon'; content: "\f0dd"; } .icon-sort-asc { font-family: 'icomoon'; content: "\f0de"; } .icon-sort-up { font-family: 'icomoon'; content: "\f0de"; } .icon-envelope { font-family: 'icomoon'; content: "\f0e0"; } .icon-linkedin { font-family: 'icomoon'; content: "\f0e1"; } .icon-rotate-left { font-family: 'icomoon'; content: "\f0e2"; } .icon-undo { font-family: 'icomoon'; content: "\f0e2"; } .icon-gavel { font-family: 'icomoon'; content: "\f0e3"; } .icon-legal { font-family: 'icomoon'; content: "\f0e3"; } .icon-dashboard { font-family: 'icomoon'; content: "\f0e4"; } .icon-tachometer { font-family: 'icomoon'; content: "\f0e4"; } .icon-comment-o { font-family: 'icomoon'; content: "\f0e5"; } .icon-comments-o { font-family: 'icomoon'; content: "\f0e6"; } .icon-bolt { font-family: 'icomoon'; content: "\f0e7"; } .icon-flash { font-family: 'icomoon'; content: "\f0e7"; } .icon-sitemap { font-family: 'icomoon'; content: "\f0e8"; } .icon-umbrella { font-family: 'icomoon'; content: "\f0e9"; } .icon-clipboard { font-family: 'icomoon'; content: "\f0ea"; } .icon-paste { font-family: 'icomoon'; content: "\f0ea"; } .icon-lightbulb-o { font-family: 'icomoon'; content: "\f0eb"; } .icon-exchange { font-family: 'icomoon'; content: "\f0ec"; } .icon-cloud-download { font-family: 'icomoon'; content: "\f0ed"; } .icon-cloud-upload { font-family: 'icomoon'; content: "\f0ee"; } .icon-user-md { font-family: 'icomoon'; content: "\f0f0"; } .icon-stethoscope { font-family: 'icomoon'; content: "\f0f1"; } .icon-suitcase { font-family: 'icomoon'; content: "\f0f2"; } .icon-bell { font-family: 'icomoon'; content: "\f0f3"; } .icon-coffee { font-family: 'icomoon'; content: "\f0f4"; } .icon-cutlery { font-family: 'icomoon'; content: "\f0f5"; } .icon-file-text-o { font-family: 'icomoon'; content: "\f0f6"; } .icon-building-o { font-family: 'icomoon'; content: "\f0f7"; } .icon-hospital-o { font-family: 'icomoon'; content: "\f0f8"; } .icon-ambulance { font-family: 'icomoon'; content: "\f0f9"; } .icon-medkit { font-family: 'icomoon'; content: "\f0fa"; } .icon-fighter-jet { font-family: 'icomoon'; content: "\f0fb"; } .icon-beer { font-family: 'icomoon'; content: "\f0fc"; } .icon-h-square { font-family: 'icomoon'; content: "\f0fd"; } .icon-plus-square { font-family: 'icomoon'; content: "\f0fe"; } .icon-angle-double-left { font-family: 'icomoon'; content: "\f100"; } .icon-angle-double-right { font-family: 'icomoon'; content: "\f101"; } .icon-angle-double-up { font-family: 'icomoon'; content: "\f102"; } .icon-angle-double-down { font-family: 'icomoon'; content: "\f103"; } .icon-angle-left { font-family: 'icomoon'; content: "\f104"; } .icon-angle-right { font-family: 'icomoon'; content: "\f105"; } .icon-angle-up { font-family: 'icomoon'; content: "\f106"; } .icon-angle-down { font-family: 'icomoon'; content: "\f107"; } .icon-desktop { font-family: 'icomoon'; content: "\f108"; } .icon-laptop { font-family: 'icomoon'; content: "\f109"; } .icon-tablet { font-family: 'icomoon'; content: "\f10a"; } .icon-mobile { font-family: 'icomoon'; content: "\f10b"; } .icon-mobile-phone { font-family: 'icomoon'; content: "\f10b"; } .icon-circle-o { font-family: 'icomoon'; content: "\f10c"; } .icon-quote-left { font-family: 'icomoon'; content: "\f10d"; } .icon-quote-right { font-family: 'icomoon'; content: "\f10e"; } .icon-spinner { font-family: 'icomoon'; content: "\f110"; } .icon-circle { font-family: 'icomoon'; content: "\f111"; } .icon-mail-reply { font-family: 'icomoon'; content: "\f112"; } .icon-reply { font-family: 'icomoon'; content: "\f112"; } .icon-github-alt { font-family: 'icomoon'; content: "\f113"; } .icon-folder-o { font-family: 'icomoon'; content: "\f114"; } .icon-folder-open-o { font-family: 'icomoon'; content: "\f115"; } .icon-smile-o { font-family: 'icomoon'; content: "\f118"; } .icon-frown-o { font-family: 'icomoon'; content: "\f119"; } .icon-meh-o { font-family: 'icomoon'; content: "\f11a"; } .icon-gamepad { font-family: 'icomoon'; content: "\f11b"; } .icon-keyboard-o { font-family: 'icomoon'; content: "\f11c"; } .icon-flag-o { font-family: 'icomoon'; content: "\f11d"; } .icon-flag-checkered { font-family: 'icomoon'; content: "\f11e"; } .icon-terminal { font-family: 'icomoon'; content: "\f120"; } .icon-code { font-family: 'icomoon'; content: "\f121"; } .icon-mail-reply-all { font-family: 'icomoon'; content: "\f122"; } .icon-reply-all { font-family: 'icomoon'; content: "\f122"; } .icon-star-half-empty { font-family: 'icomoon'; content: "\f123"; } .icon-star-half-full { font-family: 'icomoon'; content: "\f123"; } .icon-star-half-o { font-family: 'icomoon'; content: "\f123"; } .icon-location-arrow { font-family: 'icomoon'; content: "\f124"; } .icon-crop { font-family: 'icomoon'; content: "\f125"; } .icon-code-fork { font-family: 'icomoon'; content: "\f126"; } .icon-chain-broken { font-family: 'icomoon'; content: "\f127"; } .icon-unlink { font-family: 'icomoon'; content: "\f127"; } .icon-question { font-family: 'icomoon'; content: "\f128"; } .icon-info { font-family: 'icomoon'; content: "\f129"; } .icon-exclamation { font-family: 'icomoon'; content: "\f12a"; } .icon-superscript { font-family: 'icomoon'; content: "\f12b"; } .icon-subscript { font-family: 'icomoon'; content: "\f12c"; } .icon-eraser { font-family: 'icomoon'; content: "\f12d"; } .icon-puzzle-piece { font-family: 'icomoon'; content: "\f12e"; } .icon-microphone { font-family: 'icomoon'; content: "\f130"; } .icon-microphone-slash { font-family: 'icomoon'; content: "\f131"; } .icon-shield { font-family: 'icomoon'; content: "\f132"; } .icon-calendar-o { font-family: 'icomoon'; content: "\f133"; } .icon-fire-extinguisher { font-family: 'icomoon'; content: "\f134"; } .icon-rocket { font-family: 'icomoon'; content: "\f135"; } .icon-maxcdn { font-family: 'icomoon'; content: "\f136"; } .icon-chevron-circle-left { font-family: 'icomoon'; content: "\f137"; } .icon-chevron-circle-right { font-family: 'icomoon'; content: "\f138"; } .icon-chevron-circle-up { font-family: 'icomoon'; content: "\f139"; } .icon-chevron-circle-down { font-family: 'icomoon'; content: "\f13a"; } .icon-html5 { font-family: 'icomoon'; content: "\f13b"; } .icon-css3 { font-family: 'icomoon'; content: "\f13c"; } .icon-anchor { font-family: 'icomoon'; content: "\f13d"; } .icon-unlock-alt { font-family: 'icomoon'; content: "\f13e"; } .icon-bullseye { font-family: 'icomoon'; content: "\f140"; } .icon-ellipsis-h { font-family: 'icomoon'; content: "\f141"; } .icon-ellipsis-v { font-family: 'icomoon'; content: "\f142"; } .icon-rss-square { font-family: 'icomoon'; content: "\f143"; } .icon-play-circle { font-family: 'icomoon'; content: "\f144"; } .icon-ticket { font-family: 'icomoon'; content: "\f145"; } .icon-minus-square { font-family: 'icomoon'; content: "\f146"; } .icon-minus-square-o { font-family: 'icomoon'; content: "\f147"; } .icon-level-up { font-family: 'icomoon'; content: "\f148"; } .icon-level-down { font-family: 'icomoon'; content: "\f149"; } .icon-check-square { font-family: 'icomoon'; content: "\f14a"; } .icon-pencil-square { font-family: 'icomoon'; content: "\f14b"; } .icon-external-link-square { font-family: 'icomoon'; content: "\f14c"; } .icon-share-square { font-family: 'icomoon'; content: "\f14d"; } .icon-compass { font-family: 'icomoon'; content: "\f14e"; } .icon-caret-square-o-down { font-family: 'icomoon'; content: "\f150"; } .icon-toggle-down { font-family: 'icomoon'; content: "\f150"; } .icon-caret-square-o-up { font-family: 'icomoon'; content: "\f151"; } .icon-toggle-up { font-family: 'icomoon'; content: "\f151"; } .icon-caret-square-o-right { font-family: 'icomoon'; content: "\f152"; } .icon-toggle-right { font-family: 'icomoon'; content: "\f152"; } .icon-eur { font-family: 'icomoon'; content: "\f153"; } .icon-euro { font-family: 'icomoon'; content: "\f153"; } .icon-gbp { font-family: 'icomoon'; content: "\f154"; } .icon-dollar { font-family: 'icomoon'; content: "\f155"; } .icon-usd { font-family: 'icomoon'; content: "\f155"; } .icon-inr { font-family: 'icomoon'; content: "\f156"; } .icon-rupee { font-family: 'icomoon'; content: "\f156"; } .icon-cny { font-family: 'icomoon'; content: "\f157"; } .icon-jpy { font-family: 'icomoon'; content: "\f157"; } .icon-rmb { font-family: 'icomoon'; content: "\f157"; } .icon-yen { font-family: 'icomoon'; content: "\f157"; } .icon-rouble { font-family: 'icomoon'; content: "\f158"; } .icon-rub { font-family: 'icomoon'; content: "\f158"; } .icon-ruble { font-family: 'icomoon'; content: "\f158"; } .icon-krw { font-family: 'icomoon'; content: "\f159"; } .icon-won { font-family: 'icomoon'; content: "\f159"; } .icon-bitcoin { font-family: 'icomoon'; content: "\f15a"; } .icon-btc { font-family: 'icomoon'; content: "\f15a"; } .icon-file { font-family: 'icomoon'; content: "\f15b"; } .icon-file-text { font-family: 'icomoon'; content: "\f15c"; } .icon-sort-alpha-asc { font-family: 'icomoon'; content: "\f15d"; } .icon-sort-alpha-desc { font-family: 'icomoon'; content: "\f15e"; } .icon-sort-amount-asc { font-family: 'icomoon'; content: "\f160"; } .icon-sort-amount-desc { font-family: 'icomoon'; content: "\f161"; } .icon-sort-numeric-asc { font-family: 'icomoon'; content: "\f162"; } .icon-sort-numeric-desc { font-family: 'icomoon'; content: "\f163"; } .icon-thumbs-up { font-family: 'icomoon'; content: "\f164"; } .icon-thumbs-down { font-family: 'icomoon'; content: "\f165"; } .icon-youtube-square { font-family: 'icomoon'; content: "\f166"; } .icon-youtube { font-family: 'icomoon'; content: "\f167"; } .icon-xing { font-family: 'icomoon'; content: "\f168"; } .icon-xing-square { font-family: 'icomoon'; content: "\f169"; } .icon-youtube-play { font-family: 'icomoon'; content: "\f16a"; } .icon-dropbox { font-family: 'icomoon'; content: "\f16b"; } .icon-stack-overflow { font-family: 'icomoon'; content: "\f16c"; } .icon-instagram { font-family: 'icomoon'; content: "\f16d"; } .icon-flickr { font-family: 'icomoon'; content: "\f16e"; } .icon-adn { font-family: 'icomoon'; content: "\f170"; } .icon-bitbucket { font-family: 'icomoon'; content: "\f171"; } .icon-bitbucket-square { font-family: 'icomoon'; content: "\f172"; } .icon-tumblr { font-family: 'icomoon'; content: "\f173"; } .icon-tumblr-square { font-family: 'icomoon'; content: "\f174"; } .icon-long-arrow-down { font-family: 'icomoon'; content: "\f175"; } .icon-long-arrow-up { font-family: 'icomoon'; content: "\f176"; } .icon-long-arrow-left { font-family: 'icomoon'; content: "\f177"; } .icon-long-arrow-right { font-family: 'icomoon'; content: "\f178"; } .icon-apple { font-family: 'icomoon'; content: "\f179"; } .icon-windows { font-family: 'icomoon'; content: "\f17a"; } .icon-android { font-family: 'icomoon'; content: "\f17b"; } .icon-linux { font-family: 'icomoon'; content: "\f17c"; } .icon-dribbble { font-family: 'icomoon'; content: "\f17d"; } .icon-skype { font-family: 'icomoon'; content: "\f17e"; } .icon-foursquare { font-family: 'icomoon'; content: "\f180"; } .icon-trello { font-family: 'icomoon'; content: "\f181"; } .icon-female { font-family: 'icomoon'; content: "\f182"; } .icon-male { font-family: 'icomoon'; content: "\f183"; } .icon-gittip { font-family: 'icomoon'; content: "\f184"; } .icon-gratipay { font-family: 'icomoon'; content: "\f184"; } .icon-sun-o { font-family: 'icomoon'; content: "\f185"; } .icon-moon-o { font-family: 'icomoon'; content: "\f186"; } .icon-archive { font-family: 'icomoon'; content: "\f187"; } .icon-bug { font-family: 'icomoon'; content: "\f188"; } .icon-vk { font-family: 'icomoon'; content: "\f189"; } .icon-weibo { font-family: 'icomoon'; content: "\f18a"; } .icon-renren { font-family: 'icomoon'; content: "\f18b"; } .icon-pagelines { font-family: 'icomoon'; content: "\f18c"; } .icon-stack-exchange { font-family: 'icomoon'; content: "\f18d"; } .icon-arrow-circle-o-right { font-family: 'icomoon'; content: "\f18e"; } .icon-arrow-circle-o-left { font-family: 'icomoon'; content: "\f190"; } .icon-caret-square-o-left { font-family: 'icomoon'; content: "\f191"; } .icon-toggle-left { font-family: 'icomoon'; content: "\f191"; } .icon-dot-circle-o { font-family: 'icomoon'; content: "\f192"; } .icon-wheelchair { font-family: 'icomoon'; content: "\f193"; } .icon-vimeo-square { font-family: 'icomoon'; content: "\f194"; } .icon-try { font-family: 'icomoon'; content: "\f195"; } .icon-turkish-lira { font-family: 'icomoon'; content: "\f195"; } .icon-plus-square-o { font-family: 'icomoon'; content: "\f196"; } .icon-space-shuttle { font-family: 'icomoon'; content: "\f197"; } .icon-slack { font-family: 'icomoon'; content: "\f198"; } .icon-envelope-square { font-family: 'icomoon'; content: "\f199"; } .icon-wordpress { font-family: 'icomoon'; content: "\f19a"; } .icon-openid { font-family: 'icomoon'; content: "\f19b"; } .icon-bank { font-family: 'icomoon'; content: "\f19c"; } .icon-institution { font-family: 'icomoon'; content: "\f19c"; } .icon-university { font-family: 'icomoon'; content: "\f19c"; } .icon-graduation-cap { font-family: 'icomoon'; content: "\f19d"; } .icon-mortar-board { font-family: 'icomoon'; content: "\f19d"; } .icon-yahoo { font-family: 'icomoon'; content: "\f19e"; } .icon-google { font-family: 'icomoon'; content: "\f1a0"; } .icon-reddit { font-family: 'icomoon'; content: "\f1a1"; } .icon-reddit-square { font-family: 'icomoon'; content: "\f1a2"; } .icon-stumbleupon-circle { font-family: 'icomoon'; content: "\f1a3"; } .icon-stumbleupon { font-family: 'icomoon'; content: "\f1a4"; } .icon-delicious { font-family: 'icomoon'; content: "\f1a5"; } .icon-digg { font-family: 'icomoon'; content: "\f1a6"; } .icon-pied-piper-pp { font-family: 'icomoon'; content: "\f1a7"; } .icon-pied-piper-alt { font-family: 'icomoon'; content: "\f1a8"; } .icon-drupal { font-family: 'icomoon'; content: "\f1a9"; } .icon-joomla { font-family: 'icomoon'; content: "\f1aa"; } .icon-language { font-family: 'icomoon'; content: "\f1ab"; } .icon-fax { font-family: 'icomoon'; content: "\f1ac"; } .icon-building { font-family: 'icomoon'; content: "\f1ad"; } .icon-child { font-family: 'icomoon'; content: "\f1ae"; } .icon-paw { font-family: 'icomoon'; content: "\f1b0"; } .icon-spoon { font-family: 'icomoon'; content: "\f1b1"; } .icon-cube { font-family: 'icomoon'; content: "\f1b2"; } .icon-cubes { font-family: 'icomoon'; content: "\f1b3"; } .icon-behance { font-family: 'icomoon'; content: "\f1b4"; } .icon-behance-square { font-family: 'icomoon'; content: "\f1b5"; } .icon-steam { font-family: 'icomoon'; content: "\f1b6"; } .icon-steam-square { font-family: 'icomoon'; content: "\f1b7"; } .icon-recycle { font-family: 'icomoon'; content: "\f1b8"; } .icon-automobile { font-family: 'icomoon'; content: "\f1b9"; } .icon-car { font-family: 'icomoon'; content: "\f1b9"; } .icon-cab { font-family: 'icomoon'; content: "\f1ba"; } .icon-taxi { font-family: 'icomoon'; content: "\f1ba"; } .icon-tree { font-family: 'icomoon'; content: "\f1bb"; } .icon-spotify { font-family: 'icomoon'; content: "\f1bc"; } .icon-deviantart { font-family: 'icomoon'; content: "\f1bd"; } .icon-soundcloud { font-family: 'icomoon'; content: "\f1be"; } .icon-database { font-family: 'icomoon'; content: "\f1c0"; } .icon-file-pdf-o { font-family: 'icomoon'; content: "\f1c1"; } .icon-file-word-o { font-family: 'icomoon'; content: "\f1c2"; } .icon-file-excel-o { font-family: 'icomoon'; content: "\f1c3"; } .icon-file-powerpoint-o { font-family: 'icomoon'; content: "\f1c4"; } .icon-file-image-o { font-family: 'icomoon'; content: "\f1c5"; } .icon-file-photo-o { font-family: 'icomoon'; content: "\f1c5"; } .icon-file-picture-o { font-family: 'icomoon'; content: "\f1c5"; } .icon-file-archive-o { font-family: 'icomoon'; content: "\f1c6"; } .icon-file-zip-o { font-family: 'icomoon'; content: "\f1c6"; } .icon-file-audio-o { font-family: 'icomoon'; content: "\f1c7"; } .icon-file-sound-o { font-family: 'icomoon'; content: "\f1c7"; } .icon-file-movie-o { font-family: 'icomoon'; content: "\f1c8"; } .icon-file-video-o { font-family: 'icomoon'; content: "\f1c8"; } .icon-file-code-o { font-family: 'icomoon'; content: "\f1c9"; } .icon-vine { font-family: 'icomoon'; content: "\f1ca"; } .icon-codepen { font-family: 'icomoon'; content: "\f1cb"; } .icon-jsfiddle { font-family: 'icomoon'; content: "\f1cc"; } .icon-life-bouy { font-family: 'icomoon'; content: "\f1cd"; } .icon-life-buoy { font-family: 'icomoon'; content: "\f1cd"; } .icon-life-ring { font-family: 'icomoon'; content: "\f1cd"; } .icon-life-saver { font-family: 'icomoon'; content: "\f1cd"; } .icon-support { font-family: 'icomoon'; content: "\f1cd"; } .icon-circle-o-notch { font-family: 'icomoon'; content: "\f1ce"; } .icon-ra { font-family: 'icomoon'; content: "\f1d0"; } .icon-rebel { font-family: 'icomoon'; content: "\f1d0"; } .icon-resistance { font-family: 'icomoon'; content: "\f1d0"; } .icon-empire { font-family: 'icomoon'; content: "\f1d1"; } .icon-ge { font-family: 'icomoon'; content: "\f1d1"; } .icon-git-square { font-family: 'icomoon'; content: "\f1d2"; } .icon-git { font-family: 'icomoon'; content: "\f1d3"; } .icon-hacker-news { font-family: 'icomoon'; content: "\f1d4"; } .icon-y-combinator-square { font-family: 'icomoon'; content: "\f1d4"; } .icon-yc-square { font-family: 'icomoon'; content: "\f1d4"; } .icon-tencent-weibo { font-family: 'icomoon'; content: "\f1d5"; } .icon-qq { font-family: 'icomoon'; content: "\f1d6"; } .icon-wechat { font-family: 'icomoon'; content: "\f1d7"; } .icon-weixin { font-family: 'icomoon'; content: "\f1d7"; } .icon-paper-plane { font-family: 'icomoon'; content: "\f1d8"; } .icon-send { font-family: 'icomoon'; content: "\f1d8"; } .icon-paper-plane-o { font-family: 'icomoon'; content: "\f1d9"; } .icon-send-o { font-family: 'icomoon'; content: "\f1d9"; } .icon-history { font-family: 'icomoon'; content: "\f1da"; } .icon-circle-thin { font-family: 'icomoon'; content: "\f1db"; } .icon-header { font-family: 'icomoon'; content: "\f1dc"; } .icon-paragraph { font-family: 'icomoon'; content: "\f1dd"; } .icon-sliders { font-family: 'icomoon'; content: "\f1de"; } .icon-share-alt { font-family: 'icomoon'; content: "\f1e0"; } .icon-share-alt-square { font-family: 'icomoon'; content: "\f1e1"; } .icon-bomb { font-family: 'icomoon'; content: "\f1e2"; } .icon-futbol-o { font-family: 'icomoon'; content: "\f1e3"; } .icon-soccer-ball-o { font-family: 'icomoon'; content: "\f1e3"; } .icon-tty { font-family: 'icomoon'; content: "\f1e4"; } .icon-binoculars { font-family: 'icomoon'; content: "\f1e5"; } .icon-plug { font-family: 'icomoon'; content: "\f1e6"; } .icon-slideshare { font-family: 'icomoon'; content: "\f1e7"; } .icon-twitch { font-family: 'icomoon'; content: "\f1e8"; } .icon-yelp { font-family: 'icomoon'; content: "\f1e9"; } .icon-newspaper-o { font-family: 'icomoon'; content: "\f1ea"; } .icon-wifi { font-family: 'icomoon'; content: "\f1eb"; } .icon-calculator { font-family: 'icomoon'; content: "\f1ec"; } .icon-paypal { font-family: 'icomoon'; content: "\f1ed"; } .icon-google-wallet { font-family: 'icomoon'; content: "\f1ee"; } .icon-cc-visa { font-family: 'icomoon'; content: "\f1f0"; } .icon-cc-mastercard { font-family: 'icomoon'; content: "\f1f1"; } .icon-cc-discover { font-family: 'icomoon'; content: "\f1f2"; } .icon-cc-amex { font-family: 'icomoon'; content: "\f1f3"; } .icon-cc-paypal { font-family: 'icomoon'; content: "\f1f4"; } .icon-cc-stripe { font-family: 'icomoon'; content: "\f1f5"; } .icon-bell-slash { font-family: 'icomoon'; content: "\f1f6"; } .icon-bell-slash-o { font-family: 'icomoon'; content: "\f1f7"; } .icon-trash { font-family: 'icomoon'; content: "\f1f8"; } .icon-copyright { font-family: 'icomoon'; content: "\f1f9"; } .icon-at { font-family: 'icomoon'; content: "\f1fa"; } .icon-eyedropper { font-family: 'icomoon'; content: "\f1fb"; } .icon-paint-brush { font-family: 'icomoon'; content: "\f1fc"; } .icon-birthday-cake { font-family: 'icomoon'; content: "\f1fd"; } .icon-area-chart { font-family: 'icomoon'; content: "\f1fe"; } .icon-pie-chart { font-family: 'icomoon'; content: "\f200"; } .icon-line-chart { font-family: 'icomoon'; content: "\f201"; } .icon-lastfm { font-family: 'icomoon'; content: "\f202"; } .icon-lastfm-square { font-family: 'icomoon'; content: "\f203"; } .icon-toggle-off { font-family: 'icomoon'; content: "\f204"; } .icon-toggle-on { font-family: 'icomoon'; content: "\f205"; } .icon-bicycle { font-family: 'icomoon'; content: "\f206"; } .icon-bus { font-family: 'icomoon'; content: "\f207"; } .icon-ioxhost { font-family: 'icomoon'; content: "\f208"; } .icon-angellist { font-family: 'icomoon'; content: "\f209"; } .icon-cc { font-family: 'icomoon'; content: "\f20a"; } .icon-ils { font-family: 'icomoon'; content: "\f20b"; } .icon-shekel { font-family: 'icomoon'; content: "\f20b"; } .icon-sheqel { font-family: 'icomoon'; content: "\f20b"; } .icon-meanpath { font-family: 'icomoon'; content: "\f20c"; } .icon-buysellads { font-family: 'icomoon'; content: "\f20d"; } .icon-connectdevelop { font-family: 'icomoon'; content: "\f20e"; } .icon-dashcube { font-family: 'icomoon'; content: "\f210"; } .icon-forumbee { font-family: 'icomoon'; content: "\f211"; } .icon-leanpub { font-family: 'icomoon'; content: "\f212"; } .icon-sellsy { font-family: 'icomoon'; content: "\f213"; } .icon-shirtsinbulk { font-family: 'icomoon'; content: "\f214"; } .icon-simplybuilt { font-family: 'icomoon'; content: "\f215"; } .icon-skyatlas { font-family: 'icomoon'; content: "\f216"; } .icon-cart-plus { font-family: 'icomoon'; content: "\f217"; } .icon-cart-arrow-down { font-family: 'icomoon'; content: "\f218"; } .icon-diamond { font-family: 'icomoon'; content: "\f219"; } .icon-ship { font-family: 'icomoon'; content: "\f21a"; } .icon-user-secret { font-family: 'icomoon'; content: "\f21b"; } .icon-motorcycle { font-family: 'icomoon'; content: "\f21c"; } .icon-street-view { font-family: 'icomoon'; content: "\f21d"; } .icon-heartbeat { font-family: 'icomoon'; content: "\f21e"; } .icon-venus { font-family: 'icomoon'; content: "\f221"; } .icon-mars { font-family: 'icomoon'; content: "\f222"; } .icon-mercury { font-family: 'icomoon'; content: "\f223"; } .icon-intersex { font-family: 'icomoon'; content: "\f224"; } .icon-transgender { font-family: 'icomoon'; content: "\f224"; } .icon-transgender-alt { font-family: 'icomoon'; content: "\f225"; } .icon-venus-double { font-family: 'icomoon'; content: "\f226"; } .icon-mars-double { font-family: 'icomoon'; content: "\f227"; } .icon-venus-mars { font-family: 'icomoon'; content: "\f228"; } .icon-mars-stroke { font-family: 'icomoon'; content: "\f229"; } .icon-mars-stroke-v { font-family: 'icomoon'; content: "\f22a"; } .icon-mars-stroke-h { font-family: 'icomoon'; content: "\f22b"; } .icon-neuter { font-family: 'icomoon'; content: "\f22c"; } .icon-genderless { font-family: 'icomoon'; content: "\f22d"; } .icon-facebook-official { font-family: 'icomoon'; content: "\f230"; } .icon-pinterest-p { font-family: 'icomoon'; content: "\f231"; } .icon-whatsapp { font-family: 'icomoon'; content: "\f232"; } .icon-server { font-family: 'icomoon'; content: "\f233"; } .icon-user-plus { font-family: 'icomoon'; content: "\f234"; } .icon-user-times { font-family: 'icomoon'; content: "\f235"; } .icon-bed { font-family: 'icomoon'; content: "\f236"; } .icon-hotel { font-family: 'icomoon'; content: "\f236"; } .icon-viacoin { font-family: 'icomoon'; content: "\f237"; } .icon-train { font-family: 'icomoon'; content: "\f238"; } .icon-subway { font-family: 'icomoon'; content: "\f239"; } .icon-medium { font-family: 'icomoon'; content: "\f23a"; } .icon-y-combinator { font-family: 'icomoon'; content: "\f23b"; } .icon-yc { font-family: 'icomoon'; content: "\f23b"; } .icon-optin-monster { font-family: 'icomoon'; content: "\f23c"; } .icon-opencart { font-family: 'icomoon'; content: "\f23d"; } .icon-expeditedssl { font-family: 'icomoon'; content: "\f23e"; } .icon-battery { font-family: 'icomoon'; content: "\f240"; } .icon-battery-4 { font-family: 'icomoon'; content: "\f240"; } .icon-battery-full { font-family: 'icomoon'; content: "\f240"; } .icon-battery-3 { font-family: 'icomoon'; content: "\f241"; } .icon-battery-three-quarters { font-family: 'icomoon'; content: "\f241"; } .icon-battery-2 { font-family: 'icomoon'; content: "\f242"; } .icon-battery-half { font-family: 'icomoon'; content: "\f242"; } .icon-battery-1 { font-family: 'icomoon'; content: "\f243"; } .icon-battery-quarter { font-family: 'icomoon'; content: "\f243"; } .icon-battery-0 { font-family: 'icomoon'; content: "\f244"; } .icon-battery-empty { font-family: 'icomoon'; content: "\f244"; } .icon-mouse-pointer { font-family: 'icomoon'; content: "\f245"; } .icon-i-cursor { font-family: 'icomoon'; content: "\f246"; } .icon-object-group { font-family: 'icomoon'; content: "\f247"; } .icon-object-ungroup { font-family: 'icomoon'; content: "\f248"; } .icon-sticky-note { font-family: 'icomoon'; content: "\f249"; } .icon-sticky-note-o { font-family: 'icomoon'; content: "\f24a"; } .icon-cc-jcb { font-family: 'icomoon'; content: "\f24b"; } .icon-cc-diners-club { font-family: 'icomoon'; content: "\f24c"; } .icon-clone { font-family: 'icomoon'; content: "\f24d"; } .icon-balance-scale { font-family: 'icomoon'; content: "\f24e"; } .icon-hourglass-o { font-family: 'icomoon'; content: "\f250"; } .icon-hourglass-1 { font-family: 'icomoon'; content: "\f251"; } .icon-hourglass-start { font-family: 'icomoon'; content: "\f251"; } .icon-hourglass-2 { font-family: 'icomoon'; content: "\f252"; } .icon-hourglass-half { font-family: 'icomoon'; content: "\f252"; } .icon-hourglass-3 { font-family: 'icomoon'; content: "\f253"; } .icon-hourglass-end { font-family: 'icomoon'; content: "\f253"; } .icon-hourglass { font-family: 'icomoon'; content: "\f254"; } .icon-hand-grab-o { font-family: 'icomoon'; content: "\f255"; } .icon-hand-rock-o { font-family: 'icomoon'; content: "\f255"; } .icon-hand-paper-o { font-family: 'icomoon'; content: "\f256"; } .icon-hand-stop-o { font-family: 'icomoon'; content: "\f256"; } .icon-hand-scissors-o { font-family: 'icomoon'; content: "\f257"; } .icon-hand-lizard-o { font-family: 'icomoon'; content: "\f258"; } .icon-hand-spock-o { font-family: 'icomoon'; content: "\f259"; } .icon-hand-pointer-o { font-family: 'icomoon'; content: "\f25a"; } .icon-hand-peace-o { font-family: 'icomoon'; content: "\f25b"; } .icon-trademark { font-family: 'icomoon'; content: "\f25c"; } .icon-registered { font-family: 'icomoon'; content: "\f25d"; } .icon-creative-commons { font-family: 'icomoon'; content: "\f25e"; } .icon-gg { font-family: 'icomoon'; content: "\f260"; } .icon-gg-circle { font-family: 'icomoon'; content: "\f261"; } .icon-tripadvisor { font-family: 'icomoon'; content: "\f262"; } .icon-odnoklassniki { font-family: 'icomoon'; content: "\f263"; } .icon-odnoklassniki-square { font-family: 'icomoon'; content: "\f264"; } .icon-get-pocket { font-family: 'icomoon'; content: "\f265"; } .icon-wikipedia-w { font-family: 'icomoon'; content: "\f266"; } .icon-safari { font-family: 'icomoon'; content: "\f267"; } .icon-chrome { font-family: 'icomoon'; content: "\f268"; } .icon-firefox { font-family: 'icomoon'; content: "\f269"; } .icon-opera { font-family: 'icomoon'; content: "\f26a"; } .icon-internet-explorer { font-family: 'icomoon'; content: "\f26b"; } .icon-television { font-family: 'icomoon'; content: "\f26c"; } .icon-tv { font-family: 'icomoon'; content: "\f26c"; } .icon-contao { font-family: 'icomoon'; content: "\f26d"; } .icon-500px { font-family: 'icomoon'; content: "\f26e"; } .icon-amazon { font-family: 'icomoon'; content: "\f270"; } .icon-calendar-plus-o { font-family: 'icomoon'; content: "\f271"; } .icon-calendar-minus-o { font-family: 'icomoon'; content: "\f272"; } .icon-calendar-times-o { font-family: 'icomoon'; content: "\f273"; } .icon-calendar-check-o { font-family: 'icomoon'; content: "\f274"; } .icon-industry { font-family: 'icomoon'; content: "\f275"; } .icon-map-pin { font-family: 'icomoon'; content: "\f276"; } .icon-map-signs { font-family: 'icomoon'; content: "\f277"; } .icon-map-o { font-family: 'icomoon'; content: "\f278"; } .icon-map { font-family: 'icomoon'; content: "\f279"; } .icon-commenting { font-family: 'icomoon'; content: "\f27a"; } .icon-commenting-o { font-family: 'icomoon'; content: "\f27b"; } .icon-houzz { font-family: 'icomoon'; content: "\f27c"; } .icon-vimeo { font-family: 'icomoon'; content: "\f27d"; } .icon-black-tie { font-family: 'icomoon'; content: "\f27e"; } .icon-fonticons { font-family: 'icomoon'; content: "\f280"; } .icon-reddit-alien { font-family: 'icomoon'; content: "\f281"; } .icon-edge { font-family: 'icomoon'; content: "\f282"; } .icon-credit-card-alt { font-family: 'icomoon'; content: "\f283"; } .icon-codiepie { font-family: 'icomoon'; content: "\f284"; } .icon-modx { font-family: 'icomoon'; content: "\f285"; } .icon-fort-awesome { font-family: 'icomoon'; content: "\f286"; } .icon-usb { font-family: 'icomoon'; content: "\f287"; } .icon-product-hunt { font-family: 'icomoon'; content: "\f288"; } .icon-mixcloud { font-family: 'icomoon'; content: "\f289"; } .icon-scribd { font-family: 'icomoon'; content: "\f28a"; } .icon-pause-circle { font-family: 'icomoon'; content: "\f28b"; } .icon-pause-circle-o { font-family: 'icomoon'; content: "\f28c"; } .icon-stop-circle { font-family: 'icomoon'; content: "\f28d"; } .icon-stop-circle-o { font-family: 'icomoon'; content: "\f28e"; } .icon-shopping-bag { font-family: 'icomoon'; content: "\f290"; } .icon-shopping-basket { font-family: 'icomoon'; content: "\f291"; } .icon-hashtag { font-family: 'icomoon'; content: "\f292"; } .icon-bluetooth { font-family: 'icomoon'; content: "\f293"; } .icon-bluetooth-b { font-family: 'icomoon'; content: "\f294"; } .icon-percent { font-family: 'icomoon'; content: "\f295"; } .icon-gitlab { font-family: 'icomoon'; content: "\f296"; } .icon-wpbeginner { font-family: 'icomoon'; content: "\f297"; } .icon-wpforms { font-family: 'icomoon'; content: "\f298"; } .icon-envira { font-family: 'icomoon'; content: "\f299"; } .icon-universal-access { font-family: 'icomoon'; content: "\f29a"; } .icon-wheelchair-alt { font-family: 'icomoon'; content: "\f29b"; } .icon-question-circle-o { font-family: 'icomoon'; content: "\f29c"; } .icon-blind { font-family: 'icomoon'; content: "\f29d"; } .icon-audio-description { font-family: 'icomoon'; content: "\f29e"; } .icon-volume-control-phone { font-family: 'icomoon'; content: "\f2a0"; } .icon-braille { font-family: 'icomoon'; content: "\f2a1"; } .icon-assistive-listening-systems { font-family: 'icomoon'; content: "\f2a2"; } .icon-american-sign-language-interpreting { font-family: 'icomoon'; content: "\f2a3"; } .icon-asl-interpreting { font-family: 'icomoon'; content: "\f2a3"; } .icon-deaf { font-family: 'icomoon'; content: "\f2a4"; } .icon-deafness { font-family: 'icomoon'; content: "\f2a4"; } .icon-hard-of-hearing { font-family: 'icomoon'; content: "\f2a4"; } .icon-glide { font-family: 'icomoon'; content: "\f2a5"; } .icon-glide-g { font-family: 'icomoon'; content: "\f2a6"; } .icon-sign-language { font-family: 'icomoon'; content: "\f2a7"; } .icon-signing { font-family: 'icomoon'; content: "\f2a7"; } .icon-low-vision { font-family: 'icomoon'; content: "\f2a8"; } .icon-viadeo { font-family: 'icomoon'; content: "\f2a9"; } .icon-viadeo-square { font-family: 'icomoon'; content: "\f2aa"; } .icon-snapchat { font-family: 'icomoon'; content: "\f2ab"; } .icon-snapchat-ghost { font-family: 'icomoon'; content: "\f2ac"; } .icon-snapchat-square { font-family: 'icomoon'; content: "\f2ad"; } .icon-pied-piper { font-family: 'icomoon'; content: "\f2ae"; } .icon-first-order { font-family: 'icomoon'; content: "\f2b0"; } .icon-yoast { font-family: 'icomoon'; content: "\f2b1"; } .icon-themeisle { font-family: 'icomoon'; content: "\f2b2"; } .icon-google-plus-circle { font-family: 'icomoon'; content: "\f2b3"; } .icon-google-plus-official { font-family: 'icomoon'; content: "\f2b3"; } .icon-fa { font-family: 'icomoon'; content: "\f2b4"; } .icon-font-awesome { font-family: 'icomoon'; content: "\f2b4"; } .icon-handshake-o { font-family: 'icomoon'; content: "\f2b5"; } .icon-envelope-open { font-family: 'icomoon'; content: "\f2b6"; } .icon-envelope-open-o { font-family: 'icomoon'; content: "\f2b7"; } .icon-linode { font-family: 'icomoon'; content: "\f2b8"; } .icon-address-book { font-family: 'icomoon'; content: "\f2b9"; } .icon-address-book-o { font-family: 'icomoon'; content: "\f2ba"; } .icon-address-card { font-family: 'icomoon'; content: "\f2bb"; } .icon-vcard { font-family: 'icomoon'; content: "\f2bb"; } .icon-address-card-o { font-family: 'icomoon'; content: "\f2bc"; } .icon-vcard-o { font-family: 'icomoon'; content: "\f2bc"; } .icon-user-circle { font-family: 'icomoon'; content: "\f2bd"; } .icon-user-circle-o { font-family: 'icomoon'; content: "\f2be"; } .icon-user-o { font-family: 'icomoon'; content: "\f2c0"; } .icon-id-badge { font-family: 'icomoon'; content: "\f2c1"; } .icon-drivers-license { font-family: 'icomoon'; content: "\f2c2"; } .icon-id-card { font-family: 'icomoon'; content: "\f2c2"; } .icon-drivers-license-o { font-family: 'icomoon'; content: "\f2c3"; } .icon-id-card-o { font-family: 'icomoon'; content: "\f2c3"; } .icon-quora { font-family: 'icomoon'; content: "\f2c4"; } .icon-free-code-camp { font-family: 'icomoon'; content: "\f2c5"; } .icon-telegram { font-family: 'icomoon'; content: "\f2c6"; } .icon-thermometer { font-family: 'icomoon'; content: "\f2c7"; } .icon-thermometer-4 { font-family: 'icomoon'; content: "\f2c7"; } .icon-thermometer-full { font-family: 'icomoon'; content: "\f2c7"; } .icon-thermometer-3 { font-family: 'icomoon'; content: "\f2c8"; } .icon-thermometer-three-quarters { font-family: 'icomoon'; content: "\f2c8"; } .icon-thermometer-2 { font-family: 'icomoon'; content: "\f2c9"; } .icon-thermometer-half { font-family: 'icomoon'; content: "\f2c9"; } .icon-thermometer-1 { font-family: 'icomoon'; content: "\f2ca"; } .icon-thermometer-quarter { font-family: 'icomoon'; content: "\f2ca"; } .icon-thermometer-0 { font-family: 'icomoon'; content: "\f2cb"; } .icon-thermometer-empty { font-family: 'icomoon'; content: "\f2cb"; } .icon-shower { font-family: 'icomoon'; content: "\f2cc"; } .icon-bath { font-family: 'icomoon'; content: "\f2cd"; } .icon-bathtub { font-family: 'icomoon'; content: "\f2cd"; } .icon-s15 { font-family: 'icomoon'; content: "\f2cd"; } .icon-podcast { font-family: 'icomoon'; content: "\f2ce"; } .icon-window-maximize { font-family: 'icomoon'; content: "\f2d0"; } .icon-window-minimize { font-family: 'icomoon'; content: "\f2d1"; } .icon-window-restore { font-family: 'icomoon'; content: "\f2d2"; } .icon-times-rectangle { font-family: 'icomoon'; content: "\f2d3"; } .icon-window-close { font-family: 'icomoon'; content: "\f2d3"; } .icon-times-rectangle-o { font-family: 'icomoon'; content: "\f2d4"; } .icon-window-close-o { font-family: 'icomoon'; content: "\f2d4"; } .icon-bandcamp { font-family: 'icomoon'; content: "\f2d5"; } .icon-grav { font-family: 'icomoon'; content: "\f2d6"; } .icon-etsy { font-family: 'icomoon'; content: "\f2d7"; } .icon-imdb { font-family: 'icomoon'; content: "\f2d8"; } .icon-ravelry { font-family: 'icomoon'; content: "\f2d9"; } .icon-eercast { font-family: 'icomoon'; content: "\f2da"; } .icon-microchip { font-family: 'icomoon'; content: "\f2db"; } .icon-snowflake-o { font-family: 'icomoon'; content: "\f2dc"; } .icon-superpowers { font-family: 'icomoon'; content: "\f2dd"; } .icon-wpexplorer { font-family: 'icomoon'; content: "\f2de"; } .icon-meetup { font-family: 'icomoon'; content: "\f2e0"; } .icon-add-outline { font-family: 'icomoon'; content: "\ea14"; } .icon-add-solid { font-family: 'icomoon'; content: "\ea15"; } .icon-adjust1 { font-family: 'icomoon'; content: "\ea16"; } .icon-airplane { font-family: 'icomoon'; content: "\ea17"; } .icon-album { font-family: 'icomoon'; content: "\ea18"; } .icon-align-center1 { font-family: 'icomoon'; content: "\ea19"; } .icon-align-justified { font-family: 'icomoon'; content: "\ea1a"; } .icon-align-left1 { font-family: 'icomoon'; content: "\ea1b"; } .icon-align-right1 { font-family: 'icomoon'; content: "\ea1c"; } .icon-anchor1 { font-family: 'icomoon'; content: "\ea1d"; } .icon-announcement { font-family: 'icomoon'; content: "\ea1e"; } .icon-apparel { font-family: 'icomoon'; content: "\ea1f"; } .icon-arrow-down1 { font-family: 'icomoon'; content: "\ea20"; } .icon-arrow-left1 { font-family: 'icomoon'; content: "\ea21"; } .icon-arrow-outline-down { font-family: 'icomoon'; content: "\ea22"; } .icon-arrow-outline-left { font-family: 'icomoon'; content: "\ea23"; } .icon-arrow-outline-right { font-family: 'icomoon'; content: "\ea24"; } .icon-arrow-outline-up { font-family: 'icomoon'; content: "\ea25"; } .icon-arrow-right1 { font-family: 'icomoon'; content: "\ea26"; } .icon-arrow-thick-down { font-family: 'icomoon'; content: "\ea27"; } .icon-arrow-thick-left { font-family: 'icomoon'; content: "\ea28"; } .icon-arrow-thick-right { font-family: 'icomoon'; content: "\ea29"; } .icon-arrow-thick-up { font-family: 'icomoon'; content: "\ea2a"; } .icon-arrow-thin-down { font-family: 'icomoon'; content: "\ea2b"; } .icon-arrow-thin-left { font-family: 'icomoon'; content: "\ea2c"; } .icon-arrow-thin-right { font-family: 'icomoon'; content: "\ea2d"; } .icon-arrow-thin-up { font-family: 'icomoon'; content: "\ea2e"; } .icon-arrow-up1 { font-family: 'icomoon'; content: "\ea2f"; } .icon-artist { font-family: 'icomoon'; content: "\ea30"; } .icon-at-symbol { font-family: 'icomoon'; content: "\ea31"; } .icon-attachment { font-family: 'icomoon'; content: "\ea32"; } .icon-backspace { font-family: 'icomoon'; content: "\ea33"; } .icon-backward-step { font-family: 'icomoon'; content: "\ea35"; } .icon-backward1 { font-family: 'icomoon'; content: "\ea34"; } .icon-badge { font-family: 'icomoon'; content: "\ea36"; } .icon-battery-full1 { font-family: 'icomoon'; content: "\ea37"; } .icon-battery-half1 { font-family: 'icomoon'; content: "\ea38"; } .icon-battery-low { font-family: 'icomoon'; content: "\ea39"; } .icon-beverage { font-family: 'icomoon'; content: "\ea3a"; } .icon-block { font-family: 'icomoon'; content: "\ea3b"; } .icon-bluetooth1 { font-family: 'icomoon'; content: "\ea3c"; } .icon-bolt1 { font-family: 'icomoon'; content: "\ea3d"; } .icon-book-reference { font-family: 'icomoon'; content: "\ea3e"; } .icon-bookmark-outline { font-family: 'icomoon'; content: "\ea42"; } .icon-bookmark-outline-add { font-family: 'icomoon'; content: "\ea43"; } .icon-bookmark1 { font-family: 'icomoon'; content: "\ea3f"; } .icon-bookmarkcopy2 { font-family: 'icomoon'; content: "\ea40"; } .icon-bookmarkcopy3 { font-family: 'icomoon'; content: "\ea41"; } .icon-border-all { font-family: 'icomoon'; content: "\ea44"; } .icon-border-bottom { font-family: 'icomoon'; content: "\ea45"; } .icon-border-horizontal { font-family: 'icomoon'; content: "\ea46"; } .icon-border-inner { font-family: 'icomoon'; content: "\ea47"; } .icon-border-left { font-family: 'icomoon'; content: "\ea48"; } .icon-border-none { font-family: 'icomoon'; content: "\ea49"; } .icon-border-outer { font-family: 'icomoon'; content: "\ea4a"; } .icon-border-right { font-family: 'icomoon'; content: "\ea4b"; } .icon-border-top { font-family: 'icomoon'; content: "\ea4c"; } .icon-border-vertical { font-family: 'icomoon'; content: "\ea4d"; } .icon-box1 { font-family: 'icomoon'; content: "\ea4e"; } .icon-brightness-down { font-family: 'icomoon'; content: "\ea4f"; } .icon-brightness-up { font-family: 'icomoon'; content: "\ea50"; } .icon-browser-window { font-family: 'icomoon'; content: "\ea51"; } .icon-browser-window-new { font-family: 'icomoon'; content: "\ea52"; } .icon-browser-window-open { font-family: 'icomoon'; content: "\ea53"; } .icon-bug1 { font-family: 'icomoon'; content: "\ea54"; } .icon-buoy { font-family: 'icomoon'; content: "\ea55"; } .icon-calculator1 { font-family: 'icomoon'; content: "\ea56"; } .icon-calendar1 { font-family: 'icomoon'; content: "\ea57"; } .icon-camera1 { font-family: 'icomoon'; content: "\ea58"; } .icon-chart { font-family: 'icomoon'; content: "\ea59"; } .icon-chart-bar { font-family: 'icomoon'; content: "\ea5a"; } .icon-chart-pie { font-family: 'icomoon'; content: "\ea5b"; } .icon-chat-bubble-dots { font-family: 'icomoon'; content: "\ea5c"; } .icon-checkmark { font-family: 'icomoon'; content: "\ea5d"; } .icon-checkmark-outline { font-family: 'icomoon'; content: "\ea5e"; } .icon-cheveron-down { font-family: 'icomoon'; content: "\ea5f"; } .icon-cheveron-left { font-family: 'icomoon'; content: "\ea60"; } .icon-cheveron-outline-down { font-family: 'icomoon'; content: "\ea61"; } .icon-cheveron-outline-left { font-family: 'icomoon'; content: "\ea62"; } .icon-cheveron-outline-right { font-family: 'icomoon'; content: "\ea63"; } .icon-cheveron-outline-up { font-family: 'icomoon'; content: "\ea64"; } .icon-cheveron-right { font-family: 'icomoon'; content: "\ea65"; } .icon-cheveron-up { font-family: 'icomoon'; content: "\ea66"; } .icon-clipboard1 { font-family: 'icomoon'; content: "\ea67"; } .icon-close-outline { font-family: 'icomoon'; content: "\ea69"; } .icon-close-solid { font-family: 'icomoon'; content: "\ea6a"; } .icon-close1 { font-family: 'icomoon'; content: "\ea68"; } .icon-cloud-upload1 { font-family: 'icomoon'; content: "\ea6c"; } .icon-cloud1 { font-family: 'icomoon'; content: "\ea6b"; } .icon-code1 { font-family: 'icomoon'; content: "\ea6d"; } .icon-coffee1 { font-family: 'icomoon'; content: "\ea6e"; } .icon-cog1 { font-family: 'icomoon'; content: "\ea6f"; } .icon-color-palette { font-family: 'icomoon'; content: "\ea70"; } .icon-compose { font-family: 'icomoon'; content: "\ea71"; } .icon-computer-desktop { font-family: 'icomoon'; content: "\ea72"; } .icon-computer-laptop { font-family: 'icomoon'; content: "\ea73"; } .icon-conversation { font-family: 'icomoon'; content: "\ea74"; } .icon-copy1 { font-family: 'icomoon'; content: "\ea75"; } .icon-credit-card1 { font-family: 'icomoon'; content: "\ea76"; } .icon-currency-dollar { font-family: 'icomoon'; content: "\ea77"; } .icon-dashboard1 { font-family: 'icomoon'; content: "\ea78"; } .icon-date-add { font-family: 'icomoon'; content: "\ea79"; } .icon-dial-pad { font-family: 'icomoon'; content: "\ea7a"; } .icon-directions { font-family: 'icomoon'; content: "\ea7b"; } .icon-document { font-family: 'icomoon'; content: "\ea7c"; } .icon-document-add { font-family: 'icomoon'; content: "\ea7d"; } .icon-dots-horizontal-double { font-family: 'icomoon'; content: "\ea7e"; } .icon-dots-horizontal-triple { font-family: 'icomoon'; content: "\ea7f"; } .icon-download1 { font-family: 'icomoon'; content: "\ea80"; } .icon-duplicate { font-family: 'icomoon'; content: "\ea81"; } .icon-edit-copy { font-family: 'icomoon'; content: "\ea82"; } .icon-edit-crop { font-family: 'icomoon'; content: "\ea83"; } .icon-edit-cut { font-family: 'icomoon'; content: "\ea84"; } .icon-edit-pencil { font-family: 'icomoon'; content: "\ea85"; } .icon-education { font-family: 'icomoon'; content: "\ea86"; } .icon-envelope1 { font-family: 'icomoon'; content: "\ea87"; } .icon-exclamation-outline { font-family: 'icomoon'; content: "\ea88"; } .icon-exclamation-solid { font-family: 'icomoon'; content: "\ea89"; } .icon-explore { font-family: 'icomoon'; content: "\ea8a"; } .icon-factory { font-family: 'icomoon'; content: "\ea8b"; } .icon-fast-forward1 { font-family: 'icomoon'; content: "\ea8c"; } .icon-fast-rewind { font-family: 'icomoon'; content: "\ea8d"; } .icon-film1 { font-family: 'icomoon'; content: "\ea8e"; } .icon-filter1 { font-family: 'icomoon'; content: "\ea8f"; } .icon-flag1 { font-family: 'icomoon'; content: "\ea90"; } .icon-flashlight { font-family: 'icomoon'; content: "\ea91"; } .icon-folder-outline { font-family: 'icomoon'; content: "\ea93"; } .icon-folder-outline-add { font-family: 'icomoon'; content: "\ea94"; } .icon-folder1 { font-family: 'icomoon'; content: "\ea92"; } .icon-format-bold { font-family: 'icomoon'; content: "\ea95"; } .icon-format-font-size { font-family: 'icomoon'; content: "\ea96"; } .icon-format-italic { font-family: 'icomoon'; content: "\ea97"; } .icon-format-text-size { font-family: 'icomoon'; content: "\ea98"; } .icon-format-underline { font-family: 'icomoon'; content: "\ea99"; } .icon-forward-step { font-family: 'icomoon'; content: "\ea9b"; } .icon-forward1 { font-family: 'icomoon'; content: "\ea9a"; } .icon-gift1 { font-family: 'icomoon'; content: "\ea9c"; } .icon-globe1 { font-family: 'icomoon'; content: "\ea9d"; } .icon-hand-stop { font-family: 'icomoon'; content: "\ea9e"; } .icon-hard-drive1 { font-family: 'icomoon'; content: "\ea9f"; } .icon-headphones1 { font-family: 'icomoon'; content: "\eaa0"; } .icon-heart1 { font-family: 'icomoon'; content: "\eaa1"; } .icon-home1 { font-family: 'icomoon'; content: "\eaa2"; } .icon-hot { font-family: 'icomoon'; content: "\eaa3"; } .icon-hour-glass { font-family: 'icomoon'; content: "\eaa4"; } .icon-inbox-check { font-family: 'icomoon'; content: "\eaa6"; } .icon-inbox-download { font-family: 'icomoon'; content: "\eaa7"; } .icon-inbox-full { font-family: 'icomoon'; content: "\eaa8"; } .icon-inbox1 { font-family: 'icomoon'; content: "\eaa5"; } .icon-indent-decrease { font-family: 'icomoon'; content: "\eaa9"; } .icon-indent-increase { font-family: 'icomoon'; content: "\eaaa"; } .icon-information-outline { font-family: 'icomoon'; content: "\eaab"; } .icon-information-solid { font-family: 'icomoon'; content: "\eaac"; } .icon-key1 { font-family: 'icomoon'; content: "\eaad"; } .icon-keyboard { font-family: 'icomoon'; content: "\eaae"; } .icon-layers1 { font-family: 'icomoon'; content: "\eaaf"; } .icon-library { font-family: 'icomoon'; content: "\eab0"; } .icon-light-bulb { font-family: 'icomoon'; content: "\eab1"; } .icon-link1 { font-family: 'icomoon'; content: "\eab2"; } .icon-list-add { font-family: 'icomoon'; content: "\eab4"; } .icon-list-bullet { font-family: 'icomoon'; content: "\eab5"; } .icon-list1 { font-family: 'icomoon'; content: "\eab3"; } .icon-load-balancer { font-family: 'icomoon'; content: "\eab6"; } .icon-location { font-family: 'icomoon'; content: "\eab7"; } .icon-location-current { font-family: 'icomoon'; content: "\eab8"; } .icon-location-food { font-family: 'icomoon'; content: "\eab9"; } .icon-location-gas-station { font-family: 'icomoon'; content: "\eaba"; } .icon-location-hotel { font-family: 'icomoon'; content: "\eabb"; } .icon-location-marina { font-family: 'icomoon'; content: "\eabc"; } .icon-location-park { font-family: 'icomoon'; content: "\eabd"; } .icon-location-restroom { font-family: 'icomoon'; content: "\eabe"; } .icon-location-shopping { font-family: 'icomoon'; content: "\eabf"; } .icon-lock-closed { font-family: 'icomoon'; content: "\eac0"; } .icon-lock-open { font-family: 'icomoon'; content: "\eac1"; } .icon-map1 { font-family: 'icomoon'; content: "\eac2"; } .icon-menu1 { font-family: 'icomoon'; content: "\eac3"; } .icon-mic1 { font-family: 'icomoon'; content: "\eac4"; } .icon-minus-outline { font-family: 'icomoon'; content: "\eac5"; } .icon-minus-solid { font-family: 'icomoon'; content: "\eac6"; } .icon-mobile-devices { font-family: 'icomoon'; content: "\eac7"; } .icon-mood-happy-outline { font-family: 'icomoon'; content: "\eac8"; } .icon-mood-happy-solid { font-family: 'icomoon'; content: "\eac9"; } .icon-mood-neutral-outline { font-family: 'icomoon'; content: "\eaca"; } .icon-mood-neutral-solid { font-family: 'icomoon'; content: "\eacb"; } .icon-mood-sad-outline { font-family: 'icomoon'; content: "\eacc"; } .icon-mood-sad-solid { font-family: 'icomoon'; content: "\eacd"; } .icon-mouse { font-family: 'icomoon'; content: "\eace"; } .icon-music-album { font-family: 'icomoon'; content: "\eacf"; } .icon-music-artist { font-family: 'icomoon'; content: "\ead0"; } .icon-music-notes { font-family: 'icomoon'; content: "\ead1"; } .icon-music-playlist { font-family: 'icomoon'; content: "\ead2"; } .icon-navigation-more { font-family: 'icomoon'; content: "\ead3"; } .icon-network { font-family: 'icomoon'; content: "\ead4"; } .icon-news-paper { font-family: 'icomoon'; content: "\ead5"; } .icon-notification { font-family: 'icomoon'; content: "\ead6"; } .icon-notifications { font-family: 'icomoon'; content: "\ead7"; } .icon-notifications-outline { font-family: 'icomoon'; content: "\ead8"; } .icon-paste1 { font-family: 'icomoon'; content: "\ead9"; } .icon-pause-outline { font-family: 'icomoon'; content: "\eadb"; } .icon-pause-solid { font-family: 'icomoon'; content: "\eadc"; } .icon-pause1 { font-family: 'icomoon'; content: "\eada"; } .icon-pen-tool1 { font-family: 'icomoon'; content: "\eadd"; } .icon-phone1 { font-family: 'icomoon'; content: "\eade"; } .icon-photo1 { font-family: 'icomoon'; content: "\eadf"; } .icon-php-elephant { font-family: 'icomoon'; content: "\eae0"; } .icon-pin { font-family: 'icomoon'; content: "\eae1"; } .icon-play-outline { font-family: 'icomoon'; content: "\eae3"; } .icon-play1 { font-family: 'icomoon'; content: "\eae2"; } .icon-playlist { font-family: 'icomoon'; content: "\eae4"; } .icon-plugin { font-family: 'icomoon'; content: "\eae5"; } .icon-portfolio { font-family: 'icomoon'; content: "\eae6"; } .icon-printer1 { font-family: 'icomoon'; content: "\eae7"; } .icon-pylon { font-family: 'icomoon'; content: "\eae8"; } .icon-question1 { font-family: 'icomoon'; content: "\eae9"; } .icon-queue { font-family: 'icomoon'; content: "\eaea"; } .icon-radar { font-family: 'icomoon'; content: "\eaeb"; } .icon-radarcopy2 { font-family: 'icomoon'; content: "\eaec"; } .icon-radio1 { font-family: 'icomoon'; content: "\eaed"; } .icon-refresh1 { font-family: 'icomoon'; content: "\eaee"; } .icon-reload { font-family: 'icomoon'; content: "\eaef"; } .icon-reply-all1 { font-family: 'icomoon'; content: "\eaf1"; } .icon-reply1 { font-family: 'icomoon'; content: "\eaf0"; } .icon-repost { font-family: 'icomoon'; content: "\eaf2"; } .icon-save-disk { font-family: 'icomoon'; content: "\eaf3"; } .icon-screen-full { font-family: 'icomoon'; content: "\eaf4"; } .icon-search1 { font-family: 'icomoon'; content: "\eaf5"; } .icon-send1 { font-family: 'icomoon'; content: "\eaf6"; } .icon-servers { font-family: 'icomoon'; content: "\eaf7"; } .icon-share-01 { font-family: 'icomoon'; content: "\eaf9"; } .icon-share-alt1 { font-family: 'icomoon'; content: "\eafa"; } .icon-share1 { font-family: 'icomoon'; content: "\eaf8"; } .icon-shield1 { font-family: 'icomoon'; content: "\eafb"; } .icon-shopping-cart1 { font-family: 'icomoon'; content: "\eafc"; } .icon-show-sidebar { font-family: 'icomoon'; content: "\eafd"; } .icon-shuffle1 { font-family: 'icomoon'; content: "\eafe"; } .icon-stand-by { font-family: 'icomoon'; content: "\eaff"; } .icon-star-full { font-family: 'icomoon'; content: "\eb00"; } .icon-station { font-family: 'icomoon'; content: "\eb01"; } .icon-step-backward1 { font-family: 'icomoon'; content: "\eb02"; } .icon-step-forward1 { font-family: 'icomoon'; content: "\eb03"; } .icon-stethoscope1 { font-family: 'icomoon'; content: "\eb04"; } .icon-store-front { font-family: 'icomoon'; content: "\eb05"; } .icon-stroke-width { font-family: 'icomoon'; content: "\eb06"; } .icon-subdirectory-left { font-family: 'icomoon'; content: "\eb07"; } .icon-subdirectory-right { font-family: 'icomoon'; content: "\eb08"; } .icon-swap { font-family: 'icomoon'; content: "\eb09"; } .icon-tablet1 { font-family: 'icomoon'; content: "\eb0a"; } .icon-tag1 { font-family: 'icomoon'; content: "\eb0b"; } .icon-target1 { font-family: 'icomoon'; content: "\eb0c"; } .icon-text-box { font-family: 'icomoon'; content: "\eb0d"; } .icon-text-decoration { font-family: 'icomoon'; content: "\eb0e"; } .icon-thermometer1 { font-family: 'icomoon'; content: "\eb0f"; } .icon-thumbs-down1 { font-family: 'icomoon'; content: "\eb10"; } .icon-thumbs-up1 { font-family: 'icomoon'; content: "\eb11"; } .icon-ticket1 { font-family: 'icomoon'; content: "\eb12"; } .icon-time { font-family: 'icomoon'; content: "\eb13"; } .icon-timer { font-family: 'icomoon'; content: "\eb14"; } .icon-toolscopy { font-family: 'icomoon'; content: "\eb15"; } .icon-translate { font-family: 'icomoon'; content: "\eb16"; } .icon-trash1 { font-family: 'icomoon'; content: "\eb17"; } .icon-travel { font-family: 'icomoon'; content: "\eb18"; } .icon-travel-bus { font-family: 'icomoon'; content: "\eb19"; } .icon-travel-car { font-family: 'icomoon'; content: "\eb1a"; } .icon-travel-case { font-family: 'icomoon'; content: "\eb1b"; } .icon-travel-taxi-cab { font-family: 'icomoon'; content: "\eb1c"; } .icon-travel-train { font-family: 'icomoon'; content: "\eb1d"; } .icon-travel-walk { font-family: 'icomoon'; content: "\eb1e"; } .icon-trophy1 { font-family: 'icomoon'; content: "\eb1f"; } .icon-tuning { font-family: 'icomoon'; content: "\eb20"; } .icon-upload1 { font-family: 'icomoon'; content: "\eb21"; } .icon-usb1 { font-family: 'icomoon'; content: "\eb22"; } .icon-user-add { font-family: 'icomoon'; content: "\eb24"; } .icon-user-group { font-family: 'icomoon'; content: "\eb25"; } .icon-user-solid-circle { font-family: 'icomoon'; content: "\eb26"; } .icon-user-solid-square { font-family: 'icomoon'; content: "\eb27"; } .icon-user1 { font-family: 'icomoon'; content: "\eb23"; } .icon-vector { font-family: 'icomoon'; content: "\eb28"; } .icon-video-camera1 { font-family: 'icomoon'; content: "\eb29"; } .icon-view-carousel { font-family: 'icomoon'; content: "\eb2a"; } .icon-view-column { font-family: 'icomoon'; content: "\eb2b"; } .icon-view-hide { font-family: 'icomoon'; content: "\eb2c"; } .icon-view-list { font-family: 'icomoon'; content: "\eb2d"; } .icon-view-show { font-family: 'icomoon'; content: "\eb2e"; } .icon-view-tile { font-family: 'icomoon'; content: "\eb2f"; } .icon-volume-down1 { font-family: 'icomoon'; content: "\eb30"; } .icon-volume-mute { font-family: 'icomoon'; content: "\eb31"; } .icon-volume-off1 { font-family: 'icomoon'; content: "\eb32"; } .icon-volume-up1 { font-family: 'icomoon'; content: "\eb33"; } .icon-wallet { font-family: 'icomoon'; content: "\eb34"; } .icon-watch1 { font-family: 'icomoon'; content: "\eb35"; } .icon-window { font-family: 'icomoon'; content: "\eb36"; } .icon-window-new { font-family: 'icomoon'; content: "\eb37"; } .icon-window-open { font-family: 'icomoon'; content: "\eb38"; } .icon-wrench1 { font-family: 'icomoon'; content: "\eb39"; } .icon-yin-yang { font-family: 'icomoon'; content: "\eb3a"; } .icon-zoom-in1 { font-family: 'icomoon'; content: "\eb3b"; } .icon-zoom-out1 { font-family: 'icomoon'; content: "\eb3c"; } .icon-check { font-family: 'icomoon'; content: "\ea5d"; } .icon-close { font-family: 'icomoon'; content: "\ea68"; } .icon-search { font-family: 'icomoon'; content: "\eaf5"; } .blue-1 { color: #ecf6fd; } .bg-blue-1 { background-color: #ecf6fd; } .bd-blue-1 { border-color: #ecf6fd; } .blue-2 { color: #d2eafb; } .bg-blue-2 { background-color: #d2eafb; } .bd-blue-2 { border-color: #d2eafb; } .blue-3 { color: #add8f7; } .bg-blue-3 { background-color: #add8f7; } .bd-blue-3 { border-color: #add8f7; } .blue-4 { color: #7ec2f3; } .bg-blue-4 { background-color: #7ec2f3; } .bd-blue-4 { border-color: #7ec2f3; } .blue-5 { color: #49a9ee; } .bg-blue-5 { background-color: #49a9ee; } .bd-blue-5 { border-color: #49a9ee; } .blue-6 { color: #108ee9; } .bg-blue-6 { background-color: #108ee9; } .bd-blue-6 { border-color: #108ee9; } .blue-7 { color: #0e77ca; } .bg-blue-7 { background-color: #0e77ca; } .bd-blue-7 { border-color: #0e77ca; } .blue-8 { color: #0c60aa; } .bg-blue-8 { background-color: #0c60aa; } .bd-blue-8 { border-color: #0c60aa; } .blue-9 { color: #09488a; } .bg-blue-9 { background-color: #09488a; } .bd-blue-9 { border-color: #09488a; } .blue-light { color: #d2eafb; } .bg-blue-light { background-color: #d2eafb; } .bd-blue-light { border-color: #d2eafb; } .blue-normal { color: #108ee9; } .bg-blue-normal { background-color: #108ee9; } .bd-blue-normal { border-color: #108ee9; } .blue-deep { color: #0c60aa; } .bg-blue-deep { background-color: #0c60aa; } .bd-blue-deep { border-color: #0c60aa; } .blue-10 { color: #073069; } .bg-blue-10 { background-color: #073069; } .bd-blue-10 { border-color: #073069; } .purple-1 { color: #f4f3fd; } .bg-purple-1 { background-color: #f4f3fd; } .bd-purple-1 { border-color: #f4f3fd; } .purple-2 { color: #e4e2fa; } .bg-purple-2 { background-color: #e4e2fa; } .bd-purple-2 { border-color: #e4e2fa; } .purple-3 { color: #cfcaf6; } .bg-purple-3 { background-color: #cfcaf6; } .bd-purple-3 { border-color: #cfcaf6; } .purple-4 { color: #b3acf2; } .bg-purple-4 { background-color: #b3acf2; } .bd-purple-4 { border-color: #b3acf2; } .purple-5 { color: #948aec; } .bg-purple-5 { background-color: #948aec; } .bd-purple-5 { border-color: #948aec; } .purple-6 { color: #7265e6; } .bg-purple-6 { background-color: #7265e6; } .bd-purple-6 { border-color: #7265e6; } .purple-7 { color: #6252cd; } .bg-purple-7 { background-color: #6252cd; } .bd-purple-7 { border-color: #6252cd; } .purple-8 { color: #533eb4; } .bg-purple-8 { background-color: #533eb4; } .bd-purple-8 { border-color: #533eb4; } .purple-9 { color: #42299a; } .bg-purple-9 { background-color: #42299a; } .bd-purple-9 { border-color: #42299a; } .purple-10 { color: #321580; } .bg-purple-10 { background-color: #321580; } .bd-purple-10 { border-color: #321580; } .purple-light { color: #e4e2fa; } .bg-purple-light { background-color: #e4e2fa; } .bd-purple-light { border-color: #e4e2fa; } .purple-normal { color: #948aec; } .bg-purple-normal { background-color: #948aec; } .bd-purple-normal { border-color: #948aec; } .purple-deep { color: #533eb4; } .bg-purple-deep { background-color: #533eb4; } .bd-purple-deep { border-color: #533eb4; } .cyan-1 { color: #ebf8f9; } .bg-cyan-1 { background-color: #ebf8f9; } .bd-cyan-1 { border-color: #ebf8f9; } .cyan-2 { color: #cfedf0; } .bg-cyan-2 { background-color: #cfedf0; } .bd-cyan-2 { border-color: #cfedf0; } .cyan-3 { color: #a7dfe3; } .bg-cyan-3 { background-color: #a7dfe3; } .bd-cyan-3 { border-color: #a7dfe3; } .cyan-4 { color: #76cdd3; } .bg-cyan-4 { background-color: #76cdd3; } .bd-cyan-4 { border-color: #76cdd3; } .cyan-5 { color: #3db8c1; } .bg-cyan-5 { background-color: #3db8c1; } .bd-cyan-5 { border-color: #3db8c1; } .cyan-6 { color: #00a2ae; } .bg-cyan-6 { background-color: #00a2ae; } .bd-cyan-6 { border-color: #00a2ae; } .cyan-7 { color: #008997; } .bg-cyan-7 { background-color: #008997; } .bd-cyan-7 { border-color: #008997; } .cyan-8 { color: #00707f; } .bg-cyan-8 { background-color: #00707f; } .bd-cyan-8 { border-color: #00707f; } .cyan-9 { color: #005667; } .bg-cyan-9 { background-color: #005667; } .bd-cyan-9 { border-color: #005667; } .cyan-10 { color: #003c4e; } .bg-cyan-10 { background-color: #003c4e; } .bd-cyan-10 { border-color: #003c4e; } .cyan-light { color: #cfedf0; } .bg-cyan-light { background-color: #cfedf0; } .bd-cyan-light { border-color: #cfedf0; } .cyan-normal { color: #3db8c1; } .bg-cyan-normal { background-color: #3db8c1; } .bd-cyan-normal { border-color: #3db8c1; } .cyan-deep { color: #00707f; } .bg-cyan-deep { background-color: #00707f; } .bd-cyan-deep { border-color: #00707f; } .green-1 { color: #ebf8f2; } .bg-green-1 { background-color: #ebf8f2; } .bd-green-1 { border-color: #ebf8f2; } .green-2 { color: #cfefdf; } .bg-green-2 { background-color: #cfefdf; } .bd-green-2 { border-color: #cfefdf; } .green-3 { color: #a7e1c4; } .bg-green-3 { background-color: #a7e1c4; } .bd-green-3 { border-color: #a7e1c4; } .green-4 { color: #76d0a3; } .bg-green-4 { background-color: #76d0a3; } .bd-green-4 { border-color: #76d0a3; } .green-5 { color: #3dbd7d; } .bg-green-5 { background-color: #3dbd7d; } .bd-green-5 { border-color: #3dbd7d; } .green-6 { color: #00a854; } .bg-green-6 { background-color: #00a854; } .bd-green-6 { border-color: #00a854; } .green-7 { color: #00924c; } .bg-green-7 { background-color: #00924c; } .bd-green-7 { border-color: #00924c; } .green-8 { color: #007b43; } .bg-green-8 { background-color: #007b43; } .bd-green-8 { border-color: #007b43; } .green-9 { color: #00643b; } .bg-green-9 { background-color: #00643b; } .bd-green-9 { border-color: #00643b; } .green-10 { color: #004c32; } .bg-green-10 { background-color: #004c32; } .bd-green-10 { border-color: #004c32; } .green-light { color: #a7e1c4; } .bg-green-light { background-color: #a7e1c4; } .bd-green-light { border-color: #a7e1c4; } .green-normal { color: #3dbd7d; } .bg-green-normal { background-color: #3dbd7d; } .bd-green-normal { border-color: #3dbd7d; } .green-deep { color: #007b43; } .bg-green-deep { background-color: #007b43; } .bd-green-deep { border-color: #007b43; } .pink-1 { color: #feeff5; } .bg-pink-1 { background-color: #feeff5; } .bd-pink-1 { border-color: #feeff5; } .pink-2 { color: #fdd8e7; } .bg-pink-2 { background-color: #fdd8e7; } .bd-pink-2 { border-color: #fdd8e7; } .pink-3 { color: #fcb8d3; } .bg-pink-3 { background-color: #fcb8d3; } .bd-pink-3 { border-color: #fcb8d3; } .pink-4 { color: #fa90ba; } .bg-pink-4 { background-color: #fa90ba; } .bd-pink-4 { border-color: #fa90ba; } .pink-5 { color: #f7629e; } .bg-pink-5 { background-color: #f7629e; } .bd-pink-5 { border-color: #f7629e; } .pink-6 { color: #f5317f; } .bg-pink-6 { background-color: #f5317f; } .bd-pink-6 { border-color: #f5317f; } .pink-7 { color: #dc277d; } .bg-pink-7 { background-color: #dc277d; } .bd-pink-7 { border-color: #dc277d; } .pink-8 { color: #c11c7b; } .bg-pink-8 { background-color: #c11c7b; } .bd-pink-8 { border-color: #c11c7b; } .pink-9 { color: #a71278; } .bg-pink-9 { background-color: #a71278; } .bd-pink-9 { border-color: #a71278; } .pink-10 { color: #8c0776; } .bg-pink-10 { background-color: #8c0776; } .bd-pink-10 { border-color: #8c0776; } .pink-light { color: #fdd8e7; } .bg-pink-light { background-color: #fdd8e7; } .bd-pink-light { border-color: #fdd8e7; } .pink-normal { color: #f7629e; } .bg-pink-normal { background-color: #f7629e; } .bd-pink-normal { border-color: #f7629e; } .pink-deep { color: #c11c7b; } .bg-pink-deep { background-color: #c11c7b; } .bd-pink-deep { border-color: #c11c7b; } .red-1 { color: #fef0ef; } .bg-red-1 { background-color: #fef0ef; } .bd-red-1 { border-color: #fef0ef; } .red-2 { color: #fcdbd9; } .bg-red-2 { background-color: #fcdbd9; } .bd-red-2 { border-color: #fcdbd9; } .red-3 { color: #fabeb9; } .bg-red-3 { background-color: #fabeb9; } .bd-red-3 { border-color: #fabeb9; } .red-4 { color: #f79992; } .bg-red-4 { background-color: #f79992; } .bd-red-4 { border-color: #f79992; } .red-5 { color: #f46e65; } .bg-red-5 { background-color: #f46e65; } .bd-red-5 { border-color: #f46e65; } .red-6 { color: #f04134; } .bg-red-6 { background-color: #f04134; } .bd-red-6 { border-color: #f04134; } .red-7 { color: #d73435; } .bg-red-7 { background-color: #d73435; } .bd-red-7 { border-color: #d73435; } .red-8 { color: #bd2636; } .bg-red-8 { background-color: #bd2636; } .bd-red-8 { border-color: #bd2636; } .red-9 { color: #a31837; } .bg-red-9 { background-color: #a31837; } .bd-red-9 { border-color: #a31837; } .red-10 { color: #880a38; } .bg-red-10 { background-color: #880a38; } .bd-red-10 { border-color: #880a38; } .red-light { color: #fcdbd9; } .bg-red-light { background-color: #fcdbd9; } .bd-red-light { border-color: #fcdbd9; } .red-normal { color: #f46e65; } .bg-red-normal { background-color: #f46e65; } .bd-red-normal { border-color: #f46e65; } .red-deep { color: #bd2636; } .bg-red-deep { background-color: #bd2636; } .bd-red-deep { border-color: #bd2636; } .orange-1 { color: #fef3eb; } .bg-orange-1 { background-color: #fef3eb; } .bd-orange-1 { border-color: #fef3eb; } .orange-2 { color: #fde3cf; } .bg-orange-2 { background-color: #fde3cf; } .bd-orange-2 { border-color: #fde3cf; } .orange-3 { color: #fccca7; } .bg-orange-3 { background-color: #fccca7; } .bd-orange-3 { border-color: #fccca7; } .orange-4 { color: #faaf76; } .bg-orange-4 { background-color: #faaf76; } .bd-orange-4 { border-color: #faaf76; } .orange-5 { color: #f78e3d; } .bg-orange-5 { background-color: #f78e3d; } .bd-orange-5 { border-color: #f78e3d; } .orange-6 { color: #f56a00; } .bg-orange-6 { background-color: #f56a00; } .bd-orange-6 { border-color: #f56a00; } .orange-7 { color: #d75000; } .bg-orange-7 { background-color: #d75000; } .bd-orange-7 { border-color: #d75000; } .orange-8 { color: #b93600; } .bg-orange-8 { background-color: #b93600; } .bd-orange-8 { border-color: #b93600; } .orange-9 { color: #991b00; } .bg-orange-9 { background-color: #991b00; } .bd-orange-9 { border-color: #991b00; } .orange-10 { color: #7a0000; } .bg-orange-10 { background-color: #7a0000; } .bd-orange-10 { border-color: #7a0000; } .orange-light { color: #fde3cf; } .bg-orange-light { background-color: #fde3cf; } .bd-orange-light { border-color: #fde3cf; } .orange-normal { color: #f78e3d; } .bg-orange-normal { background-color: #f78e3d; } .bd-orange-normal { border-color: #f78e3d; } .orange-deep { color: #b93600; } .bg-orange-deep { background-color: #b93600; } .bd-orange-deep { border-color: #b93600; } .yellow-1 { color: #fffaeb; } .bg-yellow-1 { background-color: #fffaeb; } .bd-yellow-1 { border-color: #fffaeb; } .yellow-2 { color: #fff3cf; } .bg-yellow-2 { background-color: #fff3cf; } .bd-yellow-2 { border-color: #fff3cf; } .yellow-3 { color: #ffe9a7; } .bg-yellow-3 { background-color: #ffe9a7; } .bd-yellow-3 { border-color: #ffe9a7; } .yellow-4 { color: #ffdd76; } .bg-yellow-4 { background-color: #ffdd76; } .bd-yellow-4 { border-color: #ffdd76; } .yellow-5 { color: #ffce3d; } .bg-yellow-5 { background-color: #ffce3d; } .bd-yellow-5 { border-color: #ffce3d; } .yellow-6 { color: #ffbf00; } .bg-yellow-6 { background-color: #ffbf00; } .bd-yellow-6 { border-color: #ffbf00; } .yellow-7 { color: #e09a00; } .bg-yellow-7 { background-color: #e09a00; } .bd-yellow-7 { border-color: #e09a00; } .yellow-8 { color: #c17500; } .bg-yellow-8 { background-color: #c17500; } .bd-yellow-8 { border-color: #c17500; } .yellow-9 { color: #a04f00; } .bg-yellow-9 { background-color: #a04f00; } .bd-yellow-9 { border-color: #a04f00; } .yellow-10 { color: #802800; } .bg-yellow-10 { background-color: #802800; } .bd-yellow-10 { border-color: #802800; } .yellow-light { color: #fff3cf; } .bg-yellow-light { background-color: #fff3cf; } .bd-yellow-light { border-color: #fff3cf; } .yellow-normal { color: #ffce3d; } .bg-yellow-normal { background-color: #ffce3d; } .bd-yellow-normal { border-color: #ffce3d; } .yellow-deep { color: #c17500; } .bg-yellow-deep { background-color: #c17500; } .bd-yellow-deep { border-color: #c17500; } .grey-1 { color: #fbfbfb; } .bg-grey-1 { background-color: #fbfbfb; } .bd-grey-1 { border-color: #fbfbfb; } .grey-2 { color: #f7f7f7; } .bg-grey-2 { background-color: #f7f7f7; } .bd-grey-2 { border-color: #f7f7f7; } .grey-3 { color: #f5f5f5; } .bg-grey-3 { background-color: #f5f5f5; } .bd-grey-3 { border-color: #f5f5f5; } .grey-4 { color: #e9e9e9; } .bg-grey-4 { background-color: #e9e9e9; } .bd-grey-4 { border-color: #e9e9e9; } .grey-5 { color: #d9d9d9; } .bg-grey-5 { background-color: #d9d9d9; } .bd-grey-5 { border-color: #d9d9d9; } .grey-6 { color: #bfbfbf; } .bg-grey-6 { background-color: #bfbfbf; } .bd-grey-6 { border-color: #bfbfbf; } .grey-7 { color: #919191; } .bg-grey-7 { background-color: #919191; } .bd-grey-7 { border-color: #919191; } .grey-8 { color: #5a5a5a; } .bg-grey-8 { background-color: #5a5a5a; } .bd-grey-8 { border-color: #5a5a5a; } .grey-9 { color: #404040; } .bg-grey-9 { background-color: #404040; } .bd-grey-9 { border-color: #404040; } .grey-10 { color: #222; } .bg-grey-10 { background-color: #222; } .bd-grey-10 { border-color: #222; } .grey-light { color: #f7f7f7; } .bg-grey-light { background-color: #f7f7f7; } .bd-grey-light { border-color: #f7f7f7; } .grey-normal { color: #bfbfbf; } .bg-grey-normal { background-color: #bfbfbf; } .bd-grey-normal { border-color: #bfbfbf; } .grey-deep { color: #5a5a5a; } .bg-grey-deep { background-color: #5a5a5a; } .bd-grey-deep { border-color: #5a5a5a; } .label { font-weight: 400; font-size: 1em; display: inline-block; padding: .25em .6em .3em; } .label-blue-deep { background: #0c60aa; border-color: #094a84; color: #fff; } .label-blue-normal { background: #108ee9; border-color: #0d77c3; color: #fff; } .label-blue-light { background: #d2eafb; border-color: #add9f8; color: #108ee9; } .label-purple-deep { background: #533eb4; border-color: #453496; color: #fff; } .label-purple-normal { background: #948aec; border-color: #7467e6; color: #fff; } .label-purple-light { background: #e4e2fa; border-color: #c4bff4; color: #533eb4; } .label-cyan-deep { background: #00707f; border-color: #004c56; color: #fff; } .label-cyan-normal { background: #3db8c1; border-color: #339aa2; color: #fff; } .label-cyan-light { background: #cfedf0; border-color: #b0e1e6; color: #00707f; } .label-green-deep { background: #007b43; border-color: #00522d; color: #fff; } .label-green-normal { background: #3dbd7d; border-color: #339e69; color: #fff; } .label-green-light { background: #a7e1c4; border-color: #89d7b0; color: #007b43; } .label-pink-deep { background: #c11c7b; border-color: #9d1764; color: #fff; } .label-pink-normal { background: #f7629e; border-color: #f53b86; color: #fff; } .label-pink-light { background: #fdd8e7; border-color: #fbb1cf; color: #c11c7b; } .label-red-deep { background: #bd2636; border-color: #9b1f2c; color: #fff; } .label-red-normal { background: #f46e65; border-color: #f14a3f; color: #fff; } .label-red-light { background: #fcdbd9; border-color: #f9b7b3; color: #bd2636; } .label-orange-deep { background: #b93600; border-color: #902a00; color: #fff; } .label-orange-normal { background: #f78e3d; border-color: #f57716; color: #fff; } .label-orange-light { background: #fde3cf; border-color: #fbcca8; color: #b93600; } .label-yellow-deep { background: #c17500; border-color: #985c00; color: #fff; } .label-yellow-normal { background: #ffce3d; border-color: #ffc414; color: #fff; } .label-yellow-light { background: #fff3cf; border-color: #ffe9a6; color: #c17500; } .label-grey-deep { background: #5a5a5a; border-color: #464646; color: #fff; } .label-grey-normal { background: #bfbfbf; border-color: #ababab; color: #fff; } .label-grey-light { background: #f7f7f7; border-color: #e3e3e3; color: #5a5a5a; } .info-alert { border-radius: 3px; line-height: 1.6em; margin: 0 auto; padding: 5px 4px; font-style: normal; text-align: center; background: #e6f7ff; border: 1px solid #cbecff; color: #798e9a; } .info-alert .info-alert { background-color: rgba(0,0,0,0.05) !important; } .info-alert.info-alert-grey, .info-alert.info-alert-normal { background: #fafafa; border-color: #eee; color: #888; } .info-alert.info-alert-yellow, .info-alert.info-alert-warning { background: #fffbe6; border-color: #f5edc3; color: #96883c; } .info-alert.info-alert-green, .info-alert.info-alert-success { background: #f6ffed; border-color: #b7eb8f; color: #758c6c; } .info-alert.info-alert-blue, .info-alert.info-alert-primary { background: #e6f7ff; border-color: #cbecff; color: #798e9a; } .info-alert.info-alert-red, .info-alert.info-alert-error { background: #fff1f0; border-color: #ffa39e; color: #b58886; } button, .btn, .kui-btn { white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; cursor: pointer; outline: none; user-select: none; transition: all 0.16s; } button[disabled], .btn[disabled], .kui-btn[disabled], input[disabled] { cursor: not-allowed; opacity: 0.6; } .kui-btn { padding: 0.4em 1.5em; display: inline-block; line-height: 1.2; font-size: 13px; border-radius: 0.2em; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075); text-shadow: 0 -1px 0 rgba(0,0,0,0.1); color: #777; border: 1px solid #ddd; background: #fefefe; } .kui-btn:hover { background: #eee; } .kui-btn:active { background: #ddd; box-shadow: 0 0 0 0.2em rgba(0,0,0,0.05); } .kui-btn.btn-radius { border-radius: 3em; } .kui-btn .font-icon { position: relative; top: 2px; padding-right: 2px; } .kui-btn-default, .kui-btn-blue { color: #fff; border: 1px solid #007cee; background: #1890ff; } .kui-btn-default:hover, .kui-btn-blue:hover { background: #007cee; } .kui-btn-default:active, .kui-btn-blue:active { background: #0069cb; box-shadow: 0 0 0 0.2em rgba(24,144,255,0.2); } .kui-btn-success, .kui-btn-green { color: #fff; border: 1px solid #529d2e; background: #63bd37; } .kui-btn-success:hover, .kui-btn-green:hover { background: #529d2e; } .kui-btn-success:active, .kui-btn-green:active { background: #448226; box-shadow: 0 0 0 0.2em rgba(99,189,55,0.2); } .kui-btn-error, .kui-btn-red { color: #fff; border: 1px solid #ff2427; background: #ff4d4f; } .kui-btn-error:hover, .kui-btn-red:hover { background: #ff2427; } .kui-btn-error:active, .kui-btn-red:active { background: #ff0003; box-shadow: 0 0 0 0.2em rgba(255,77,79,0.2); } .kui-btn-warning, .kui-btn-yellow { color: #fff; border: 1px solid #e09705; background: #faad14; } .kui-btn-warning:hover, .kui-btn-yellow:hover { background: #e09705; } .kui-btn-warning:active, .kui-btn-yellow:active { background: #bd7f04; box-shadow: 0 0 0 0.2em rgba(250,173,20,0.2); } .kui-btn-normal, .kui-btn-grey { color: #777; border: 1px solid #ddd; background: #fefefe; } .kui-btn-normal:hover, .kui-btn-grey:hover { background: #eee; } .kui-btn-normal:active, .kui-btn-grey:active { background: #ddd; box-shadow: 0 0 0 0.2em rgba(0,0,0,0.05); } .btn { padding: 6px 14px; border-radius: 3px; } .btn:focus { outline: none; } .btn.btn-default .font-icon { color: #999; } .btn.btn-default:active, .btn.btn-default.active { border-color: #ADADAD; color: #888; } .btn.btn-left { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn.btn-middle { border-radius: 0; } .btn.btn-right { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; } .btn.btn-normal { padding: 4px 12px; } .btn.btn-sm { padding: 2px 10px; } .btn.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .btn.btn-active { background: #63acff !important; border-color: #4fa1ff !important; border-bottom-color: #449cff !important; z-index: 100; text-shadow: none; color: #fff !important; background-image: none !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc2ff', endColorstr='#63acff'); background-image: -webkit-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -moz-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -o-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: -ms-linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); background-image: linear-gradient(to bottom,#8cc2ff 0,#63acff 100%); -pie-background: linear-gradient(to to bottom,#8cc2ff 0,#63acff 100%); } .btn.btn-active .font-icon { color: #fff; } .btn.btn-active:hover, .btn.btn-active:active { background: #3a96ff !important; border-color: #268bff !important; border-bottom-color: #1c86ff !important; z-index: 100; text-shadow: none; color: #fff !important; background-image: none !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63acff', endColorstr='#3a96ff'); background-image: -webkit-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -moz-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -o-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: -ms-linear-gradient(to bottom,#63acff 0,#3a96ff 100%); background-image: linear-gradient(to bottom,#63acff 0,#3a96ff 100%); -pie-background: linear-gradient(to to bottom,#63acff 0,#3a96ff 100%); } .btn.btn-active:hover .font-icon, .btn.btn-active:active .font-icon { color: #fff; } .btn, .btn-group>.btn, .btn-group-sm>.btn { border-radius: 0px; background-image: none; } .btn.btn-default, .btn-group>.btn.btn-default, .btn-group-sm>.btn.btn-default { border-color: #ddd; } .btn.btn-default:focus, .btn.btn-default:hover, .btn-group>.btn.btn-default:focus, .btn-group>.btn.btn-default:hover, .btn-group-sm>.btn.btn-default:focus, .btn-group-sm>.btn.btn-default:hover { background-color: #e4f8ff; border-color: #aedaff; } .btn.btn-default:active, .btn.btn-default.active, .btn-group>.btn.btn-default:active, .btn-group>.btn.btn-default.active, .btn-group-sm>.btn.btn-default:active, .btn-group-sm>.btn.btn-default.active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .btn-group.disabled { opacity: 0.6; filter: alpha(opacity=60); } body { font-size: 12px; padding: 0px; margin: 0px; font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } textarea, input, button, pre, p, .can-select { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } textarea, input, button, pre, p { font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; } input[type="text"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; appearance: none; padding: 1px; border-radius: 0; } blockquote { padding: 10px 20px; margin: 0 0 20px 1em; border-left: 10px solid #eee; background: #f6f6f6; } blockquote p { font-size: 1em; margin: 0px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; } pre, code { tab-size: 4; border: none; border-radius: 0; font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; } label { font-weight: normal; } table { border-collapse: collapse; } a { color: #40a9ff; text-decoration: none; } a:hover, a:active { color: #1890ff; border-color: #1890ff; } a:focus { outline: none !important; } ::-webkit-scrollbar-track-piece { background-color: rgba(180,180,180,0.06); border-radius: 3px; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background-color: rgba(180,180,180,0.2); border-radius: 12px; background-clip: padding-box; border: 1px solid rgba(180,180,180,0.4); min-height: 28px; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(180,180,180,0.4); border: 1px solid rgba(180,180,180,0.7); } ::placeholder { opacity: 0.4; } [link-href], a { cursor: pointer; } .can-select { -khtml-user-select: text !important; -webkit-touch-callout: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; user-select: text !important; } .can-not-select { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } *, *:before, *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } *:focus { outline: none; } .fl { float: left; } .fl-left { float: left; } .fl-right { float: right; } .disable, .disabled { cursor: not-allowed; opacity: 0.6; } .disable-event { cursor: not-allowed; opacity: 0.6; pointer-events: none; } .clear { clear: both; } .hidden { display: none; } .border-radius-none { border-radius: 0 !important; } .font-normal { font-weight: 800; } .font-bold, .bold { font-weight: 800; } .font-400 { font-weight: 400; } .font-800 { font-weight: 800; } .size12 { font-size: 12px; } .size14 { font-size: 14px; } .size16 { font-size: 16px; } .size18 { font-size: 18px; } .size20 { font-size: 20px; } .size22 { font-size: 22px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .no-animate { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .translation-fast { -webkit-transition: all 0.168s ease-in-out; -moz-transition: all 0.168s ease-in-out; -o-transition: all 0.168s ease-in-out; -ms-transition: all 0.168s ease-in-out; transition: all 0.168s ease-in-out; } .translation-normal { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .translation-slow { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .translation-200 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .translation-300 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .translation-500 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .translation-1000 { -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .aui-content .ajaxError { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; color: #f60; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 40px; overflow: auto; padding: 10px; } .h1, h1 { font-size: 2.2em; } .h2, h2 { font-size: 1.8em; } .h3, h3 { font-size: 1.6em; } .h4, h4 { font-size: 1.3em; } .h5, h5 { font-size: 1.2em; } .info-alert li { list-style: none; } .info-alert li:before { font-family: 'icomoon'; content: "\eb00"; opacity: 0.6; display: inline-block; width: 1.5em; text-align: left; font-size: 0.8em; } body > div > svg { display: none; } .frame-fullscreen { position: fixed; z-index: 99999999; left: 0; top: 0; } .font-icon { font-style: normal; color: inherit; } .dragMaskView { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 888; background: #fff; opacity: 0.01; filter: alpha(opacity=1); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .content-box .ace_cjk { width: 1em !important; } .content-box .ace_static_highlight { font-size: 1.15em; } .aui-buttons button { font-size: 1em; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dialog-change-max, .dialog-change-max .aui-main { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; } .aui-title span { position: absolute; width: 80%; overflow: hidden; height: 30px; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; } .less-error-message { display: none; } .ps__rail-x, .ps__rail-y { z-index: 99999; } [class^="icon-"], [class*=" icon-"] { background-image: auto; } .btn-group-sm>.btn { padding: 4px 10px; line-height: 1em; } .btn-group-normal>.btn { padding: 5px 15px; } .dropdown-menu { left: auto; right: 0px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 4px 30px rgba(0,0,0,0.15); font-size: inherit; max-height: 460px; margin-top: 0; } .dropdown-menu>li>a:hover, .dropdown-menu .this a, .dropdown-menu>li>a:focus { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background-image: none; filter: none; background: #63acff; color: #fff; } .dropdown-menu>li>a { font-weight: inherit; color: #666; } .dropdown-menu>li>a .font-icon { opacity: 0.8; } .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-bottom: 6px solid #FFF; position: absolute; top: -6px; right: 10px; } .dropdown-menu:before { content: ''; left: auto; right: 12px; display: inline-block; position: absolute; border-left: 7px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0); top: -7px; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0,0,0,0.2); right: 9px; } .dropdown-menu.pull-left:after { right: auto; left: 10px; } .dropdown-menu.pull-left:before { right: auto; left: 9px; } .dropdown-menu.menu-top:after { content: ''; display: inline-block; border-left: 6px solid rgba(0,0,0,0); top: inherit; border-right: 6px solid rgba(0,0,0,0); border-top: 6px solid #FFF; border-bottom: none; position: absolute; bottom: -6px; right: 10px; } .dropdown-menu.menu-top:before { content: ''; left: auto; right: 12px; display: inline-block; position: absolute; border-bottom: none; border-left: 7px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0); bottom: -7px; border-top: 7px solid #CCC; border-top-color: rgba(0,0,0,0.2); right: 9px; top: inherit; } .dropdown-menu .divider { margin: 0.3em 0; } body .context-menu-list .context-menu-item.hover { background: #63acff; } body .aui-outer { *border: 1px solid #7dbaff; border: 1px solid #7dbaff \0/IE9; border: 1px solid #7dbaff; } input { border: 1px solid #ddd; background: #fff; outline: none; } input[type="radio"], input[type="checkbox"] { border: none; background: none; } .maskViewContent .upload-tips { text-align: center; } .maskViewContent .upload-tips .icon-cloud { opacity: 0.8; } .maskViewContent .upload-tips .icon-cloud.cloud2 { font-size: 180px; } .maskViewContent .upload-tips .icon-cloud.cloud1, .maskViewContent .upload-tips .icon-cloud.cloud3 { position: absolute; opacity: 0.6; } .maskViewContent .upload-tips .icon-cloud.cloud1 { margin-left: -60px; margin-top: 110px; -webkit-animation: moveLeftLoop 8.0s infinite ease-in-out; animation: moveLeftLoop 8.0s infinite ease-in-out; } .maskViewContent .upload-tips .icon-cloud.cloud3 { margin-left: -50px; margin-top: 60px; font-size: 60px; animation-delay: 4s; -webkit-animation-delay: 4s; -webkit-animation: moveLeftLoop 10.0s infinite ease-in-out; animation: moveLeftLoop 10.0s infinite ease-in-out; } .maskViewContent .upload-tips .cloud-moveup { height: 70px; } .maskViewContent .upload-tips .cloud-moveup i { position: absolute; margin-left: -23px; margin-top: -16px; } body#page-desktop .topbar .content .topbar-menu { border-color: rgba(255,255,255,0.01); } .full-background { position: absolute; overflow: hidden; z-index: 0; } .aero:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; content: ''; -webkit-filter: blur(4px) brightness(1.0); filter: blur(4px) brightness(1.0); clip-path: inset(0); } .aero:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; clip-path: inset(0); } .task-tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; padding-left: 50px; z-index: 100; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444; border-top: 1px solid rgba(0,0,0,0.01); background: none; background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(113,113,113,0.3) 100%); border: none; bottom: 0px; } .task-tab .tabs { height: 100%; margin-right: 20px; margin-right: 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .task-tab .tabs .tab { float: left; height: 29px; margin-right: 2px; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000, 0px 0px 5px #000; color: #fff; border-radius: 3px; cursor: default; overflow: hidden; font-size: 1em; box-shadow: 0 0 6px #666; padding-left: 4px; word-break: break-all; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.3)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.3),rgba(255,255,255,0)); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .task-tab .tabs .tab.hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0)); } .task-tab .tabs .tab.this { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.7),rgba(255,255,255,0)); box-shadow: 0 0 6px #000; } .tasktab-dragging { position: fixed; position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; text-shadow: 0 0 3px #000; box-shadow: 0 0 6px #000; padding-left: 4px; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; cursor: default; color: #fff; overflow: hidden; font-size: 1em; word-break: break-all; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.8)', endColorstr='rgba(255,255,255,0.2)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); } .init-loading { position: fixed; left: 50%; top: 50%; margin-left: -52px; margin-top: -45px; font-size: 1.25em; z-index: 999999; width: auto; } .init-loading div { padding: 20px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); margin: 0 auto; color: #FFF; border-radius: 6px; text-align: center; line-height: 50px; } .init-loading img { border-radius: 10px; } .space-info-bar { width: 110px; } .space-info-bar .space-process { width: 110px; height: 6px; overflow: hidden; background-color: #ddd; margin: 0px; border-radius: 5px; } .space-info-bar .space-process .space-process-use { width: 20%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; height: 100%; background-color: #428bca; border-radius: 5px; } .space-info-bar .space-process .space-process-use.warning { background-color: #f00 !important; } .appbox { overflow: hidden; padding: 0px 10px 0 0; } .appbox .appline { width: 100%; margin-bottom: 10px; line-height: 20px; overflow: hidden; } .appbox .appline .left { float: left; width: 80px; text-align: right; padding-right: 14px; } .appbox .appline .right { float: left; } .appbox .appline input { margin-right: 5px; } .appbox .appline label { display: inline-block; margin-left: -10px; padding: 0 5px; } .appbox .appline input[type=text], .appbox .appline textarea { width: 275px; padding: 0px 5px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 28px; border-radius: 3px; } .appbox .appline input[type=text]:hover, .appbox .appline input[type=text]:active, .appbox .appline textarea:hover, .appbox .appline textarea:active { border-color: #75A1F0; } .appbox .appline input[type=text]:focus, .appbox .appline textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .appbox .appline input[type=text].disabled, .appbox .appline input[type=text][readonly='true'], .appbox .appline textarea.disabled, .appbox .appline textarea[readonly='true'] { opacity: 0.7; } .appbox .appline input[type=text].disabled:hover, .appbox .appline input[type=text].disabled:active, .appbox .appline input[type=text][readonly='true']:hover, .appbox .appline input[type=text][readonly='true']:active, .appbox .appline textarea.disabled:hover, .appbox .appline textarea.disabled:active, .appbox .appline textarea[readonly='true']:hover, .appbox .appline textarea[readonly='true']:active { border-color: #ddd; } .appbox .appline input[type=text].disabled:focus, .appbox .appline input[type=text][readonly='true']:focus, .appbox .appline textarea.disabled:focus, .appbox .appline textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .appbox .appline input[type=text].w30 { width: 50px; } .appbox .appline input[type=text].w20 { width: 30px; } .appbox .appline textarea { height: 100px; } .appbox .appline.icon input { width: 232px; } .appbox .appline.icon a { padding: 2px 4px; top: 0px; border: 1px solid #CCC; } .appbox .appline.icon .open { margin-left: -12px; cursor: pointer; margin-top: -4px; font-size: 14px; padding: 3px 1em 4px 1em; } .appbox .appline.icon a img { width: 20px; height: 20px; } .dropdown-menu.menu-topbar-user { right: 6px; } .version-vip { height: 18px; line-height: 18px; display: inline-block; padding-right: 1em; color: #eee; background: #bbb; cursor: pointer; } .version-vip.vip-1 { color: #bdeaff; background: #03a9f4; } .version-vip.vip-2 { color: #ea9df7; background: #9c27b0; } .version-vip.vip-3, .version-vip.vip-4, .version-vip.vip-5, .version-vip.vip-6 { color: #fff; background: #ffc107; } .version-vip:hover, .version-vip:active { opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; } .admin-setting-page .tab-group .version-vip { position: absolute; opacity: 0.8; right: 0px; bottom: 5px; z-index: 10; } .version-license { width: 250px; height: 250px; overflow: hidden; position: absolute; z-index: 9999; pointer-events: none; top: 0px; left: 0px; } .version-license a.line { position: absolute; pointer-events: all; width: 300px; height: 60px; line-height: 60px; left: -70px; top: 40px; font-size: 20px; background: #FF9800; background: linear-gradient(to top left,#FF9800,#FF5722); text-decoration: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2; -moz-transition: all 0.2; -o-transition: all 0.2; -ms-transition: all 0.2; transition: all 0.2; text-align: center; color: #fff; opacity: 0.9; filter: alpha(opacity=90); } .version-license a.line:hover, .version-license a.line:active { opacity: 0.7; filter: alpha(opacity=70); } .dialog-copyright { width: 400px !important; } .dialog-copyright, .share-dialog, .check-version-dialog { min-width: 425px; } .dialog-copyright.dialog-simple .aui-outer, .share-dialog.dialog-simple .aui-outer, .check-version-dialog.dialog-simple .aui-outer { overflow: inherit; box-shadow: 0 0px 60px rgba(0,0,0,0.4); border-radius: 5px; border: none; } .dialog-copyright.dialog-simple .aui-outer, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in, .share-dialog.dialog-simple .aui-outer, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in, .check-version-dialog.dialog-simple .aui-outer, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in { border: none; } .dialog-copyright.dialog-simple .aui-outer .aui-main, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in .aui-main, .share-dialog.dialog-simple .aui-outer .aui-main, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main, .check-version-dialog.dialog-simple .aui-outer .aui-main, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-main { border: none; } .dialog-copyright.dialog-simple .aui-outer .aui-header, .dialog-copyright.dialog-simple .aui-outer.dialog-mouse-in .aui-header, .share-dialog.dialog-simple .aui-outer .aui-header, .share-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header, .check-version-dialog.dialog-simple .aui-outer .aui-header, .check-version-dialog.dialog-simple .aui-outer.dialog-mouse-in .aui-header { border: none; } .dialog-copyright.dialog-simple .aui-header, .share-dialog.dialog-simple .aui-header, .check-version-dialog.dialog-simple .aui-header { background: transparent; opacity: 1.0; filter: alpha(opacity=100); border: none; } .dialog-copyright.dialog-simple .aui-nw, .dialog-copyright.dialog-simple .aui-n, .dialog-copyright.dialog-simple .aui-ne, .dialog-copyright.dialog-simple .aui-w, .dialog-copyright.dialog-simple .aui-e, .dialog-copyright.dialog-simple .aui-sw, .dialog-copyright.dialog-simple .aui-s, .dialog-copyright.dialog-simple .aui-se, .share-dialog.dialog-simple .aui-nw, .share-dialog.dialog-simple .aui-n, .share-dialog.dialog-simple .aui-ne, .share-dialog.dialog-simple .aui-w, .share-dialog.dialog-simple .aui-e, .share-dialog.dialog-simple .aui-sw, .share-dialog.dialog-simple .aui-s, .share-dialog.dialog-simple .aui-se, .check-version-dialog.dialog-simple .aui-nw, .check-version-dialog.dialog-simple .aui-n, .check-version-dialog.dialog-simple .aui-ne, .check-version-dialog.dialog-simple .aui-w, .check-version-dialog.dialog-simple .aui-e, .check-version-dialog.dialog-simple .aui-sw, .check-version-dialog.dialog-simple .aui-s, .check-version-dialog.dialog-simple .aui-se { height: 0px; width: 0px; background: none; } .dialog-copyright.dialog-simple .aui-inner, .share-dialog.dialog-simple .aui-inner, .check-version-dialog.dialog-simple .aui-inner { border: none; background: none; } .dialog-copyright.dialog-simple .aui-title, .share-dialog.dialog-simple .aui-title, .check-version-dialog.dialog-simple .aui-title { opacity: 0.01; filter: alpha(opacity=1); top: 0px; position: absolute; width: 100%; height: 100%; z-index: 5; } .dialog-copyright.dialog-simple .aui-min, .dialog-copyright.dialog-simple .aui-max, .share-dialog.dialog-simple .aui-min, .share-dialog.dialog-simple .aui-max, .check-version-dialog.dialog-simple .aui-min, .check-version-dialog.dialog-simple .aui-max { display: none; } .dialog-copyright.dialog-simple .aui-title-bar, .share-dialog.dialog-simple .aui-title-bar, .check-version-dialog.dialog-simple .aui-title-bar { bottom: 0px; overflow: hidden; height: 100px; position: absolute; margin-top: -120px; top: 120px; margin-left: 0px; border-radius: 4px; } .dialog-copyright.dialog-simple .aui-close, .share-dialog.dialog-simple .aui-close, .check-version-dialog.dialog-simple .aui-close { opacity: 0.6; filter: alpha(opacity=60); background: rgba(0,0,0,0.5); width: 100px; height: 100px; top: -50px; right: -50px; border-radius: 50px; text-align: left; font-size: 20px; z-index: 100; padding: 0; } .dialog-copyright.dialog-simple .aui-close:hover, .share-dialog.dialog-simple .aui-close:hover, .check-version-dialog.dialog-simple .aui-close:hover { opacity: 0.6; filter: alpha(opacity=60); } .dialog-copyright.dialog-simple .aui-close:active, .share-dialog.dialog-simple .aui-close:active, .check-version-dialog.dialog-simple .aui-close:active { opacity: 1.0; filter: alpha(opacity=100); } .dialog-copyright.dialog-simple .aui-close::before, .share-dialog.dialog-simple .aui-close::before, .check-version-dialog.dialog-simple .aui-close::before { padding-left: 22px; line-height: 140px; } .dialog-copyright .aui-footer, .share-dialog .aui-footer, .check-version-dialog .aui-footer { display: none; } .check-version-dialog .update-box { margin-top: 0px; } .dialog-copyright .dialog-copyright-content, .check-version-dialog .aui-content { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; width: auto; border-radius: 6px; min-width: 400px; -webkit-box-shadow: 0px 10px 60px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 60px rgba(0,0,0,0.4); box-shadow: 0px 10px 60px rgba(0,0,0,0.4); border: 1px solid #ccc \9; padding-bottom: 30px; background: #fff; background: rgba(255,255,255,0.9); } .dialog-copyright .dialog-copyright-content .title, .check-version-dialog .aui-content .title { width: 100%; background: #6699cc url("../../images/wall_page/6.jpg"); height: 150px; background-position: -100px -10px; background-size: 145%; padding-top: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .dialog-copyright .dialog-copyright-content .title .logo, .check-version-dialog .aui-content .title .logo { text-align: center; font-size: 35px; width: 100%; padding-top: 40px; color: #aaddff; margin: 0 auto; overflow: hidden; line-height: 100px; max-width: 90%; height: 90px; padding-top: 15px; } .dialog-copyright .dialog-copyright-content .title .logo-text, .dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .logo-text, .check-version-dialog .aui-content .title .info { -webkit-box-reflect: below -13px -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(255,255,255,0.2))); background-image: -webkit-linear-gradient(92deg,#FFFFFF,#14A1FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 6s 100 linear; } .dialog-copyright .dialog-copyright-content .title .logo i, .check-version-dialog .aui-content .title .logo i { color: #aaddff; font-weight: 400; margin-right: 10px; } .dialog-copyright .dialog-copyright-content .title .info, .check-version-dialog .aui-content .title .info { text-align: right; font-size: 1.15em; color: #aaddff; padding-right: 14px; padding-top: 10px; } .dialog-copyright .dialog-copyright-content .title .logo img, .check-version-dialog .aui-content .title .logo img { max-width: 100%; max-height: 120px; } .dialog-copyright .dialog-copyright-content .content, .check-version-dialog .aui-content .content { padding: 20px; } .dialog-copyright .dialog-copyright-content .content p, .check-version-dialog .aui-content .content p { text-indent: 2em; color: #333; margin-bottom: 30px; } .dialog-copyright .dialog-copyright-content .content a, .check-version-dialog .aui-content .content a { padding-right: 5px; } .dialog-copyright .dialog-copyright-content .content div, .check-version-dialog .aui-content .content div { text-align: center; padding-bottom: 5px; } .check-version-dialog.dialog-simple .aui-title-bar { margin-top: -120px; } body div.file-continer .file.file-not-writeable, body .frame-main .frame-left .ztree a.file-not-writeable { opacity: 0.8; filter: alpha(opacity=80); } body div.file-continer .file.file-not-readable, body .frame-main .frame-left .ztree a.file-not-readable { opacity: 0.5; filter: alpha(opacity=50); } body div.file-continer .file.file-not-exists, body .frame-main .frame-left .ztree a.file-not-exists { opacity: 0.5; filter: alpha(opacity=50); color: #f5222d !important; } .badge-tag { position: absolute; right: 5px; margin-top: -35px; padding: 0 6px; font-weight: 800; font-style: normal; height: 20px; min-width: 15px; line-height: 20px; border-radius: 10px; background: #f5222d; color: #fff; text-align: center; } .movie-player-dialog { overflow: hidden; } .flash-player { width: 100%; height: 100%; } .wmp-player { width: 0%; height: 0%; } .movie-player-dialog .aui-content { background: #000; } .dialog-path-remove .aui-content { word-wrap: break-word; width: auto; } @media print { div.topbar, div.common-footer { display: none !important; } html body { position: inherit; overflow: auto; } body div.frame-main { bottom: 0px; top: -20px; position: inherit; } div.content-box.markdown-preview { margin-top: 0 !important; margin-bottom: 0px !important; } body div.show-code, body div.show-code pre { left: 0; right: 0; position: inherit; padding: 10px 20px; } } .message-box { position: absolute; top: 15%; left: 0px; z-index: 88; background: #63acff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none; } .message-box .content { padding: 10px 30px; line-height: 20px; width: auto; } .aui-outer { text-align: left; position: relative; } .aui-mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01; filter: alpha(opacity=1); } .aui-loading { height: 100%; width: 100%; overflow: hidden; opacity: 0.7; filter: alpha(opacity=70); top: 16px; position: absolute; left: 0; z-index: 9999; text-align: center; text-indent: -999em; } .aui-loading span { width: 80px; height: 80px; border-radius: 6px; background: #fff url("../../images/common/dialog/dialog_loading.gif") no-repeat center center; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; } table.aui-border, table.aui-dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse; } .aui-nw, .aui-n, .aui-ne, .aui-w, .aui-c, .aui-e, .aui-sw, .aui-s, .aui-se, .aui-header, .aui-td-icon, .aui-main, .aui-footer { padding: 0; } .aui-header, .aui-buttons button { font: 12px/1.11; } .aui-title { overflow: hidden; text-overflow: ellipsis; font-size: 1em; } .aui-title .path-ico { width: 20px; height: 20px; margin-right: 5px; border-radius: 4px; cursor: pointer; } .aui-title .path-ico img { vertical-align: baseline; } .aui-title img { width: 16px; height: 16px; margin-right: 6px; } .aui-title .path-ico:hover, .aui-title .path-ico:active { transform: scale(1.1,1.1); } .aui-state-no-title .aui-title { display: none; } .aui-main { text-align: center; background: #FFF; min-width: 9em; min-width: 0 \9; visibility: auto; } .aui-content { text-align: left; color: #666; border: none 0; width: 100%; height: 100%; position: relative; } .aui-content.aui-state-full { display: block; width: 100%; margin: 0; padding: 0 !important; height: 100%; } .aui-icon { vertical-align: middle; background: #fff; } .aui-icon div { width: 48px; height: 48px; margin: 10px 0 10px 10px; background-position: center center; background-repeat: no-repeat; } .aui-buttons { padding: 10px 8px; text-align: right; white-space: nowrap; background-color: #F6F6F6; border-top: solid 1px #DADEE5; } .aui-buttons button { margin-left: 15px; padding: 3px 20px; height: 25px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; overflow: visible; color: #000000; border: none; background: #aaa; color: #fff; } .aui-buttons button:focus { outline: none 0; } .aui-buttons button:hover { background: #c4c4c4; } .aui-buttons button:active { background: #777777; } .aui-buttons button[disabled] { cursor: default; color: #919191; background: #aaa; opacity: 0.5; filter: alpha(opacity=50); } .aui-buttons button::-moz-focus-inner { border: 0; padding: 0; margin: 0; } .aui-buttons button.aui-state-highlight { color: #FFF; background: #63acff; } .aui-buttons button.aui-state-highlight:hover { color: #FFF; background: #96c7ff; } .aui-buttons button.aui-state-highlight:active { background: #0076fc; } .aui-buttons button.disable, .aui-buttons button.disabled { opacity: 0.3; filter: alpha(opacity=30); } .aui-outer { border: 0px solid #63acff; -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.6); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.6); box-shadow: 0px 5px 20px rgba(0,0,0,0.6); -webkit-transition: box-shadow 0.1s opacity 0.2s; -moz-transition: box-shadow 0.1s opacity 0.2s; -o-transition: box-shadow 0.1s opacity 0.2s; -ms-transition: box-shadow 0.1s opacity 0.2s; transition: box-shadow 0.1s opacity 0.2s; } .aui-state-lock .aui-nw, .aui-state-lock .aui-n, .aui-state-lock .aui-ne, .aui-state-lock .aui-w, .aui-state-lock .aui-e, .aui-state-lock .aui-sw, .aui-state-lock .aui-s, .aui-state-lock .aui-se { background: rgba(0,0,0,0.5); background: #000 \9 !important; opacity: 0.5; filter: alpha(opacity=50); } .aui-title-bar { position: relative; height: 100%; } .aui-title { height: 31px; line-height: 30px; padding: 0 28px 0 10px; color: #fff; background-color: #7dbaff; white-space: nowrap; } .aui-state-focus .aui-mask { display: none; } .aui-state-focus .aui-outer { -webkit-box-shadow: 0px 5px 40px rgba(0,0,0,0.7); -moz-box-shadow: 0px 5px 40px rgba(0,0,0,0.7); box-shadow: 0px 5px 40px rgba(0,0,0,0.7); } .aui-state-focus .aui-title { background-color: #63acff; } .aui-state-drag .aui-title { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .aui-min, .aui-max, .aui-close { display: block; position: absolute; text-decoration: none; outline: none; cursor: pointer; font-size: 1.25em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; color: #fff; border-top: none; top: 0px; height: 22px; width: 35px; font-size: 1.15em; line-height: 22px; text-align: center; background-color: transparent; height: 24px; width: 38px; line-height: 25px; color: #ffffff; } .aui-min:hover, .aui-min:active, .aui-max:hover, .aui-max:active, .aui-close:hover, .aui-close:active { text-decoration: none; color: #fff; background-color: #1783ff; } .aui-close:hover, .aui-close:active { background: #cc0000; } .aui-min { right: 82px; font-family: 'icomoon'; content: "\f068"; } .aui-max { right: 43px; font-family: 'icomoon'; content: "\f0b2"; } .aui-close { right: 5px; font-family: 'icomoon'; content: "\f00d"; } .aui-min:before { font-family: 'icomoon'; content: "\f068"; } .aui-max:before { font-family: 'icomoon'; content: "\f0b2"; } .aui-close:before { font-family: 'icomoon'; content: "\f00d"; } .aui-max, .aui-min { display: none; } .aui-state-no-title .aui-nw, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-se { width: 5px; height: 5px; } .aui-state-no-title .aui-title-bar { bottom: 0; _bottom: 0; _margin-top: 0; } .aui-state-no-title .aui-outer { box-shadow: none !important; border: none !important; } .aui-state-no-title .aui-inner { border: 1px solid #aaa; } .aui-state-no-title .tips { padding: 15px; padding-left: 10px; } .aui-state-no-title .aui-nw, .aui-state-no-title .aui-n, .aui-state-no-title .aui-ne, .aui-state-no-title .aui-w, .aui-state-no-title .aui-e, .aui-state-no-title .aui-sw, .aui-state-no-title .aui-s, .aui-state-no-title .aui-se { background: rgba(0,0,0,0.1); background: #000 \9 !important; filter: alpha(opacity=10)!important; } .aui-state-no-title .aui-close, .aui-state-no-title .aui-max, .aui-state-no-title .aui-min { display: none; font-size: 1em; } .dialog-max { left: 0px !important; top: 0px !important; } .dialog-max .aui-nw, .dialog-max .aui-ne, .dialog-max .aui-sw, .dialog-max .aui-se, .dialog-max .aui-w, .dialog-max .aui-e { width: 0px; } .dialog-max .aui-sw, .dialog-max .aui-n, .dialog-max .aui-se { height: 0px; } .dialog-max .aui-outer { border: none !important; } .dialog-max .aui-main { width: inherit !important; } .dialog-can-resize .resize-handle { position: absolute; z-index: 50; display: block; } .dialog-can-resize .resize-top { cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%; } .dialog-can-resize .resize-bottom { cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%; } .dialog-can-resize .resize-right { cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%; } .dialog-can-resize .resize-left { cursor: w-resize; left: -3px; top: 0px; width: 7px; height: 100%; } .dialog-can-resize .resize-bottom-right { cursor: se-resize; width: 18px; height: 18px; right: -7px; bottom: -7px; background: url('../../images/common/dialog/resize_corner.png') no-repeat; opacity: 0.4; filter: alpha(opacity=40); } .dialog-can-resize .resize-bottom-left { cursor: sw-resize; width: 15px; height: 15px; left: -7px; bottom: -7px; } .dialog-can-resize .resize-top-left { cursor: nw-resize; width: 15px; height: 15px; left: -7px; top: -7px; } .dialog-can-resize .resize-top-right { cursor: ne-resize; width: 15px; height: 15px; right: -5px; top: -7px; } .dialog-can-resize .aui-min, .dialog-can-resize .aui-max { display: block; } .dialog-min-size { width: 250px !important; height: 30px !important; } .dialog-min-size.dialog-no-title .aui-title, .dialog-min-size .aui-title { opacity: 1 !important; } .dialog-min-size .aui-outer { width: 250px; } .dialog-min-size .aui-header { height: 30px; } .dialog-min-size .aui-title { text-align: left; padding-left: 10px; width: 200px; } .dialog-min-size .aui-main, .dialog-min-size .aui-footer { display: none; } .dialog-min-size .resize-handle { display: none; } .dialog-simple.dialog-min-size .aui-title-bar { background: rgba(0,0,0,0.5); } body .dialog-bg-blur .aui-main { background-color: transparent; } body .dialog-bg-blur .aui-outer .aui-title { background-color: rgba(0,0,0,0.02); } body .dialog-bg-blur .aui-border { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body .dialog-bg-blur .aui-border .aui-min, body .dialog-bg-blur .aui-border .aui-max, body .dialog-bg-blur .aui-border .aui-close { background-color: transparent; } .jPlayer .play-list .action-right .download { display: none !important; } .dialog-no-title .aui-title-bar { position: absolute; z-index: 100; width: 100%; height: 30px; top: 0; } .dialog-no-title .aui-title { opacity: 0.01 !important; filter: alpha(opacity=1) !important; } .dialog-no-title .aui-inner { border: none; } .dialog-no-title .aui-nw, .dialog-no-title .aui-n, .dialog-no-title .aui-ne, .dialog-no-title .aui-w, .dialog-no-title .aui-e, .dialog-no-title .aui-sw, .dialog-no-title .aui-s, .dialog-no-title .aui-se { display: none; } .dialog-no-title .aui-outer .aui-min { right: 80px; } .dialog-no-title .aui-outer .aui-min:before { font-family: 'icomoon'; content: "\f068"; } .dialog-no-title .aui-outer .aui-max { right: 40px; } .dialog-no-title .aui-outer .aui-max:before { font-family: 'icomoon'; content: "\f0b2"; } .dialog-no-title .aui-outer .aui-close { right: 0px; } .dialog-no-title .aui-outer .aui-close:before { font-family: 'icomoon'; content: "\f00d"; } .dialog-no-title .aui-outer .aui-min, .dialog-no-title .aui-outer .aui-max, .dialog-no-title .aui-outer .aui-close { display: block; position: absolute; text-decoration: none; outline: none; font-size: 1.25em; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; color: #fff; top: 0px; cursor: pointer; height: 30px; line-height: 30px; text-align: center; background-color: transparent; width: 40px; border: none; background-image: none; border-radius: 0; } .dialog-no-title .aui-outer .aui-min:hover, .dialog-no-title .aui-outer .aui-min:active, .dialog-no-title .aui-outer .aui-max:hover, .dialog-no-title .aui-outer .aui-max:active, .dialog-no-title .aui-outer .aui-close:hover, .dialog-no-title .aui-outer .aui-close:active { color: #fff; border: none; box-shadow: none; background: #41acf8; background: rgba(0,0,0,0.4); } .dialog-no-title .aui-outer .aui-close:active, .dialog-no-title .aui-outer .aui-close:hover { background: #e81123; background: rgba(232,17,35,0.8); } .dialog-no-title.header-bg .aui-content .header { height: 90px; background-color: #008def; background-image: linear-gradient(to bottom,#084998 0,#00a9fb 100%); color: #fff; position: relative; } .dialog-no-title.header-bg .aui-content .header .bg { background: url("../../images/common/banner/box.png") 180px -220px no-repeat; width: 100%; height: 100%; position: absolute; opacity: 0.7; } .dialog-no-title.dialog-max .aui-outer .aui-max { right: 40px; } .dialog-no-title.dialog-max .aui-outer .aui-max:before { font-family: 'icomoon'; content: "\f066"; } body div.dialog-simple .aui-title-bar { width: 100%; position: relative; bottom: 0; height: 100%; } body div.dialog-simple .aui-border { border: none; overflow: auto; } body div.dialog-simple .aui-outer { border: none; border-radius: none; box-shadow: none; background: none; } body div.dialog-simple .aui-inner { border: none; background: none; } body div.dialog-simple .aui-nw, body div.dialog-simple .aui-n, body div.dialog-simple .aui-ne, body div.dialog-simple .aui-w, body div.dialog-simple .aui-e, body div.dialog-simple .aui-sw, body div.dialog-simple .aui-s, body div.dialog-simple .aui-se { background: none; } body div.dialog-simple .aui-title { background: rgba(0,0,0,0.8); opacity: 0.8; filter: alpha(opacity=80); border-radius: 3px; border: none; height: 31px; line-height: 30px; padding: 0 28px 0 10px; color: #fff; } body div.dialog-simple .aui-min, body div.dialog-simple .aui-max, body div.dialog-simple .aui-close { border: none; top: 5px; position: absolute; text-decoration: none; outline: none; cursor: pointer; background-color: rgba(255,255,255,0.3); color: #fff; opacity: 0.5; filter: alpha(opacity=50); height: 22px; width: 22px; font-size: 1.15em; line-height: 22px; text-align: center; border-radius: 4px; } body div.dialog-simple .aui-min:hover, body div.dialog-simple .aui-max:hover, body div.dialog-simple .aui-close:hover { text-decoration: none; color: #fff; background-color: #cc0000; } body div.dialog-simple .aui-min:active, body div.dialog-simple .aui-max:active, body div.dialog-simple .aui-close:active { color: fff; background-color: #f00; } body div.dialog-simple .aui-main { background: none !important; } body div.dialog-simple .aui-max { right: 30px; } body div.dialog-simple .aui-min { right: 56px; } body div.dialog-simple .aui-dialog, body div.dialog-simple .aui-border { background: none; } body div.dialog-simple .resize-bottom-right { background: none !important; } body div.dialog-simple .aui-header { opacity: 0.01; filter: alpha(opacity=1); border: 1px solid rgba(0,0,0,0.01); border-bottom: none; } body div.dialog-simple .aui-nw, body div.dialog-simple .aui-ne { height: 0px; } body div.dialog-simple.aui-state-drag .aui-header, body div.dialog-simple .dialog-mouse-in .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.aui-state-drag .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.dialog-max .aui-header { opacity: 1.0; filter: alpha(opacity=100); } body div.dialog-simple.dialog-min-size .aui-title-bar { background: rgba(0,0,0,0.5); border-radius: 3px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body div.dialog-simple.dialog-min-size .aui-outer .aui-header { position: relative !important; } body div.dialog-simple.dialog-min-size .aui-outer .aui-header .aui-title { font-size: 12px; background: transparent; opacity: 1 !important; padding-left: 10px; } body div.dialog-simple.dialog-min-size .aui-outer .aui-header .aui-min { right: 30px; } .zip-view-dialog .aui-content { min-width: 400px; position: relative; } .zip-view-dialog .aui-title { height: 90px; } .zip-view-dialog .zip-view-content { position: absolute; left: 0; right: 0; bottom: 0; top: 0px; margin: 0px; min-width: 400px; border: none; } .zip-view-dialog .zip-view-content .header { height: 90px; color: #fff; position: relative; } .zip-view-dialog .zip-view-content .header .icon { width: 56px; height: 56px; position: absolute; left: 20px; top: 20px; } .zip-view-dialog .zip-view-content .header .name, .zip-view-dialog .zip-view-content .header .desc { position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; } .zip-view-dialog .zip-view-content .header .name { margin: 22px 0 0 90px; font-size: 18px; font-weight: 800; } .zip-view-dialog .zip-view-content .header .desc { margin: 50px 0 0 90px; } .zip-view-dialog .zip-view-content .zip-header-title { height: 23px; line-height: 23px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #f6f6f6 url("../../images/common/bg.gif") 0 -30px; } .zip-view-dialog .zip-view-content .zip-header-title .item { float: left; } .zip-view-dialog .zip-view-content .zip-header-title .item span { display: block; border-right: 1px solid #ddd; padding-left: 10px; cursor: default; } .zip-view-dialog .zip-view-content .zip-header-title .name { width: 60%; } .zip-view-dialog .zip-view-content .zip-header-title .size { width: 10%; } .zip-view-dialog .zip-view-content .zip-header-title .mtime { width: 30%; } .zip-view-dialog .zip-view-content .zip-header-title .item.mtime span { border-right: none; } .zip-view-dialog .zip-view-content .ztree { padding: 0px; position: absolute; top: 115px; left: 0; right: 0px; bottom: 0; overflow: auto; } .zip-view-dialog .zip-view-content .ztree li, .zip-view-dialog .zip-view-content .ztree li ul { width: 100%; } .zip-view-dialog .zip-view-content .ztree li a { position: relative; padding-left: 0; color: #333; text-shadow: none; } .zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a:active { transition: none; } .zip-view-dialog .zip-view-content .ztree li a.odd { background: #f1f7ff; } .zip-view-dialog .zip-view-content .ztree li a:hover, .zip-view-dialog .zip-view-content .ztree li a.odd:hover, .zip-view-dialog .zip-view-content .ztree li a:active, .zip-view-dialog .zip-view-content .ztree li a.odd:active { background: #fdeec3; } .zip-view-dialog .zip-view-content .ztree li a.curSelectedNode, .zip-view-dialog .zip-view-content .ztree li a.odd.curSelectedNode { background: #63acff; color: #fff; } .zip-view-dialog .zip-view-content .ztree li a .name { width: 45%; overflow: hidden; position: absolute; word-break: break-all; text-overflow: ellipsis; } .zip-view-dialog .zip-view-content .ztree li a .time { width: 27%; opacity: 0.8; font-size: 12px; position: absolute; left: 72%; } .zip-view-dialog .zip-view-content .ztree li a .size { width: 10%; opacity: 0.8; font-size: 12px; position: absolute; left: 62%; } .zip-view-dialog .zip-view-content .ztree li a .menu-item-parent { display: none; position: absolute; right: 0px; top: 0; text-align: center; width: 25px; height: 24px; line-height: 24px; background: #fff; background: rgba(50,50,50,0.1); color: #666; } .zip-view-dialog .zip-view-content .ztree li a:hover .menu-item-parent { display: block; } .zip-view-dialog .zip-view-content .ztree li a.curSelectedNode .menu-item-parent { display: block; color: #fff; } .dialog-min-size.zip-view-dialog .aui-title { height: auto !important; } .dialog-min-size.zip-view-dialog .aui-header .aui-min, .dialog-min-size.zip-view-dialog .aui-header .aui-max, .dialog-min-size.zip-view-dialog .aui-header .aui-close { color: #ddd; } .artDialog.dialog-blur .aui-outer { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .artDialog.dialog-blur .aui-outer .aui-min, .artDialog.dialog-blur .aui-outer .aui-max, .artDialog.dialog-blur .aui-outer .aui-close { background-color: none !important; } .artDialog.dialog-blur .aui-outer .aui-main, .artDialog.dialog-blur .aui-outer .aui-title { background-color: transparent; } .loading-msg { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; color: #666666; text-align: center; pointer-events: none; } .loading-msg .loading-msg-content { position: absolute; width: 100px; padding-bottom: 10px; cursor: progress; left: 50%; top: 50%; margin: -50px 0 0 -50px; border-radius: 6px; background: rgba(255,255,255,0.7); box-shadow: 2px 4px 10px rgba(0,0,0,0.05); } .loading-msg .loading-msg-content .loading-msg-box { font-size: 30px; margin-bottom: 6px; margin-top: 25px; } .loading-msg .loading-msg-content .loading-msg-title { padding: 2px 4px; color: #888; min-height: 10px; word-break: break-all; } .loader { display: inline-block; width: 1em; height: 1em; color: inherit; vertical-align: middle; pointer-events: none; } .loader-moon { border: 1px solid rgba(160,160,160,0.8); border-radius: 50%; -webkit-animation: 0.8s loader-moon linear infinite; animation: 0.8s loader-moon linear infinite; position: relative; } .loader-moon:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -0.2em; left: 50%; border: 0.2em solid rgba(160,160,160,0.8); border-radius: 50%; } @-webkit-keyframes loader-moon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-moon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader-point { position: relative; } .loader-point:before, .loader-point:after { content: ""; width: inherit; height: inherit; border-radius: 50%; background-color: rgba(160,160,160,0.8); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: loader-point 2s infinite ease-in-out; animation: loader-point 2s infinite ease-in-out; } .loader-point:after { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes loader-point { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-point { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .loader-star { position: relative; -webkit-animation: loader-star-1 2s infinite linear; animation: loader-star-1 2s infinite linear; } .loader-star:before, .loader-star:after { content: ""; width: 0; height: 0; border: 0.5em solid rgba(24,144,255,0.8); display: block; position: absolute; border-radius: 100%; -webkit-animation: loader-star-2 2s infinite ease-in-out; animation: loader-star-2 2s infinite ease-in-out; } .loader-star:before { top: 0; left: 50%; border-color: rgba(64,169,255,0.8); } .loader-star:after { bottom: 0; right: 50%; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes loader-star-1 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-star-1 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-star-2 { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-star-2 { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } .loader-square { background-color: rgba(160,160,160,0.8); -webkit-animation: loader-square 1.2s infinite ease-in-out; animation: loader-square 1.2s infinite ease-in-out; } @-webkit-keyframes loader-square { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes loader-square { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .loader-wave { background: rgba(160,160,160,0.8); position: relative; -webkit-animation: loader-wave 1s ease-in-out infinite; animation: loader-wave 1s ease-in-out infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; width: 0.25em; height: 0.5em; } .loader-wave:after, .loader-wave:before { content: ""; position: absolute; width: inherit; height: inherit; background: inherit; -webkit-animation: inherit; animation: inherit; } .loader-wave:before { right: 0.5em; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loader-wave:after { left: 0.5em; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes loader-wave { 0%, 100% { box-shadow: 0 0 0 rgba(160,160,160,0.8), 0 0 0 rgba(160,160,160,0.8); } 50% { box-shadow: 0 -0.25em 0 rgba(160,160,160,0.8), 0 0.25em 0 rgba(160,160,160,0.8); } } @keyframes loader-wave { 0%, 100% { box-shadow: 0 0 0 rgba(160,160,160,0.8), 0 0 0 rgba(160,160,160,0.8); } 50% { box-shadow: 0 -0.25em 0 rgba(160,160,160,0.8), 0 0.25em 0 rgba(160,160,160,0.8); } } .p-0 { padding: 0px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } .pt-5 { padding-top: 5px; } .pr-5 { padding-right: 5px; } .pb-5 { padding-bottom: 5px; } .pl-5 { padding-left: 5px; } .pt-10 { padding-top: 10px; } .pr-10 { padding-right: 10px; } .pb-10 { padding-bottom: 10px; } .pl-10 { padding-left: 10px; } .pt-15 { padding-top: 15px; } .pr-15 { padding-right: 15px; } .pb-15 { padding-bottom: 15px; } .pl-15 { padding-left: 15px; } .pt-20 { padding-top: 20px; } .pr-20 { padding-right: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .pt-25 { padding-top: 25px; } .pr-25 { padding-right: 25px; } .pb-25 { padding-bottom: 25px; } .pl-25 { padding-left: 25px; } .pt-30 { padding-top: 30px; } .pr-30 { padding-right: 30px; } .pb-30 { padding-bottom: 30px; } .pl-30 { padding-left: 30px; } .pt-35 { padding-top: 35px; } .pr-35 { padding-right: 35px; } .pb-35 { padding-bottom: 35px; } .pl-35 { padding-left: 35px; } .pt-40 { padding-top: 40px; } .pr-40 { padding-right: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .pt-45 { padding-top: 45px; } .pr-45 { padding-right: 45px; } .pb-45 { padding-bottom: 45px; } .pl-45 { padding-left: 45px; } .pt-50 { padding-top: 50px; } .pr-50 { padding-right: 50px; } .pb-50 { padding-bottom: 50px; } .pl-50 { padding-left: 50px; } .m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; } .m-40 { margin: 40px; } .m-45 { margin: 45px; } .m-50 { margin: 50px; } .mt-5 { margin-top: 5px; } .mr-5 { margin-right: 5px; } .mb-5 { margin-bottom: 5px; } .ml-5 { margin-left: 5px; } .mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .mb-10 { margin-bottom: 10px; } .ml-10 { margin-left: 10px; } .mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .mt-20 { margin-top: 20px; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mt-25 { margin-top: 25px; } .mr-25 { margin-right: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; } .mt-30 { margin-top: 30px; } .mr-30 { margin-right: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .mt-35 { margin-top: 35px; } .mr-35 { margin-right: 35px; } .mb-35 { margin-bottom: 35px; } .ml-35 { margin-left: 35px; } .mt-40 { margin-top: 40px; } .mr-40 { margin-right: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .mt-45 { margin-top: 45px; } .mr-45 { margin-right: 45px; } .mb-45 { margin-bottom: 45px; } .ml-45 { margin-left: 45px; } .mt-50 { margin-top: 50px; } .mr-50 { margin-right: 50px; } .mb-50 { margin-bottom: 50px; } .ml-50 { margin-left: 50px; } .mt--5 { margin-top: -5px; } .mr--5 { margin-right: -5px; } .mb--5 { margin-bottom: -5px; } .ml--5 { margin-left: -5px; } .mt--10 { margin-top: -10px; } .mr--10 { margin-right: -10px; } .mb--10 { margin-bottom: -10px; } .ml--10 { margin-left: -10px; } .mt--15 { margin-top: -15px; } .mr--15 { margin-right: -15px; } .mb--15 { margin-bottom: -15px; } .ml--15 { margin-left: -15px; } .mt--20 { margin-top: -20px; } .mr--20 { margin-right: -20px; } .mb--20 { margin-bottom: -20px; } .ml--20 { margin-left: -20px; } .mt--25 { margin-top: -25px; } .mr--25 { margin-right: -25px; } .mb--25 { margin-bottom: -25px; } .ml--25 { margin-left: -25px; } .mt--30 { margin-top: -30px; } .mr--30 { margin-right: -30px; } .mb--30 { margin-bottom: -30px; } .ml--30 { margin-left: -30px; } .mt--35 { margin-top: -35px; } .mr--35 { margin-right: -35px; } .mb--35 { margin-bottom: -35px; } .ml--35 { margin-left: -35px; } .mt--40 { margin-top: -40px; } .mr--40 { margin-right: -40px; } .mb--40 { margin-bottom: -40px; } .ml--40 { margin-left: -40px; } .mt--45 { margin-top: -45px; } .mr--45 { margin-right: -45px; } .mb--45 { margin-bottom: -45px; } .ml--45 { margin-left: -45px; } .mt--50 { margin-top: -50px; } .mr--50 { margin-right: -50px; } .mb--50 { margin-bottom: -50px; } .ml--50 { margin-left: -50px; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } @-webkit-keyframes fadein { 0% { opacity: 0; } 50% { opacity: 0.4; } } .context-menu-root.menu-default-empty { display: none !important; } .menu-box .menu-content .item-cancle { display: none; } .menu-box .menu-content .menu-mask-view { display: none; } .context-menu-list { margin: 0; min-width: 180px; max-width: 300px; font-size: 1em; display: inline-block; position: fixed; list-style-type: none; padding: 8px 0px; border: none; border: 1px solid #e5e5e5; border-right: 1px solid #ddd; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.4); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.4); box-shadow: 0 10px 80px rgba(0,0,0,0.4); } .context-menu-list.auto-scroll { max-height: 80%; overflow: auto; } .context-menu-list span b { display: inline-block; font-size: 1em; font-weight: 200; color: #aaa; padding-left: 10px; position: absolute; right: 10px; width: 65px; min-width: 50px; text-align: right; overflow: hidden; } .context-menu-list .hover > span > b { color: #fff; } .context-menu-list.menu-auto-fit { top: 5px !important; background: #fff; } .context-menu-list li.selected { border-left: none !important; background: none; } .context-menu-list li.selected i.font-icon { color: #aaa; font-weight: normal; font-style: normal; } .context-menu-list li.selected i.font-icon:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .context-menu-list .context-menu-submenu:after { font-family: 'icomoon'; content: "\f0da"; display: inline-block; float: right; margin-right: 0px; right: 10px; top: 0px; position: absolute; } .context-menu-list .context-menu-item { display: block; cursor: pointer; white-space: nowrap; clear: both; line-height: 25px; height: 23px; position: relative; border: none; padding: 0px 15px 0 20px; color: #222; -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; -ms-transition: background-color 0.1s; transition: background-color 0.1s; } .context-menu-list .context-menu-item .font-icon { display: inline-block; width: 16px; height: 16px; text-align: center; font-size: 1.1em; color: #aaa; margin-right: 10px; padding: 0; vertical-align: middle; } .context-menu-list .context-menu-item .font-icon img.x-item-icon { margin-top: -14px; background: none; } .context-menu-list .context-menu-item.disabled { opacity: 0.3; filter: alpha(opacity=30); cursor: not-allowed; pointer-events: auto; } .context-menu-list .context-menu-item.disabled:hover, .context-menu-list .context-menu-item.disabled:active { background: #fff; } .context-menu-list .context-menu-item.hover { cursor: pointer; color: #fff; background: #63acff; background-color: none \9; } .context-menu-list .context-menu-item.hover.not-hover { color: inherit; background: inherit; } .context-menu-list .context-menu-item.hover .font-icon { color: #fff; } .context-menu-list .context-menu-item span i { float: right; text-align: right; font-style: normal; color: #888; } .context-menu-list .context-menu-item.context-menu-separator { height: 2px; line-height: 0; border-bottom: 1px solid #eee; margin: 2px 0 4px; } .context-menu-list .context-menu-item > .context-menu-list { display: none; right: -5px; top: 5px; } .context-menu-list .context-menu-item.hover > .context-menu-list { display: block; } .context-menu-list .context-menu-item.hover > .context-menu-list .font-icon { color: #aaa; } .context-menu-list .context-menu-item.hover > .context-menu-list .hover .font-icon { color: #fff; color: #aaa \9; } .context-menu-list .context-menu-item .context-menu-accesskey { text-decoration: underline; } .context-menu-list .context-menu-item .line-top { border-top: 1px solid #ddd !important; } .x-big-edit { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -336px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 32px; height: 32px; margin: inherit; } .x-big-edit:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-big-edit { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .font-icon.icon-home, .x-self-root { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -496px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 16px; margin-right: 0px; filter: none; -ms-filter: none; } .font-icon.icon-home:before, .x-self-root:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .font-icon.icon-home, .x-self-root { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .font-icon.icon-circle-arrow-up { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -496px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 16px; margin-right: 0px; } .font-icon.icon-circle-arrow-up:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .font-icon.icon-circle-arrow-up { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-tree-fav.small { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 16px; margin-right: 0px; } .x-tree-fav.small:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-tree-fav.small { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .header-right .font-icon.icon-search { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -736px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; margin-right: 0px; margin-top: 4px; width: 16px; } .frame-main-explorer .header-right .font-icon.icon-search:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .header-right .font-icon.icon-search { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-item-icon.x-upload { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .x-item-icon.x-upload:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .x-item-icon.x-upload { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .x-item-icon.x-upload.small { width: 16px; height: 16px; } .context-menu-list .font-icon:before { background-image: -webkit-linear-gradient(2deg,#249dff,#0964a2); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.search .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 0px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.search .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.search .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.open .font-icon:before, .context-menu-list .context-menu-item.open-the-path .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.open .font-icon, .context-menu-list .context-menu-item.open-the-path .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item .font-icon.icon-upload { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item .font-icon.icon-upload:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item .font-icon.icon-upload { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.download .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.download .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.download .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.cute .font-icon:before, .context-menu-list .context-menu-item.cute-to .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.cute .font-icon, .context-menu-list .context-menu-item.cute-to .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item .icon-copy.font-icon, .context-menu-list .context-menu-item.copy-see .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -96px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.copy .font-icon:before, .context-menu-list .context-menu-item.copy-to .font-icon:before, .context-menu-list .context-menu-item .icon-copy.font-icon:before, .context-menu-list .context-menu-item.copy-see .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.copy .font-icon, .context-menu-list .context-menu-item.copy-to .font-icon, .context-menu-list .context-menu-item .icon-copy.font-icon, .context-menu-list .context-menu-item.copy-see .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon, .context-menu-list .context-menu-item .font-icon.icon-folder-close-alt { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.new-folder .font-icon:before, .context-menu-list .context-menu-item.open-father .font-icon:before, .context-menu-list .context-menu-item .font-icon.icon-folder-close-alt:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.new-folder .font-icon, .context-menu-list .context-menu-item.open-father .font-icon, .context-menu-list .context-menu-item .font-icon.icon-folder-close-alt { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.new-file-others > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.new-file-others > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.new-file-others > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item .icon-file-text-alt.font-icon:before { content: "" !important; } .context-menu-list .context-menu-item.rename .font-icon, .context-menu-list .context-menu-item .icon-pencil.font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.rename .font-icon:before, .context-menu-list .context-menu-item .icon-pencil.font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.rename .font-icon, .context-menu-list .context-menu-item .icon-pencil.font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.past .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.past .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.past .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.fav-remove .font-icon, .context-menu-list .context-menu-item.share-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon { color: #1890ff; display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.remove .font-icon:before, .context-menu-list .context-menu-item.recycle-clear .font-icon:before, .context-menu-list .context-menu-item.recycle-delete .font-icon:before, .context-menu-list .context-menu-item.fav-remove .font-icon:before, .context-menu-list .context-menu-item.share-remove .font-icon:before, .context-menu-list .context-menu-item .close .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.remove .font-icon, .context-menu-list .context-menu-item.recycle-clear .font-icon, .context-menu-list .context-menu-item.recycle-delete .font-icon, .context-menu-list .context-menu-item.fav-remove .font-icon, .context-menu-list .context-menu-item.share-remove .font-icon, .context-menu-list .context-menu-item .close .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.recycle-restore-all .font-icon, .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon, .context-menu-list .context-menu-item.recycle-restore .font-icon:before { color: #63bd37; } .context-menu-list .context-menu-item.recycle-restore-all .font-icon:before, .context-menu-list .context-menu-item.recycle-restore .font-icon:before { background-image: -webkit-linear-gradient(2deg,#63bd37,#7fcf58); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item .font-icon.icon-caret-down:before { font-size: 12px; } .context-menu-list .context-menu-item.zip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.zip .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.zip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.unzip .icon-folder-open-alt { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.unzip .icon-folder-open-alt:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.unzip .icon-folder-open-alt { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.share-edit .font-icon, .context-menu-list .context-menu-item.share-edit .font-icon:before, .context-menu-list .context-menu-item.share .font-icon, .context-menu-list .context-menu-item.share .font-icon:before { color: #1a57de; } .context-menu-list .context-menu-item.share-edit .font-icon:before, .context-menu-list .context-menu-item.share .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.share-edit .font-icon:before, .context-menu-list .context-menu-item.share .font-icon:before { font-family: 'icomoon'; content: "\f1e0"; } .context-menu-list .context-menu-item.open-text .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -702px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.open-text .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.open-text .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.share-link .font-icon, .context-menu-list .context-menu-item.share-link .font-icon:before { color: #31dc48; } .context-menu-list .context-menu-item.share-link .font-icon:before { background-image: -webkit-linear-gradient(2deg,#31dc48,#5de36f); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .context-menu-list .context-menu-item.set-background .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.set-background .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-background .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.fav .font-icon:before, .context-menu-list .context-menu-item.fav-page .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.fav .font-icon, .context-menu-list .context-menu-item.fav-page .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item .icon-refresh { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -513px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item .icon-refresh:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item .icon-refresh { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-icon-size .font-icon.icon-picture, .context-menu-list .context-menu-item.setting-wall .font-icon.icon-picture { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -577px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.set-icon-size .font-icon.icon-picture:before, .context-menu-list .context-menu-item.setting-wall .font-icon.icon-picture:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-icon-size .font-icon.icon-picture, .context-menu-list .context-menu-item.setting-wall .font-icon.icon-picture { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-sort-by .font-icon.icon-sort { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -528px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.set-sort-by .font-icon.icon-sort:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-sort-by .font-icon.icon-sort { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.set-list-type .font-icon.icon-eye-open { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -625px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.set-list-type .font-icon.icon-eye-open:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.set-list-type .font-icon.icon-eye-open { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-all > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -545px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.select-all > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-all > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-clear > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -546px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.select-clear > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-clear > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item.select-reverse > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -593px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .context-menu-list .context-menu-item.select-reverse > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .context-menu-list .context-menu-item.select-reverse > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .context-menu-list .context-menu-item .font-icon:before { font-size: 16px; line-height: 16px; width: 17px; position: relative; top: -1px; margin-right: 0px; } .tips-box { z-index: 50; min-height: 40px; margin-top: 15px; line-height: 40px; max-width: 600px; min-width: 160px; overflow: hidden; position: fixed; font-size: 14px; padding: 2px 1em; text-align: left; z-index: 9999; pointer-events: none; background: #fff; transition: width .6s ease; border: 1px solid #ddd; border: 0px solid transparent; box-shadow: 0 2px 4px rgba(0,0,0,0.15), 0 0 6px rgba(0,0,0,0.08); border-radius: 3px; padding: 0; } .tips-box .tips-msg { color: #8492a6; padding: 10px 40px 0px 50px; line-height: 1.6em; } .tips-box .tips-msg p li { border-left: 4px solid #ddd; list-style: none; padding-left: 10px; margin-bottom: 0px; } .tips-box .tips-close { font-size: 22px; cursor: pointer; width: 40px; height: 40px; line-height: 35px; text-align: center; position: absolute; right: 0px; top: 0px; color: #ddd; pointer-events: all; } .tips-box .tips-close:active, .tips-box .tips-close:hover { color: #f30; border-bottom: none; text-decoration: none; } .tips-box .tips-icon { width: 40px; height: 40px; height: 100%; position: absolute; font-size: 22px; padding: 0; color: #fff; text-align: center; display: inline-block; } .tips-box .tips-icon:after { font-style: normal; color: inherit; } .tips-box.success .tips-icon:after { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .tips-box.info .tips-icon:after { font-family: 'icomoon'; content: "\f129"; } .tips-box.warning .tips-icon:after { font-family: 'icomoon'; content: "\f12a"; } .tips-box.error .tips-icon:after { font-family: 'icomoon'; content: "\f00d"; } .tips-box.success .tips-icon { background: #13ce66; } .tips-box.info .tips-icon { background: #50bfff; } .tips-box.warning .tips-icon { background: #f7ba29; } .tips-box.error .tips-icon { background: #ff4949; } .ztree { margin: 0px; padding: 0px; padding-top: 10px; font-size: 1em; } .ztree li { padding: 0; margin: 0; list-style: none; text-align: left; white-space: nowrap; outline: 0; } .ztree li ul { margin: 0; padding: 1px 0; padding: 0; } .ztree li span.button { line-height: 0; margin: 0; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; width: 20px; margin-right: 5px; } .ztree li span.button.switch { width: 22px; margin-right: 0px; background: none; text-align: center; line-height: 26px; } .ztree li span.button.switch:hover, .ztree li span.button.switch:active { background: rgba(0,0,0,0.03); } .ztree li span.button.switch:after { font-family: 'icomoon'; content: "\f0da"; color: #aaa; text-decoration: inherit; font-size: 1.25em; line-height: 16px; -webkit-font-smoothing: antialiased; } .ztree li span.button.switch.noline_docu:after, .ztree li span.button.switch.bottom_docu:after { content: " "; } .ztree li span.button.switch.noline_open:after, .ztree li span.button.switch.noline_open_hover:after { font-family: 'icomoon'; content: "\f0d7"; } .ztree li span.button.switch.switch_hover:after { color: #63acff; } .ztree li span.button.ico_loading { background: url("../../images/common/loading_tree.gif") no-repeat 0 0px transparent !important; } .ztree li span.button.ico_loading .path-ico { display: none; } .ztree li span.tree_icon { height: 18px; width: 18px; background: none; margin-top: -1px; margin-left: -4px; } .ztree li span.tree_icon img { width: 100%; max-width: 100%; max-height: 100%; } .ztree li a { padding-top: 0px; cursor: pointer; z-index: 10; text-decoration: none; display: block; margin: 0; color: #333; vertical-align: top; height: 24px; line-height: 24px; padding-left: 10px; border: 1px solid transparent; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .ztree li a:hover, .ztree li a:active { background: #eee; border: 1px solid #eee; } .ztree li a.curSelectedNode, .ztree li a.curDropTreeNode { border: 1px solid #63acff; background: #63acff; color: #fff; } .ztree li a.curSelectedNode .button.switch:after, .ztree li a.curDropTreeNode .button.switch:after { color: #fff !important; } .ztree li a.curDropTreeNode { box-shadow: 0 0 0 1px #fff inset !important; } .ztree li a.curSelectedNode_Edit { border: 1px solid #63acff; background: #63acff; color: black; } .ztree li a.curSelectedNode_Edit .menu-item { display: none !important; } .ztree li a.curSelectedNode_Edit span.node_name { position: relative; } .ztree li a input.rename { padding: 0; margin: 0; border: none; outline: none; margin-left: -3px; padding-left: 3px; width: 110px; position: absolute; } .ztree li a span.button.root_docu, .ztree li a span.button.noline_docu { background: none; } .ztree li a span.space { display: inline-block; } .ztree li a .menu-item { display: none; position: absolute; right: 8px; top: 50%; margin-top: -8px; width: 14px; height: 14px; text-align: center; border: 1px solid #ccc; background: #fff; border-radius: 2px; cursor: pointer; z-index: 50; } .ztree li a .menu-item .cert { margin-top: 5px; margin-left: 3px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .ztree li a .menu-item:hover, .ztree li a .menu-item:active, .ztree li a.context-menu-active .menu-item { border-color: #3399ff; background: #dff1ff; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .ztree li a .menu-item:hover .cert, .ztree li a .menu-item:active .cert, .ztree li a.context-menu-active .menu-item .cert { border-top-color: #3399ff; } .ztree li a:hover .menu-item, .ztree li a.curSelectedNode .menu-item, .ztree li a:active .menu-item { display: block; } .ztree.zTreeDrag { margin: 0; padding: 0; position: absolute; width: auto; height: auto; background-color: #63acff; border: 1px solid #63acff; opacity: 0.5; filter: alpha(opacity=50); } .ztree.zTreeDrag li a span.space { display: none !important; } .ztree.zTreeDrag li a { padding: 4px 10px 0 10px; color: #fff; } .ztree.zTreeDrag li span.button.switch { display: none; } .ztree li a.tmpTargetNode_inner { background: #0076fc; border: 1px solid #3091ff; color: #fff; } .ztree li a.tmpTargetNode_prev { border-bottom: 1px solid #f96; } .ztree li a.tmpTargetNode_next { border-bottom: 1px solid #f96; } span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position: absolute; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 7px 0px 7px 7px; width: 0; height: 0; _border-top-color: white; _border-bottom-color: white; _filter: chroma(color=white); } .server-dwonload-textarea textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; } .server-dwonload-textarea textarea:hover, .server-dwonload-textarea textarea:active { border-color: #75A1F0; } .server-dwonload-textarea textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .server-dwonload-textarea textarea.disabled, .server-dwonload-textarea textarea[readonly='true'] { opacity: 0.7; } .server-dwonload-textarea textarea.disabled:hover, .server-dwonload-textarea textarea.disabled:active, .server-dwonload-textarea textarea[readonly='true']:hover, .server-dwonload-textarea textarea[readonly='true']:active { border-color: #ddd; } .server-dwonload-textarea textarea.disabled:focus, .server-dwonload-textarea textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-upload-box { height: 385px; padding: 5px; min-width: 365px; overflow: hidden; } .file-upload-box .topbar-nav { border-bottom: 1px solid #ddd; margin-top: 6px; } .file-upload-box .menu { display: block; text-decoration: none; float: left; padding: 0px 15px; height: 26px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); background-image: -webkit-linear-gradient(top,#fff,#eee); background-image: -moz-linear-gradient(top,#fff,#eee); background-image: -o-linear-gradient(top,#fff,#eee); background-image: -ms-linear-gradient(top,#fff,#eee); background-image: linear-gradient(top,#fff,#eee); -pie-background: linear-gradient(to top,#fff,#eee); font-size: 1em; border: 1px solid #ccc; text-align: center; line-height: 24px; margin-right: 5px; margin-bottom: -1px; color: #444; border-radius: 4px 4px 0 0; } .file-upload-box .menu.this { background: #fff; border-bottom: 1px solid #fff; } .file-upload-box .menu:hover, .file-upload-box .menu:active { background: #fff; } .file-upload-box .upload-box { margin-top: 10px; } .file-upload-box .download-btn-group { margin-left: -10px; margin-top: 0px; position: absolute; } .file-upload-box .download-btn-group .btn { height: 18px; } .file-upload-box .download-btn-group .download-start { border-radius: 0px; } .file-upload-box .upload-box-tips .btn.btn-default { border-radius: 3px; color: #555; } .file-upload-box .upload-box-tips .btn-group>.btn:last-child:not(:first-child), .file-upload-box .upload-box-tips .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file-upload-box div a.left { margin-left: 10px; } .file-upload-box div a.right { position: absolute; right: 5px; } .file-upload-box span.info { font-size: 1em; font-style: italic; padding: 0px 0 5px 10px; } .file-upload-box i { font-size: 1em; color: #aaa; } .file-upload-box .list { margin: 10px 15px 10px 0; } .file-upload-box .list input { margin-left: 10px; width: 190px; height: 22px; line-height: 24px; padding: 0px 3px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; } .file-upload-box .list input:hover, .file-upload-box .list input:active { border-color: #75A1F0; } .file-upload-box .list input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .file-upload-box .list input.disabled, .file-upload-box .list input[readonly='true'] { opacity: 0.7; } .file-upload-box .list input.disabled:hover, .file-upload-box .list input.disabled:active, .file-upload-box .list input[readonly='true']:hover, .file-upload-box .list input[readonly='true']:active { border-color: #ddd; } .file-upload-box .list input.disabled:focus, .file-upload-box .list input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-upload-box .submit input { float: right; padding: 4px 20px; background: #ddd; border: none; margin-right: 36px; margin-top: 10px; } .file-upload-box .submit input:hover { background: #bbb; } .file-upload-box .submit input:active { background: #444; color: #fff; } .file-upload-box .uploader-content { border: 1px solid #ddd; margin: 0 10px; font-size: 1em; overflow: auto; position: absolute; bottom: 10px; right: 0px; left: 0px; top: 88px; background: url("../../images/common/drop_upload.png") no-repeat center; } .file-upload-box .downloader-content { border: 1px solid #ddd; margin: 0 10px; font-size: 1em; overflow: auto; position: absolute; bottom: 10px; right: 0px; left: 0px; top: 88px; } .file-upload-box .upload-btns { float: left; margin-left: 5px; } .file-upload-box .upload-select-file { position: relative; display: inline-block; color: #fff; text-align: center; height: 27px; line-height: 27px; border-radius: 3px; padding: 0px 15px; font-size: 12px; } .file-upload-box .upload-select-file, .file-upload-box .upload-cert { cursor: pointer; background: #def; border: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); } .file-upload-box .upload-select-file:hover, .file-upload-box .upload-select-file:active, .file-upload-box .upload-cert:hover, .file-upload-box .upload-cert:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); box-shadow: inset 0 1px 1em rgba(0,0,0,0.3); } .file-upload-box .upload-cert { width: 24px; height: 27px; line-height: 27px; position: relative; padding: 0; margin-left: -5px; border-left: 1px solid rgba(0,0,0,0.1); border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .file-upload-box .upload-cert .caret { margin-top: -2px; margin-left: -1px; border-top: 4px solid #fff; } .file-upload-box .upload-folder-dropdown { position: relative; } .file-upload-box .upload-folder-dropdown .dropdown-menu { right: inherit; top: inherit; left: 0; margin-left: -10px; margin-top: -1px; font-size: 12px; } .file-upload-box .upload-folder-dropdown .dropdown-menu:before { right: inherit; left: 10px; } .file-upload-box .upload-folder-dropdown .dropdown-menu:after { right: inherit; left: 11px; } .file-upload-box .upload-folder-dropdown.open .upload-cert { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c8ff', endColorstr='#6091ff'); background-image: -webkit-linear-gradient(top,#84C8FF,#6091FF); background-image: -moz-linear-gradient(top,#84C8FF,#6091FF); background-image: -o-linear-gradient(top,#84C8FF,#6091FF); background-image: -ms-linear-gradient(top,#84C8FF,#6091FF); background-image: linear-gradient(top,#84C8FF,#6091FF); -pie-background: linear-gradient(to top,#84C8FF,#6091FF); box-shadow: inset 0 1px 1em rgba(0,0,0,0.3); } .file-upload-box .webuploader-pick-disable { opacity: 0.6; filter: alpha(opacity=60); pointer-events: none; } .file-upload-box .btns { margin-bottom: 10px; font-size: 1em; height: 28px; } .file-upload-box .btns .tips { float: right; line-height: 30px; } .file-upload-box .btns #picker { float: left; } .file-upload-box .upload-box-tips { line-height: 34px; color: #888; position: absolute; right: 10px; } .file-upload-box .upload-box-config { box-shadow: inset 0px 1px 6px rgba(0,0,0,0.3); border-radius: 2px; margin-bottom: 10px; padding: 4px; } .file-upload-box .upload-box-config .upload-check-box { margin-left: 10px; } .file-upload-box .upload-box-config label { margin-left: 15px; } .file-upload-box .upload-box-config label input { margin-right: 5px; } .file-upload-box .uploader-list .item, .file-upload-box .download-list .item { padding: 0px; overflow: hidden; height: 35px; width: 100%; border-bottom: 1px solid #ddd; background: #fefefe; position: absolute; top: 0; } .file-upload-box .uploader-list .item .info, .file-upload-box .download-list .item .info { color: #224; line-height: 35px; padding: 0 5px; z-index: 100; position: relative; font-size: 1em; margin: 0; } .file-upload-box .uploader-list .item .info .row-item, .file-upload-box .download-list .item .info .row-item { padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-upload-box .uploader-list .item .info .row-item .state, .file-upload-box .download-list .item .info .row-item .state { padding-left: 10px; margin: 0; } .file-upload-box .uploader-list .item .info .row-item span, .file-upload-box .download-list .item .info .row-item span { margin-left: 5px; } .file-upload-box .uploader-list .item .info .title, .file-upload-box .download-list .item .info .title { color: #40a9ff; font-weight: 800; } .file-upload-box .uploader-list .item .info .title .path-ico, .file-upload-box .download-list .item .info .title .path-ico { font-size: initial; position: absolute; padding: 0; margin: 2px 5px 0 5px; } .file-upload-box .uploader-list .item .info .title .title-name, .file-upload-box .download-list .item .info .title .title-name { padding-left: 25px; } .file-upload-box .uploader-list .item .info .size, .file-upload-box .download-list .item .info .size { text-align: right; color: #40a9ff; } .file-upload-box .uploader-list .item .info .icon-ok, .file-upload-box .download-list .item .info .icon-ok { color: #40AA53; } .file-upload-box .uploader-list .item .info .error, .file-upload-box .download-list .item .info .error { color: #f30; } .file-upload-box .uploader-list .item .info .row-item .upload-retry, .file-upload-box .download-list .item .info .row-item .upload-retry { cursor: pointer; display: none; color: #40a9ff; border-radius: 2px; padding: 3px 8px; } .file-upload-box .uploader-list .item .info .row-item .upload-retry:hover, .file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:hover, .file-upload-box .download-list .item .info .row-item .upload-retry:active { background: #2196F3; color: #fff; } .file-upload-box .uploader-list .item .info .row-item .upload-retry:active, .file-upload-box .download-list .item .info .row-item .upload-retry:active { background: #224; color: #fff; } .file-upload-box .uploader-list .item.error .info .row-item .upload-retry, .file-upload-box .download-list .item.error .info .row-item .upload-retry { display: inline; } .file-upload-box .uploader-list .item .info .action, .file-upload-box .download-list .item .info .action { margin-left: 12px; width: 22px; height: 22px; line-height: 23px; text-align: center; cursor: pointer; font-size: 13px; color: #bbb; right: 6px; position: absolute; top: 6px; } .file-upload-box .uploader-list .item .info .action:hover, .file-upload-box .uploader-list .item .info .action:active, .file-upload-box .download-list .item .info .action:hover, .file-upload-box .download-list .item .info .action:active { text-decoration: none; color: #f60; } .file-upload-box .uploader-list .item .info .action:before, .file-upload-box .download-list .item .info .action:before { font-family: 'icomoon'; content: "\ea68"; } .file-upload-box .uploader-list .item.success, .file-upload-box .download-list .item.success { background: #fafdff; } .file-upload-box .uploader-list .item.success .info .action:before, .file-upload-box .download-list .item.success .info .action:before { font-family: 'icomoon'; content: "\ea5d"; background: #52c41a; border-radius: 50%; font-size: 12px; padding: 3px; color: #fff; } .file-upload-box .uploader-list .item.success:hover, .file-upload-box .uploader-list .item.success:active, .file-upload-box .download-list .item.success:hover, .file-upload-box .download-list .item.success:active { cursor: pointer; background: #def; border-bottom: 1px solid #3A87AD; } .file-upload-box .uploader-list .item.error, .file-upload-box .download-list .item.error { background: #ffe8e6; } .file-upload-box .uploader-list .item .progress, .file-upload-box .download-list .item .progress { height: 38px; margin: 0px; width: 100%; border-radius: 0; box-shadow: none; position: absolute; top: 0; } .file-upload-box .uploader-list .item .progress-bar, .file-upload-box .download-list .item .progress-bar { background-color: #adf; background-image: linear-gradient(45deg,rgba(255,255,255,0.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.35) 75%,transparent 75%,transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff',endColorstr='#88ccff',GradientType=1); background-repeat: repeat-x; } .file-upload-box .download-list .item { position: relative; top: auto; } .kodTable .table-empty-info { width: 100%; text-align: center; position: absolute; height: 40px; line-height: 40px; color: rgba(0,0,0,0.65); } .kodTable .toolbar { position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; display: table; width: 100%; } .kodTable .toolbar>div { display: table-cell; } .kodTable .toolbar .left { text-align: left; vertical-align: top; } .kodTable .toolbar .right { text-align: right; } .kodTable .toolbar .left>*, .kodTable .toolbar .right>* { display: inline-block; } .kodTable .toolbar .search-box .btn-search { padding-right: 0px !important; position: absolute; text-align: center; margin-top: 5px; cursor: pointer; opacity: 0.8; right: 1px; background: #eee; top: 9px; margin: 0; height: 28px; line-height: 28px; width: 28px; border-left: 1px solid #ddd; border-radius: 0 3px 3px 0; padding-left: 0px; display: inline-block; margin-left: -32px; } .kodTable .toolbar .search-box .btn-close { width: 20px; text-align: center; height: 20px; line-height: 20px; margin-top: 5px; border-radius: 50%; cursor: pointer; opacity: 0.8; right: 35px; color: red; } .kodTable .toolbar .search-box input { height: 28px; padding: 0px 50px 0px 5px; border-radius: 4px; } .kodTable .toolbar .btn-export { padding: 5px 10px !important; font-size: 12px; border-radius: 4px; margin-left: 5px; } .kodTable .toolbar .btn-export i { display: inline-block; vertical-align: middle; } .kodTable .content { min-height: 300px; overflow: auto; } .kodTable .content .list-table { display: table; width: 100%; border-collapse: collapse; } .kodTable .content .list-table .list-row { display: table-row; border-bottom: 1px solid #eee; } .kodTable .content .list-table .list-row:nth-child(odd) { background: #fafafa; } .kodTable .content .list-table .list-row .list-col { display: table-cell; height: 100%; vertical-align: middle; padding: 8px 10px; min-width: 50px; word-break: break-all; white-space: nowrap; position: relative; } .kodTable .content .list-table .list-row .list-col .label { word-break: break-all; white-space: normal; white-space: nowrap; } .kodTable .content .list-table .list-row:not(.title):hover { background: #e5f3ff; border-color: transparent; } .kodTable .content .list-table .list-row.title { background: #f3f3f3; font-weight: bold; color: #888; } .kodTable .content .list-table .list-row.title .list-col { position: relative; cursor: pointer; } .kodTable .content .list-table .list-row.title .list-col .font-icon { position: absolute; display: inline-block; right: 12px; top: 10px; color: #ccc; } .kodTable .content .list-table .list-row.title .list-col:hover, .kodTable .content .list-table .list-row.title .list-col.this, .kodTable .content .list-table .list-row.title .list-col:active { background: #e5f3ff; } .kodTable .content .list-table .list-row.title .list-col.this i { color: #333; } .kodTable .footerbar .list-page { float: right; } .kodTable .content .list-table .list-row .drag-item { opacity: 0; display: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; position: absolute; top: 0px; left: 0; z-index: 10; width: 32px; height: 100%; line-height: 38px; text-align: center; background: #cfebf9; color: #1890ff; cursor: move !important; } .kodTable .content .list-table .list-row .drag-item:after { font-family: 'icomoon'; content: "\eac3"; } .kodTable .content .list-table .list-row:hover .drag-item { opacity: 0.9; } .kodTable .content .list-table.can-drag-sort .list-row .drag-item { display: block; } @media screen and (max-width: 100000px) { @keyframes radioEffect { 0% { transform: scale(1); opacity: 0.5; } to { transform: scale(1.6); opacity: 0; } } input[type="checkbox"].kui-checkbox-ios, input[type="checkbox"].kui-switch { display: none !important; } input[type="checkbox"].kui-checkbox-ios +em, input[type="checkbox"].kui-switch +em { vertical-align: middle; display: inline-block; margin: 0 0.8em 0 0; border: 1px solid #ddd; cursor: pointer; border-radius: 999px; background-color: #f6f6f6; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4); } input[type="checkbox"].kui-checkbox-ios +em:after, input[type="checkbox"].kui-switch +em:after { float: left; content: ''; margin: 1px 0 0 1px; width: 18px; height: 18px; border-radius: inherit; background: #ffffff; -webkit-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -moz-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -o-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); -ms-transition: all 0.4s cubic-bezier(.54,1.85,.5,1); transition: all 0.4s cubic-bezier(.54,1.85,.5,1); box-shadow: 0 1px 3px rgba(0,0,0,0.4); pointer-events: none; } input[type="checkbox"].kui-checkbox-ios:checked +em:after, input[type="checkbox"].kui-switch:checked +em:after { background-color: #ffffff; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); } input[type="checkbox"].kui-checkbox-ios.size-smallx +em, input[type="checkbox"].kui-switch.size-smallx +em { width: 24px; height: 12px; } input[type="checkbox"].kui-checkbox-ios.size-smallx +em:after, input[type="checkbox"].kui-switch.size-smallx +em:after { width: 10px; height: 10px; } input[type="checkbox"].kui-checkbox-ios.size-smallx:checked +em:after, input[type="checkbox"].kui-switch.size-smallx:checked +em:after { margin-left: 13px; } input[type="checkbox"].kui-checkbox-ios.size-small +em, input[type="checkbox"].kui-switch.size-small +em { width: 32px; height: 16px; } input[type="checkbox"].kui-checkbox-ios.size-small +em:after, input[type="checkbox"].kui-switch.size-small +em:after { width: 14px; height: 14px; } input[type="checkbox"].kui-checkbox-ios.size-small:checked +em:after, input[type="checkbox"].kui-switch.size-small:checked +em:after { margin-left: 17px; } input[type="checkbox"].kui-checkbox-ios +em, input[type="checkbox"].kui-switch +em { width: 40px; height: 20px; } input[type="checkbox"].kui-checkbox-ios +em:after, input[type="checkbox"].kui-switch +em:after { width: 18px; height: 18px; } input[type="checkbox"].kui-checkbox-ios:checked +em:after, input[type="checkbox"].kui-switch:checked +em:after { margin-left: 21px; } input[type="checkbox"].kui-checkbox-ios.size-big +em, input[type="checkbox"].kui-switch.size-big +em { width: 48px; height: 24px; } input[type="checkbox"].kui-checkbox-ios.size-big +em:after, input[type="checkbox"].kui-switch.size-big +em:after { width: 22px; height: 22px; } input[type="checkbox"].kui-checkbox-ios.size-big:checked +em:after, input[type="checkbox"].kui-switch.size-big:checked +em:after { margin-left: 25px; } input[type="checkbox"].kui-checkbox-ios.size-bigx +em, input[type="checkbox"].kui-switch.size-bigx +em { width: 56px; height: 28px; } input[type="checkbox"].kui-checkbox-ios.size-bigx +em:after, input[type="checkbox"].kui-switch.size-bigx +em:after { width: 26px; height: 26px; } input[type="checkbox"].kui-checkbox-ios.size-bigx:checked +em:after, input[type="checkbox"].kui-switch.size-bigx:checked +em:after { margin-left: 29px; } input[type="checkbox"].kui-checkbox-ios:checked +em, input[type="checkbox"].kui-switch:checked +em { background-color: #1890ff; border: 1px solid #1890ff; box-shadow: inset 0 0 0 10px #1890ff; } input[type="checkbox"].kui-checkbox-ios.red:checked +em, input[type="checkbox"].kui-switch.red:checked +em { background-color: #ff5722; border: 1px solid #ff5722; box-shadow: inset 0 0 0 10px #ff5722; } input[type="checkbox"].kui-checkbox-ios.blue:checked +em, input[type="checkbox"].kui-switch.blue:checked +em { background-color: #1890ff; border: 1px solid #1890ff; box-shadow: inset 0 0 0 10px #1890ff; } input[type="checkbox"].kui-checkbox-ios.green:checked +em, input[type="checkbox"].kui-switch.green:checked +em { background-color: #64bd63; border: 1px solid #64bd63; box-shadow: inset 0 0 0 10px #64bd63; } input[type="checkbox"].kui-checkbox-ios.yellow:checked +em, input[type="checkbox"].kui-switch.yellow:checked +em { background-color: #ffc107; border: 1px solid #ffc107; box-shadow: inset 0 0 0 10px #ffc107; } input[type="checkbox"].kui-checkbox-ios.grey:checked +em, input[type="checkbox"].kui-switch.grey:checked +em { background-color: #aaa; border: 1px solid #aaa; box-shadow: inset 0 0 0 10px #aaa; } input[type="checkbox"].kui-checkbox-ios.black:checked +em, input[type="checkbox"].kui-switch.black:checked +em { background-color: #444; border: 1px solid #444; box-shadow: inset 0 0 0 10px #444; } input[type="checkbox"].kui-checkbox { background: #fdfdfd; cursor: pointer; border: 1px solid #ddd; outline: none; text-align: center; -webkit-transition: all 0.16s ease-in-out; -moz-transition: all 0.16s ease-in-out; -o-transition: all 0.16s ease-in-out; -ms-transition: all 0.16s ease-in-out; transition: all 0.16s ease-in-out; border-radius: 10%; display: inline-block; background-clip: padding-box; position: relative; margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } input[type="checkbox"].kui-checkbox:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; color: #fdfdfd; position: absolute; width: 100%; margin-left: -50%; transform: rotate(-45deg) scale(2.2); opacity: 0; transition: all .1s cubic-bezier(.71,-0.46,.88,.6), opacity .1s; } input[type="checkbox"].kui-checkbox:checked:before { color: #fff; transform: scale(.875); opacity: 1; transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; } input[type="checkbox"].kui-checkbox:checked:after { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #222; border-radius: 10%; opacity: 0.01; animation: radioEffect .36s ease-in-out; animation-fill-mode: both; content: ""; } input[type="checkbox"].kui-checkbox.radius { border-radius: 999px; } input[type="checkbox"].kui-checkbox.size-smallx { height: 12px; width: 12px; font-size: 7.2px; line-height: 11px; top: 3px; } input[type="checkbox"].kui-checkbox.size-small { height: 14px; width: 14px; font-size: 8.4px; line-height: 13px; top: 3.5px; } input[type="checkbox"].kui-checkbox { height: 16px; width: 16px; font-size: 9.6px; line-height: 15px; top: 4px; } input[type="checkbox"].kui-checkbox.size-big { height: 20px; width: 20px; font-size: 12px; line-height: 19px; top: 5px; } input[type="checkbox"].kui-checkbox.size-bigx { height: 26px; width: 26px; font-size: 15.6px; line-height: 25px; top: 6.5px; } input[type="checkbox"].kui-checkbox:checked { background: #1890ff; border: 1px solid #1890ff; box-shadow: none; } input[type="checkbox"].kui-checkbox:hover, input[type="checkbox"].kui-checkbox:focus, input[type="checkbox"].kui-checkbox:checked:after { border: 1px solid #1890ff; box-shadow: 0 0 10px rgba(24,144,255,0.2); } input[type="checkbox"].kui-checkbox.red:checked { background: #ff5722; border: 1px solid #ff5722; box-shadow: none; } input[type="checkbox"].kui-checkbox.red:hover, input[type="checkbox"].kui-checkbox.red:focus, input[type="checkbox"].kui-checkbox.red:checked:after { border: 1px solid #ff5722; box-shadow: 0 0 10px rgba(255,87,34,0.2); } input[type="checkbox"].kui-checkbox.blue:checked { background: #1890ff; border: 1px solid #1890ff; box-shadow: none; } input[type="checkbox"].kui-checkbox.blue:hover, input[type="checkbox"].kui-checkbox.blue:focus, input[type="checkbox"].kui-checkbox.blue:checked:after { border: 1px solid #1890ff; box-shadow: 0 0 10px rgba(24,144,255,0.2); } input[type="checkbox"].kui-checkbox.green:checked { background: #64bd63; border: 1px solid #64bd63; box-shadow: none; } input[type="checkbox"].kui-checkbox.green:hover, input[type="checkbox"].kui-checkbox.green:focus, input[type="checkbox"].kui-checkbox.green:checked:after { border: 1px solid #64bd63; box-shadow: 0 0 10px rgba(100,189,99,0.2); } input[type="checkbox"].kui-checkbox.yellow:checked { background: #ffc107; border: 1px solid #ffc107; box-shadow: none; } input[type="checkbox"].kui-checkbox.yellow:hover, input[type="checkbox"].kui-checkbox.yellow:focus, input[type="checkbox"].kui-checkbox.yellow:checked:after { border: 1px solid #ffc107; box-shadow: 0 0 10px rgba(255,193,7,0.2); } input[type="checkbox"].kui-checkbox.grey:checked { background: #aaa; border: 1px solid #aaa; box-shadow: none; } input[type="checkbox"].kui-checkbox.grey:hover, input[type="checkbox"].kui-checkbox.grey:focus, input[type="checkbox"].kui-checkbox.grey:checked:after { border: 1px solid #aaa; box-shadow: 0 0 10px rgba(170,170,170,0.2); } input[type="checkbox"].kui-checkbox.black:checked { background: #444; border: 1px solid #444; box-shadow: none; } input[type="checkbox"].kui-checkbox.black:hover, input[type="checkbox"].kui-checkbox.black:focus, input[type="checkbox"].kui-checkbox.black:checked:after { border: 1px solid #444; box-shadow: 0 0 10px rgba(68,68,68,0.2); } input[type="radio"].kui-radio { position: relative; display: block; border-radius: 50%; width: 16px; height: 16px; top: 4px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 100px; transition: all .3s; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } input[type="radio"].kui-radio:before { position: absolute; display: table; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; border-top: 0; border-left: 0; transform: scale(0); opacity: 0; transition: all .2s cubic-bezier(.78,.14,.15,.86); content: " "; } input[type="radio"].kui-radio:checked:before { transform: scale(.875); opacity: 1; transition: all .2s cubic-bezier(.78,.14,.15,.86); } input[type="radio"].kui-radio:checked:after { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #222; border-radius: 50%; animation: radioEffect .36s ease-in-out; animation-fill-mode: both; content: ""; } input[type="radio"].kui-radio:focus { box-shadow: 0 0 0 3px rgba(24,144,255,0.08); } input[type="radio"].kui-radio.size-smallx { width: 8px; height: 8px; top: 2px; } input[type="radio"].kui-radio.size-smallx:before { top: 1px; left: 1px; width: 4px; height: 4px; } input[type="radio"].kui-radio.size-small { width: 12px; height: 12px; top: 3px; } input[type="radio"].kui-radio.size-small:before { top: 2px; left: 2px; width: 6px; height: 6px; } input[type="radio"].kui-radio { width: 16px; height: 16px; top: 4px; } input[type="radio"].kui-radio:before { top: 3px; left: 3px; width: 8px; height: 8px; } input[type="radio"].kui-radio.size-big { width: 20px; height: 20px; top: 5px; } input[type="radio"].kui-radio.size-big:before { top: 4px; left: 4px; width: 10px; height: 10px; } input[type="radio"].kui-radio.size-bigx { width: 24px; height: 24px; top: 6px; } input[type="radio"].kui-radio.size-bigx:before { top: 5px; left: 5px; width: 12px; height: 12px; } input[type="radio"].kui-radio:checked, input[type="radio"].kui-radio:hover, input[type="radio"].kui-radio:checked:after { border-color: #1890ff; } input[type="radio"].kui-radio:before { background-color: #1890ff; } input[type="radio"].kui-radio.red:checked, input[type="radio"].kui-radio.red:hover, input[type="radio"].kui-radio.red:checked:after { border-color: #ff5722; } input[type="radio"].kui-radio.red:before { background-color: #ff5722; } input[type="radio"].kui-radio.blue:checked, input[type="radio"].kui-radio.blue:hover, input[type="radio"].kui-radio.blue:checked:after { border-color: #1890ff; } input[type="radio"].kui-radio.blue:before { background-color: #1890ff; } input[type="radio"].kui-radio.green:checked, input[type="radio"].kui-radio.green:hover, input[type="radio"].kui-radio.green:checked:after { border-color: #64bd63; } input[type="radio"].kui-radio.green:before { background-color: #64bd63; } input[type="radio"].kui-radio.yellow:checked, input[type="radio"].kui-radio.yellow:hover, input[type="radio"].kui-radio.yellow:checked:after { border-color: #ffc107; } input[type="radio"].kui-radio.yellow:before { background-color: #ffc107; } input[type="radio"].kui-radio.grey:checked, input[type="radio"].kui-radio.grey:hover, input[type="radio"].kui-radio.grey:checked:after { border-color: #aaa; } input[type="radio"].kui-radio.grey:before { background-color: #aaa; } input[type="radio"].kui-radio.black:checked, input[type="radio"].kui-radio.black:hover, input[type="radio"].kui-radio.black:checked:after { border-color: #444; } input[type="radio"].kui-radio.black:before { background-color: #444; } } .ace_optionsMenuEntry { height: 22px; } .ace_optionsMenuCommand { float: left; width: 210px; } .ace_editor { font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; font-variant-ligatures: no-common-ligatures; margin: 0; padding: 0; position: absolute; height: 100%; left: 0px; right: 0%; background: #fff; } .ace_editor .ace_gutter-cell { cursor: pointer; } .ace_editor .editor-full-screen { display: none; position: absolute; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #aaa; font-size: 12px; color: #1890ff; background: #1890ff1a; right: 0; top: 0; z-index: 100; margin: 4px; cursor: pointer; border-radius: 4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .ace_editor .editor-full-screen:before { font-family: 'icomoon'; content: "\eaf4"; } .ace_editor .editor-full-screen:hover, .ace_editor .editor-full-screen:active { background: #1890ff35; } .ace_editor:hover .editor-full-screen { display: block; } .ace_editor.ace-editor-full { position: fixed !important; width: 100% !important; height: 100% !important; z-index: 99999; left: 0px !important; bottom: 0px !important; right: 0px !important; top: 0px !important; border: none !important; } .ace_editor.ace-editor-full .editor-full-screen:before { font-family: 'icomoon'; content: "\f066"; } .ace_editor textarea.ace_text-input { border: none !important; box-shadow: none !important; padding: 0 !important; } .ace_editor .ace_scrollbar { right: 3px; } .ace_editor .ace_hidden-cursors .ace_cursor { opacity: 0.7; } .ace_editor.ace-tomorrow .ace_cursor { color: #3c3434; } .ace_editor.ace_multiselect .ace_cursor { border-left-width: 2px; } .ace_editor .ace_indent-guide { height: 103%; display: inline-block; } .ace_editor .ace_line { line-height: 1.2em; line-height: inherit \9; } .ace_editor span.ace_heading { font-weight: 800; } .ace_editor .ace_mobile-menu { border: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); background: none; border-radius: 4px; height: 27px; overflow: hidden; z-index: 50; font-size: 12px; line-height: 17px; } .ace_editor .ace_mobile-menu > span { float: left; } .ace_editor .ace_mobile-menu .ace_mobile-button { cursor: pointer; display: inline-block; padding: 5px 13px; border-right: 0.5px solid rgba(255,255,255,0.2); background: #222; color: #fff; overflow: hidden; text-align: center; position: relative; z-index: 1; float: left; } .ace_editor .ace_mobile-menu .ace_mobile-button:hover { background: #666 !important; z-index: 2; } .ace_editor .ace_mobile-menu .ace_mobile-button[action="more"] { text-indent: -9999px; width: 25px; height: 27px; padding: 0; background: rgba(0,0,0,0.5); color: #fff; } .ace_editor .ace_mobile-menu .ace_mobile-button[action="more"]:before { font-family: 'icomoon'; content: "\eaae"; position: absolute; left: 0; top: 0; width: 26px; height: 26px; line-height: 26px; font-size: 13px; text-indent: 0; } .ace_editor .ace_search.right { background: #f3f3f3; border: 1px solid rgba(0,0,0,0.1); border-top: none; border-right: none; font-size: 13px; padding-left: 6px; box-shadow: -2px 3px 15px rgba(0,0,0,0.08); } .ace_editor .ace_search .ace_searchbtn { border: 1px solid #ddd; border-right: none; text-align: center; } .ace_editor .ace_search .ace_searchbtn:last-child { border-right: 1px solid #ddd; } .ace_editor .ace_search .ace_replace_form .ace_searchbtn { width: 34px; } .ace_editor .ace_search .ace_search_form.ace_nomatch { outline: none; } .ace_editor .ace_search .ace_search_form.ace_nomatch .ace_search_field { background: #fff3f2; } .ace_editor .ace_search .ace_search_field { border: 1px solid #ddd; margin-right: -1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); position: relative; min-width: 90px; z-index: 5; } .ace_editor .ace_search .ace_search_field:focus { border-color: #39F; } .ace_editor .ace_search .ace_button { margin-left: 0; margin-right: 3px; width: 28px; text-align: center; display: inline-block; border-radius: 3px; } .ace_editor .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .ace_editor .ace_search .ace_searchbtn_close { top: 6px; right: 2px; position: absolute; height: 20px; width: 20px !important; line-height: 18px; background: none; border: none; text-align: center; } .ace_editor .ace_search .ace_searchbtn_close:before { font-family: 'icomoon'; content: "\ea68"; font-size: 12px; } .ace_editor .ace_search .ace_search_options { padding-right: 17px; } .ace_editor .ace_search .ace_search_options .ace_button[action="toggleReplace"] { position: relative; top: 1px; } .ace_editor.ace_autocomplete { padding: 0px; box-shadow: 0px 2px 10px rgba(0,0,0,0.3); margin-left: 5px; box-shadow: 0 0 7px rgba(119,119,119,0.2), inset 1px 1px 0 rgba(0,0,0,0), inset -1px -1px 0 rgba(0,0,0,0); font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; background: #fff !important; } .ace_editor.ace_autocomplete .ace_scrollbar-v { padding: 0px; right: 0px; } .ace_editor.ace_autocomplete .ace_line { padding-left: 6px; line-height: 1.5em; } .ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line { background: #63acff !important; border-radius: 0px; z-index: 10; } .ace_editor.ace_autocomplete .ace_line-hover { border: none; margin-top: 0; background: #e6e6e6; border-radius: 0px; } .ace_editor.ace_autocomplete .ace_selected { color: #fff; } .ace_editor.ace_autocomplete .ace_completion-highlight { color: #2882be; } .ace_editor.ace_autocomplete .ace_rightAlignedText { color: #aaa; } .ace_editor.ace_autocomplete .ace_selected .ace_completion-highlight { color: #cfe8ff !important; } .ace_editor.ace_autocomplete .ace_selected .ace_rightAlignedText { color: #fff; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); font-size: 0.9em; } .ace_editor .ace_content .ace_marker-layer .ace_selected-word { background: rgba(210,235,255,0.11); border: 1px solid #65b5f5; z-index: 10; } .ace_editor .ace_content .ace_marker-layer .ace_bracket { border: 1px solid #FF9800; background: #FFC107; } .ace_editor .ace_content .ace_text-layer .ace_keyword { text-shadow: 0 0 0.3px; } .ace_editor .ace_invalid { background: none; color: #f60; } .ace_editor.ace-github { color: #444; } .ace_editor.ace-kuroir { background: #f9f9f9; } .ace_editor.ace-kuroir .ace_invalid { background: none; color: #f60; } .ace_editor.ace-solarized-light { background: #FDF6E3; } .ace_editor.ace-solarized-light .ace_invalid { background: none; color: #f60; } .ace_editor.ace-ambiance { background: #202020; } .ace_editor.ace-ambiance .ace_invalid { background: none; color: #f60; } .ace_editor.ace-monokai { background: #272822; } .ace_editor.ace-monokai .ace_invalid { background: none; color: #f60; } .ace_editor.ace-idle-fing { background: #333; } .ace_editor.ace-idle-fing .ace_invalid { background: none; color: #f60; } .ace_editor.ace-pastel-on-dark { background: #2C2828; } .ace_editor.ace-pastel-on-dark .ace_invalid { background: none; color: #f60; } .ace_editor.ace-solarized-dark { background: #002B36; } .ace_editor.ace-solarized-dark .ace_invalid { background: none; color: #f60; } .ace_editor.ace-twilight { background: #141414; } .ace_editor.ace-twilight .ace_invalid { background: none; color: #f60; } .ace_editor.ace-idle-fingers { background: #333; } .ace_editor.ace-idle-fingers .ace_invalid { background: none; color: #f60; } .ace_editor.ace-tomorrow-night-blue { background: #002451; } .ace_editor.ace-tomorrow-night-blue .ace_invalid { background: none; color: #f60; } .ace_editor.ace-tomorrow-night-eighties { background: #2d2d2d; } .ace_editor.ace-tomorrow-night-eighties .ace_invalid { background: none; color: #f60; } .ace_editor.ace-eclipse .ace_gutter { border-right: 3px solid #6ce26c !important; } .ace_editor.ace_dark .ace_content .ace_marker-layer .ace_selected-word { background: rgba(255,255,255,0.1); border: 1px solid #4179A7; z-index: 10; } .ace_editor.ace_dark .ace_content .ace_marker-layer .ace_bracket { border: 1px solid #FFEB3B; background: #6b6154; } div.xdsoft_datetimepicker { border-top: 2px solid #39f; padding: 0; height: 250px; color: #666; } div.xdsoft_datetimepicker .xdsoft_label, div.xdsoft_datetimepicker .xdsoft_month { text-align: center; font-weight: 400; } div.xdsoft_datetimepicker .xdsoft_label:hover, div.xdsoft_datetimepicker .xdsoft_label:active, div.xdsoft_datetimepicker .xdsoft_month:hover, div.xdsoft_datetimepicker .xdsoft_month:active { text-decoration: none; background: #e6f2ff; } div.xdsoft_datetimepicker .xdsoft_label:hover span, div.xdsoft_datetimepicker .xdsoft_label:active span, div.xdsoft_datetimepicker .xdsoft_month:hover span, div.xdsoft_datetimepicker .xdsoft_month:active span { color: #20a0ff; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select { box-shadow: 0px 2px 10px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.1); max-height: 300px; height: 200px; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select.xdsoft_monthselect { right: 0px; width: 90px; } div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect, div.xdsoft_datetimepicker .xdsoft_month > .xdsoft_select.xdsoft_yearselect { right: 0px; width: 56px; } div.xdsoft_datetimepicker .xdsoft_scrollbar >.xdsoft_scroller { background: rgba(0,0,0,0.3) !important; } div.xdsoft_datetimepicker .xdsoft_calendar td, div.xdsoft_datetimepicker .xdsoft_calendar th { height: 30px; text-align: center; background: none; border: none; } div.xdsoft_datetimepicker .xdsoft_calendar td div, div.xdsoft_datetimepicker .xdsoft_calendar th div { padding: 0; } div.xdsoft_datetimepicker .xdsoft_calendar th { background: #eee; color: #444; font-weight: 400; } div.xdsoft_datetimepicker .xdsoft_datepicker { width: 220px; margin-right: 10px; } div.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin: 0; } div.xdsoft_datetimepicker .xdsoft_timepicker { width: 70px; border-left: 1px solid #ddd; background: #fbfdff; margin: 0; margin-left: -1px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { margin-left: 20px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border: none; height: 203px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant { padding-bottom: 15px; } div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: none; border: none; } .dialog-form .tab-group { display: none; } .dialog-form.dialog-form-has-menu .tab-group { display: block; } .dialog-form.form-box-title-block .form-box .form-row { padding: 2px 40px; margin: 0 0 -1px 0; } .dialog-form.form-box-title-block .form-box .form-row .setting-title { text-align: left; float: none; height: 20px; line-height: 25px; } .dialog-form.form-box-title-block .form-box .form-row .setting-title.no-title { display: none; } .dialog-form.form-box-title-block .form-box .form-row .setting-content { width: 100%; } .dialog-form.form-box-title-block .form-box .form-row.inline { border: none; padding: 3px 0 3px 40px; } .dialog-form.form-box-title-block .form-box .form-row.inline + .inline.form-switch .setting-content { margin-top: 38px; } .dialog-form.form-box-title-block .form-box .form-row.inline + .inline .setting-content { margin-top: 35px; } .dialog-form.form-box-title-block .form-box .form-row.inline + .inline .setting-title { margin-bottom: -35px; } .dialog-form.form-box-title-block .form-box .form-row.inline .select2-container { width: auto !important; min-width: 150px; margin-right: 0px; } .form-box-row-line .form-box .form-row { padding-top: 5px; padding-bottom: 5px; margin: 0 0 -1px 0; border-bottom: 1px solid #f6f6f6; } .form-box-row-line .form-box .form-row.clear { border: none; padding: 0; } .form-box { color: #444; } .form-box a { text-decoration: none; cursor: pointer; } .form-box .info-alert a, .form-box .desc a { text-decoration: none; color: #1890ff; cursor: pointer; padding: 0.35em 0.6em; border-radius: 3px; } .form-box .info-alert a:hover, .form-box .info-alert a:active, .form-box .desc a:hover, .form-box .desc a:active { background: #def; } .form-box .panel-form-body { position: relative; } .form-box .panel-form-body .line, .form-box .panel-form-body hr { height: 1px; overflow: hidden; margin: 10px 5px; border: none; background: none; border-bottom: 1px dotted #e9eaea; } .form-box .panel-form-body h1, .form-box .panel-form-body h2, .form-box .panel-form-body h3, .form-box .panel-form-body h4, .form-box .panel-form-body h5 { margin: 0.5em 1em 0.2em 6px; padding-bottom: 0.6em; border-bottom: 1px dotted #e6e6e6; line-height: 1.4em; } .form-box .panel-form-body h1:before, .form-box .panel-form-body h2:before, .form-box .panel-form-body h3:before, .form-box .panel-form-body h4:before, .form-box .panel-form-body h5:before { content: " "; border-left: 5px solid #1890ff; margin-right: 10px; font-size: 0.8em; top: -0.1em; position: relative; } .form-box .panel-form-body .form-header-center { text-align: center; margin-bottom: 1.2em; } .form-box .panel-form-body .form-header-center:before { display: none; } .form-box .panel-form-body .form-header-center span { position: relative; top: 20px; padding: 0.4em 1em 0.5em 1em; border-radius: 60px; font-size: 13px; background: #1890ff; color: #e6f7ff; } .form-box.config-box .form-header { height: 40px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -o-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); background-image: linear-gradient(60deg,#efefef 0%,#f5f7fa 100%); -pie-background: linear-gradient(to 60deg,#efefef 0%,#f5f7fa 100%); border-bottom: 1px solid #ddd; } .form-box.config-box .form-header .modal-title { height: 40px; line-height: 40px; padding-left: 20px; font-size: 13px; } .form-box.config-box .form-header .modal-title .path-ico { display: inline; vertical-align: inherit; position: relative; top: 2px; } .form-box.config-box .form-header .modal-title .font-icon { padding-right: 8px; opacity: 0.5; } .form-box.config-box .form-header .modal-title img, .form-box.config-box .form-header .modal-title .x-item-icon, .form-box.config-box .form-header .modal-title .font-icon-words { height: 22px; width: 22px; line-height: 22px; text-align: center; border-radius: 15%; display: inline-block; margin-right: 10px; padding: 0; color: #fff; position: relative; font-size: 14px; top: 3px; } .form-box.config-box .form-header .modal-title img.x-font-icon, .form-box.config-box .form-header .modal-title img.font-icon-words, .form-box.config-box .form-header .modal-title .x-item-icon.x-font-icon, .form-box.config-box .form-header .modal-title .x-item-icon.font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words.x-font-icon, .form-box.config-box .form-header .modal-title .font-icon-words.font-icon-words { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); } .form-box.config-box .form-header .modal-title img.font-icon-words, .form-box.config-box .form-header .modal-title .x-item-icon.font-icon-words, .form-box.config-box .form-header .modal-title .font-icon-words.font-icon-words { font-size: 10px; top: -2px; } .form-box.config-box .form-header .modal-title i { font-style: normal; } .form-box.config-box .form-header .modal-title img, .form-box.config-box .form-header .modal-title .x-font-icon { top: 0px; } .form-box.config-box .panel-form-body { overflow: auto; border-radius: 4px; padding: 20px 0; position: absolute; left: 0; right: 0; top: 42px; bottom: 1px; margin: 0; border: none; background: #fff; } .form-box .form-row { padding: 2px 10px; margin: 0 0 -1px 0; width: auto; clear: both; } .form-box .form-row .can-select, .form-box .form-row pre, .form-box .form-row code { -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; -khtml-user-select: text !important; -webkit-touch-callout: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; user-select: text !important; } .form-box .form-row pre.hljs { font-size: 13px; border-radius: 4px; overflow: auto; height: 100%; padding: 0px 10px; } .form-box .form-row pre.hljs:before, .form-box .form-row pre.hljs:after { content: " "; height: 10px; padding: 10px 0; display: inline-block; } .form-box .form-row:after { clear: both; } .form-box .form-row.form-html { overflow: hidden; } .form-box .form-row.form-group { margin: 0; } .form-box .form-row.form-cityPicker .desc { position: relative; top: -15px; margin-left: 10px; } .form-box .form-row.form-switch .desc { display: inline-block; } .form-box .form-row.form-switch .setting-title { padding-top: 0px; } .form-box .form-row label { margin-right: 10px; line-height: 1.6em; cursor: pointer; display: inline-block; } .form-box .form-row label:active { color: #1890ff; } .form-box .form-row label.disabled { opacity: 0.3; pointer-events: none; } .form-box .form-row.form-radio label { position: relative; top: -1px; } .form-box .form-row .input-clear { position: absolute; margin-left: -45px; width: 30px !important; height: 30px; line-height: 30px; text-align: center; cursor: pointer; display: inline-block !important; visibility: hidden; opacity: 0; color: #e8dede; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .form-box .form-row .input-clear:hover, .form-box .form-row .input-clear:active { color: #ff4d4f; } .form-box .form-row.item-not-empty .setting-content:hover input + .input-clear { visibility: visible; opacity: 1; } .form-box .form-row.item-not-empty .setting-content:hover input[disabled] + .input-clear, .form-box .form-row.item-not-empty .setting-content:hover input[readonly] + .input-clear { visibility: hidden; opacity: 0; } .form-box .form-row.item-not-empty.item-focus input + .input-clear { visibility: hidden !important; opacity: 0 !important; } .form-box .form-row.form-segment .input-clear, .form-box .form-row.form-slider .input-clear { visibility: hidden !important; opacity: 0 !important; } .form-box .form-row input:read-only, .form-box .form-row input.disabled { border: 1px solid #e6e6e6 !important; box-shadow: none !important; color: #777 !important; opacity: 1.0 !important; } .form-box .form-row input:read-only[type='text'], .form-box .form-row input:read-only[type='password'], .form-box .form-row input:read-only[type='number'], .form-box .form-row input.disabled[type='text'], .form-box .form-row input.disabled[type='password'], .form-box .form-row input.disabled[type='number'] { background: #f6f6f6; } .form-box .form-row input[type='checkbox'] { display: inline-block; margin-right: 5px; } .form-box .form-row input[type='radio'] { display: inline-block; margin-right: 5px; cursor: pointer; } .form-box .form-row input[type='text'], .form-box .form-row input[type='password'], .form-box .form-row input[type='number'] { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; box-shadow: none; border-radius: 3px; display: inline-block; height: 26px; width: 260px; color: #444; padding-left: 0.5em; margin-right: 10px; } .form-box .form-row input[type='text']:hover, .form-box .form-row input[type='text']:active, .form-box .form-row input[type='password']:hover, .form-box .form-row input[type='password']:active, .form-box .form-row input[type='number']:hover, .form-box .form-row input[type='number']:active { border-color: #75A1F0; } .form-box .form-row input[type='text']:focus, .form-box .form-row input[type='password']:focus, .form-box .form-row input[type='number']:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .form-box .form-row input[type='text'].disabled, .form-box .form-row input[type='text'][readonly='true'], .form-box .form-row input[type='password'].disabled, .form-box .form-row input[type='password'][readonly='true'], .form-box .form-row input[type='number'].disabled, .form-box .form-row input[type='number'][readonly='true'] { opacity: 0.7; } .form-box .form-row input[type='text'].disabled:hover, .form-box .form-row input[type='text'].disabled:active, .form-box .form-row input[type='text'][readonly='true']:hover, .form-box .form-row input[type='text'][readonly='true']:active, .form-box .form-row input[type='password'].disabled:hover, .form-box .form-row input[type='password'].disabled:active, .form-box .form-row input[type='password'][readonly='true']:hover, .form-box .form-row input[type='password'][readonly='true']:active, .form-box .form-row input[type='number'].disabled:hover, .form-box .form-row input[type='number'].disabled:active, .form-box .form-row input[type='number'][readonly='true']:hover, .form-box .form-row input[type='number'][readonly='true']:active { border-color: #ddd; } .form-box .form-row input[type='text'].disabled:focus, .form-box .form-row input[type='text'][readonly='true']:focus, .form-box .form-row input[type='password'].disabled:focus, .form-box .form-row input[type='password'][readonly='true']:focus, .form-box .form-row input[type='number'].disabled:focus, .form-box .form-row input[type='number'][readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .form-box .form-row input[type='text']:focus, .form-box .form-row input[type='password']:focus, .form-box .form-row input[type='number']:focus { box-shadow: 0 0 0 3px rgba(117,161,240,0.2); } .form-box .form-row select { min-width: 268px; margin-right: 10px; } .form-box .form-row.form-codeEditor { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } .form-box .form-row.form-codeEditor .ace_editor { border: 1px solid #ddd; margin-bottom: 0; width: 100% !important; position: relative; box-sizing: border-box; height: 150px; padding-right: 10px; font: 14px/normal 'Menlo', Monaco, Consolas, 'Source Code Pro', 'Liberation Mono', Monaco, 'Ubuntu Mono', 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; } .form-box .form-row.form-segment button [class^="icon-"] { padding-right: 0.5em; opacity: 0.7; } .form-box .form-row.form-textarea .desc { display: block; } .form-box .form-row textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; color: #444; margin-right: 10px; width: 100%; height: 150px; margin-bottom: 5px; border-radius: 2px; padding: 5px; box-sizing: border-box; transition: none; } .form-box .form-row textarea:hover, .form-box .form-row textarea:active { border-color: #75A1F0; } .form-box .form-row textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .form-box .form-row textarea.disabled, .form-box .form-row textarea[readonly='true'] { opacity: 0.7; } .form-box .form-row textarea.disabled:hover, .form-box .form-row textarea.disabled:active, .form-box .form-row textarea[readonly='true']:hover, .form-box .form-row textarea[readonly='true']:active { border-color: #ddd; } .form-box .form-row textarea.disabled:focus, .form-box .form-row textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .form-box .form-row textarea:focus { box-shadow: 0 0 0 3px rgba(117,161,240,0.33); } .form-box .form-row .setting-title { height: 30px; line-height: 30px; width: 120px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; text-shadow: 0 0 1px #bbb; } .form-box .form-row .setting-title .require { color: #ff5722; font-size: 20px; position: absolute; margin-top: 4px; padding: 0 0 0 5px; } .form-box .form-row .setting-title.has-title:after { content: ": "; opacity: 0.3; margin: 0 4px 0 -1px; } .form-box .form-row.clear { clear: both; float: none; } .form-box .form-row.inline { float: left; clear: inherit; padding-right: 0; margin-bottom: 0px; } .form-box .form-row.inline .setting-content { width: auto; padding-right: 0; margin-right: 5px; } .form-box .form-row.inline + .inline { padding-left: 0; } .form-box .form-row.inline + .inline .setting-title { width: auto; margin-right: 0; } .form-box .form-row.inline + .inline.form-switch .setting-content { margin-top: 3px; } .form-box .form-row.inline + .inline .kui-checkbox-ios + em { margin-right: 0px; } .form-box .form-row.inline .select2-container { width: auto !important; min-width: 150px; margin-right: 0px; } .form-box .form-row .setting-content { float: left; position: relative; width: 70%; width: calc(100% - 160px); padding: 5px; border-radius: 4px; border: 1px solid transparent; } .form-box .form-row .setting-content .font-icon { display: inline-block; width: 20px; text-align: center; font-size: 14px; padding-left: 2px; vertical-align: middle; } .form-box .form-row .setting-content input.span-title-left { border-top-left-radius: 0; border-bottom-left-radius: 0; position: relative; z-index: 2; } .form-box .form-row .setting-content input.span-title-right { border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; z-index: 2; width: 226px; } .form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-right { background: #fafafa; display: inline-block; padding: 0px 8px; border: 1px solid #ddd; line-height: 28px; height: 28px; position: relative; top: 0px; overflow: inherit; vertical-align: top; } .form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-left.kui-btn, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-right.kui-btn { padding: 0px 6px; vertical-align: top; border-radius: 0; } .form-box .form-row .setting-content .input-title-left.btn .font-icon, .form-box .form-row .setting-content .input-title-left.kui-btn .font-icon, .form-box .form-row .setting-content .input-title-right.btn .font-icon, .form-box .form-row .setting-content .input-title-right.kui-btn .font-icon { position: relative; top: -1px; } .form-box .form-row .setting-content .input-title-left { margin-right: -6px; } .form-box .form-row .setting-content .input-title-left, .form-box .form-row .setting-content .input-title-left.btn, .form-box .form-row .setting-content .input-title-left.kui-btn { border-radius: 4px 0 0 4px; } .form-box .form-row .setting-content .input-title-right { margin-left: -15px; margin-right: 10px; } .form-box .form-row .setting-content .input-title-right, .form-box .form-row .setting-content .input-title-right.btn, .form-box .form-row .setting-content .input-title-right.kui-btn { border-radius: 0 4px 4px 0; } .form-box .form-row .setting-content .form-save-button { padding: 8px 60px; background: #1890ff; color: #fff; border: none; margin: 10px 0 30px; border-radius: 3px; outline: none; } .form-box .form-row .setting-content .form-save-button:hover { background: #5d9eff; } .form-box .form-row .setting-content .form-save-button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .form-box .form-row .setting-content .form-reset-button { padding: 8px 20px; background: #f6f6f6; color: #666; border: none; margin: 10px 0px 10px 20px; border-radius: 3px; outline: none; } .form-box .form-row .setting-content .form-reset-button:hover { background: #eee; } .form-box .form-row .setting-content .form-reset-button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .form-box .form-row.form-button-line:before { content: " "; display: block; height: 0px; margin: 0 5px; position: relative; top: 1.5em; border-top: 1px dotted #e9eaea; } .form-box .form-row .font-icon { padding: 0; } .form-box .form-row.error .setting-content { background: #ffefed; border-color: #ffb3ae; } .form-box .form-row .desc { color: #bcc4d0; font-style: normal; line-height: 1.6em; word-break: break-all; vertical-align: middle; } .form-row.form-cityPicker .setting-content .select-user-box, .form-row.form-colorLabel .setting-content .select-user-box, .form-row.form-fontIcon .setting-content .select-user-box, .form-row.form-select .setting-content .select-user-box, .form-row.form-tags .setting-content .select-user-box, .form-row.form-auth .setting-content .select-user-box, .form-row.form-group .setting-content .select-user-box, .form-row.form-groupAuth .setting-content .select-user-box, .form-row.form-job .setting-content .select-user-box, .form-row.form-role .setting-content .select-user-box, .form-row.form-user .setting-content .select-user-box, .form-row.form-userGroup .setting-content .select-user-box, .form-row.form-userSelect .setting-content .select-user-box { background: #f8fcff; padding: 10px 5px; border-radius: 2px; } .form-row.form-cityPicker .setting-content > input, .form-row.form-colorLabel .setting-content > input, .form-row.form-fontIcon .setting-content > input, .form-row.form-select .setting-content > input, .form-row.form-tags .setting-content > input, .form-row.form-auth .setting-content > input, .form-row.form-group .setting-content > input, .form-row.form-groupAuth .setting-content > input, .form-row.form-job .setting-content > input, .form-row.form-role .setting-content > input, .form-row.form-user .setting-content > input, .form-row.form-userGroup .setting-content > input, .form-row.form-userSelect .setting-content > input { display: none; } .form-row.form-cityPicker .setting-content > select, .form-row.form-colorLabel .setting-content > select, .form-row.form-fontIcon .setting-content > select, .form-row.form-select .setting-content > select, .form-row.form-tags .setting-content > select, .form-row.form-auth .setting-content > select, .form-row.form-group .setting-content > select, .form-row.form-groupAuth .setting-content > select, .form-row.form-job .setting-content > select, .form-row.form-role .setting-content > select, .form-row.form-user .setting-content > select, .form-row.form-userGroup .setting-content > select, .form-row.form-userSelect .setting-content > select { display: none; } .form-row.form-cityPicker .btn-group.btn-group-segment .btn, .form-row.form-colorLabel .btn-group.btn-group-segment .btn, .form-row.form-fontIcon .btn-group.btn-group-segment .btn, .form-row.form-select .btn-group.btn-group-segment .btn, .form-row.form-tags .btn-group.btn-group-segment .btn, .form-row.form-auth .btn-group.btn-group-segment .btn, .form-row.form-group .btn-group.btn-group-segment .btn, .form-row.form-groupAuth .btn-group.btn-group-segment .btn, .form-row.form-job .btn-group.btn-group-segment .btn, .form-row.form-role .btn-group.btn-group-segment .btn, .form-row.form-user .btn-group.btn-group-segment .btn, .form-row.form-userGroup .btn-group.btn-group-segment .btn, .form-row.form-userSelect .btn-group.btn-group-segment .btn { color: #666; } .form-row.form-cityPicker .btn-group.btn-group-segment .btn .font-icon, .form-row.form-colorLabel .btn-group.btn-group-segment .btn .font-icon, .form-row.form-fontIcon .btn-group.btn-group-segment .btn .font-icon, .form-row.form-select .btn-group.btn-group-segment .btn .font-icon, .form-row.form-tags .btn-group.btn-group-segment .btn .font-icon, .form-row.form-auth .btn-group.btn-group-segment .btn .font-icon, .form-row.form-group .btn-group.btn-group-segment .btn .font-icon, .form-row.form-groupAuth .btn-group.btn-group-segment .btn .font-icon, .form-row.form-job .btn-group.btn-group-segment .btn .font-icon, .form-row.form-role .btn-group.btn-group-segment .btn .font-icon, .form-row.form-user .btn-group.btn-group-segment .btn .font-icon, .form-row.form-userGroup .btn-group.btn-group-segment .btn .font-icon, .form-row.form-userSelect .btn-group.btn-group-segment .btn .font-icon { opacity: 0.7; } .form-row.form-cityPicker .desc, .form-row.form-colorLabel .desc, .form-row.form-fontIcon .desc, .form-row.form-select .desc, .form-row.form-tags .desc, .form-row.form-auth .desc, .form-row.form-group .desc, .form-row.form-groupAuth .desc, .form-row.form-job .desc, .form-row.form-role .desc, .form-row.form-user .desc, .form-row.form-userGroup .desc, .form-row.form-userSelect .desc { margin-top: 10px; } .form-row.form-userSelect .setting-title { padding-top: 15px; } .form-row.form-slider .slider.slider-horizontal { width: 252px; margin-right: 17px; height: 30px; } .form-row.form-slider .slider .tooltip { pointer-events: none; } .form-row.form-color .color-picker-view .font-icon { width: 18px; height: 18px; position: relative; font-size: 18px; top: -1px; } .form-row.form-cityPicker .city-picker-span { height: 28px; line-height: 28px; padding: 0px 4px 0 5px; } .form-row.form-cityPicker .city-picker-span .arrow { position: absolute; top: 0; right: 0; margin: 0; height: 100%; width: 38px; line-height: 28px; border-left: 1px solid #ddd; background: #fafafa; text-align: center; font-size: 16px; color: #999; } .form-row.form-cityPicker .city-picker-span .arrow:before { font-family: 'icomoon'; content: "\eab7"; } .colorpicker { z-index: 9999; } span.select2-container--default .select2-dropdown, span.select2-container--classic .select2-dropdown { box-shadow: 0 2px 10px rgba(0,0,0,0.2); border: 1px solid #ddd; overflow: hidden; } span.select2-container--default .select2-dropdown .select2-search__field, span.select2-container--classic .select2-dropdown .select2-search__field { border: 1px solid #ddd; } span.select2-container--default.select2-container--focus .select2-selection--multiple, span.select2-container--classic.select2-container--focus .select2-selection--multiple { border-color: #badaff; } span.select2-container--default .select2-selection--multiple, span.select2-container--default .select2-selection--single, span.select2-container--classic .select2-selection--multiple, span.select2-container--classic .select2-selection--single { border: 1px solid #ddd; border-radius: 4px; outline: none; padding: 0; margin: 0; min-height: 30px; line-height: 28px; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered, span.select2-container--default .select2-selection--single .select2-selection__rendered, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered, span.select2-container--classic .select2-selection--single .select2-selection__rendered { display: block; padding-bottom: 1px; line-height: inherit; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered .path-ico .font-icon, span.select2-container--default .select2-selection--single .select2-selection__rendered .path-ico .font-icon, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered .path-ico .font-icon, span.select2-container--classic .select2-selection--single .select2-selection__rendered .path-ico .font-icon { width: 20px; position: relative; top: -3px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice, span.select2-container--default .select2-selection--single .select2-selection__choice, span.select2-container--classic .select2-selection--multiple .select2-selection__choice, span.select2-container--classic .select2-selection--single .select2-selection__choice { background-color: #edf5ff; color: #3a96ff; border-color: #badaff; height: 22px; line-height: 20px; border-radius: 15px; margin: 4px 4px 0px 0px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove { float: right; font-size: 15px; color: #3a96ff; width: 20px; height: 22px; line-height: 18px; text-align: center; margin-right: -2px; } span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--default .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--classic .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:hover, span.select2-container--classic .select2-selection--single .select2-selection__choice .select2-selection__choice__remove:active { color: #0063d3; } span.select2-container--default .select2-selection--single .select2-selection__rendered, span.select2-container--classic .select2-selection--single .select2-selection__rendered { padding-left: 15px; } span.select2-container--default .select2-selection--multiple .select2-selection__rendered, span.select2-container--classic .select2-selection--multiple .select2-selection__rendered { padding-left: 5px; } span.select2-container--default:hover .select2-selection__clear, span.select2-container--default:active .select2-selection__clear, span.select2-container--classic:hover .select2-selection__clear, span.select2-container--classic:active .select2-selection__clear { display: block !important; } span.select2-container--default:hover .select2-selection--single .select2-selection__clear, span.select2-container--default:active .select2-selection--single .select2-selection__clear, span.select2-container--classic:hover .select2-selection--single .select2-selection__clear, span.select2-container--classic:active .select2-selection--single .select2-selection__clear { display: none !important; } span.select2-container--default .select2-selection--multiple .select2-selection__clear, span.select2-container--default .select2-selection--single .select2-selection__clear, span.select2-container--classic .select2-selection--multiple .select2-selection__clear, span.select2-container--classic .select2-selection--single .select2-selection__clear { display: none; position: absolute; width: 20px; height: 20px; line-height: 18px; right: 8px; top: 50%; border-radius: 50%; text-align: center; font-size: 14px; margin: 0; margin-top: -11px; z-index: 99; background: #fff; color: #777; border: 1px solid #eee; } span.select2-container--default .select2-selection--multiple .select2-selection__clear:hover, span.select2-container--default .select2-selection--multiple .select2-selection__clear:active, span.select2-container--default .select2-selection--single .select2-selection__clear:hover, span.select2-container--default .select2-selection--single .select2-selection__clear:active, span.select2-container--classic .select2-selection--multiple .select2-selection__clear:hover, span.select2-container--classic .select2-selection--multiple .select2-selection__clear:active, span.select2-container--classic .select2-selection--single .select2-selection__clear:hover, span.select2-container--classic .select2-selection--single .select2-selection__clear:active { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; font-weight: 800; } span.select2-container--default .select2-selection--single:hover, span.select2-container--default .select2-selection--single:active, span.select2-container--default.select2-container--focus .select2-selection--single, span.select2-container--default.select2-container--open .select2-selection--single, span.select2-container--classic .select2-selection--single:hover, span.select2-container--classic .select2-selection--single:active, span.select2-container--classic.select2-container--focus .select2-selection--single, span.select2-container--classic.select2-container--open .select2-selection--single { background: #f8f8f8 url("../../images/common/bg.gif") 0px -10px repeat-x; } span.select2-container--default .select2-selection--multiple:hover, span.select2-container--default .select2-selection--multiple:active, span.select2-container--classic .select2-selection--multiple:hover, span.select2-container--classic .select2-selection--multiple:active { border-color: #3a96ff; } span.select2-container--default .select2-selection--single, span.select2-container--classic .select2-selection--single { background: #f8f8f8 url("../../images/common/bg.gif") 0px 0px repeat-x; } span.select2-container--default .select2-selection--single .select2-selection__arrow, span.select2-container--classic .select2-selection--single .select2-selection__arrow { height: 100%; width: 30px; top: 0px; right: 0px; } span.select2-container--default .select2-selection--multiple ul.select2-selection__rendered:after, span.select2-container--classic .select2-selection--multiple ul.select2-selection__rendered:after { font-family: 'icomoon'; content: "\f0dc"; width: 30px; height: 100%; display: block; color: #aaa; position: absolute; right: 0px; top: 50%; margin-top: -15px; text-align: center; } span.select2-container--default .select2-selection--multiple .select2-search--inline, span.select2-container--classic .select2-selection--multiple .select2-search--inline { height: 31px; line-height: 23px; } span.select2-container--default .select2-results.group-list-content>.select2-results__options, span.select2-container--classic .select2-results.group-list-content>.select2-results__options { z-index: 100; width: 100%; height: 250px; max-height: 250px; } span.select2-container--default .select2-results>.select2-results__options, span.select2-container--classic .select2-results>.select2-results__options { max-height: 300px; } span.select2-container--default .select2-results__option, span.select2-container--classic .select2-results__option { position: relative; padding: 6px 6px 6px 15px; } span.select2-container--default .select2-search--inline .select2-search__field, span.select2-container--classic .select2-search--inline .select2-search__field { padding-top: 1px; padding-left: 5px; } span.select2-container--default .select2-results__option[aria-selected=true], span.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted, span.select2-container--default .select2-results__option[aria-selected=true]:hover, span.select2-container--default .select2-results__option[aria-selected=true]:active, span.select2-container--classic .select2-results__option[aria-selected=true], span.select2-container--classic .select2-results__option[aria-selected=true].select2-results__option--highlighted, span.select2-container--classic .select2-results__option[aria-selected=true]:hover, span.select2-container--classic .select2-results__option[aria-selected=true]:active { background: #edf5ff; color: #3a96ff; } span.select2-container--default .select2-results__option[aria-selected=true]:hover, span.select2-container--default .select2-results__option[aria-selected=true]:active, span.select2-container--classic .select2-results__option[aria-selected=true]:hover, span.select2-container--classic .select2-results__option[aria-selected=true]:active { background: #e2f0ff; } span.select2-container--default .select2-results__option[aria-selected=true]:after, span.select2-container--classic .select2-results__option[aria-selected=true]:after { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; right: 6px; color: #3a96ff; position: absolute; right: 10px; } span.select2-container--default .select2-results__option--highlighted[aria-selected], span.select2-container--classic .select2-results__option--highlighted[aria-selected] { background: #e2f0ff; color: #3a96ff; } span.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, span.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: 1px solid transparent; } span.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, span.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: 1px solid transparent; } span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below, span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--below { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); margin-top: -1px; } span.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above, span.select2-container--classic.select2-container--open .select2-dropdown.select2-dropdown--above { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); margin-top: 1px; box-shadow: 0 -2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); } span.select2-container--default.select2-container--open .select2-selection--multiple, span.select2-container--default.select2-container--open .select2-selection--single, span.select2-container--classic.select2-container--open .select2-selection--multiple, span.select2-container--classic.select2-container--open .select2-selection--single { border-color: #3a96ff; outline: none; box-shadow: 0 0 20px #71c0ff; border-color: #bfcbd9; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 0 6px rgba(0,0,0,0.04); } .form-box .form-row.inline.form-fontIcon.icon-title-right { margin-left: -68px; } .form-box .form-row.inline.form-fontIcon.icon-title-right .select2-container { min-width: 0; } .form-box .form-row.inline.form-fontIcon.icon-title-right .select2-selection__rendered { padding-left: 2px; } .form-box .form-row.inline.form-fontIcon.icon-title-right .select2-selection__rendered span { display: none; } .form-box .form-row.inline.form-fontIcon.icon-title-right .select2-selection.select2-selection--single { border-radius: 0 3px 3px 0; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-dropdown { padding: 5px 5px 10px 5px; width: 285px !important; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-search { display: none !important; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option { width: inherit; float: left; padding: 5px 5px 4px 5px; border-radius: 40px; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico { padding: 0; width: 20px; height: 20px; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option .path-ico .x-item-icon { width: 18px; height: 18px; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option span { display: none; } span.select2-container--default.form-select2-dropdown-type-colorLabel .select2-results__option[aria-selected=true]:after { color: #fff; text-shadow: 0 0 1px #fff; margin-top: 2px; left: 9px; } span.select2-container--default.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label, span.select2-container--default.form-select2-dropdown-type-colorLabel.form-select2-dropdown-key-label { margin-left: -225px; } .form-box .form-row.form-colorLabel .select2-container { width: 60px !important; min-width: inherit !important; } .form-box .form-row.form-colorLabel .select2-container .select2-selection--single .select2-selection__rendered span { display: none; } .form-box .form-row.form-colorLabel.inline { margin-left: -25px; } .form-box .form-row.form-colorLabel.inline .select2-container .select2-selection--single { border-radius: 0px 4px 4px 0; } span.select2-container { margin-right: 10px; max-width: 100%; } span.select2-container.select2-container--disabled { opacity: 0.5; } span.select2-container .path-ico { font-size: 16px; height: 17px; width: 16px; line-height: 22px; text-align: center; padding-right: 6px; color: #999; } span.select2-container .path-ico .font-icon { font-size: 14px; padding-right: 10px; width: 13px; } span.select2-container .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } span.select2-container .select2-search--dropdown .select2-search__field { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; } span.select2-container .select2-search--dropdown .select2-search__field:hover, span.select2-container .select2-search--dropdown .select2-search__field:active { border-color: #75A1F0; } span.select2-container .select2-search--dropdown .select2-search__field:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } span.select2-container .select2-search--dropdown .select2-search__field.disabled, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true'] { opacity: 0.7; } span.select2-container .select2-search--dropdown .select2-search__field.disabled:hover, span.select2-container .select2-search--dropdown .select2-search__field.disabled:active, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:hover, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:active { border-color: #ddd; } span.select2-container .select2-search--dropdown .select2-search__field.disabled:focus, span.select2-container .select2-search--dropdown .select2-search__field[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } span.select2-container .select2-results__option { color: #666; cursor: pointer; } span.select2-container .select2-results__option[aria-selected=true], span.select2-container .select2-results__option.select2-results__option--highlighted, span.select2-container .select2-results__option:hover, span.select2-container .select2-results__option:active { background: #edf5ff; border-color: #d3e8ff; color: #3a96ff; } span.select2-container .select2-results__option[aria-selected=true] .path-ico, span.select2-container .select2-results__option.select2-results__option--highlighted .path-ico, span.select2-container .select2-results__option:hover .path-ico, span.select2-container .select2-results__option:active .path-ico { color: #3a96ff; } span.select2-container .select2-results__option.select2-results__message { height: 24px; border: none; background: none; } span.select2-container .select2-selection__choice .path-ico { color: #3a96ff; } span.select2-container .select2-selection__choice font-icon { position: relative; top: -2px; } span.select2-container .form-dorpdown-colorLabel { width: 435px !important; padding: 5px 5px 10px 5px; border-top-right-radius: 3px; } span.select2-container .form-dorpdown-colorLabel .select2-results__options { max-height: 320px; padding: 4px; } span.select2-container .form-dorpdown-colorLabel .select2-results__option { float: left; width: 116px; height: 25px; border-radius: 20px; line-height: 24px; padding: 1px 1px 1px 10px; margin: 0px 5px 6px 0; overflow: hidden; border: 1px solid #f6f6f6; background: #fcfcfc; cursor: pointer; } span.select2-container .form-dorpdown-colorLabel .select2-results__option.select2-results__option--highlighted, span.select2-container .form-dorpdown-colorLabel .select2-results__option:hover, span.select2-container .form-dorpdown-colorLabel .select2-results__option:active { background: #edf5ff; border-color: #d3e8ff; } span.select2-container .form-select2-dropdown-type-fontIcon { width: 560px !important; padding: 5px 5px 10px 5px; border-top-right-radius: 3px; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__options { max-height: 300px; padding: 4px; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option { float: left; width: 62px; height: 62px; line-height: 24px; border: 1px solid #eee; padding: 1px 0px 1px 1px; margin: 0 -1px -1px 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico { width: auto; height: auto; display: block; text-align: center; margin-top: 5px; padding: 0; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option .path-ico .font-icon { font-size: 20px; padding: 0; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option span { white-space: normal; line-height: 1.1em; height: 32px; overflow: hidden; text-align: center; display: table-cell; width: 64px; vertical-align: middle; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option[aria-selected=true]:after { right: 2px; top: 2px; background: #d3e8ff; width: 17px; text-align: center; line-height: 18px; height: 17px; border-radius: 50%; font-size: 12px; } span.select2-container .form-select2-dropdown-type-fontIcon .select2-results__option.select2-results__message { height: 24px; border: none; } .form-box .form-row.form-userSelect .setting-content .kod-select { width: 360px; } .form-box .form-row.form-userSelect .setting-content .user-select-role select { width: 360px; min-width: 360px; } .form-box .form-row .setting-content .kod-select { width: 268px; height: 30px; max-width: 100%; border-radius: 3px; border: 1px solid #ddd; background: #fefefe; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; } .form-box .form-row .setting-content .kod-select > .font-icon { position: absolute; right: 0; font-size: 12px; width: 30px; height: 100%; line-height: 30px; color: #aaa; top: 50%; margin-top: -15px; text-align: center; } .form-box .form-row .setting-content .kod-select.select-single { background: #f8f8f8 url("../../images/common/bg.gif") 0px -5px repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-box .form-row .setting-content .kod-select.select-single.open, .form-box .form-row .setting-content .kod-select.select-single:hover, .form-box .form-row .setting-content .kod-select.select-single:active { background: #f8f8f8 url("../../images/common/bg.gif") 0px -20px repeat-x; } .form-box .form-row .setting-content .kod-select.select-single.open { box-shadow: 0 5px 12px rgba(0,0,0,0.2); } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title { line-height: 30px; padding-left: 10px; color: #666; } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico { line-height: 23px; padding-right: 5px; color: #999; text-align: center; margin: 2px 0px; } .form-box .form-row .setting-content .kod-select.select-single .kod-select-title .path-ico .font-icon { display: inline-block; width: 20px; text-align: center; font-size: 14px; padding-left: 2px; } .form-box .form-row .setting-content .kod-select.select-mutil { padding-bottom: 4px; min-height: 28px; height: auto; } .form-box .form-row .setting-content .kod-select.select-mutil:hover, .form-box .form-row .setting-content .kod-select.select-mutil:active { border-color: #3a96ff; } .form-box .form-row .setting-content .kod-select.select-mutil.open { border-color: #d6d7d7; box-shadow: 0 4px 10px rgba(0,0,0,0.2); } .form-box .form-row .setting-content .kod-select.select-mutil .select-list { padding: 0 5px; max-height: 85px; overflow: auto; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice { float: left; background-color: #edf5ff; color: #3a96ff; padding: 0 8px 0 4px; border: 1px solid #badaff; line-height: 22px; border-radius: 15px; margin: 4px 4px 0px 0px; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove { float: right; font-size: 15px; width: 20px; line-height: 21px; text-align: center; position: relative; top: 1px; margin-right: -5px; color: #3a96ff; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:hover, .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .item-remove:active { color: #0063d3; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico { margin: 0; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico img { top: -1px; left: -1px; } .form-box .form-row .setting-content .kod-select.select-mutil .select-list .item-choice .path-ico svg { position: relative; top: 1px; } .form-row .kod-select-main { display: inline-block; max-width: 100%; } .form-row .kod-select-main.auth-table { display: block; } .form-row .kod-select-main.auth-table .add-user-group { margin: 8px 0; display: block; } .form-row .kod-select-main.auth-table .auth-select-box { padding: 0; border: 1px solid #e6e6e6; } .form-row .kod-select-main.auth-table .auth-select-box .item-null { text-align: center; color: #bbb; line-height: 30px; height: 30px; } .form-row .kod-select-main.auth-table .item-choice { border-top: 1px solid #eee; position: relative; border-bottom: 1px solid transparent; margin-top: -1px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .form-row .kod-select-main.auth-table .item-choice:nth-child(odd) { background: #f8f8f8; } .form-row .kod-select-main.auth-table .item-choice.disabled { pointer-events: none; } .form-row .kod-select-main.auth-table .item-choice .item-remove { position: relative; top: 7px; z-index: 10; cursor: pointer; color: #ccc; font-size: 16px; display: none; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .form-row .kod-select-main.auth-table .item-choice .item-remove:hover, .form-row .kod-select-main.auth-table .item-choice .item-remove:active { color: #ff4d4f; } .form-row .kod-select-main.auth-table .item-choice:hover, .form-row .kod-select-main.auth-table .item-choice:active { background: #e6f7ff; border-color: #91d5ff; z-index: 999; position: relative; } .form-row .kod-select-main.auth-table .item-choice:hover .item-remove, .form-row .kod-select-main.auth-table .item-choice:active .item-remove { display: block; opacity: 1; } .form-row .kod-select-main.auth-table .item-choice .select-role select { display: none; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container { padding-left: 50px; position: absolute; right: 0px; top: 3px; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single { height: 24px; line-height: 24px; min-height: 0; border-color: #e6e6e6; } .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:hover, .form-row .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection--single:active { border-color: #91d5ff; } .form-row .kod-select-main.auth-table .item-choice, .form-row .kod-select-main.auth-table .item-choice-title { height: 30px; line-height: 30px; padding: 0; } .form-row .kod-select-main.auth-table .item-choice .item-content, .form-row .kod-select-main.auth-table .item-choice-title .item-content { width: 30%; height: inherit; line-height: inherit; border-right: 1px solid #eee; display: inline-block; padding: 0; position: relative; } .form-row .kod-select-main.auth-table .item-choice .item-content .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content .item-content-text { width: 100%; position: absolute; padding-left: 6px; left: 0; display: block !important; visibility: visible !important; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text .path-ico, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text .path-ico { position: relative; top: -5px; padding-right: 5px; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice .item-content.item-parent .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name .item-content-text, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent .item-content-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-name, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-name { width: 34%; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-parent, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-parent { width: 20%; } .form-row .kod-select-main.auth-table .item-choice .item-content.item-role, .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role { width: 44%; border-right: none; } .form-row .kod-select-main.auth-table .item-choice-title { display: block !important; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; font-weight: 800; color: #888; background: #fff url("../../images/common/bg.gif") 0px -5px repeat-x; } .form-row .kod-select-main.auth-table .item-choice-title .item-content.item-role { text-align: right; margin-left: -10px; } .form-row .kod-select-main .path-ico { vertical-align: text-bottom; } .form-row .kod-select-main .path-ico img { width: 100%; height: 100%; border-radius: 50%; position: relative; } .form-row .kod-select-main .path-ico .svg-icon { position: relative; top: 3px; } .form-row .kod-select-main .kod-select .clear-select { display: none; position: absolute; width: 20px; height: 20px; line-height: 18px; right: 8px; top: 50%; border-radius: 50%; text-align: center; font-size: 14px; margin-top: -11px; z-index: 99; background: #fff; color: #777; border: 1px solid #eee; } .form-row .kod-select-main .kod-select .clear-select:hover, .form-row .kod-select-main .kod-select .clear-select:active { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; font-weight: 800; } .form-row .kod-select-main .kod-select:hover .clear-select { display: block; } .form-row .kod-select-main .kod-select .placeholder { line-height: 32px; left: 10px; position: absolute; opacity: 0.3; color: #666; } .kod-user-group-select { position: absolute; overflow: hidden; display: none; border: 1px solid #d6d7d7; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 8px 12px rgba(0,0,0,0.2); margin-top: -2px; z-index: 99999; background: #fff; width: 270px; min-width: 270px; } .kod-user-group-select.open { display: block; } .kod-user-group-select.open.open-up { border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top: 2px; box-shadow: 0 -6px 10px rgba(0,0,0,0.1); } .kod-user-group-select .select-search { padding: 8px 10px; background: #f6f6f6; border-bottom: 1px solid #eee; } .kod-user-group-select .select-search input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 100%; height: 26px; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: inline-block; color: #444; padding-left: 0.5em; margin-right: 10px; } .kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active { border-color: #75A1F0; } .kod-user-group-select .select-search input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .kod-user-group-select .select-search input.disabled, .kod-user-group-select .select-search input[readonly='true'] { opacity: 0.7; } .kod-user-group-select .select-search input.disabled:hover, .kod-user-group-select .select-search input.disabled:active, .kod-user-group-select .select-search input[readonly='true']:hover, .kod-user-group-select .select-search input[readonly='true']:active { border-color: #ddd; } .kod-user-group-select .select-search input.disabled:focus, .kod-user-group-select .select-search input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .kod-user-group-select .select-search input:hover, .kod-user-group-select .select-search input:active { border-color: #75A1F0; } .kod-user-group-select .select-search:after { position: absolute; right: 13px; top: 11px; width: 18px; height: 18px; font-size: 14px; text-align: center; color: #ddd; background: #fff; font-family: 'icomoon'; content: "\eaf5"; } .kod-user-group-select .select-search .search-clear { display: none; position: absolute; right: 15px; top: 11px; background: #eee; font-size: 10px; cursor: pointer; text-align: center; color: #aaa; width: 20px; height: 20px; line-height: 20px; padding: 0; z-index: 10; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .kod-user-group-select .select-search .search-clear:hover, .kod-user-group-select .select-search .search-clear:active { color: #fff; background: #ff4d4f; } .kod-user-group-select .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .kod-user-group-select .select-dropdown-content { height: 300px; padding: 5px 0 10px 0; overflow: auto; } .kod-user-group-select .group-list-tree li a.tree-node, .kod-user-group-select .group-list-search .search-item { border: none; position: relative; padding-left: 0; margin: 0; height: 26px; line-height: 26px; border-radius: 0; } .kod-user-group-select .group-list-tree li a.tree-node:hover, .kod-user-group-select .group-list-tree li a.tree-node.hover, .kod-user-group-select .group-list-tree li a.tree-node:active, .kod-user-group-select .group-list-search .search-item:hover, .kod-user-group-select .group-list-search .search-item.hover, .kod-user-group-select .group-list-search .search-item:active { margin: 0; border-radius: 0; color: #3a96ff; background: #eee; } .kod-user-group-select .group-list-tree li a.tree-node.this, .kod-user-group-select .group-list-search .search-item.this { background: #edf5ff; height: 26px; line-height: 26px; color: #3a96ff; } .kod-user-group-select .group-list-tree li a.tree-node.this .check-icon:before, .kod-user-group-select .group-list-search .search-item.this .check-icon:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .kod-user-group-select .group-list-tree li a.tree-node.this:hover, .kod-user-group-select .group-list-tree li a.tree-node.this.hover, .kod-user-group-select .group-list-tree li a.tree-node.this:active, .kod-user-group-select .group-list-search .search-item.this:hover, .kod-user-group-select .group-list-search .search-item.this.hover, .kod-user-group-select .group-list-search .search-item.this:active { background: #badaff; } .kod-user-group-select .group-list-tree li a.tree-node:hover .item-select, .kod-user-group-select .group-list-tree li a.tree-node:active .item-select, .kod-user-group-select .group-list-search .search-item:hover .item-select, .kod-user-group-select .group-list-search .search-item:active .item-select { display: block; } .kod-user-group-select .group-list-tree li a.tree-node.this .item-select, .kod-user-group-select .group-list-search .search-item.this .item-select { display: block; color: #3b8cff; } .kod-user-group-select .group-list-tree li a.tree-node .item-select, .kod-user-group-select .group-list-search .search-item .item-select { display: none; position: absolute; right: 10px; top: 4px; width: 14px; height: 14px; text-align: center; cursor: pointer; z-index: 50; padding: 2px; border-radius: 50%; color: #ddd; } .kod-user-group-select .group-list-tree li a.tree-node .item-select .item-check, .kod-user-group-select .group-list-search .search-item .item-select .item-check { font-size: 12px; text-shadow: none; line-height: 16px; } .kod-user-group-select .group-list-tree li a.tree-node .check-icon, .kod-user-group-select .group-list-search .search-item .check-icon { float: right; color: #fff; font-size: 12px; text-align: center; width: 15px; height: 15px; line-height: 15px; padding: 0; margin-top: 5px; margin-right: 5px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .kod-user-group-select .group-list-tree li a.tree-node .check-icon:before, .kod-user-group-select .group-list-search .search-item .check-icon:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico, .kod-user-group-select .group-list-search .search-item .path-ico { width: 18px; height: 18px; line-height: 18px; font-size: 20px; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico .font-icon, .kod-user-group-select .group-list-search .search-item .path-ico .font-icon { font-size: 18px; color: #ecc949; background-image: linear-gradient(90deg,#faad14,#ecc949); text-fill-color: transparent; background-clip: text; } .kod-user-group-select .group-list-search .search-item { cursor: pointer; padding-left: 10px; } .kod-user-group-select .group-list-search .search-item .path-ico { padding-right: 8px; } .kod-user-group-select .group-list-search .search-no-result { width: 100%; position: absolute; text-align: center; margin-top: 30px; color: #ccc; font-size: 12px; } .kod-user-group-select .group-list-search .search-no-result:before { display: block; font-size: 100px; padding-left: 5px; font-family: "kod-svg-font" !important; content: "\e604"; text-shadow: 0 0 5px #ffffff; } .kod-user-group-select .group-list-search .search-result-info { position: absolute; bottom: 0px; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #bbb; background: #fafafa; border-top: 1px solid #eee; } .kod-user-group-select .group-list-tree { padding-top: 0; } .kod-user-group-select .group-list-tree li a.curSelectedNode { color: #fff; } .kod-user-group-select .group-list-tree .sub-menu { float: right; display: none; line-height: 20px; padding-right: 7px; font-size: 1.15em; color: #ddd; } .kod-user-group-select .group-list-tree .hover .sub-menu { display: inline-block; color: #666; } .kod-user-group-select .group-list-tree .curSelectedNode .sub-menu, .kod-user-group-select .group-list-tree .hover.curSelectedNode .sub-menu { display: inline-block; color: #fff; } .kod-user-group-select .path-ico img { width: 100%; height: 100%; border-radius: 50%; top: -5px; position: relative; } .kod-user-group-select .group-list-tree li a.tree-node .path-ico img { top: -2px; } .kod-user-group-select .group-list-search .search-item .path-ico img { top: 0px; } .kod-user-group-select.select-user .group-list-tree li a.node-item-group .item-select { display: none !important; } .kod-user-group-select .group-list-tree a.node-item-group.node-disable-select .item-select { display: none !important; } .kod-user-group-select .group-list-tree a.node-item-group.node-append-group { background: #fafafa; color: #aaa; margin: 10px 0 0 0 !important; } .kod-user-group-select .group-list-tree a.node-item-group.node-append-group .tree_icon { display: none; } .kod-user-group-select .group-list-tree a.node-item-group.node-append-group:hover { background: #eee; color: #444; } .form-row .slider .slider-track { background: #ddd; box-shadow: none; } .form-row .slider.slider-horizontal { margin-left: 10px; } .form-row .slider.slider-horizontal .slider-track { height: 6px; border-radius: 0; } .form-row .slider .slider-selection { transition: background-color .3s ease; background: #2196f3; box-shadow: none; border-radius: 0; } .form-row .slider .slider-handle { margin-left: -7px; margin-top: 3px; width: 14px; height: 14px; z-index: 5; cursor: pointer; border-radius: 50%; border: 2px solid #88c7f4; background: #fff; transition: border-color .3s ease, transform .3s cubic-bezier(.18,.89,.32,1.28); } .form-row .slider .slider-handle.round:hover, .form-row .slider .slider-handle.round:active { box-shadow: 0 0 0 6px rgba(150,219,250,0.7); } .form-row .slider.slider-horizontal:before { content: ""; display: block; background: #2196f3; width: 10px; margin-top: 10px; left: -9px; position: absolute; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 6px; } .form-row .slider.slider-horizontal:after { content: " "; content: ""; display: block; background: #ddd; width: 10px; margin-top: 10px; right: -8px; position: absolute; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; z-index: 0; height: 6px; } .form-row .slider .tooltip.top { margin-top: -43px; } .form-row .slider .tooltip.bottom { margin-top: 20px; } .form-row .slider .tooltip.top .tooltip-arrow { border-top-color: rgba(0,0,0,0.7); } .form-row .slider .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0,0,0,0.7); } .form-row .slider .tooltip-inner { background-color: rgba(0,0,0,0.7); box-shadow: 0 1px 5px rgba(0,0,0,0.2); padding: 8px 15px; } @-webkit-keyframes kui-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } 100% { width: 100%; opacity: 0; } } @keyframes kui-progress-active { 0% { width: 0; opacity: .1; } 20% { width: 0; opacity: .5; } 100% { width: 100%; opacity: 0; } } .kui-notify .kui-notify-box { position: fixed; z-index: 99999; padding: 15px; pointer-events: none; } .kui-notify .kui-notify-box.kui-notify-topLeft { left: 0; top: 0; } .kui-notify .kui-notify-box.kui-notify-topRight { right: 0; top: 0; } .kui-notify .kui-notify-box.kui-notify-bottomRight { right: 0; bottom: 0; } .kui-notify .kui-notify-box.kui-notify-bottomLeft { left: 0; bottom: 0; } .kui-notify .kui-notify-box .kui-notify-item { pointer-events: all; position: relative; overflow: hidden; background: #fff; background: rgba(255,255,255,0.95); border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); width: 300px; margin-bottom: 10px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-item-main { padding: 10px 15px 0 15px; line-height: 1.6em; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close { position: absolute; top: 7px; right: 6px; font-size: 14px; text-align: center; width: 30px; height: 30px; line-height: 30px; cursor: pointer; color: #e6e6e6; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; border-radius: 3px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:hover, .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:active { color: #ff4d4f; background: #f6f6f6; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-close:before { font-family: 'icomoon'; content: "\ea68"; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon { float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 3px 0px 0 0px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .font-icon { width: 100%; height: 100%; font-size: 20px; color: #1890ff; text-align: center; display: inline-block; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-info:before { font-family: 'icomoon'; content: "\eaab"; color: #1890ff; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-success:before { font-family: 'icomoon'; content: "\ea5e"; color: #63bd37; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-warning:before { font-family: 'icomoon'; content: "\ea88"; color: #faad14; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-error:before { font-family: 'icomoon'; content: "\ea69"; color: #ff4d4f; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-icon .notify-icon-loading { margin-top: 2px; background: url("../../images/common/loading_circle.gif") no-repeat; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content { float: left; width: 230px; margin-left: 10px; padding-bottom: 10px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-title { color: #666; font-size: 13px; margin-top: 4px; margin-bottom: 6px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .kui-notify-content-message { font-size: 12px; color: #999; margin-top: 4px; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box { height: 6px; margin: 5px 0; border-radius: 5px; overflow: hidden; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add { height: 100%; transition: all 0.5s; border-radius: 5px; background-color: #1890ff; position: relative; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-box .process-add:before { content: ''; position: absolute; height: 100%; background: #fff; border-radius: 5px; opacity: 0; } .kui-notify .kui-notify-box .kui-notify-item .kui-notify-content .process-title { font-size: 12px; color: #aaa; } .btn-group.btn-group-segment> .btn.btn-default { border-radius: 0; box-shadow: none; height: 100%; line-height: 16px; padding: 5px 0.8em; border-color: #ddd; z-index: 0; } .btn-group.btn-group-segment> .btn.btn-default .font-icon { position: relative; top: -1px; text-align: left; width: 14px; padding-right: 3px; } .btn-group.btn-group-segment> .btn.btn-default.btn-active, .btn-group.btn-group-segment> .btn.btn-default.btn-active:hover { border-color: #1890ff !important; background: #1890ff !important; border-left-color: #0084fe !important; border-right-color: #0084fe !important; position: relative; z-index: 2; color: #fff; } .btn-group.btn-group-segment> .btn.btn-default.btn-active .font-icon, .btn-group.btn-group-segment> .btn.btn-default.btn-active:hover .font-icon { color: #fff; } .btn-group.btn-group-segment> .btn.btn-default:hover, .btn-group.btn-group-segment> .btn.btn-default:active { background-color: #e4f2ff; border-color: #7ec1ff; color: #1890ff; z-index: 1; } .btn-group.btn-group-segment> .btn.btn-default:hover .font-icon, .btn-group.btn-group-segment> .btn.btn-default:active .font-icon { color: #1890ff; } .btn-group.btn-group-segment>.btn:first-child:not(:last-child) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .btn-group.btn-group-segment>.btn:last-child:not(:first-child) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-form.target-form { padding: 0 !important; } .dialog-form.target-form .form-box.config-box .panel-form-body { position: relative; left: 0; top: 0; margin: 0; padding: 20px 0 40px 00px; } .dialog-form.dialog-form-has-menu .aui-outer .aui-buttons { border-top: 1px solid #eee; height: 45px; padding-top: 5px; border-top: none; background: #fff; } .dialog-form.dialog-form-has-menu .tab-group .tab-item { list-style: none; display: inline-block; cursor: pointer; } .dialog-form.dialog-form-has-menu .tab-group .tab-item.active { position: relative; z-index: 2; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group { position: absolute; z-index: 10; left: 0; bottom: 0; top: 41px; width: 140px; padding: 0; margin: 0; padding-top: 20px; background: #f5f7fa; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item { display: block; border: none; background: none; border-radius: 0; color: #666; font-size: 14px; cursor: pointer; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:active { background: #eee; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:first-child, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child { border-radius: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item .tab-item-content { padding: 0 20px 0 15px; display: block; height: 40px; line-height: 40px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active { background: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active a { color: #2196F3; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active { background: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:hover a, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active:active a { color: #2196F3; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group .tab-item.active + .tab-item { border-left-color: transparent; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .form-box.config-box .panel-form-body { position: absolute; padding: 10px 0 40px 140px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group { padding: 0; margin: 14px 10px 0 16px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item { border: 1px solid #eee; background: #fafafa; float: left; margin-left: -1px; padding: 6px 10px; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item:hover { background: #f6f6f6; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .tab-group .tab-item.active { background: #fff; border: 1px solid #eee; border-bottom-color: #fff; position: relative; z-index: 10; } .dialog-form.dialog-form-has-menu.dialog-form-style-tab .form-box.config-box .panel-form-body { position: absolute; left: 0; top: 70px; margin: 15px; border: 1px solid #eee; padding: 10px 0 40px 0px; border-radius: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { border-bottom: 1px solid #eee; position: relative; font-size: 14px; margin: 5px 15px 5px 30px; padding: 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { border-bottom: 3px solid transparent; padding: 8px 10px; margin: 5px 5px -2px 0; border-radius: 3px 3px 0 0; position: relative; z-index: 2; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item:active { background: #f6f6f6; border-color: #eee; color: #1890ff; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item.active { border: none; background: transparent; border-bottom: 3px solid #1890ff; color: #1890ff; } .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body { position: absolute; top: 90px; padding: 0 0 40px 10px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac { background: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box .form-row .setting-title { text-align: right; padding-left: 6px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group { text-align: center; padding: 0; height: 30px; width: 100%; background: transparent; position: absolute; margin-top: 25px; z-index: 9; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item { background: #fff; text-align: left; margin-left: -5px; border: 1px solid #ccc; border-bottom-color: #a6a6a6; border-right-color: #b8b8b8; font-size: 13px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:active { background: #f6f6f6; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:nth-last-child(2) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item .tab-item-content { color: #333; padding: 0 15px; height: 24px; display: inline-block; line-height: 24px; overflow: inherit; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active .tab-item-content { color: #fff; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 100%); color: #fff; z-index: 10; border-color: #3f87dc; border-top-color: #4396e6; border-color: #388df8 #388df8 #0866dc transparent; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:active { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 80%); } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item:last-child.active, .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active + .tab-item { border-left: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row.form-userSelect .setting-content .select-user-box { background: none; } .dialog-form .form-box .form-row .setting-title { text-align: right; padding-left: 6px; } .dialog-form.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-has-menu .form-box .form-row .setting-title { text-align: left; padding-left: 6px; } .dialog-form.dialog-form-has-menu.form-box-title-left .form-box .form-row .setting-title { text-align: left; } .dialog-form.dialog-form-has-menu.form-box-title-right .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-no-title .aui-outer { box-shadow: 0 6px 40px 0 rgba(16,17,18,0.3); border: 1px solid #ccc !important; border-radius: 4px; overflow: hidden; } .dialog-form.dialog-no-title .aui-outer .aui-min, .dialog-form.dialog-no-title .aui-outer .aui-max, .dialog-form.dialog-no-title .aui-outer .aui-close { color: #bbb; color: rgba(0,0,0,0.2); } .dialog-form.dialog-no-title .aui-outer .aui-min:hover, .dialog-form.dialog-no-title .aui-outer .aui-min:active, .dialog-form.dialog-no-title .aui-outer .aui-max:hover, .dialog-form.dialog-no-title .aui-outer .aui-max:active, .dialog-form.dialog-no-title .aui-outer .aui-close:hover, .dialog-form.dialog-no-title .aui-outer .aui-close:active { background: rgba(0,0,0,0.12); } .dialog-form.dialog-no-title .aui-outer .aui-min:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-min:active.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-max:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-max:active.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-close:hover.aui-close, .dialog-form.dialog-no-title .aui-outer .aui-close:active.aui-close { color: #fff; background: #e81123; } .dialog-form.dialog-no-title .aui-outer .aui-title { height: 40px; } .dialog-form.dialog-no-title .aui-outer .aui-buttons { padding-right: 20px; height: 40px; border-top: 1px solid #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f7', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -o-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); -pie-background: linear-gradient(to left,#f2f4f7 0%,#f5f7fa 100%); } .dialog-form.dialog-no-title .aui-outer .aui-buttons button { margin-top: 5px; margin-left: 20px; padding: 0 2em; height: 30px; } .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset { background: none; border: none; box-shadow: none; padding: 0px 10px; color: #bbb; } .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:hover, .dialog-form.dialog-no-title .aui-outer .aui-buttons .btn-config-reset:active { color: #2196F3; background: #eaf5ff; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header { height: 40px; border-bottom: 1px solid #bbb; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d1d3', endColorstr='#e7e5e7'); background-image: -webkit-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -moz-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -o-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: -ms-linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); background-image: linear-gradient(bottom,#d3d1d3 0%,#e7e5e7 100%); -pie-background: linear-gradient(to bottom,#d3d1d3 0%,#e7e5e7 100%); } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title { height: 40px; line-height: 40px; padding-left: 20px; font-size: 12px; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title img, .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .x-item-icon { height: 22px; width: 22px; margin-right: 4px; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-header .modal-title .font-icon { padding-right: 8px; opacity: 0.5; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row.form-userSelect .setting-content { background: #f4f4f4; } .dialog-form.dialog-form-style-mac .form-box.config-box .form-row.error .setting-content { background: #ffefed; } .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body { left: 0; top: 60px; bottom: 0px; background: #eee; border: 1px solid #e3e3e3; border-top-color: #d8d8d8; margin: 20px; } .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .dialog-form.dialog-form-style-mac .form-box.config-box .panel-form-body hr { background: none; border-bottom: 1px dotted #ddd; } .dialog-form.dialog-form-style-mac h1, .dialog-form.dialog-form-style-mac h2, .dialog-form.dialog-form-style-mac h3, .dialog-form.dialog-form-style-mac h4, .dialog-form.dialog-form-style-mac h5 { border-color: #ddd; } .dialog-form.dialog-form-style-mac .aui-content { background: #f9f9f9; } .dialog-form.dialog-form-style-mac .aui-outer .aui-title { height: 40px; } .dialog-form.dialog-form-style-mac .aui-outer .aui-buttons { padding-right: 20px; height: 30px; border-top: 1px solid #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f7', endColorstr='#f5f7fa'); background-image: -webkit-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -moz-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -o-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: -ms-linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); background-image: linear-gradient(left,#f2f4f7 0%,#f5f7fa 100%); -pie-background: linear-gradient(to left,#f2f4f7 0%,#f5f7fa 100%); background: #f9f9f9; border: none; } .dialog-form.dialog-form-style-mac .aui-outer .aui-buttons button { margin-top: 1px; margin-left: 20px; padding: 0 2em; height: 25px; } .content-main-message { background-color: #f0f2f5; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; line-height: 1.5em; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .content-main-message .content-main { width: 60%; margin: 10% auto 5% auto; font-size: 13px; color: #666; background: #fff; border-radius: 4px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); text-align: center; } .content-main-message .check-result { text-align: center; color: #000; } .content-main-message .check-result .font-icon.error, .content-main-message .check-result .font-icon.success, .content-main-message .check-result .font-icon.info { width: 70px; height: 70px; line-height: 70px; font-size: 30px; border-radius: 50%; margin: 0 auto; display: inline-block; position: relative; top: -35px; border: 6px solid #fff; color: #fff; } .content-main-message .check-result .font-icon.error { background: #f5222d; } .content-main-message .check-result .font-icon.error:before { font-family: 'icomoon'; content: "\ea68"; } .content-main-message .check-result .font-icon.success { background: #63bd37; } .content-main-message .check-result .font-icon.success:before { font-family: 'icomoon'; content: "\ea5d"; } .content-main-message .check-result .font-icon.info { background: #faad14; } .content-main-message .check-result .font-icon.info:before { font-family: 'icomoon'; content: "\f12a"; } .content-main-message .message-content { padding: 30px 10px 80px 10px; line-height: 1.5em; color: #888; } .content-main-message .message-content .title { font-size: 22px; line-height: 1.3em; margin: 15px; color: #444; } .content-main-message .link { background: #fbfbfb; border-top: 1px solid #f6f6f6; line-height: 80px; height: 80px; border-radius: 0 0 4px 4px; } .content-main-message a { color: #1890ff; text-decoration: none; padding: 4px 0.5em; border-radius: 2px; cursor: pointer; } .content-main-message a:hover, .content-main-message a:active { background: #def; } .tab-group-line { position: relative; } .tab-group-line .tab-item.active, .tab-group-line .tab-item.this { border-color: transparent !important; } .tab-group-line .tab-item-bar { -webkit-transition: width .16s cubic-bezier(.645,.045,.355,1), left .16s cubic-bezier(.645,.045,.355,1), transform .16s cubic-bezier(.645,.045,.355,1); transition: width .16s cubic-bezier(.645,.045,.355,1), left .16s cubic-bezier(.645,.045,.355,1), transform .16s cubic-bezier(.645,.045,.355,1); position: absolute; left: 0; bottom: -2px; z-index: 1; height: 3px; width: 0; background-color: #1890ff; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item.active { border-color: #3f87dc !important; border-top-color: #4396e6 !important; border-color: #388df8 #388df8 #0866dc transparent !important; } .dialog-form.dialog-form-has-menu.dialog-form-style-mac .tab-group-line .tab-item-bar { display: none; } .dialog-form.dialog-form-has-menu.dialog-form-style-default .tab-group-line .tab-item-bar { width: 4px !important; height: 41px !important; z-index: 2; } ::-webkit-input-placeholder { color: #aaa; font-size: 12px; } ::-ms-input-placeholder { color: #aaa; font-size: 12px; } ::-moz-placeholder { color: #aaa; font-size: 12px; } .page-model-login { background: #f6f6f6; font-size: 13px; padding: 0px; margin: 0px; color: #666; } .page-model-login a { text-decoration: none; color: #adf; } .page-model-login .background { position: fixed; overflow: hidden; z-index: -10; background: url() no-repeat center center; width: 100%; height: 100%; background-size: cover; right: 0px; top: 0px; bottom: 0px; left: 0px; background-color: #0065B3; } .page-model-login .menu-group { position: absolute; top: 5px; left: 5px; z-index: 10; font-weight: 400; } .page-model-login .menu-group a i.font-icon { padding-right: 5px; } .page-model-login .language-list .language-menu { background: #2196F3; background: rgba(255,255,255,0.2); color: #fff; border-radius: 2px; height: 26px; line-height: 26px; cursor: pointer; padding: 0px 10px; display: inline-block; text-align: center; text-decoration: none; } .page-model-login .open .language-menu, .page-model-login .language-menu:active, .page-model-login .open .language-menu, .page-model-login .language-menu:hover { background: #63acff; color: #fff; } .page-model-login .language-list .dropdown-menu { width: 390px; padding: 10px; left: 0; overflow: auto; border-radius: 0 3px 3px 3px; margin-top: -2px; margin-left: -1px; } .page-model-login .language-list .dropdown-menu li { float: left; width: 120px; margin: 0 1px 1px 0; } .page-model-login .language-list .dropdown-menu li a { padding: 3px 10px; font-size: 13px; border-radius: 2px; } .page-model-login .language-list .dropdown-menu li a.this, .page-model-login .language-list .dropdown-menu li a:focus, .page-model-login .language-list .dropdown-menu li a:hover, .page-model-login .language-list .dropdown-menu li a:active { background: #63acff; filter: none; color: #fff; } .page-model-login .language-list .dropdown-menu.lang-small { width: 155px; padding: 10px 0px; } .page-model-login .language-list .dropdown-menu.lang-small li { width: auto; float: none; margin: 0; margin-top: 1px; } .page-model-login .loginbox { box-shadow: 0px 20px 60px rgba(0,0,0,0.4), 0px 0px 150px rgba(0,0,0,0.4); width: 430px; max-width: 430px; border-radius: 4px; position: absolute; top: 50%; left: 0; right: 0; margin: -270px auto 50px auto; z-index: 100; } .page-model-login .form { position: relative; padding: 10px 15px 50px 15px; background: #fff; background: rgba(255,255,255,0.8); border-radius: 0 0 3px 3px; text-align: center; } .page-model-login .form .actions { text-align: left; width: 242px; margin: 0 auto; } .page-model-login .form .actions .checkbox { display: inline-block; margin: 0px; border: none; position: relative; top: -1px; outline-offset: 0; } .page-model-login .form .actions .checkbox:focus { outline-offset: 0; box-shadow: none; } .page-model-login .form .actions label { display: inline-block; margin-bottom: 0px; border-radius: 4px; padding: 5px 4px 5px 4px; margin-left: -2px; font-weight: normal; } .page-model-login .form .actions label:active, .page-model-login .form .actions label:hover { background: #eee; } .page-model-login .form .actions .forget-password { float: right; margin: 0; padding: 5px 4px 5px 4px; margin-right: -2px; } .page-model-login .form .submit-button { border: none; outline: none; color: #fff; padding: 6px 0px; text-align: center; margin: 8px auto; cursor: pointer; width: 242px; font-size: 14px; border-radius: 4px; border: 1px solid #1890ff; background-color: #1890ff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 rgba(0,0,0,0.1); transition: all 0.16s; } .page-model-login .submit-button:hover { background: #007aea; } .page-model-login .submit-button:active { box-shadow: 0 0 0 3px rgba(56,144,255,0.2); } .page-model-login .form .url-link { cursor: pointer; color: #1890ff; padding: 6px 10px; display: inline-block; text-decoration: none; border-radius: 3px; transition: all 0.16s; } .page-model-login .form .url-link.link-bottom { margin: 20px 0 10px; } .page-model-login .form .url-link:hover { background: rgba(24,144,255,0.1); } .page-model-login .form .url-link:active { background: rgba(24,144,255,0.3); } .page-model-login .loginbox .form { user-select: none; } .page-model-login .loginbox .title { width: 100%; height: 150px; background: #6699cc url("../../images/common/login.png"); background: rgba(0,0,0,0.1); font-weight: 100; color: #fff; padding-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .page-model-login .loginbox .title .logo { padding-top: 30px; margin: 0 auto; text-align: center; overflow: hidden; } .page-model-login .loginbox .title .logo.logo-image img { max-width: 400px; max-height: 100px; position: relative; } .page-model-login .loginbox .title .logo.logo-text { font-size: 32px; width: 100%; max-width: 90%; padding-top: 50px; position: relative; z-index: 10; } .page-model-login .loginbox .title .logo.logo-text i { margin-right: 0.5em; } .page-model-login .loginbox .title .logo-text, .page-model-login .loginbox .title .info { -webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3))); background-image: -webkit-linear-gradient(60deg,#FFFFFF,#14A1FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page-model-login .loginbox .title .info { font-size: 14px; position: absolute; right: 20px; top: 115px; } .page-model-login .inputs { padding: 30px 0px 0px 0px; } .page-model-login .inputs .input-item { margin: 0 auto 15px auto; text-align: center; } .page-model-login .inputs .input-item span { display: block; float: left; width: 80px; line-height: 30px; height: 30px; } .page-model-login .inputs .input-item input { height: 30px; width: 201px; line-height: 25px; padding: 0; border-radius: 3px; padding-left: 40px; margin-left: -33px; border: 1px solid #bbb; } .page-model-login input:-webkit-autofill { box-shadow: inset 0 0 0 40px #fff; } .page-model-login .inputs .input-item input:focus, .page-model-login input:focus { border-color: #3890ff; box-shadow: inset 0 0 0 40px #fff, 0 0 0 4px rgba(56,144,255,0.15); } .page-model-login .inputs .input-item .font-icon { border-radius: 2px 0 0 2px; height: 32px; width: 30px; line-height: 30px; color: #fff; background: #b6b6b6; position: relative; display: inline-block; text-align: center; z-index: 2; vertical-align: top; } .page-model-login .inputs .check-code input { width: 120px; border-radius: 3px 0 0 3px; } .page-model-login .inputs .check-code img { cursor: pointer; margin-left: -6px; position: relative; width: 82px; height: 30px; border-radius: 0 3px 3px 0; border: 1px solid #bbb; vertical-align: top; } .page-model-login .from-line { border-bottom: 1px dotted rgba(0,0,0,0.15); margin-top: -5px; margin-bottom: 10px; margin: 20px auto; width: 90%; } .page-model-login .loginbox .license-box { padding: 30px 15px 80px; } .page-model-login .loginbox .license-box .row-offline { color: #aaa; margin: 0px 0 40px 0; } .page-model-login .loginbox .license-box .form-bottom { position: absolute; width: 100%; bottom: 0px; color: #aaa; margin: 0; margin-left: -15px; padding: 10px 0; background: rgba(146,196,255,0.15); border-radius: 0 0 3px 3px; border-top: 1px solid rgba(146,196,255,0.2); } .page-model-login .loginbox .license-box .content-regist-offline textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; width: 220px; height: 60px; padding: 10px; } .page-model-login .loginbox .license-box .content-regist-offline textarea:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea:active { border-color: #75A1F0; } .page-model-login .loginbox .license-box .content-regist-offline textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true'] { opacity: 0.7; } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:active, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:hover, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:active { border-color: #ddd; } .page-model-login .loginbox .license-box .content-regist-offline textarea.disabled:focus, .page-model-login .loginbox .license-box .content-regist-offline textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .page-model-login .loginbox .license-box .content-regist-offline .item-title { color: #888; font-weight: 800; border-left: 4px solid #40a9ff; padding-left: 10px; margin: 2px 0 5px 1px; text-align: left; } .page-model-login .loginbox .license-box .content-regist-offline .desc { font-size: 12px; color: #888; font-style: normal; background: #E6F7FE; border-radius: 4px; margin: 10px 0; padding: 10px; width: 220px; text-align: left; } .page-model-login .loginbox .license-box .content-regist-offline .input-item { padding-left: 30px; } .page-model-login .loginbox .license-box .content-regist-offline .regist-link { width: 315px; background: #fafafa; padding: 0 10px; color: #40a9ff; margin-left: -30px; } .page-model-login .loginbox .license-box .content-regist-offline textarea { margin-left: -30px; } .page-model-login .loginbox .license-box .content-regist-offline textarea, .page-model-login .loginbox .license-box .content-regist-offline .desc { width: 315px; } .page-model-login .admin-password, .page-model-login .admin-password-repeat { padding: 20px 0px 0px 0; text-align: center; } .page-model-login .admin-password input, .page-model-login .admin-password-repeat input { width: 200px; padding: 4px 6px; height: 35px; text-align: center; } .page-model-login .admin-password-repeat { padding: 10px 0px 0px 0; } .page-model-login .more-login-area { border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; width: 90%; margin: 10px auto 15px; } .page-model-login .more-login-area .more-login-words { position: relative; top: 9px; padding: 4px 10px; border-radius: 20px; background: #fff; font-size: 12px; } .page-model-login .login-third-box .third-item { display: inline-block; width: 35px; height: 30px; cursor: pointer; background: url("../../images/common/icon-sn-cr.png") -80px 0px no-repeat; } .page-model-login .login-third-box .third-item:active, .page-model-login .login-third-box .third-item:hover { opacity: 0.6; } .page-model-login .login-third-box .box-qq { background-position: -80px 0px; } .page-model-login .login-third-box .box-weixin { background-position: -248px 0px; } .page-model-login .login-third-box .box-github { background-position: -24px 0px; } .page-model-login .input-item .input-button { cursor: pointer; position: relative; margin: 0 0 0 -5px; width: 66px; height: 30px; line-height: 27px; padding: 0 8px; border-radius: 0 3px 3px 0; border: 1px solid #bbb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; -webkit-appearance: none; appearance: none; background: #fff; } .page-model-login .loginbox .guest { padding-top: 5px; position: relative; } .page-model-login .loginbox .guest a { padding: 5px 0px; color: #217ef2; width: 240px; border-radius: 4px; border: 1px solid #217ef2; display: inline-block; } .page-model-login .loginbox .guest a i { padding-left: 8px; } .page-model-login .loginbox .guest a:hover, .page-model-login .loginbox .guest a:active { color: #f60; border-color: #f60; } .page-model-login .common-footer, .install-box .common-footer { bottom: 0px; border: none; text-align: center; position: fixed; width: 100%; height: 30px; line-height: 30px; box-shadow: 0 0 0px 1px rgba(255,255,255,0.2), 0 -1px 0px 1px rgba(0,0,0,0.05); } .page-model-login .common-footer .footer-content, .install-box .common-footer .footer-content { background: rgba(0,0,0,0.15); color: #fff; } .common-footer .footer-content { z-index: 5; position: relative; } .bg-banner-fly { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-fly:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c41b3', endColorstr='#222b5d'); background-image: -webkit-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -moz-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -o-linear-gradient(bottom,#2c41b3,#222b5d); background-image: -ms-linear-gradient(bottom,#2c41b3,#222b5d); background-image: linear-gradient(bottom,#2c41b3,#222b5d); -pie-background: linear-gradient(to bottom,#2c41b3,#222b5d); } .bg-banner-fly:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 100px -300px; } .bg-banner-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-box:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9fb', endColorstr='#084998'); background-image: -webkit-linear-gradient(bottom,#00a9fb,#084998); background-image: -moz-linear-gradient(bottom,#00a9fb,#084998); background-image: -o-linear-gradient(bottom,#00a9fb,#084998); background-image: -ms-linear-gradient(bottom,#00a9fb,#084998); background-image: linear-gradient(bottom,#00a9fb,#084998); -pie-background: linear-gradient(to bottom,#00a9fb,#084998); } .bg-banner-box:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/box.png") 180px -220px; } .bg-banner-dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-dots:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9fb', endColorstr='#084998'); background-image: -webkit-linear-gradient(bottom,#00a9fb,#084998); background-image: -moz-linear-gradient(bottom,#00a9fb,#084998); background-image: -o-linear-gradient(bottom,#00a9fb,#084998); background-image: -ms-linear-gradient(bottom,#00a9fb,#084998); background-image: linear-gradient(bottom,#00a9fb,#084998); -pie-background: linear-gradient(to bottom,#00a9fb,#084998); } .bg-banner-dots:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/dots.png") 180px -220px; } .bg-banner-light { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 80px -220px; } .bg-banner-light:after { opacity: 0.2; } .bg-banner-light-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-box:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-box:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/box.png") 80px -220px; } .bg-banner-light-box:after { opacity: 0.2; } .bg-banner-light-fly { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-fly:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-fly:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/fly.png") 80px -220px; } .bg-banner-light-fly:after { opacity: 0.2; } .bg-banner-light-dots { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-light-dots:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfeff', endColorstr='#daf3ff'); background-image: -webkit-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -moz-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -o-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: -ms-linear-gradient(bottom,#fdfeff,#daf3ff); background-image: linear-gradient(bottom,#fdfeff,#daf3ff); -pie-background: linear-gradient(to bottom,#fdfeff,#daf3ff); } .bg-banner-light-dots:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/banner/dots.png") 80px -220px; } .bg-banner-light-dots:after { opacity: 0.2; } .bg-banner-default { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bg-banner-default:before { content: " "; position: absolute; width: 100%; height: 100%; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#084998', endColorstr='#00a9fb'); background-image: -webkit-linear-gradient(bottom,#084998,#00a9fb); background-image: -moz-linear-gradient(bottom,#084998,#00a9fb); background-image: -o-linear-gradient(bottom,#084998,#00a9fb); background-image: -ms-linear-gradient(bottom,#084998,#00a9fb); background-image: linear-gradient(bottom,#084998,#00a9fb); -pie-background: linear-gradient(to bottom,#084998,#00a9fb); } .bg-banner-default:after { content: " "; position: absolute; width: 100%; height: 100%; background: url("../../images/common/login.png") 0 0; } .drag-resize { position: absolute; z-index: 10; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .drag-resize:hover { background: rgba(64,169,255,0.04); } .drag-resize.active, .drag-resize:active { background: rgba(64,169,255,0.15); z-index: 999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .drag-resize.active.drag-resize-default { background: rgba(64,169,255,0.3); } .drag-resize.active.drag-resize-min, .drag-resize.active.drag-resize-max { background: rgba(64,169,255,0.04); } .drag-resize.active:before { position: fixed; z-index: 5; content: ""; background: transparent; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .drag-resize.drag-resize-x { width: 9px; margin-left: -4px; top: 0; bottom: 0; cursor: col-resize; } .drag-resize.drag-resize-x.drag-at-after { margin-left: 0; margin-right: -4px; } .drag-resize.drag-resize-x.drag-resize-min { cursor: e-resize; } .drag-resize.drag-resize-x.drag-resize-max { cursor: w-resize; } .drag-resize.drag-resize-x.drag-at-after.drag-resize-min { cursor: w-resize; } .drag-resize.drag-resize-x.drag-at-after.drag-resize-max { cursor: e-resize; } .drag-resize.drag-resize-y { height: 9px; margin-top: -4px; left: 0; right: 0; cursor: row-resize; } .drag-resize.drag-resize-y.drag-at-after { margin-top: 0; margin-bottom: -4px; } .drag-resize.drag-resize-y.drag-resize-min { cursor: s-resize; } .drag-resize.drag-resize-y.drag-resize-max { cursor: n-resize; } .drag-resize.drag-resize-y.drag-at-after.drag-resize-min { cursor: n-resize; } .drag-resize.drag-resize-y.drag-at-after.drag-resize-max { cursor: s-resize; } .drag-resize:after { content: ' '; border-radius: 20px; position: absolute; z-index: 2; background: rgba(0,0,0,0.1); backdrop-filter: blur(10px); } .drag-resize.active:after, .drag-resize:hover:after { background: rgba(0,0,0,0.2); } .drag-resize.drag-resize-x:after { width: 4px; height: 32px; margin-left: -2px; margin-top: -16px; top: 50%; } .drag-resize.drag-resize-y:after { height: 4px; width: 32px; left: 50%; margin-left: -16px; margin-top: -2px; } .drag-resize:after { backdrop-filter: none; border-radius: 0; border: 1px solid #ddd; background: transparent; } .drag-resize.drag-resize-x:after { width: 1px; height: 18px; margin-left: -1px; margin-top: -9px; border-top: none; border-bottom: none; } .drag-resize.drag-resize-y:after { height: 1px; width: 18px; margin-left: -9px; margin-top: -1px; border-left: none; border-right: none; } .drag-resize.active:after, .drag-resize:hover:after { background: transparent; } .drag-resize.drag-resize-y:after { display: none; } .dialog-app-select .app-list { border: 1px solid #ddd; padding: 25px 0 0 10px; height: 280px; overflow: auto; overflow-x: hidden; border-radius: 4px; background: #f5f5f5; } .dialog-app-select .app-list .app-item { border: 1px solid #f5f5f5; width: 95px; height: 110px; border-radius: 4px; transition: all 0.2s ease 0s; margin: 0 10px 10px 0; text-align: center; float: left; color: #444; text-decoration: none; } .dialog-app-select .app-list .app-item:hover, .dialog-app-select .app-list .app-item:active { border-color: #77c2ff; background: #def; } .dialog-app-select .app-list .app-item.select { border-color: #559cec; background: #63acff; color: #fff; } .dialog-app-select .app-list .app-item .ico { width: 64px; height: 64px; display: table-cell; vertical-align: middle; padding: 5px 0 5px 16px; } .dialog-app-select .app-list .app-item .ico img { width: 100%; height: auto; } .dialog-app-select .app-list .app-item .ico .x-item-icon { display: block; } .dialog-app-select .app-list .app-item .ico [class^="icon-"].font-icon, .dialog-app-select .app-list .app-item .ico [class*="icon-"].font-icon { width: 56px; height: 56px; line-height: 60px; font-size: 28px; padding: 0px; text-align: center; margin-top: -2px; border-radius: 12px; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(3,169,244,0.7)', endColorstr='rgba(63,81,181,0.5)'); background-image: -webkit-linear-gradient(164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); background-image: -moz-linear-gradient(164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); background-image: -o-linear-gradient(164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); background-image: -ms-linear-gradient(164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); background-image: linear-gradient(164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); -pie-background: linear-gradient(to 164deg,rgba(3,169,244,0.7),rgba(63,81,181,0.5)); color: #fff; display: inline-block; } .dialog-app-select .tab-group { text-align: center; margin-bottom: -12px; padding: 0; position: relative; z-index: 999; } .dialog-app-select .tab-group .tab-item { background: #fff; text-align: left; display: inline-block; margin-left: -5px; border: 1px solid #ccc; border-bottom-color: #a6a6a6; border-right-color: #b8b8b8; } .dialog-app-select .tab-group .tab-item:hover, .dialog-app-select .tab-group .tab-item:active { background: #f6f6f6; } .dialog-app-select .tab-group .tab-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .dialog-app-select .tab-group .tab-item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dialog-app-select .tab-group .tab-item a { text-decoration: none; color: #444; padding: 0 15px; height: 24px; display: inline-block; line-height: 24px; } .dialog-app-select .tab-group .tab-item.active a { color: #fff; } .dialog-app-select .tab-group .tab-item.active, .dialog-app-select .tab-group .tab-item.active:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 100%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 100%); color: #fff; z-index: 10; border-color: #3f87dc; border-top-color: #4396e6; border-color: #388df8 #388df8 #0866dc transparent; } .dialog-app-select .tab-group .tab-item.active:hover, .dialog-app-select .tab-group .tab-item.active:active { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb4f7', endColorstr='#1a82fb'); background-image: -webkit-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -moz-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -o-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: -ms-linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); background-image: linear-gradient(to bottom,#6eb4f7 0,#1a82fb 80%); -pie-background: linear-gradient(to to bottom,#6eb4f7 0,#1a82fb 80%); } .dialog-app-select .tab-group .tab-item:last-child.active, .dialog-app-select .tab-group .tab-item.active + .tab-item { border-left: none; } .light-app-main { position: relative; height: 100%; min-width: 800px; min-height: 500px; } .light-app-main .menu-toggle { display: none; font-size: 16px; cursor: pointer; width: 50px; line-height: 36px; position: fixed; z-index: 5; text-align: center; color: #ffffff; margin: 18px 10px 5px 0px; border-radius: 0 5px 5px 0; transition: all 0.3s; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: #1890ffa3; } .light-app-main .menu-toggle:hover, .light-app-main .menu-toggle:active { background: #0076e4; } .light-app-main .menu-left { position: absolute; z-index: 100; left: 0; top: 0px; bottom: 0px; width: 160px; background: #fff; border-right: 1px solid #f1f1f1; } .light-app-main .menu-left h1 { text-align: left; color: #666; padding: 15px 20px 10px 30px; font-size: 35px; font-weight: 400; margin: 0; padding: 10px 0px 10px 20px; font-size: 28px; height: 50px; line-height: 50px; letter-spacing: 2px; } .light-app-main .menu-left .font-icon { padding-right: 0.8em; display: inline-block; } .light-app-main .menu-left .setting a { height: 40px; line-height: 40px; text-decoration: none; text-indent: 8px; color: #666; display: block; overflow: hidden; cursor: pointer; text-transform: capitalize; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; font-size: 15px; } .light-app-main .menu-left .setting a:hover, .light-app-main .menu-left .setting a:active { background: #e6e6e6; } .light-app-main .menu-left .setting a.selected { color: #000; background: #e1e1e1; border-color: #ccc; padding-left: 10px; } .light-app-main .app-content { position: absolute; left: 160px; right: 0px; bottom: 0; top: 0; margin: 0; } .light-app-main .app-content .app-model { position: absolute; bottom: 0; top: 0px; left: 0px; right: 0; overflow: auto; padding: 10px 15px; overflow-x: hidden; } .light-app-main .app-content .app-model .h1 { font-weight: 400; border-bottom: 1px solid #ddd; padding-bottom: 10px; color: #666; margin: 0; font-size: 22px; } .light-app-main .app-content .app-model .h1 .font-icon { padding-right: 0.5em; } .light-app-main .app-content .app-model .create-app { position: absolute; right: 20px; } .light-app-main .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .light-app-main .app-content .app-list .flex-empty { margin: 0 15px 20px 0; width: 140px; height: 1px; } .light-app-main .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196f3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .light-app-main .app-content .app-list .app-li:hover, .light-app-main .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .light-app-main .app-content .app-list .app-li .icon { background-image: linear-gradient(to bottom,#def 0,#fff 100%); border-radius: 4px; } .light-app-main .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .light-app-main .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .light-app-main .app-content .app-list .app-li .text { height: 50px; } .light-app-main .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .light-app-main .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .light-app-main .app-content .app-list .app-li .path-ico { width: 90px; height: 90px; background-color: rgba(0,0,0,0.01); } .light-app-main .app-content .app-list .app-li .path-ico img { height: 72px; max-width: 72px; border-radius: 10%; display: inline-block; margin-top: 10px; } .light-app-main .app-content .app-list .app-li .path-ico .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .light-app-main .app-content .app-list .app-li .path-ico .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .light-app-main .app-content .app-list .app-li .path-ico .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .light-app-main .app-content .app-list .app-li .action i { padding-right: 0.3em; color: inherit; display: inline-block; width: 20px; } .light-app-main .app-content .app-list .app-li .action .btn.btn-default i.font-icon { color: #999; } .light-app-main .app-content .app-list .app-li .action > .btn { float: none; width: 80px; height: 22px; padding-left: 0; padding-right: 0; } .light-app-main .app-content .app-list .app-li .action .btn-default.dropdown-toggle { color: #aaa; margin-left: -5px; } .light-app-main .app-content .app-list .app-li .action .dropdown-toggle { width: 25px; } .light-app-main .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; font-size: 12px; } .light-app-main .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .light-app-main .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .pathinfo { min-width: 350px; min-height: 370px; padding: 20px 20px 40px 20px; color: #446; } .pathinfo .line { width: 95%; margin: 8px auto 8px auto; height: 0px; border-bottom: 1px solid #eee; } .pathinfo .download-url { padding: 0px 5px; width: 140px; line-height: 26px; height: 26px; } .pathinfo .input-group-btn { float: left; margin-left: -2px; } .pathinfo .input-group-btn .btn { padding: 4px 10px; font-size: 13px; } .pathinfo .input-group-btn>.btn+.btn { margin-left: -1px; } .pathinfo .user-info { color: #999; cursor: default; } .pathinfo .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .pathinfo .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .pathinfo .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .pathinfo .p { line-height: 22px; margin-bottom: 1px; } .pathinfo .p .icon { width: 40px; height: 40px; float: left; border: 1px solid #f6f6f6; margin-left: 10px; } .pathinfo .p input.info-chmod { padding: 0px 10px; width: 55px; color: #999; margin-right: 10px; display: inline-block; height: 25px; line-height: 25px; } .pathinfo .p > .title { float: left; color: #999; text-align: right; padding: 0; margin: 0; width: 24%; margin-right: 3%; } .pathinfo .p .content { float: left; word-break: break-all; color: #555; width: 73%; padding: 0; margin: 0; position: relative; -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; font-size: 1em; } .pathinfo .p .content.file-md5-loading { background: url("../../images/common/loading.gif") 18px 5px no-repeat; } .pathinfo .role-label-box .label { padding: 5px 10px; border-radius: 40px; cursor: pointer; } .pathinfo .role-label-box .label:hover { opacity: 0.7; } .pathinfo .p.info-item-path-group .content, .pathinfo .p.info-item-path .content { color: #aaa; line-height: 1.4em; margin-top: 3px; } .pathinfo .p.info-item-path-group .content i, .pathinfo .p.info-item-path .content i { padding: 0; } .pathinfo .p.info-item-path-group .content .link, .pathinfo .p.info-item-path .content .link { color: #5c6f82; border-radius: 2px; cursor: pointer; } .pathinfo .p.info-item-path-group .content .link:hover, .pathinfo .p.info-item-path-group .content .link:active, .pathinfo .p.info-item-path .content .link:hover, .pathinfo .p.info-item-path .content .link:active { background: #e6f7ff; color: #1890ff; } .pathinfo input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; line-height: 28px; padding: 2px 5px; width: 150px; float: left; height: 28px; border-radius: 3px; } .pathinfo input:hover, .pathinfo input:active { border-color: #75A1F0; } .pathinfo input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .pathinfo input.disabled, .pathinfo input[readonly='true'] { opacity: 0.7; } .pathinfo input.disabled:hover, .pathinfo input.disabled:active, .pathinfo input[readonly='true']:hover, .pathinfo input[readonly='true']:active { border-color: #ddd; } .pathinfo input.disabled:focus, .pathinfo input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .pathinfo .info-item-desc .content { padding: 1px 0 1px 0px; margin: 2px 0 0 0; cursor: text; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,0.03); background: #fafafa; position: relative; } .pathinfo .info-item-desc .content.placeholder:before { content: ""; display: inline-block; width: 5px; } .pathinfo .info-item-desc .content.placeholder { opacity: 0.5; } .pathinfo .info-item-desc .content:hover, .pathinfo .info-item-desc .content:active { box-shadow: 0 0 0 1px rgba(0,0,0,0.1); } .pathinfo .info-item-desc .content.on-edit { padding: 0; border: none; box-shadow: none; } .pathinfo .info-item-desc .content textarea { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; border-radius: 3px; padding: 4px; height: 16px; line-height: 16px; border: none; box-shadow: 0 0 0 1px rgba(0,0,0,0.08); padding: 4px 2%; width: 96%; font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .pathinfo .info-item-desc .content textarea:hover, .pathinfo .info-item-desc .content textarea:active { border-color: #75A1F0; } .pathinfo .info-item-desc .content textarea:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .pathinfo .info-item-desc .content textarea.disabled, .pathinfo .info-item-desc .content textarea[readonly='true'] { opacity: 0.7; } .pathinfo .info-item-desc .content textarea.disabled:hover, .pathinfo .info-item-desc .content textarea.disabled:active, .pathinfo .info-item-desc .content textarea[readonly='true']:hover, .pathinfo .info-item-desc .content textarea[readonly='true']:active { border-color: #ddd; } .pathinfo .info-item-desc .content textarea.disabled:focus, .pathinfo .info-item-desc .content textarea[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .pathinfo .info-item-desc .content textarea:hover { box-shadow: 0 0 0 1px #1890ff; } .pathinfo .info-item-desc .content textarea:active, .pathinfo .info-item-desc .content textarea:focus { box-shadow: 0 0 0 1px #1890ff, 0 0 0 4px rgba(117,161,240,0.3); } .pathinfo .info-item-desc .content:after { color: #aaa; position: absolute; right: 0; top: 0px; height: 25px; width: 20px; line-height: 25px; text-align: content; font-family: 'icomoon'; content: "\ea85"; } .pathinfo .info-item-desc .content.on-edit:after { display: none; } .pathinfo .info-item-desc .content-text { max-height: 120px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; overflow-y: auto; line-height: 16px; padding: 3px 2% 3px 2%; } .pathinfo .p.info-item-auth .content { padding-top: 2px; padding-bottom: 3px; } .pathinfo .p.info-item-auth .role-label-box { margin: 0 5px 0 0; } .pathinfo .p.info-item-auth .role-label-box .label .title { color: inherit; } .pathinfo .p.info-item-auth .role-auth-edit { position: absolute; top: 0; right: 0px; padding: 0.2em 0.7em; } .pathinfo .p.info-item-auth .role-auth-edit:before { color: #aaa; font-size: 12px; margin-right: 4px; font-family: 'icomoon'; content: "\eac0"; } .pathinfo .tag-view { color: #444; position: relative; border-top: 1px dotted #eee; margin-top: 5px; padding-top: 5px; border-bottom: 1px dotted #eee; padding-bottom: 5px; margin-bottom: 5px !important; } .pathinfo .tag-view .header { height: 25px; line-height: 25px; font-size: 13px; color: #444; margin-bottom: 5px; } .pathinfo .tag-view .header .font-icon { position: absolute; right: 0; border: 1px solid #f3f3f3; width: 25px; height: 25px; line-height: 25px; text-align: center; opacity: 0.5; cursor: pointer; border-radius: 3px; } .pathinfo .tag-view .header .font-icon:hover, .pathinfo .tag-view .header .font-icon:active, .pathinfo .tag-view .header .font-icon.context-menu-active { background: #def; color: #40a9ff; border-color: #def; opacity: 1; } .pathinfo .tag-view .tag-empty { color: #ccc; } .pathinfo .tag-view .tag-list .item { display: inline-block; height: 20px; line-height: 20px; color: #666; background: #f8fdff; border: 1px solid #d3eaff; margin: 0 0px 3px 0; padding: 1px 10px 1px 5px; border-radius: 20px; cursor: default; position: relative; } .pathinfo .tag-view .tag-list .item .x-item-icon.label { position: relative; top: 3px; } .pathinfo .tag-view .tag-list .item .close { position: absolute; right: 2px; top: 2px; width: 18px; height: 18px; line-height: 18px; text-align: center; opacity: 1; color: #ffa39e; font-weight: 200; font-size: 14px; border-radius: 10px; display: none; background: #f8fdff; } .pathinfo .tag-view .tag-list .item .close:before { font-family: 'icomoon'; content: "\ea6a"; } .pathinfo .tag-view .tag-list .item .close:hover { color: #ff4d4f; } .pathinfo .tag-view .tag-list .item:hover .close { display: block; } .pathinfo .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; position: relative; width: inherit; bottom: inherit; border: none; border-bottom: 1px solid #eee; margin: 5px 10px 10px 0; padding: 0 0 10px 0; } .pathinfo .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .pathinfo .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .pathinfo .user-space-info .name { position: absolute; right: 0px; top: 10px; color: #40a9ff; } .pathinfo .user-space-info .space-process .space-process-use { transition: none; } .pathinfo .p.line-bottom { border-bottom: 1px dotted #eee; padding-bottom: 5px; margin-bottom: 5px !important; } .pathinfo .p.line-top { border-top: 1px dotted #eee; margin-top: 5px; padding-top: 5px; } .dialog-tab { border-bottom: 1px solid #eee; margin: 5px 20px; } .dialog-tab .tab-item { display: inline-block; padding: 5px 10px; margin-right: 5px; border-bottom: 3px solid transparent; margin-bottom: -2px; cursor: pointer; } .dialog-tab .tab-item:hover, .dialog-tab .tab-item:active { color: #1890ff; background: #f6f6f6; border-color: #eee; } .dialog-tab .tab-item.active, .dialog-tab .tab-item.active:hover { color: #1890ff; border-color: #1890ff; } .pathAuth.tab-content { min-width: 450px; min-height: 400px; padding: 20px 0 30px 0; color: #446; margin: 0; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box.config-box .panel-form-body { padding: 0; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row { padding: 5px 15px; margin: 0; border-bottom: 1px dotted #eee; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .setting-title { width: 92%; height: 18px; line-height: 18px; padding: 0 0 0 10px; margin: 10px 0 0 6px; border-left: 4px solid #1890ff; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .setting-title .desc { padding-left: 10px; text-shadow: none; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .setting-content { width: 95%; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .setting-content .form-save-button { margin: 0px 0 10px; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .add-user-group { position: absolute; top: -32px; right: 5px; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .auth-select-box { height: 230px; overflow-y: auto; overflow-x: hidden; margin-bottom: 5px; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice { border-top: 1px solid transparent; border-bottom: 1px solid #eee; margin-top: -1px; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:hover, .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-choice:active { border-color: #91d5ff; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row .kod-select-main.auth-table .item-null { text-align: center; line-height: 150px; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row.item-allAuth .setting-title { display: none; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row.item-auth { border: none; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-row.item-allAuth { background: #fafafa; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save { width: 100%; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row { border: none; padding: 0; margin: 0; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row hr { border: none; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-title { height: 0; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .setting-content { text-align: right; border-radius: 0; width: 100%; border: none; padding: 12px 0 0 0; border-top: solid 1px #f6f6f6; background: #fcfcfc; background-image: linear-gradient(to bottom,#fbfbfb,#fff); } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-save-button { margin: 0px 30px 15px 0; padding: 8px 40px; float: right; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button { margin: 0px 20px 10px; float: right; background: #eee; color: #aaa; } .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:hover, .pathAuth.tab-content.dialog-form.form-box-title-block .form-box .form-target-save .form-row .form-reset-button:active { color: #2196F3; background: #eaf5ff; } .pathAuth-dialog .auth-list-body { padding: 10px; } .pathAuth-dialog .auth-list-body table td { padding: 5px 8px; border: 1px solid #e8edef; min-width: 50px; text-align: center; white-space: nowrap; } .pathAuth-dialog .auth-list-body table td.current .font-icon { color: #1890ff; } .pathAuth-dialog .auth-list-body table thead td { background: #f6f9ff; padding: 8px 8px; color: #222; } .pathAuth-dialog .auth-list-body table thead td .desc { display: none; width: 50px; height: 18px; margin: 0; overflow: hidden; } .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title { text-align: left; background: #f6f9ff; color: #222; } .pathAuth-dialog .auth-list-body table tr.auth-item td.auth-item-title .label { top: 3px; margin-right: 3px; } .pathAuth-dialog .auth-list-body table tr.auth-item:hover, .pathAuth-dialog .auth-list-body table tr.auth-item:active { background: #fafafa; } .pathAuth-dialog .auth-list-body table tr.auth-item.current td { background: #e6f7ff; } .pathAuth-dialog .auth-list-body .desc { padding: 5px 5px 10px 0px; color: #bbb; } .pathAuth-dialog.auth-theme-dark .aui-main, .pathAuth-dialog.auth-theme-dark .aui-outer .aui-title { background: rgba(0,0,0,0.6); color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table thead td { background: #f6f9ff66; color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table td { border: 1px solid #ababab5e; white-space: nowrap; } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item.current td { background: rgba(230,247,255,0.24); } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item td.auth-item-title { background: #f6f9ff33; color: #fff; } .pathAuth-dialog.auth-theme-dark .auth-list-body table tr.auth-item:hover { background: #fafafa42; } .pathAuth-dialog .owner-user { padding: 10px 5px 0px 0px; } .pathAuth-dialog .owner-user i { color: #bbb; font-style: normal; } .pathAuth-dialog .user-info { color: #999; cursor: default; } .pathAuth-dialog .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .pathAuth-dialog .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .pathAuth-dialog .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .pathAuth-dialog .user-info { color: #999; background: #e6f7ff; padding: 3px 3px 2px 0; border-radius: 10px; margin-right: 8px; border: 1px solid #c2e9fb; } .pathAuth-dialog .user-info .path-ico { margin-right: 2px; } .pathAuth-dialog .user-info img { top: -6px; } .pathSelectApi .select-api-input-box { position: absolute; right: 220px; left: 50px; margin-top: 0px; } .pathSelectApi .select-api-input-box input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 5px; color: #000; width: 100%; border-radius: 3px; border: 1px solid rgba(100,100,100,0.2); } .pathSelectApi .select-api-input-box input:hover, .pathSelectApi .select-api-input-box input:active { border-color: #75A1F0; } .pathSelectApi .select-api-input-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .pathSelectApi .select-api-input-box input.disabled, .pathSelectApi .select-api-input-box input[readonly='true'] { opacity: 0.7; } .pathSelectApi .select-api-input-box input.disabled:hover, .pathSelectApi .select-api-input-box input.disabled:active, .pathSelectApi .select-api-input-box input[readonly='true']:hover, .pathSelectApi .select-api-input-box input[readonly='true']:active { border-color: #ddd; } .pathSelectApi .select-api-input-box input.disabled:focus, .pathSelectApi .select-api-input-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .pathSelectApi .select-api-input-box .label { position: absolute; right: 0px; top: 5px; margin-right: -5px; } .pathSelectApi .file.disabled { opacity: 0.4; pointer-events: none; } .pathSelectApi .aui-buttons { padding: 15px 20px; } .file-history-view-dialog .aui-content { min-width: 500px; position: relative; } .file-history-view { position: absolute; left: 0; right: 0; bottom: 0; top: 0px; margin: 0px; min-width: 400px; } .file-history-view .header { height: 90px; color: #fff; position: relative; } .file-history-view .header .icon { width: 56px; height: 56px; position: absolute; left: 20px; top: 20px; } .file-history-view .header .name, .file-history-view .header .desc { position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; } .file-history-view .header .name { margin: 22px 0 0 90px; font-size: 18px; font-weight: 800; } .file-history-view .header .desc { margin: 50px 0 0 90px; } .file-history-view .header .new-version { position: absolute; right: 45px; top: 40px; z-index: 99999; border-radius: 2px; } .file-history-view .header .version-refresh { position: absolute; right: 15px; top: 40px; z-index: 99999; border-radius: 2px; padding: 0.4em 0.4em; background: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.1); } .file-history-view .header .version-refresh:hover, .file-history-view .header .version-refresh:active { background: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.2); } .file-history-view .history-header-title { height: 23px; line-height: 23px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; background: #ddd; background-image: linear-gradient(to bottom,#fff 0,#e6e6e6 100%); } .file-history-view .menu-history-list-file .item { display: inline-block; } .file-history-view .item { float: left; } .file-history-view .item.version { padding-left: 0; width: 12%; text-align: center; } .file-history-view .item.user { width: 18%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .file-history-view .item.size { width: 10%; } .file-history-view .item.mtime { width: 25%; } .file-history-view .item.detail { width: 35%; color: #888; } .file-history-view .item.detail > span { border-right: none; } .file-history-view .item.detail .content { cursor: text; height: 30px; overflow: hidden; text-overflow: ellipsis; } .file-history-view .item.detail .content.on-edit { overflow: inherit; } .file-history-view .item.detail .content.placeholder { opacity: 0.3; } .file-history-view .item.detail input { padding: 0 5% 0 10px; margin-left: -10px; height: auto; width: 95%; border: none; box-shadow: 0 0 0 1px inset #40a9ff; z-index: 10; position: relative; } .file-history-view .item.version .x-item-file { position: relative; left: 20px; top: 5px; } .file-history-view .item > span { display: block; border-right: 1px solid #ddd; padding-left: 10px; cursor: default; } .file-history-view .file-item-last .item.detail > span:active, .file-history-view .file-item-last .item.detail > span:hover, .file-history-view .history-header-title .item.detail > span:active, .file-history-view .history-header-title .item.detail > span:hover { box-shadow: none; } .file-history-view .file-history-content .item span { border-right-color: rgba(0,0,0,0.05); } .file-history-view .user-info { color: #999; cursor: default; } .file-history-view .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .file-history-view .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .file-history-view .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-history-view .file-history-content { padding: 0px; position: absolute; top: 115px; left: 0; right: 0px; bottom: 0px; overflow: auto; } .file-history-view .file-history-content .history-empty { background: #eee; padding: 1em 2em; display: block; width: 150px; text-align: center; margin: 20% auto 0; border-radius: 3px; } .file-history-view .file-history-content .file-item { position: relative; padding-left: 0; color: #444; cursor: pointer; text-shadow: none; display: block; border-bottom: 1px solid #f2f6f9; height: 30px; line-height: 30px; transition: all 0.168s; overflow: hidden; } .file-history-view .file-history-content .file-item.select, .file-history-view .file-history-content .file-item.select:hover, .file-history-view .file-history-content .file-item.select.odd, .file-history-view .file-history-content .file-item.select.odd:hover, .file-history-view .file-history-content .file-item.select:active, .file-history-view .file-history-content .file-item.select.odd:active { background: #63acff; color: #fff !important; } .file-history-view .file-history-content .file-item.select .user-info, .file-history-view .file-history-content .file-item.select .detail, .file-history-view .file-history-content .file-item.select:hover .user-info, .file-history-view .file-history-content .file-item.select:hover .detail, .file-history-view .file-history-content .file-item.select.odd .user-info, .file-history-view .file-history-content .file-item.select.odd .detail, .file-history-view .file-history-content .file-item.select.odd:hover .user-info, .file-history-view .file-history-content .file-item.select.odd:hover .detail, .file-history-view .file-history-content .file-item.select:active .user-info, .file-history-view .file-history-content .file-item.select:active .detail, .file-history-view .file-history-content .file-item.select.odd:active .user-info, .file-history-view .file-history-content .file-item.select.odd:active .detail { color: #fff; } .file-history-view .file-history-content .file-item:hover, .file-history-view .file-history-content .file-item.odd:hover, .file-history-view .file-history-content .file-item:active, .file-history-view .file-history-content .file-item.odd:active { transition: none; text-decoration: none; background: #fdeec3; } .file-history-view .file-history-content .file-item.odd { background: #f1f7ff; } .file-history-view .file-history-content .file-item .menu-trigger { display: none; position: absolute; right: 0px; top: 0; text-align: center; width: 30px; color: #fff; background: #666; background: rgba(0,0,0,0.3); transition: all 0.168s; } .file-history-view .file-history-content .file-item:hover .menu-trigger { display: block; } .file-history-view .file-history-page { position: absolute; bottom: 15px; right: 15px; background: rgba(255,255,255,0.9); } .file-history-view-dialog .bottom-tips { position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #aaa; background: #fafafa; border-top: 1px solid #f6f6f6; } .menuBar .menu-item.menu-client-sync { height: 45px; line-height: 40px; color: #fff; } .menuBar .menu-item.menu-client-sync .client-sync-icon { font-size: 26px; background: linear-gradient(to right,#91d5ff,#1890ff); -webkit-background-clip: text; color: transparent; } .menuBar .menu-item.menu-client-sync .client-sync-status { position: absolute; font-size: 15px; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0; margin: 0; right: 10px; top: 2px; } .menuBar .menu-item.menu-client-sync .client-sync-status.none:before { font-family: 'icomoon'; content: "\f013"; color: #4692e2; } .menuBar .menu-item.menu-client-sync .client-sync-status.done:before { font-family: 'icomoon'; content: "\f058"; color: #1fd89a; } .menuBar .menu-item.menu-client-sync .client-sync-status.doing:before { font-family: 'icomoon'; content: "\f021"; color: #60e61f; } .menuBar .menu-item.menu-client-sync .client-sync-status.stop:before { font-family: 'icomoon'; content: "\f28b"; color: #4692e2; } .menuBar .menu-item.menu-client-sync .client-sync-status.doing { animation: moveCircleLoopRight 1.4s infinite linear; } .client-sync-box { min-width: 620px; min-height: 500px; } .client-sync-box .sync-init-help { display: none; } .client-sync-box.sync-not-init .sync-init-help { display: block; } .client-sync-box.sync-not-init .sync-action { display: none; } .client-sync-box.sync-not-init .dialog-tab { opacity: 0.5; pointer-events: none; } .client-sync-box.sync-not-init .dialog-tab-content { display: none; } .client-sync-box .header { height: 130px; overflow: hidden; position: relative; border-bottom: 1px solid #e4ebfe; } .client-sync-box .header .content { position: absolute; width: 100%; height: 100%; } .client-sync-box .header .logo { position: absolute; left: 25px; top: 20px; font-size: 45px; background-image: -webkit-linear-gradient(2deg,#91d5ff,#329cff); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .client-sync-box .header .name-title { margin: 35px 0 0 90px; font-size: 24px; letter-spacing: 1px; background-image: -webkit-linear-gradient(2deg,#1890ff,#ffffff); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .client-sync-box .header .name-title .kod-svg-font { font-size: 40px; } .client-sync-box .list-empty { text-align: center; margin-top: 50px; } .client-sync-box .list-empty .tips { font-size: 13px; color: #a9c4e4; } .client-sync-box .dialog-tab-content { margin: 10px; padding: 10px; margin-bottom: 42px; position: absolute; overflow: hidden; overflow-y: auto; left: 0; bottom: 0; top: 125px; right: 0; } .client-sync-box .dialog-tab-content .item { height: 30px; line-height: 30px; border-bottom: 1px solid #f6f6f6; color: #888; overflow: hidden; position: absolute; width: 100%; } .client-sync-box .dialog-tab-content .item .row { width: 100%; } .client-sync-box .dialog-tab-content .item .row .row-item { height: 30px; line-height: 30px; } .client-sync-box .dialog-tab-content .item .row .title .path-ico { padding-left: 10px; position: relative; top: -2px; text-align: center; width: 25px; } .client-sync-box .dialog-tab-content .item:hover, .client-sync-box .dialog-tab-content .item:active { background: #f0f8ff; } .client-sync-box .dialog-tab-content .item .state:before { font-size: 16px; position: relative; vertical-align: bottom; margin-right: 5px; margin-left: 1px; } .client-sync-box .dialog-tab-content .item.error .state:before { font-family: 'icomoon'; content: "\ea88"; color: #ff4949; } .client-sync-box .dialog-tab-content .item.success .state:before { font-family: 'icomoon'; content: "\ea5e"; color: #52c41a; } .client-sync-box .dialog-tab-content .item .row-item .title-name { position: absolute; width: 85%; color: #333; overflow: hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; } .client-sync-box .dialog-tab-content .progress { height: 30px; width: 100%; margin-left: 15px; border-radius: 0; box-shadow: none; opacity: 0.7; background: #fafdff; position: absolute; } .client-sync-box .dialog-tab-content .progress-bar { background-color: #adf; background-image: linear-gradient(45deg,rgba(255,255,255,0.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0.35) 75%,transparent 75%,transparent); background-repeat: repeat-x; } .client-sync-box .dialog-tab-content .actions { position: absolute; right: -5px; top: 0; display: none; } .client-sync-box .dialog-tab-content .actions .action-btn { display: inline-block; line-height: 30px; height: 30px; padding: 0 10px; margin-left: 0px; cursor: pointer; text-align: center; font-size: 16px; color: #aaa; } .client-sync-box .dialog-tab-content .actions .action-btn:hover, .client-sync-box .dialog-tab-content .actions .action-btn:active { color: #1890ff; background: rgba(24,144,255,0.1); } .client-sync-box .dialog-tab-content .actions .action-btn em { font-size: 12px; font-style: normal; position: relative; top: -2px; } .client-sync-box .dialog-tab-content .sync-time { position: absolute; right: 5px; color: #bbb; } .client-sync-box .dialog-tab-content .item.success:hover .actions, .client-sync-box .dialog-tab-content .item.error:hover .actions { display: block; } .client-sync-box .dialog-tab-content .item.success:hover .sync-time, .client-sync-box .dialog-tab-content .item.error:hover .sync-time { display: none; } .client-sync-box .dialog-tab { position: absolute; width: 100%; margin: -32px 0 0 20px; line-height: 20px; font-size: 13px; } .client-sync-box .dialog-tab .tab-item { display: inline-block; padding: 5px 10px; margin-right: 5px; border-bottom: 3px solid transparent; margin-bottom: -2px; cursor: pointer; } .client-sync-box .dialog-tab .tab-item:hover { color: #1890ff; background: rgba(24,144,255,0.1); } .client-sync-box .dialog-tab .tab-item.active, .client-sync-box .dialog-tab .tab-item.active:hover { color: #1890ff; border-color: #1890ff; } .client-sync-box .sync-action { position: absolute; top: 30px; right: 20px; } .client-sync-box .sync-action .status-type { position: absolute; z-index: 100; font-size: 36px; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; cursor: pointer; color: #7fafd6; background-image: linear-gradient(to bottom,#fff 0,#bcd8ef 100%); border: 1px solid #d1e2f1; box-shadow: 0px 0px 6px rgba(0,0,0,0.05); width: 50px; height: 50px; line-height: 54px; margin-top: 5px; border-radius: 3px 0 0 3px; } .client-sync-box .sync-action .status-type:hover { background-image: linear-gradient(to bottom,#fff 0,#93c0e5 100%); color: #5897ca; } .client-sync-box .sync-action .status-type.sync-start .font-icon { padding-left: 6px; } .client-sync-box .sync-action .status-info-box { width: 250px; height: 50px; background: #fcfeff; box-shadow: 1px 1px 15px rgba(0,0,0,0.15); border-radius: 4px; margin-left: 42px; margin-top: 6px; padding-left: 20px; } .client-sync-box .sync-action .status-info-box .status-info-text { border-bottom: 1px solid rgba(0,0,0,0.06); padding: 5px 0 2px 5px; position: relative; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon { position: absolute; font-size: 15px; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0; margin: 0; margin: 0px 0 0 5px; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.none:before { font-family: 'icomoon'; content: "\f013"; color: #4692e2; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.done:before { font-family: 'icomoon'; content: "\f058"; color: #1fd89a; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing:before { font-family: 'icomoon'; content: "\f021"; color: #60e61f; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.stop:before { font-family: 'icomoon'; content: "\f28b"; color: #4692e2; } .client-sync-box .sync-action .status-info-box .status-info-text .status-icon.doing { animation: moveCircleLoopRight 1.4s infinite linear; } .client-sync-box .sync-action .status-info-box .status-info-text .text { font-weight: 600; } .client-sync-box .sync-action .status-info-box .status-info-desc { padding: 3px 0 2px 5px; color: #999; position: relative; } .client-sync-box .sync-action .status-info-box .text .desc { font-style: normal; background: rgba(0,0,0,0.05); padding: 0px 4px; display: inline-block; margin-left: 5px; border-radius: 20px; } .client-sync-box .sync-action .status-info-box .btn { position: absolute; right: 2px; top: 0; border: none; background: none; box-shadow: none; margin-top: 2px; border-radius: 2px; height: 17px; overflow: hidden; color: #888; } .client-sync-box .sync-action .status-info-box .btn:hover { background: #def; } .client-sync-box .sync-action .status-info-box .progress { position: absolute; left: -14px; top: 20px; width: 264px; height: 5px; border-radius: 2px; box-shadow: none; background: #fff; } .client-sync-box .sync-action .status-info-box .progress .progress-bar { border-radius: 2px; background-color: #1890ff; } .client-sync-box .sync-action .actions { position: absolute; right: 0; width: 350px; text-align: right; margin-top: 10px; z-index: 100; } .client-sync-box .sync-action .actions .btn { border-radius: 2px; height: 20px; line-height: 20px; margin-left: 5px; color: #666; } .client-sync-box .sync-action .actions .btn .font-icon { display: inline-block; margin-right: 5px; opacity: 0.8; position: relative; top: 1px; } .client-sync-box .sync-action .actions .btn:before { opacity: 0.7; } .client-sync-box .sync-action .actions .tab-list-done, .client-sync-box .sync-action .actions .tab-list-error { display: none; } .client-sync-box .sync-action .actions.list-done .tab-list-done { display: inline-block; } .client-sync-box .sync-action .actions.list-error .tab-list-error { display: inline-block; } .client-sync-box .list-page { position: absolute; z-index: 999; background: #fff; right: 10px; bottom: 10px; } .client-sync-box.client-sync-config { min-width: 550px; min-height: 450px; } .client-sync-box.client-sync-config .header { height: 90px; } .client-sync-box.client-sync-config .header .name-title { margin: 28px 0 0 90px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac { margin-top: -40px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item-content { color: #74889a; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item-content .font-icon { position: relative; margin-right: 5px; top: 1px; opacity: 0.6; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-item.active .tab-item-content { color: #fff; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body { border: none; border-radius: 0; margin: 0; padding: 40px 0 20px 0px; background: none; top: 20px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row { padding: 2px 0; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-content { width: 60%; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .form-row .setting-title { color: #94a3b1; text-shadow: none; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body .line, .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .form-box.config-box .panel-form-body hr { border-bottom: 1px dotted #eee; margin: 10px 30px; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item { border: 1px solid #ddd; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active, .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-group .tab-item.active:hover { border-color: #1890ff !important; background: #1890ff !important; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-target-save { display: none; } .client-sync-box.client-sync-config .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-mac .tab-current-aboutTab .form-row.item-about .setting-title { padding-top: 0; } .dialog-form-page .header { height: 80px; overflow: hidden; position: relative; border-bottom: 1px solid #e4ebfe; } .dialog-form-page .header .content { position: absolute; width: 100%; height: 100%; } .dialog-form-page .header .logo { position: absolute; left: 18px; top: 20px; width: 32px; height: 32px; font-size: 32px; line-height: 32px; text-align: center; } .dialog-form-page .header .logo.font-icon { background-image: -webkit-linear-gradient(2deg,#1890ff,#11d291); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .dialog-form-page .header .logo .path-ico { width: 36px; height: 36px; } .dialog-form-page .header .name-title { margin: 20px 0 0 60px; font-size: 24px; background-image: -webkit-linear-gradient(2deg,#1890ff,#11d291); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .dialog-form-page .header .name-title-desc { padding-left: 60px; color: #99c2e4; } .dialog-form-page .list-empty { text-align: center; width: auto; height: 200px; position: absolute; top: -20px; right: 0; left: 0; bottom: 0; margin: auto; } .dialog-form-page .list-empty .tips { font-size: 13px; color: #a9c4e4; } .dialog-form-page .dialog-content { position: absolute; left: 0; right: 0px; bottom: 0px; top: 50px; margin-top: 80px; width: 100%; overflow: auto; } .dialog-form-page .dialog-content .list-page { padding: 0; padding-bottom: 50px; } .dialog-form-page .actions { position: absolute; top: 40px; right: 20px; } .dialog-form-page .actions .btn { border-radius: 2px; height: 20px; line-height: 20px; margin-left: 5px; color: #666; position: relative; } .dialog-form-page .actions .btn .font-icon { display: inline-block; margin-right: 5px; opacity: 0.8; position: relative; top: 1px; } .dialog-form-page .actions .btn:before { opacity: 0.7; } .dialog-form-page .actions .btn:hover { z-index: 10; } .file-rename-mutil-dialog .drag-resize.drag-resize-y { margin-top: 77px; } .file-rename-mutil-dialog .dialog-form.target-form .form-box.config-box .panel-form-body { position: absolute; } .file-rename-mutil-dialog .dialog-content .item.item-title { border-bottom: 1px solid #e6e6e6; margin: 0px 0 1px 0; background-image: linear-gradient(to bottom,#fff 0,#f6f6f6 100%); } .file-rename-mutil-dialog .dialog-content .item.item-title .row .row-item .title-name { padding-left: 17px; } .file-rename-mutil-dialog .dialog-content .item.item-title:hover, .file-rename-mutil-dialog .dialog-content .item.item-title:active { background-image: linear-gradient(to bottom,#fff 0,#f6f6f6 100%); } .file-rename-mutil-dialog .dialog-content .item { height: 30px; line-height: 30px; border: 1px solid #f6f6f6; border-left: none; border-right: none; margin-top: -1px; color: #555; overflow: hidden; } .file-rename-mutil-dialog .dialog-content .item .row { margin: 0; } .file-rename-mutil-dialog .dialog-content .item .row .row-item { height: 30px; line-height: 30px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; float: left; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title { width: 45%; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title-new { width: 35%; } .file-rename-mutil-dialog .dialog-content .item .row .row-item.title-state { width: 20%; } .file-rename-mutil-dialog .dialog-content .item .row .title .path-ico { padding-left: 15px; position: relative; top: -2px; text-align: center; width: 22px; } .file-rename-mutil-dialog .dialog-content .item .title-name-new { display: block; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: 10px; height: 100%; padding: 0 3px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-rename-mutil-dialog .dialog-content .item .title-name-new.changed { color: #333; } .file-rename-mutil-dialog .dialog-content .item .title-name-new.changed:before { font-family: 'icomoon'; content: "\ea29"; position: absolute; margin-left: -12px; font-size: 12px; color: #ccc; } .file-rename-mutil-dialog .dialog-content .item .title-name-new.no-changed { color: #aaa; } .file-rename-mutil-dialog .dialog-content .item:nth-child(even) { background: #fcfcfc; } .file-rename-mutil-dialog .dialog-content .item:nth-child(even):hover, .file-rename-mutil-dialog .dialog-content .item:nth-child(even):active { background: #f0f8ff; } .file-rename-mutil-dialog .dialog-content .item:hover, .file-rename-mutil-dialog .dialog-content .item:active { background: #f0f8ff; } .file-rename-mutil-dialog .dialog-content .item .state:before { font-size: 16px; position: relative; vertical-align: bottom; margin-right: 5px; margin-left: 1px; } .file-rename-mutil-dialog .dialog-content .item.error .state:before { font-family: 'icomoon'; content: "\ea88"; color: #ff4949; } .file-rename-mutil-dialog .dialog-content .item.success .state:before { font-family: 'icomoon'; content: "\ea5e"; color: #52c41a; } .file-rename-mutil-dialog .dialog-content .remove-item { display: none; position: absolute; right: 0; width: 30px; height: 30px; line-height: 30px; background: #deedf5; color: #999; text-align: center; cursor: pointer; } .file-rename-mutil-dialog .dialog-content .remove-item:after { font-family: 'icomoon'; content: "\ea68"; } .file-rename-mutil-dialog .dialog-content .remove-item:hover, .file-rename-mutil-dialog .dialog-content .remove-item:active { color: #1890ff; background: #c6dfff; } .file-rename-mutil-dialog .dialog-content .item:hover .remove-item { display: block; } .file-rename-mutil-dialog .data-from { position: absolute; top: 81px; width: 100%; height: 50px; overflow: hidden; background: #fafafa; border-bottom: 1px solid #e6e6e6; background-image: linear-gradient(to bottom,#fff 0,#fafafb 100%); z-index: 2; } .file-rename-mutil-dialog .data-from .panel-form-body { padding: 0px 0 0px 0px !important; background: none; border-radius: 0; } .file-rename-mutil-dialog .data-from .form-box .form-row.inline .setting-content { margin-right: 0; } .file-rename-mutil-dialog .data-from .form-row.item-type .select2-container { width: 120px !important; min-width: inherit !important; } .file-rename-mutil-dialog .data-from .form-row .setting-title { display: none !important; } .file-rename-mutil-dialog .data-from .form-row .setting-content .input-title-right { margin: 0 5px 0 -10px; } .file-rename-mutil-dialog .data-from .form-row input { margin-right: 2px; } .file-rename-mutil-dialog .data-from .form-target-save { display: none !important; } .file-rename-mutil-dialog .data-from .rename-start { position: absolute; right: 20px; top: 0; margin-top: 9px; } .file-rename-mutil-dialog .data-from .rename-start.disabled { pointer-events: none; } .file-rename-mutil-dialog .data-from .form-row.item-replaceSet.form-codeEditor .setting-content { position: absolute; top: 8px; left: 140px; width: 55%; padding: 0; } .file-rename-mutil-dialog .actions .btn.clear-finished { border-radius: 3px 0px 0 3px; } .file-rename-mutil-dialog .actions .btn.clear-all { margin-left: -5px; border-radius: 0 3px 3px 0; } .tag-edit-body .header { padding: 0; } .tag-edit-body .header .panel-form-body { padding: 0 !important; overflow: hidden !important; } .tag-edit-body .header .action { padding: 0 16px; display: none; } .tag-edit-body .header .action .kui-btn .font-icon { position: relative; margin-right: 5px; top: 1px; } .tag-edit-body .header .line { margin: 0 15px 10px 15px; border-bottom: 1px dotted #eee; } .tag-edit-body .content { height: 325px; border: 1px solid #eee; margin: 0 15px; overflow: auto; border-radius: 3px; padding: 5px; } .tag-edit-body .content .item { display: block; border-radius: 40px; background: #f8f8f8; border: 1px solid #f6f6f6; padding: 4px 10px; margin-bottom: 4px; position: relative; cursor: pointer; } .tag-edit-body .content .item .x-item-icon.label { position: relative; top: 2px; margin-right: 5px; } .tag-edit-body .content .item:hover { background: #e6f7ff; border-color: #def; } .tag-edit-body .content .item:hover .do-action { display: block; } .tag-edit-body .content .item .do-action { display: none; position: absolute; z-index: 10; right: 2px; top: 2px; border-radius: 14px; overflow: hidden; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .tag-edit-body .content .item .do-action .item-action { width: 30px; padding: 5px 0 1px 0; background: #d5effb; color: #1890ff; border-right: 1px solid #c4ecff; display: inline-block; text-align: center; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .tag-edit-body .content .item .do-action .item-action:hover { background: #1890ff; color: #fff; } .tag-edit-body .content .item .do-action .item-action:active { background: #0076e4; color: #fff; } .tag-edit-body .content .item.current { background: #e6f7ff; border-color: #91d5ff; } .tag-edit-body .content .item.current:after { position: absolute; right: 15px; top: 4px; color: #1890ff; font-family: 'icomoon'; content: "\ea5d"; } .tag-edit-body .content .item .drag-item { opacity: 0; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; position: absolute; top: 0px; right: 100px; z-index: 10; width: 32px; height: 100%; line-height: 26px; text-align: center; background: #cfebf9; color: #1890ff; cursor: move !important; } .tag-edit-body .content .item .drag-item:after { font-family: 'icomoon'; content: "\eac3"; } .tag-edit-body .content .item:hover .drag-item { opacity: 1; } .tag-list-dialog.dialog-max .tag-edit-body .content { position: absolute; height: inherit; left: 0px; right: 0px; bottom: 20px; top: 90px; } .context-menu-list .context-menu-item.file-tag-view { height: inherit !important; background: none !important; display: block !important; line-height: 25px; border-bottom: none; cursor: default; margin: 0; padding: 0; } .context-menu-list .context-menu-item.file-tag-view .item { padding-left: 20px; cursor: pointer; position: relative; } .context-menu-list .context-menu-item.file-tag-view .item:hover { color: #444; background: #e1e1e1; } .context-menu-list .context-menu-item.file-tag-view .item .x-item-icon.label { top: 3px; margin-right: 8px; } .context-menu-list .context-menu-item.file-tag-view .item.this { background: #e6f7ff; color: #1890ff; } .context-menu-list .context-menu-item.file-tag-view .item.this:hover { background: #b3e7ff; } .context-menu-list .context-menu-item.file-tag-view .item.this:after { position: absolute; right: 15px; top: 1px; color: #1890ff; font-family: 'icomoon'; content: "\ea5d"; } .context-menu-list .context-menu-item.file-tag-view hr { margin: 5px 0; } .context-menu-list .context-menu-item.file-tag-view .item-add { padding-left: 22px; cursor: pointer; position: relative; color: #888; } .context-menu-list .context-menu-item.file-tag-view .item-add:before { font-family: 'icomoon'; content: "\f02c"; padding-right: 10px; color: #1890ff; } .context-menu-list .context-menu-item.file-tag-view .item-add:hover { background: #1890ff; color: #fff; } .context-menu-list .context-menu-item.file-tag-view .item-add:hover:before { color: #fff; } .ztree li .node_name span.node-name-desc { color: rgba(0,0,0,0.2); float: right; background: rgba(0,0,0,0.03); height: 16px; line-height: 16px; border-radius: 30px; margin: 5px 5px 0 5px; padding: 0 8px 0 8px; } .file-continer .file .meta-info .file-list-tag { position: relative; text-align: right; display: inline-block; font-size: 12px; font-style: normal; color: #999; } .file-continer .file .meta-info .file-list-tag .item { display: inline-block; margin: 0; margin-left: -7px; height: 16px; line-height: 16px; } .file-continer .file .meta-info .file-list-tag .item .name { display: none; } .file-continer .file .meta-info .file-list-tag .item .x-item-icon.label { width: 8px; height: 8px; top: 1px; box-shadow: 0 0 0 1px #fff; } .file-continer.file-list-icon .file .meta-info .file-list-tag { position: absolute; width: 200%; right: 100%; top: 30%; margin-right: -7px; text-align: left; } .file-continer.file-list-list .file .meta-info .file-list-tag .item { color: #888; background: #f8fdffe0; border: 1px solid #d3eaff99; margin: 0 0px 0 0; padding: 1px 5px; border-radius: 20px; } .file-continer.file-list-list .file .meta-info .file-list-tag .item .name { display: inline-block; } .app-file-view { text-align: center; width: 100%; height: 100%; } .app-file-view.app-file-view-image img { cursor: pointer; max-width: 90%; max-height: 90%; padding: 10px; border-radius: 2px; box-shadow: 0 1px 10px rgba(0,0,0,0.2); position: absolute; top: -10px; left: 0; right: 0; bottom: 0; margin: auto; } .task-list-view { height: 100%; position: relative; overflow: auto; } .task-list-view .list-content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 15px 10px; min-width: 260px; } .task-list-view .list-empty { position: absolute; top: -40px; right: 0; bottom: 0; left: 0; margin: auto; width: 100px; height: 120px; text-align: center; color: #999; } .task-list-view .list-empty .path-ico { font-size: 100px; width: 100px; height: 110px; } .task-list-view .list-item { border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-radius: 6px; padding: 7px; margin-bottom: 5px; background: rgba(255,255,255,0.5); position: relative; line-height: 1.5em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .task-list-view .list-item .user-info { color: #999; cursor: default; } .task-list-view .list-item .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .task-list-view .list-item .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .task-list-view .list-item .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .task-list-view .list-item:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); } .task-list-view .list-item .item { line-height: 1.5em; display: inline-block; margin-right: 5px; } .task-list-view .list-item .item.user { margin-right: 10px; } .task-list-view .list-item .item.title { background: #e6f7ff; color: #40a9ff; border: 1px solid #91d5ff; padding: 1px 5px; border-radius: 2px; } .task-list-view .list-item .item.current { width: 72%; position: absolute; bottom: 3px; left: 7px; } .task-list-view .list-item .item.current .info { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .task-list-view .list-item .item.current .info em { font-style: normal; padding-left: 4px; opacity: 0.7; } .task-list-view .list-item .item.current .info.info-current { width: 65%; } .task-list-view .list-item .item.current .info.info-size { width: 35%; float: right; text-align: right; } .task-list-view .list-item .item.percent { clear: both; float: none; margin: 4px 0px; display: block; } .task-list-view .list-item .item.time { text-align: right; position: absolute; right: 100px; top: 10px; } .task-list-view .list-item .item-time { display: none; padding-right: 10px; color: #8a929a; } .task-list-view .list-item .item-time i { padding-right: 0px; color: #bbb; font-style: normal; } .task-list-view .list-item .item-time i:after { content: ": "; } .task-list-view .list-item .item-time em { font-style: normal; } .task-list-view .list-item .action { position: absolute; right: 2px; top: 8px; } .task-list-view .list-item .action .label { display: none; padding: 3px 8px; border-radius: 25px; margin-left: 5px; } .task-list-view .list-item .action .btn { display: none; width: 22px; line-height: 22px; height: 22px; text-align: center; padding: 0px; color: #aaa; border: none; margin-left: 2px; border-radius: 2px; } .task-list-view .list-item .action .btn:hover { background: #f6f6f6; } .task-list-view .list-item .action .btn.kill { display: inline-block; } .task-list-view .list-item .action .btn:before { font-size: 16px; text-align: center; } .task-list-view .list-item .action .btn.stop:before { font-family: 'icomoon'; content: "\f04d"; color: #faad14; } .task-list-view .list-item .action .btn.start:before { font-family: 'icomoon'; content: "\eae2"; color: #0fba81; } .task-list-view .list-item .action .btn.kill:before { font-family: 'icomoon'; content: "\ea68"; color: #f5222d; font-size: 13px; } .task-list-view .list-item.status-stop .item-time.time-start { display: inline-block; } .task-list-view .list-item.status-stop .action .label.stop { display: inline-block; } .task-list-view .list-item.status-stop .action .btn.start { display: inline-block; } .task-list-view .list-item.status-running .item-time.time-need { display: inline-block; } .task-list-view .list-item.status-running .action .label.start { display: inline-block; } .task-list-view .list-item.status-running .action .btn.stop { display: inline-block; } .task-list-view .list-item.status-kill .action .label.kill { display: inline-block; } .task-list-view .list-item.status-kill .action .btn.kill { display: none; } .task-list-view .list-item.status-kill .item-time.time-start { display: inline-block; } .task-list-view .kui-process .kui-process-bg { height: 6px; border-radius: 5px; overflow: hidden; background: #e6eaef; } .task-list-view .kui-process .kui-process-bg .kui-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; background-image: linear-gradient(to right,#108ee9 0%,#40a9ff 100%); } .task-list-view .kui-process .kui-process-info { line-height: 20px; text-align: right; } .task-list-view .kui-process .kui-process-info .info { float: right; padding-left: 5px; position: relative; } .task-list-view .kui-process .kui-process-info .info.info-current { float: left; padding-left: 0; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; } .task-list-view.task-user-notify { width: 270px; margin-left: -30px; overflow: visible; } .task-list-view.task-user-notify .list-item { border: none; padding: 0; box-shadow: none; border-radius: 0; padding-top: 20px; margin-bottom: 0; } .task-list-view.task-user-notify .list-item .item.user, .task-list-view.task-user-notify .list-item .item.title { display: none; } .task-list-view.task-user-notify .list-item .item.action { right: -3px; top: -27px; } .task-list-view.task-user-notify .list-item .item.action .btn.start, .task-list-view.task-user-notify .list-item .item.action .btn.stop { display: none !important; } .task-list-view.task-user-notify .list-item .item.time { top: 32px; right: inherit; } .task-list-view.task-user-notify .list-item .item .item-time { display: none; } .task-list-view.task-user-notify .list-item.status-stop .item .item-time.time-start { display: inline-block; } .task-list-view.task-user-notify .list-item.status-running .item .item-time.time-need { display: inline-block; } .task-list-view.task-user-notify .list-item.status-kill .item .item-time.time-start { display: inline-block; } .task-list-view.task-user-notify .list-item .item.current { bottom: inherit; left: 0; top: 4px; width: 100%; } .task-list-view.task-list-user .list-item .item.user { display: none; } .task-list-view.task-list-user .list-item .item.action .btn.stop { display: none !important; } .x-item-icon.small { width: 18px; height: 18px; margin-right: 0.5em; } .x-item-icon.small.x-zip, .x-item-icon.small.x-tar, .x-item-icon.small.x-sitx, .x-item-icon.small.x-rar, .x-item-icon.small.x-pkg, .x-item-icon.small.x-jar, .x-item-icon.small.x-iso, .x-item-icon.small.x-gz, .x-item-icon.small.x-dmg, .x-item-icon.small.x-bz2, .x-item-icon.small.x-7z, .x-item-icon.small.x-wma, .x-item-icon.small.x-wav, .x-item-icon.small.x-mp3, .x-item-icon.small.x-midi, .x-item-icon.small.x-m4a, .x-item-icon.small.x-aac, .x-item-icon.small.x-pspimage, .x-item-icon.small.x-psd, .x-item-icon.small.x-psb, .x-item-icon.small.x-prproj, .x-item-icon.small.x-indd, .x-item-icon.small.x-fla, .x-item-icon.small.x-eps, .x-item-icon.small.x-dxf, .x-item-icon.small.x-dwg, .x-item-icon.small.x-cdr, .x-item-icon.small.x-as, .x-item-icon.small.x-ai, .x-item-icon.small.x-3ds, .x-item-icon.small.x-xsl, .x-item-icon.small.x-xsd, .x-item-icon.small.x-xml, .x-item-icon.small.x-xaml, .x-item-icon.small.x-vcxproj, .x-item-icon.small.x-vcproj, .x-item-icon.small.x-vbproj, .x-item-icon.small.x-vb, .x-item-icon.small.x-suo, .x-item-icon.small.x-sql, .x-item-icon.small.x-sln, .x-item-icon.small.x-resx, .x-item-icon.small.x-pdb, .x-item-icon.small.x-mdf, .x-item-icon.small.x-ldf, .x-item-icon.small.x-h, .x-item-icon.small.x-dtd, .x-item-icon.small.x-csproj, .x-item-icon.small.x-cs, .x-item-icon.small.x-cpp, .x-item-icon.small.x-c, .x-item-icon.small.x-png, .x-item-icon.small.x-jpg, .x-item-icon.small.x-ico, .x-item-icon.small.x-gif, .x-item-icon.small.x-bmp, .x-item-icon.small.x-heic, .x-item-icon.small.x-xps, .x-item-icon.small.x-xltx, .x-item-icon.small.x-xlt, .x-item-icon.small.x-xlsx, .x-item-icon.small.x-xlsm, .x-item-icon.small.x-xlsb, .x-item-icon.small.x-xls, .x-item-icon.small.x-vtx, .x-item-icon.small.x-vsx, .x-item-icon.small.x-vst, .x-item-icon.small.x-vss, .x-item-icon.small.x-vsdx, .x-item-icon.small.x-vsd, .x-item-icon.small.x-vdx, .x-item-icon.small.x-vdw, .x-item-icon.small.x-vcf, .x-item-icon.small.x-pub, .x-item-icon.small.x-pst, .x-item-icon.small.x-pptx, .x-item-icon.small.x-ppt, .x-item-icon.small.x-ppsx, .x-item-icon.small.x-pps, .x-item-icon.small.x-pdf, .x-item-icon.small.x-odt, .x-item-icon.small.x-ods, .x-item-icon.small.x-odp, .x-item-icon.small.x-msg, .x-item-icon.small.x-mpt, .x-item-icon.small.x-mpp, .x-item-icon.small.x-mhtml, .x-item-icon.small.x-mht, .x-item-icon.small.x-mdb, .x-item-icon.small.x-epub, .x-item-icon.small.x-eml, .x-item-icon.small.x-dotx, .x-item-icon.small.x-dotm, .x-item-icon.small.x-dot, .x-item-icon.small.x-docx, .x-item-icon.small.x-docm, .x-item-icon.small.x-doc, .x-item-icon.small.x-csv, .x-item-icon.small.x-accdb, .x-item-icon.small.x-vbs, .x-item-icon.small.x-txt, .x-item-icon.small.x-rtf, .x-item-icon.small.x-reg, .x-item-icon.small.x-ps1, .x-item-icon.small.x-msi, .x-item-icon.small.x-lnk, .x-item-icon.small.x-ini, .x-item-icon.small.x-hlp, .x-item-icon.small.x-fon, .x-item-icon.small.x-exe, .x-item-icon.small.x-dll, .x-item-icon.small.x-cmd, .x-item-icon.small.x-chm, .x-item-icon.small.x-cer, .x-item-icon.small.x-cab, .x-item-icon.small.x-wmv, .x-item-icon.small.x-webm, .x-item-icon.small.x-ogg, .x-item-icon.small.x-mpg, .x-item-icon.small.x-mp4, .x-item-icon.small.x-mov, .x-item-icon.small.x-mkv, .x-item-icon.small.x-m4v, .x-item-icon.small.x-flv, .x-item-icon.small.x-avi, .x-item-icon.small.x-3gp, .x-item-icon.small.x-xap, .x-item-icon.small.x-swf, .x-item-icon.small.x-cshtml, .x-item-icon.small.x-config, .x-item-icon.small.x-aspx, .x-item-icon.small.x-asmx, .x-item-icon.small.x-ashx, .x-item-icon.small.x-ascx, .x-item-icon.small.x-asax { width: 16px !important; height: 16px !important; margin-right: 10px; background-size: inherit; background-image: url("../../images/file_icon/icon_file/0.file-16.png"); background-position: -32px -112px; } .x-item-icon.small.x-zip { background-position: 0 0 !important; } .x-item-icon.small.x-tar { background-position: 0 -16px !important; } .x-item-icon.small.x-sitx { background-position: 0 -32px !important; } .x-item-icon.small.x-rar { background-position: 0 -48px !important; } .x-item-icon.small.x-pkg { background-position: 0 -64px !important; } .x-item-icon.small.x-jar { background-position: 0 -80px !important; } .x-item-icon.small.x-iso { background-position: 0 -96px !important; } .x-item-icon.small.x-gz { background-position: 0 -112px !important; } .x-item-icon.small.x-dmg { background-position: 0 -128px !important; } .x-item-icon.small.x-bz2 { background-position: 0 -144px !important; } .x-item-icon.small.x-7z { background-position: 0 -160px !important; } .x-item-icon.small.x-wma { background-position: -16px 0 !important; } .x-item-icon.small.x-wav { background-position: -16px -16px !important; } .x-item-icon.small.x-mp3 { background-position: -16px -32px !important; } .x-item-icon.small.x-midi { background-position: -16px -48px !important; } .x-item-icon.small.x-m4a { background-position: -16px -64px !important; } .x-item-icon.small.x-aac { background-position: -16px -80px !important; } .x-item-icon.small.x-pspimage { background-position: -32px 0 !important; } .x-item-icon.small.x-psd { background-position: -32px -16px !important; } .x-item-icon.small.x-psb { background-position: -32px -32px !important; } .x-item-icon.small.x-prproj { background-position: -32px -48px !important; } .x-item-icon.small.x-indd { background-position: -32px -64px !important; } .x-item-icon.small.x-fla { background-position: -32px -80px !important; } .x-item-icon.small.x-eps { background-position: -32px -96px !important; } .x-item-icon.small.x-dxf { background-position: -32px -112px !important; } .x-item-icon.small.x-dwg { background-position: -32px -128px !important; } .x-item-icon.small.x-cdr { background-position: -32px -144px !important; } .x-item-icon.small.x-as { background-position: -32px -160px !important; } .x-item-icon.small.x-ai { background-position: -32px -176px !important; } .x-item-icon.small.x-3ds { background-position: -32px -192px !important; } .x-item-icon.small.x-xsl { background-position: -48px 0 !important; } .x-item-icon.small.x-xsd { background-position: -48px -16px !important; } .x-item-icon.small.x-xml { background-position: -48px -32px !important; } .x-item-icon.small.x-xaml { background-position: -48px -48px !important; } .x-item-icon.small.x-vcxproj { background-position: -48px -64px !important; } .x-item-icon.small.x-vcproj { background-position: -48px -80px !important; } .x-item-icon.small.x-vbproj { background-position: -48px -96px !important; } .x-item-icon.small.x-vb { background-position: -48px -112px !important; } .x-item-icon.small.x-suo { background-position: -48px -128px !important; } .x-item-icon.small.x-sql { background-position: -48px -144px !important; } .x-item-icon.small.x-sln { background-position: -48px -160px !important; } .x-item-icon.small.x-resx { background-position: -48px -176px !important; } .x-item-icon.small.x-pdb { background-position: -48px -192px !important; } .x-item-icon.small.x-mdf { background-position: -48px -208px !important; } .x-item-icon.small.x-ldf { background-position: -48px -224px !important; } .x-item-icon.small.x-h { background-position: -48px -240px !important; } .x-item-icon.small.x-dtd { background-position: -48px -256px !important; } .x-item-icon.small.x-csproj { background-position: -48px -272px !important; } .x-item-icon.small.x-cs { background-position: -48px -288px !important; } .x-item-icon.small.x-cpp { background-position: -48px -304px !important; } .x-item-icon.small.x-c { background-position: -48px -320px !important; } .x-item-icon.small.x-png, .x-item-icon.small.x-heic { background-position: -64px 2px !important; } .x-item-icon.small.x-jpg { background-position: -65px -13px !important; } .x-item-icon.small.x-ico { background-position: -64px -32px !important; } .x-item-icon.small.x-gif { background-position: -64px -48px !important; } .x-item-icon.small.x-bmp { background-position: -64px -64px !important; } .x-item-icon.small.x-xps { background-position: -81px 0 !important; } .x-item-icon.small.x-xltx { background-position: -81px -16px !important; } .x-item-icon.small.x-xlt { background-position: -81px -32px !important; } .x-item-icon.small.x-xlsx { background-position: -81px -48px !important; } .x-item-icon.small.x-xlsm { background-position: -81px -64px !important; } .x-item-icon.small.x-xlsb { background-position: -81px -80px !important; } .x-item-icon.small.x-xls { background-position: -81px -96px !important; } .x-item-icon.small.x-vtx { background-position: -81px -112px !important; } .x-item-icon.small.x-vsx { background-position: -81px -128px !important; } .x-item-icon.small.x-vst { background-position: -81px -144px !important; } .x-item-icon.small.x-vss { background-position: -81px -160px !important; } .x-item-icon.small.x-vsdx { background-position: -81px -176px !important; } .x-item-icon.small.x-vsd { background-position: -81px -192px !important; } .x-item-icon.small.x-vdx { background-position: -81px -208px !important; } .x-item-icon.small.x-vdw { background-position: -81px -224px !important; } .x-item-icon.small.x-vcf { background-position: -81px -240px !important; } .x-item-icon.small.x-pub { background-position: -81px -256px !important; } .x-item-icon.small.x-pst { background-position: -81px -272px !important; } .x-item-icon.small.x-pptx { background-position: -81px -288px !important; } .x-item-icon.small.x-ppt { background-position: -81px -304px !important; } .x-item-icon.small.x-ppsx { background-position: -81px -320px !important; } .x-item-icon.small.x-pps { background-position: -81px -336px !important; } .x-item-icon.small.x-pdf { background-position: -81px -352px !important; } .x-item-icon.small.x-odt { background-position: -81px -368px !important; } .x-item-icon.small.x-ods { background-position: -81px -384px !important; } .x-item-icon.small.x-odp { background-position: -81px -400px !important; } .x-item-icon.small.x-msg { background-position: -81px -416px !important; } .x-item-icon.small.x-mpt { background-position: -81px -432px !important; } .x-item-icon.small.x-mpp { background-position: -81px -448px !important; } .x-item-icon.small.x-mhtml { background-position: -81px -464px !important; } .x-item-icon.small.x-mht { background-position: -81px -464px !important; } .x-item-icon.small.x-mdb { background-position: -81px -480px !important; } .x-item-icon.small.x-epub { background-position: -81px -496px !important; } .x-item-icon.small.x-eml { background-position: -81px -496px !important; } .x-item-icon.small.x-dotx { background-position: -81px -512px !important; } .x-item-icon.small.x-dotm { background-position: -81px -528px !important; } .x-item-icon.small.x-dot { background-position: -81px -544px !important; } .x-item-icon.small.x-docx { background-position: -81px -560px !important; } .x-item-icon.small.x-docm { background-position: -81px -576px !important; } .x-item-icon.small.x-doc { background-position: -81px -592px !important; } .x-item-icon.small.x-csv { background-position: -81px -608px !important; } .x-item-icon.small.x-accdb { background-position: -81px -624px !important; } .x-item-icon.small.x-vbs { background-position: -97px 0 !important; } .x-item-icon.small.x-txt { background-position: -97px -16px !important; } .x-item-icon.small.x-rtf { background-position: -97px -32px !important; } .x-item-icon.small.x-reg { background-position: -97px -48px !important; } .x-item-icon.small.x-ps1 { background-position: -97px -64px !important; } .x-item-icon.small.x-msi { background-position: -97px -80px !important; } .x-item-icon.small.x-lnk { background-position: -97px -96px !important; } .x-item-icon.small.x-ini { background-position: -97px -112px !important; } .x-item-icon.small.x-hlp { background-position: -97px -128px !important; } .x-item-icon.small.x-fon { background-position: -97px -144px !important; } .x-item-icon.small.x-exe { background-position: -97px -160px !important; } .x-item-icon.small.x-dll { background-position: -97px -176px !important; } .x-item-icon.small.x-cmd { background-position: -97px -192px !important; } .x-item-icon.small.x-chm { background-position: -97px -208px !important; } .x-item-icon.small.x-cer { background-position: -97px -224px !important; } .x-item-icon.small.x-cab { background-position: -97px -240px !important; } .x-item-icon.small.x-wmv { width: 15px !important; background-position: -113px 0 !important; } .x-item-icon.small.x-webm { width: 15px !important; background-position: -113px -16px !important; } .x-item-icon.small.x-ogg { width: 15px !important; background-position: -113px -32px !important; } .x-item-icon.small.x-mpg { width: 15px !important; background-position: -113px -48px !important; } .x-item-icon.small.x-mp4 { width: 15px !important; background-position: -113px -64px !important; } .x-item-icon.small.x-mov { width: 15px !important; background-position: -113px -80px !important; } .x-item-icon.small.x-mkv { width: 15px !important; background-position: -113px -96px !important; } .x-item-icon.small.x-m4v { width: 15px !important; background-position: -113px -112px !important; } .x-item-icon.small.x-flv { width: 15px !important; background-position: -113px -128px !important; } .x-item-icon.small.x-avi { width: 15px !important; background-position: -113px -144px !important; } .x-item-icon.small.x-3gp { width: 15px !important; background-position: -113px -160px !important; } .x-item-icon.small.x-xap { background-position: -128px 0 !important; } .x-item-icon.small.x-swf { background-position: -128px -16px !important; } .x-item-icon.small.x-cshtml { background-position: -128px -80px !important; } .x-item-icon.small.x-config { background-position: -128px -96px !important; } .x-item-icon.small.x-aspx { background-position: -128px -112px !important; } .x-item-icon.small.x-asmx { background-position: -128px -128px !important; } .x-item-icon.small.x-ashx { background-position: -128px -144px !important; } .x-item-icon.small.x-ascx { background-position: -128px -160px !important; } .x-item-icon.small.x-asax { background-position: -128px -176px !important; } .x-item-icon.small.x-php, .x-item-icon.small.x-txt, .x-item-icon.small.x-textile, .x-item-icon.small.x-inc, .x-item-icon.small.x-log, .x-item-icon.small.x-folder { width: 18px !important; height: 18px !important; display: inline-block; background-position: 0 !important; background-size: auto; } .x-item-icon.small.x-folder { width: 18px; height: 18px; } .x-item-icon.small.x-php { background-image: url("../../images/file_icon/icon_file/php_small.png"); } .x-item-icon.small.x-txt, .x-item-icon.small.x-textile, .x-item-icon.small.x-inc, .x-item-icon.small.x-log { background-image: url("../../images/file_icon/icon_file/txt_small.png"); } .path-ico { width: 18px; height: 18px; font-size: 18px; display: inline-block; vertical-align: text-bottom; } .header-middle .header-address .path-ico { padding-top: 2px; margin-left: 4px; } .header-middle .header-address .x-item-icon.label { top: -3px; } .header-middle .header-address .x-item-icon.label { top: -2px; } .svg-icon { width: 1em; height: 1em; fill: currentColor; overflow: hidden; pointer-events: none; } .x-item-icon.label { width: 12px; height: 12px; display: inline-block; border-radius: 50%; padding: 0; border-width: 1px; border-style: solid; top: 0; position: relative; background-image: none; } .x-item-icon.x-source { background-image: url("../../images/file_icon/icon_others/folder.png"); } .x-item-icon.x-userRecycle { background-image: url("../../images/file_icon/icon_others/recycle.png"); } .x-item-icon.x-userFav { background-image: url("../../images/file_icon/icon_others/treeFav.png"); } .x-item-icon.x-userShare { background-image: url("../../images/file_icon/icon_others/userSelf.png"); } .x-item-icon.x-groupRootSelf { background-image: url("../../images/file_icon/icon_others/groupSelfRoot.png"); } .x-item-icon.x-userRencent { background-image: url("../../images/file_icon/icon_others/app_link.png"); } .x-item-icon.x-shareToMe { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-shareItem { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-userDriver { background-image: url("../../images/file_icon/icon_others/computer.png"); } .x-item-icon.x-search { background-image: url("../../images/file_icon/icon_others/search.png"); } .x-item-icon.x-folder { background-image: url("../../images/file_icon/icon_others/folder.png"); } .x-item-icon.x-folder-share { background-image: url("../../images/file_icon/icon_others/folder_public.png"); } .x-item-icon.x-recycle { background-image: url("../../images/file_icon/icon_others/recycle.png"); } .x-item-icon.x-recycle-full { background-image: url("../../images/file_icon/icon_others/recycle_full.png"); } .x-item-icon.x-path-self-share { background-image: url("../../images/file_icon/icon_others/path_self_public.png"); } .x-item-icon.x-app-link { background-image: url("../../images/file_icon/icon_others/app_link.png"); } .x-item-icon.x-user { background-image: url("../../images/file_icon/icon_others/user.png"); } .x-item-icon.x-user-self { background-image: url("../../images/file_icon/icon_others/userSelf.png"); } .x-item-icon.x-share { background-image: url("../../images/file_icon/icon_others/share.png"); } .x-item-icon.x-group-self { background-image: url("../../images/file_icon/icon_others/groupSelf.png"); } .x-item-icon.x-group-self-owner { background-image: url("../../images/file_icon/icon_others/groupSelfOwner.png"); } .x-item-icon.x-group-guest { background-image: url("../../images/file_icon/icon_others/groupGuest.png"); } .x-item-icon.x-group-self-root { background-image: url("../../images/file_icon/icon_others/groupSelfRoot.png"); } .x-item-icon.x-group-root { background-image: url("../../images/file_icon/icon_others/groupRoot.png"); } .x-item-icon.x-group-public { background-image: url("../../images/file_icon/icon_others/folder_public.png"); } .x-item-icon.x-edit { background-image: url("../../images/file_icon/icon_others/edit.png"); } .x-item-icon.x-setting { background-image: url("../../images/file_icon/icon_others/setting.png"); } .x-item-icon.x-logout { background-image: url("../../images/file_icon/icon_others/logout.png"); } .x-item-icon.x-app-store { background-image: url("../../images/file_icon/icon_others/appStore.png"); } .x-item-icon.x-error { background-image: url("../../images/file_icon/icon_others/error.png"); } .x-item-icon.x-info { background-image: url("../../images/file_icon/icon_others/info.png"); } .x-item-icon.x-userRencent, .x-item-icon.x-shareToMe, .x-item-icon.x-userRecycle, .x-item-icon.x-userFileType-doc, .x-item-icon.x-userFileType-image, .x-item-icon.x-userFileType-music, .x-item-icon.x-userFileType-movie, .x-item-icon.x-userFileType-zip, .x-item-icon.x-userFileType-others { color: #888; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none; font-size: 22px; position: relative; top: -5px; } .x-item-icon.x-userRencent:before, .x-item-icon.x-shareToMe:before, .x-item-icon.x-userRecycle:before, .x-item-icon.x-userFileType-doc:before, .x-item-icon.x-userFileType-image:before, .x-item-icon.x-userFileType-music:before, .x-item-icon.x-userFileType-movie:before, .x-item-icon.x-userFileType-zip:before, .x-item-icon.x-userFileType-others:before { text-shadow: 0 0 1px; margin-left: -2px; margin-top: 2px; display: inline-block; } .file-list-icon .file .path-ico, .file-list-split .file .path-ico { text-align: left; } .file-list-icon .file .path-ico .x-item-icon:before, .file-list-split .file .path-ico .x-item-icon:before { margin-top: 3px; display: inline-block; } .file-list-icon .file .path-ico .x-item-icon.label, .file-list-split .file .path-ico .x-item-icon.label { zoom: 0.9; margin-top: 8%; border-radius: 50%; } .file-list-icon .file .path-ico .x-item-icon.label:before, .file-list-split .file .path-ico .x-item-icon.label:before { width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; position: absolute; right: 15%; top: 15%; } .ztree .x-item-icon.label { top: 2px; } .ztree .x-item-icon:before { margin-top: 14px; } .aui-title .x-item-icon.label { top: -3px; } .ztree .svg-icon, .header-middle .svg-icon, .file-list-split .file .svg-icon { margin-top: -0.1em; } .x-item-icon { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("../../images/file_icon/icon_file/file.png"); width: 100%; height: 100%; display: inline-block; pointer-events: none; } .x-item-icon.x-txt, .x-item-icon.x-textile, .x-item-icon.x-oexe, .x-item-icon.x-inc, .x-item-icon.x-csv, .x-item-icon.x-log, .x-item-icon.x-asc, .x-item-icon.x-tsv, .x-item-icon.x-lnk, .x-item-icon.x-url, .x-item-icon.x-webloc, .x-item-icon.x-meta, .x-item-icon.x-localized, .x-item-icon.x-xib, .x-item-icon.x-xsd, .x-item-icon.x-storyboard, .x-item-icon.x-plist, .x-item-icon.x-csproj, .x-item-icon.x-pch, .x-item-icon.x-pbxproj, .x-item-icon.x-local, .x-item-icon.x-xcscheme, .x-item-icon.x-manifest, .x-item-icon.x-vbproj, .x-item-icon.x-strings, .x-item-icon.x-jshintrc, .x-item-icon.x-sublime-project, .x-item-icon.x-readme, .x-item-icon.x-changes, .x-item-icon.x-changelog, .x-item-icon.x-version, .x-item-icon.x-license, .x-item-icon.x-changelog, .x-item-icon.x-abap, .x-item-icon.x-abc, .x-item-icon.x-as, .x-item-icon.x-asp, .x-item-icon.x-aspx, .x-item-icon.x-ada, .x-item-icon.x-adb, .x-item-icon.x-htaccess, .x-item-icon.x-htgroups, .x-item-icon.x-htgroups, .x-item-icon.x-htpasswd, .x-item-icon.x-asciidoc, .x-item-icon.x-adoc, .x-item-icon.x-asm, .x-item-icon.x-a, .x-item-icon.x-ahk, .x-item-icon.x-bat, .x-item-icon.x-cmd, .x-item-icon.x-cpp, .x-item-icon.x-c, .x-item-icon.x-cc, .x-item-icon.x-cxx, .x-item-icon.x-h, .x-item-icon.x-hh, .x-item-icon.x-hpp, .x-item-icon.x-ino, .x-item-icon.x-c9search_results, .x-item-icon.x-cirru, .x-item-icon.x-cr, .x-item-icon.x-clj, .x-item-icon.x-cljs, .x-item-icon.x-cbl, .x-item-icon.x-cob, .x-item-icon.x-coffee, .x-item-icon.x-cf, .x-item-icon.x-cson, .x-item-icon.x-cakefile, .x-item-icon.x-cfm, .x-item-icon.x-cs, .x-item-icon.x-css, .x-item-icon.x-curly, .x-item-icon.x-d, .x-item-icon.x-di, .x-item-icon.x-dart, .x-item-icon.x-diff, .x-item-icon.x-patch, .x-item-icon.x-dockerfile, .x-item-icon.x-dot, .x-item-icon.x-dummy, .x-item-icon.x-dummy, .x-item-icon.x-e, .x-item-icon.x-ge, .x-item-icon.x-ejs, .x-item-icon.x-ex, .x-item-icon.x-exs, .x-item-icon.x-elm, .x-item-icon.x-erl, .x-item-icon.x-hrl, .x-item-icon.x-frt, .x-item-icon.x-fs, .x-item-icon.x-ldr, .x-item-icon.x-ftl, .x-item-icon.x-gcode, .x-item-icon.x-feature, .x-item-icon.x-glsl, .x-item-icon.x-frag, .x-item-icon.x-vert, .x-item-icon.x-gbs, .x-item-icon.x-go, .x-item-icon.x-groovy, .x-item-icon.x-haml, .x-item-icon.x-hbs, .x-item-icon.x-handlebars, .x-item-icon.x-tpl, .x-item-icon.x-mustache, .x-item-icon.x-hs, .x-item-icon.x-hx, .x-item-icon.x-html, .x-item-icon.x-hta, .x-item-icon.x-htm, .x-item-icon.x-xhtml, .x-item-icon.x-eex, .x-item-icon.x-html.eex, .x-item-icon.x-erb, .x-item-icon.x-rhtml, .x-item-icon.x-html.erb, .x-item-icon.x-ini, .x-item-icon.x-inf, .x-item-icon.x-conf, .x-item-icon.x-cfg, .x-item-icon.x-prefs, .x-item-icon.x-io, .x-item-icon.x-jack, .x-item-icon.x-jade, .x-item-icon.x-java, .x-item-icon.x-ji, .x-item-icon.x-jl, .x-item-icon.x-jq, .x-item-icon.x-js, .x-item-icon.x-jsm, .x-item-icon.x-json, .x-item-icon.x-jsp, .x-item-icon.x-jsx, .x-item-icon.x-latex, .x-item-icon.x-ltx, .x-item-icon.x-bib, .x-item-icon.x-lean, .x-item-icon.x-hlean, .x-item-icon.x-less, .x-item-icon.x-liquid, .x-item-icon.x-lisp, .x-item-icon.x-ls, .x-item-icon.x-logic, .x-item-icon.x-lql, .x-item-icon.x-lsl, .x-item-icon.x-lua, .x-item-icon.x-lp, .x-item-icon.x-lucene, .x-item-icon.x-Makefile, .x-item-icon.x-makemakefile, .x-item-icon.x-gnumakefile, .x-item-icon.x-makefile, .x-item-icon.x-ocamlmakefile, .x-item-icon.x-make, .x-item-icon.x-md, .x-item-icon.x-markdown, .x-item-icon.x-mask, .x-item-icon.x-matlab, .x-item-icon.x-mz, .x-item-icon.x-mel, .x-item-icon.x-mc, .x-item-icon.x-mush, .x-item-icon.x-mysql, .x-item-icon.x-nix, .x-item-icon.x-nsi, .x-item-icon.x-nsh, .x-item-icon.x-m, .x-item-icon.x-mm, .x-item-icon.x-ml, .x-item-icon.x-mli, .x-item-icon.x-pas, .x-item-icon.x-p, .x-item-icon.x-pl, .x-item-icon.x-pm, .x-item-icon.x-pgsql, .x-item-icon.x-php, .x-item-icon.x-phtml, .x-item-icon.x-shtml, .x-item-icon.x-php3, .x-item-icon.x-php4, .x-item-icon.x-php5, .x-item-icon.x-phps, .x-item-icon.x-phpt, .x-item-icon.x-aw, .x-item-icon.x-ctp, .x-item-icon.x-module, .x-item-icon.x-ps1, .x-item-icon.x-praat, .x-item-icon.x-praatscript, .x-item-icon.x-psc, .x-item-icon.x-proc, .x-item-icon.x-plg, .x-item-icon.x-prolog, .x-item-icon.x-properties, .x-item-icon.x-proto, .x-item-icon.x-py, .x-item-icon.x-r, .x-item-icon.x-cshtml, .x-item-icon.x-rd, .x-item-icon.x-rhtml, .x-item-icon.x-rst, .x-item-icon.x-rb, .x-item-icon.x-ru, .x-item-icon.x-gemspec, .x-item-icon.x-rake, .x-item-icon.x-guardfile, .x-item-icon.x-rakefile, .x-item-icon.x-gemfile, .x-item-icon.x-rs, .x-item-icon.x-sass, .x-item-icon.x-scad, .x-item-icon.x-scala, .x-item-icon.x-scm, .x-item-icon.x-sm, .x-item-icon.x-rkt, .x-item-icon.x-oak, .x-item-icon.x-scheme, .x-item-icon.x-scss, .x-item-icon.x-sh, .x-item-icon.x-bash, .x-item-icon.x-bashrc, .x-item-icon.x-sjs, .x-item-icon.x-smarty, .x-item-icon.x-tpl, .x-item-icon.x-snippets, .x-item-icon.x-soy, .x-item-icon.x-space, .x-item-icon.x-sql, .x-item-icon.x-sqlserver, .x-item-icon.x-styl, .x-item-icon.x-stylus, .x-item-icon.x-svg, .x-item-icon.x-swift, .x-item-icon.x-tcl, .x-item-icon.x-tex, .x-item-icon.x-toml, .x-item-icon.x-twig, .x-item-icon.x-swig, .x-item-icon.x-ts, .x-item-icon.x-typescript, .x-item-icon.x-str, .x-item-icon.x-vala, .x-item-icon.x-vbs, .x-item-icon.x-vb, .x-item-icon.x-vm, .x-item-icon.x-v, .x-item-icon.x-vh, .x-item-icon.x-sv, .x-item-icon.x-svh, .x-item-icon.x-vhd, .x-item-icon.x-vhdl, .x-item-icon.x-wlk, .x-item-icon.x-wpgm, .x-item-icon.x-wtest, .x-item-icon.x-xml, .x-item-icon.x-rdf, .x-item-icon.x-rss, .x-item-icon.x-wsdl, .x-item-icon.x-xslt, .x-item-icon.x-atom, .x-item-icon.x-mathml, .x-item-icon.x-mml, .x-item-icon.x-xul, .x-item-icon.x-xbl, .x-item-icon.x-xaml, .x-item-icon.x-xq, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-cer, .x-item-icon.x-reg, .x-item-icon.x-config, .x-item-icon.x-srt, .x-item-icon.x-ass, .x-item-icon.x-lrc, .x-item-icon.x-vtt, .x-item-icon.x-gitignore, .x-item-icon.x-plist, .x-item-icon.x-htaccess, .x-item-icon.x-localized, .x-item-icon.x-xcscheme, .x-item-icon.x-storyboard, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-pbxproj, .x-item-icon.x-gitignore, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc { background-image: url("../../images/file_icon/icon_file/txt.png"); background-size: cover; } .x-item-icon.x-pl, .x-item-icon.x-pm, .x-item-icon.x-cgi, .x-item-icon.x-as, .x-item-icon.x-asm, .x-item-icon.x-clj, .x-item-icon.x-cbl, .x-item-icon.x-cfm, .x-item-icon.x-d, .x-item-icon.x-diff, .x-item-icon.x-dot, .x-item-icon.x-ejs, .x-item-icon.x-erl, .x-item-icon.x-ftl, .x-item-icon.x-go, .x-item-icon.x-hs, .x-item-icon.x-vbs, .x-item-icon.x-haml, .x-item-icon.x-erb, .x-item-icon.x-jade, .x-item-icon.x-json, .x-item-icon.x-jq, .x-item-icon.x-jsx, .x-item-icon.x-ji, .x-item-icon.x-tex, .x-item-icon.x-lisp, .x-item-icon.x-ls, .x-item-icon.x-lsl, .x-item-icon.x-lua, .x-item-icon.x-lp, .x-item-icon.x-matlab, .x-item-icon.x-mel, .x-item-icon.x-r, .x-item-icon.x-yaml, .x-item-icon.x-yml, .x-item-icon.x-js, .x-item-icon.x-vue { background-image: url("../../images/file_icon/icon_file/code.png"); background-size: cover; } .x-item-icon.x-bin, .x-item-icon.x-hex, .x-item-icon.x-zip, .x-item-icon.x-pdf, .x-item-icon.x-swf, .x-item-icon.x-gzip, .x-item-icon.x-rar, .x-item-icon.x-arj, .x-item-icon.x-tar, .x-item-icon.x-gz, .x-item-icon.x-cab, .x-item-icon.x-tbz, .x-item-icon.x-tbz2, .x-item-icon.x-lzh, .x-item-icon.x-uue, .x-item-icon.x-bz2, .x-item-icon.x-ace, .x-item-icon.x-exe, .x-item-icon.x-so, .x-item-icon.x-dll, .x-item-icon.x-chm, .x-item-icon.x-rtf, .x-item-icon.x-odp, .x-item-icon.x-odt, .x-item-icon.x-pages, .x-item-icon.x-class, .x-item-icon.x-psd, .x-item-icon.x-ttf, .x-item-icon.x-fla, .x-item-icon.x-dmg, .x-item-icon.x-dat, .x-item-icon.x-ipa, .x-item-icon.x-lib, .x-item-icon.x-a, .x-item-icon.x-apk, .x-item-icon.x-so, .x-item-icon.x-o { background-image: url("../../images/file_icon/icon_file/bin.png"); background-size: cover; } .x-item-icon.x-music, .x-item-icon.x-mp3, .x-item-icon.x-wma, .x-item-icon.x-mp2, .x-item-icon.x-mid, .x-item-icon.x-aac, .x-item-icon.x-ogg, .x-item-icon.x-oga, .x-item-icon.x-webma, .x-item-icon.x-wav, .x-item-icon.x-m4a, .x-item-icon.x-m3u, .x-item-icon.x-m4a, .x-item-icon.x-midi, .x-item-icon.x-mid, .x-item-icon.x-flac, .x-item-icon.x-alac, .x-item-icon.x-ape, .x-item-icon.x-ac3 { background-image: url("../../images/file_icon/icon_file/music.png"); background-size: cover; } .x-item-icon.x-html, .x-item-icon.x-htm, .x-item-icon.x-url, .x-item-icon.x-tpl, .x-item-icon.x-lnk, .x-item-icon.x-haml, .x-item-icon.x-shtml, .x-item-icon.x-webloc, .x-item-icon.x-hta, .x-item-icon.x-xhtml { background-image: url("../../images/file_icon/icon_file/html.png"); background-size: cover; } .x-item-icon.x-css, .x-item-icon.x-less, .x-item-icon.x-sass { background-image: url("../../images/file_icon/icon_file/css.png"); background-size: cover; } .x-item-icon.x-js, .x-item-icon.x-coffee, .x-item-icon.x-jsx, .x-item-icon.x-ts { background-image: url("../../images/file_icon/icon_file/js.png"); background-size: cover; } .x-item-icon.x-xml, .x-item-icon.x-config, .x-item-icon.x-manifest, .x-item-icon.x-xaml, .x-item-icon.x-csproj, .x-item-icon.x-vbproj { background-image: url("../../images/file_icon/icon_file/xml.png"); background-size: cover; } .x-item-icon.x-cs, .x-item-icon.x-asp, .x-item-icon.x-aspx { background-image: url("../../images/file_icon/icon_file/cs.png"); background-size: cover; } .x-item-icon.x-java, .x-item-icon.x-jsp { background-image: url("../../images/file_icon/icon_file/java.png"); background-size: cover; } .x-item-icon.x-mm, .x-item-icon.x-cc, .x-item-icon.x-cxx, .x-item-icon.x-cpp, .x-item-icon.x-c, .x-item-icon.x-m, .x-item-icon.x-nc { background-image: url("../../images/file_icon/icon_file/cpp.png"); background-size: cover; } .x-item-icon.x-h, .x-item-icon.x-hpp, .x-item-icon.x-hh, .x-item-icon.x-pch { background-image: url("../../images/file_icon/icon_file/h.png"); background-size: cover; } .x-item-icon.x-png, .x-item-icon.x-jpg, .x-item-icon.x-jpeg, .x-item-icon.x-bmp, .x-item-icon.x-gif, .x-item-icon.x-picture, .x-item-icon.x-heic, .x-item-icon.x-ico, .x-item-icon.x-svg, .x-item-icon.x-cur, .x-item-icon.x-webp, .x-item-icon.x-tif, .x-item-icon.x-tiff, .x-item-icon.x-erf, .x-item-icon.x-raf, .x-item-icon.x-kdc, .x-item-icon.x-dcr, .x-item-icon.x-mrw, .x-item-icon.x-nrw, .x-item-icon.x-nef, .x-item-icon.x-orf, .x-item-icon.x-rw2, .x-item-icon.x-pef, .x-item-icon.x-srw, .x-item-icon.x-x3f, .x-item-icon.x-srf, .x-item-icon.x-arw, .x-item-icon.x-sr2 { background-image: url("../../images/file_icon/icon_file/png.png"); background-size: cover; } .x-item-icon.x-make, .x-item-icon.x-Makefile, .x-item-icon.x-makefile, .x-item-icon.x-GNUmakefile, .x-item-icon.x-OCamlMakefile, .x-item-icon.x-makemakefile { background-image: url("../../images/file_icon/icon_file/makefile.png"); background-size: cover; } .x-item-icon.x-iso, .x-item-icon.x-vcd { background-image: url("../../images/file_icon/icon_file/iso.png"); background-size: cover; } .x-item-icon.x-pkg, .x-item-icon.x-package, .x-item-icon.x-framework { background-image: url("../../images/file_icon/icon_file/pkg.png"); background-size: cover; } .x-item-icon.x-7z, .x-item-icon.x-apk, .x-item-icon.x-ace, .x-item-icon.x-arj, .x-item-icon.x-bza, .x-item-icon.x-cab, .x-item-icon.x-cxr, .x-item-icon.x-dgc, .x-item-icon.x-gca, .x-item-icon.x-gz, .x-item-icon.x-gza, .x-item-icon.x-iso, .x-item-icon.x-jar, .x-item-icon.x-lzh, .x-item-icon.x-rar, .x-item-icon.x-rk, .x-item-icon.x-tar, .x-item-icon.x-tbz, .x-item-icon.x-tgz, .x-item-icon.x-tlz, .x-item-icon.x-txz, .x-item-icon.x-yz1, .x-item-icon.x-zip { background-image: url("../../images/file_icon/icon_file/zip_all.png"); background-size: cover; } .x-item-icon.x-exe, .x-item-icon.x-bin, .x-item-icon.x-class, .x-item-icon.x-a, .x-item-icon.x-so { background-image: url("../../images/file_icon/icon_file/exe.png"); background-size: cover; } .x-item-icon.x-ttf, .x-item-icon.x-otf, .x-item-icon.x-eot, .x-item-icon.x-woff, .x-item-icon.x-tiff, .x-item-icon.x-ttc { background-image: url("../../images/file_icon/icon_file/font.png"); background-size: cover; } .x-item-icon.x-bat, .x-item-icon.x-cmd, .x-item-icon.x-sh, .x-item-icon.x-bash, .x-item-icon.x-bashrc { background-image: url("../../images/file_icon/icon_file/cmd.png"); background-size: cover; } .x-item-icon.x-ini, .x-item-icon.x-inf, .x-item-icon.x-conf, .x-item-icon.x-meta, .x-item-icon.x-plist, .x-item-icon.x-htaccess, .x-item-icon.x-localized, .x-item-icon.x-xcscheme, .x-item-icon.x-storyboard, .x-item-icon.x-xib, .x-item-icon.x-strings, .x-item-icon.x-pbxproj, .x-item-icon.gitmodules, .x-item-icon.x-gitignore, .x-item-icon.x-webapp, .x-item-icon.x-npmignore, .x-item-icon.x-babelrc, .x-item-icon.x-editorconfig, .x-item-icon.x-prettierrc { background-image: url("../../images/file_icon/icon_file/ini.png"); background-size: cover; } .x-item-icon.x-md, .x-item-icon.x-markdown { background-image: url("../../images/file_icon/icon_file/md.png"); background-size: cover; } .x-item-icon.x-file { background-image: url("../../images/file_icon/icon_file/file.png"); background-size: cover; } .x-item-icon.x-accdb { background-image: url("../../images/file_icon/icon_file/accdb.png"); background-size: cover; } .x-item-icon.x-7z { background-image: url("../../images/file_icon/icon_file/7z.png"); background-size: cover; } .x-item-icon.x-ai { background-image: url("../../images/file_icon/icon_file/ai.png"); background-size: cover; } .x-item-icon.x-air { background-image: url("../../images/file_icon/icon_file/air.png"); background-size: cover; } .x-item-icon.x-arj { background-image: url("../../images/file_icon/icon_file/arj.png"); background-size: cover; } .x-item-icon.x-apk { background-image: url("../../images/file_icon/icon_file/apk.png"); background-size: cover; } .x-item-icon.x-as { background-image: url("../../images/file_icon/icon_file/as.png"); background-size: cover; } .x-item-icon.x-ascx { background-image: url("../../images/file_icon/icon_file/ascx.png"); background-size: cover; } .x-item-icon.x-ashx { background-image: url("../../images/file_icon/icon_file/ashx.png"); background-size: cover; } .x-item-icon.x-asmx { background-image: url("../../images/file_icon/icon_file/asmx.png"); background-size: cover; } .x-item-icon.x-aspx { background-image: url("../../images/file_icon/icon_file/aspx.png"); background-size: cover; } .x-item-icon.x-bz2 { background-image: url("../../images/file_icon/icon_file/bz2.png"); background-size: cover; } .x-item-icon.x-cdr { background-image: url("../../images/file_icon/icon_file/cdr.png"); background-size: cover; } .x-item-icon.x-cer { background-image: url("../../images/file_icon/icon_file/cer.png"); background-size: cover; } .x-item-icon.x-chm { background-image: url("../../images/file_icon/icon_file/chm.png"); background-size: cover; } .x-item-icon.x-cmd { background-image: url("../../images/file_icon/icon_file/cmd.png"); background-size: cover; } .x-item-icon.x-c { background-image: url("../../images/file_icon/icon_file/c.png"); background-size: cover; } .x-item-icon.x-cpp { background-image: url("../../images/file_icon/icon_file/cpp.png"); background-size: cover; } .x-item-icon.x-cs { background-image: url("../../images/file_icon/icon_file/cs.png"); background-size: cover; } .x-item-icon.x-cshtml { background-image: url("../../images/file_icon/icon_file/cshtml.png"); background-size: cover; } .x-item-icon.x-csproj { background-image: url("../../images/file_icon/icon_file/csproj.png"); background-size: cover; } .x-item-icon.x-css { background-image: url("../../images/file_icon/icon_file/css.png"); background-size: cover; } .x-item-icon.x-csv { background-image: url("../../images/file_icon/icon_file/csv.png"); background-size: cover; } .x-item-icon.x-djvu { background-image: url("../../images/file_icon/icon_file/djvu.png"); background-size: cover; } .x-item-icon.x-dll { background-image: url("../../images/file_icon/icon_file/dll.png"); background-size: cover; } .x-item-icon.x-dng { background-image: url("../../images/file_icon/icon_file/dng.png"); background-size: cover; } .x-item-icon.x-dmg, .x-item-icon.x-img { background-image: url("../../images/file_icon/icon_file/dmg.png"); background-size: cover; } .x-item-icon.x-doc, .x-item-icon.x-wps { background-image: url("../../images/file_icon/icon_file/doc.png"); background-size: cover; } .x-item-icon.x-docm { background-image: url("../../images/file_icon/icon_file/docm.png"); background-size: cover; } .x-item-icon.x-docx { background-image: url("../../images/file_icon/icon_file/docx.png"); background-size: cover; } .x-item-icon.x-dot { background-image: url("../../images/file_icon/icon_file/dot.png"); background-size: cover; } .x-item-icon.x-dotm { background-image: url("../../images/file_icon/icon_file/dotm.png"); background-size: cover; } .x-item-icon.x-dotx { background-image: url("../../images/file_icon/icon_file/dotx.png"); background-size: cover; } .x-item-icon.x-dtd { background-image: url("../../images/file_icon/icon_file/dtd.png"); background-size: cover; } .x-item-icon.x-eps { background-image: url("../../images/file_icon/icon_file/eps.png"); background-size: cover; } .x-item-icon.x-epub { background-image: url("../../images/file_icon/icon_file/epub.png"); background-size: cover; } .x-item-icon.x-exe { background-image: url("../../images/file_icon/icon_file/exe.png"); background-size: cover; } .x-item-icon.x-eml { background-image: url("../../images/file_icon/icon_file/eml.png"); background-size: cover; } .x-item-icon.x-f { background-image: url("../../images/file_icon/icon_file/f.png"); background-size: cover; } .x-item-icon.x-file { background-image: url("../../images/file_icon/icon_file/file.png"); background-size: cover; } .x-item-icon.x-fla { background-image: url("../../images/file_icon/icon_file/fla.png"); background-size: cover; } .x-item-icon.x-font { background-image: url("../../images/file_icon/icon_file/font.png"); background-size: cover; } .x-item-icon.x-gif { background-image: url("../../images/file_icon/icon_file/gif.png"); background-size: cover; } .x-item-icon.x-gz { background-image: url("../../images/file_icon/icon_file/gz.png"); background-size: cover; } .x-item-icon.x-h { background-image: url("../../images/file_icon/icon_file/h.png"); background-size: cover; } .x-item-icon.x-hdr { background-image: url("../../images/file_icon/icon_file/hdr.png"); background-size: cover; } .x-item-icon.x-hlp { background-image: url("../../images/file_icon/icon_file/hlp.png"); background-size: cover; } .x-item-icon.x-html { background-image: url("../../images/file_icon/icon_file/html.png"); background-size: cover; } .x-item-icon.x-indd { background-image: url("../../images/file_icon/icon_file/indd.png"); background-size: cover; } .x-item-icon.x-ini { background-image: url("../../images/file_icon/icon_file/ini.png"); background-size: cover; } .x-item-icon.x-ipa { background-image: url("../../images/file_icon/icon_file/ipa.png"); background-size: cover; } .x-item-icon.x-jar { background-image: url("../../images/file_icon/icon_file/jar.png"); background-size: cover; } .x-item-icon.x-java { background-image: url("../../images/file_icon/icon_file/java.png"); background-size: cover; } .x-item-icon.x-jpg { background-image: url("../../images/file_icon/icon_file/jpg.png"); background-size: cover; } .x-item-icon.x-js { background-image: url("../../images/file_icon/icon_file/js.png"); background-size: cover; } .x-item-icon.x-json { background-image: url("../../images/file_icon/icon_file/json.png"); background-size: cover; } .x-item-icon.x-key { background-image: url("../../images/file_icon/icon_file/key.png"); background-size: cover; } .x-item-icon.x-ldf { background-image: url("../../images/file_icon/icon_file/ldf.png"); background-size: cover; } .x-item-icon.x-lnk { background-image: url("../../images/file_icon/icon_file/lnk.png"); background-size: cover; } .x-item-icon.x-makefile { background-image: url("../../images/file_icon/icon_file/makefile.png"); background-size: cover; } .x-item-icon.x-mdb { background-image: url("../../images/file_icon/icon_file/mdb.png"); background-size: cover; } .x-item-icon.x-mdf { background-image: url("../../images/file_icon/icon_file/mdf.png"); background-size: cover; } .x-item-icon.x-mht { background-image: url("../../images/file_icon/icon_file/mht.png"); background-size: cover; } .x-item-icon.x-mhtml { background-image: url("../../images/file_icon/icon_file/mhtml.png"); background-size: cover; } .x-item-icon.x-midi { background-image: url("../../images/file_icon/icon_file/midi.png"); background-size: cover; } .x-item-icon.x-mpp { background-image: url("../../images/file_icon/icon_file/mpp.png"); background-size: cover; } .x-item-icon.x-mpt { background-image: url("../../images/file_icon/icon_file/mpt.png"); background-size: cover; } .x-item-icon.x-msg { background-image: url("../../images/file_icon/icon_file/msg.png"); background-size: cover; } .x-item-icon.x-msi { background-image: url("../../images/file_icon/icon_file/msi.png"); background-size: cover; } .x-item-icon.x-numbers { background-image: url("../../images/file_icon/icon_file/numbers.png"); background-size: cover; } .x-item-icon.x-odp { background-image: url("../../images/file_icon/icon_file/odp.png"); background-size: cover; } .x-item-icon.x-ods { background-image: url("../../images/file_icon/icon_file/ods.png"); background-size: cover; } .x-item-icon.x-odt { background-image: url("../../images/file_icon/icon_file/odt.png"); background-size: cover; } .x-item-icon.x-oexe { background-image: url("../../images/file_icon/icon_file/oexe.png"); background-size: cover; } .x-item-icon.x-oexe2 { background-image: url("../../images/file_icon/icon_file/oexe2.png"); background-size: cover; } .x-item-icon.x-ogg { background-image: url("../../images/file_icon/icon_file/ogg.png"); background-size: cover; } .x-item-icon.x-pages { background-image: url("../../images/file_icon/icon_file/pages.png"); background-size: cover; } .x-item-icon.x-pdb { background-image: url("../../images/file_icon/icon_file/pdb.png"); background-size: cover; } .x-item-icon.x-pdf { background-image: url("../../images/file_icon/icon_file/pdf.png"); background-size: cover; } .x-item-icon.x-php { background-image: url("../../images/file_icon/icon_file/php.png"); background-size: cover; } .x-item-icon.x-pkg { background-image: url("../../images/file_icon/icon_file/pkg.png"); background-size: cover; } .x-item-icon.x-pl { background-image: url("../../images/file_icon/icon_file/pl.png"); background-size: cover; } .x-item-icon.x-png { background-image: url("../../images/file_icon/icon_file/png.png"); background-size: cover; } .x-item-icon.x-pps { background-image: url("../../images/file_icon/icon_file/pps.png"); background-size: cover; } .x-item-icon.x-ppsx { background-image: url("../../images/file_icon/icon_file/ppsx.png"); background-size: cover; } .x-item-icon.x-ppt { background-image: url("../../images/file_icon/icon_file/ppt.png"); background-size: cover; } .x-item-icon.x-pptx { background-image: url("../../images/file_icon/icon_file/pptx.png"); background-size: cover; } .x-item-icon.x-pot { background-image: url("../../images/file_icon/icon_file/pot.png"); background-size: cover; } .x-item-icon.x-potx, .x-item-icon.x-ppam { background-image: url("../../images/file_icon/icon_file/potx.png"); background-size: cover; } .x-item-icon.x-prproj { background-image: url("../../images/file_icon/icon_file/prproj.png"); background-size: cover; } .x-item-icon.x-ps1 { background-image: url("../../images/file_icon/icon_file/ps1.png"); background-size: cover; } .x-item-icon.x-psd { background-image: url("../../images/file_icon/icon_file/psd.png"); background-size: cover; } .x-item-icon.x-pspimage { background-image: url("../../images/file_icon/icon_file/pspimage.png"); background-size: cover; } .x-item-icon.x-pst { background-image: url("../../images/file_icon/icon_file/pst.png"); background-size: cover; } .x-item-icon.x-pub { background-image: url("../../images/file_icon/icon_file/pub.png"); background-size: cover; } .x-item-icon.x-py { background-image: url("../../images/file_icon/icon_file/py.png"); background-size: cover; } .x-item-icon.x-rar { background-image: url("../../images/file_icon/icon_file/rar.png"); background-size: cover; } .x-item-icon.x-rb { background-image: url("../../images/file_icon/icon_file/rb.png"); background-size: cover; } .x-item-icon.x-reg { background-image: url("../../images/file_icon/icon_file/reg.png"); background-size: cover; } .x-item-icon.x-resx { background-image: url("../../images/file_icon/icon_file/resx.png"); background-size: cover; } .x-item-icon.x-rtf { background-image: url("../../images/file_icon/icon_file/rtf.png"); background-size: cover; } .x-item-icon.x-sitx { background-image: url("../../images/file_icon/icon_file/sitx.png"); background-size: cover; } .x-item-icon.x-sln { background-image: url("../../images/file_icon/icon_file/sln.png"); background-size: cover; } .x-item-icon.x-sql { background-image: url("../../images/file_icon/icon_file/sql.png"); background-size: cover; } .x-item-icon.x-suo { background-image: url("../../images/file_icon/icon_file/suo.png"); background-size: cover; } .x-item-icon.x-svg { background-image: url("../../images/file_icon/icon_file/svg.png"); background-size: cover; } .x-item-icon.x-swf { background-image: url("../../images/file_icon/icon_file/swf.png"); background-size: cover; } .x-item-icon.x-tar { background-image: url("../../images/file_icon/icon_file/tar.png"); background-size: cover; } .x-item-icon.x-tga { background-image: url("../../images/file_icon/icon_file/tga.png"); background-size: cover; } .x-item-icon.x-tgz { background-image: url("../../images/file_icon/icon_file/tgz.png"); background-size: cover; } .x-item-icon.x-txt { background-image: url("../../images/file_icon/icon_file/txt.png"); background-size: cover; } .x-item-icon.x-vb { background-image: url("../../images/file_icon/icon_file/vb.png"); background-size: cover; } .x-item-icon.x-vbproj { background-image: url("../../images/file_icon/icon_file/vbproj.png"); background-size: cover; } .x-item-icon.x-vbs { background-image: url("../../images/file_icon/icon_file/vbs.png"); background-size: cover; } .x-item-icon.x-vcf { background-image: url("../../images/file_icon/icon_file/vcf.png"); background-size: cover; } .x-item-icon.x-vcproj { background-image: url("../../images/file_icon/icon_file/vcproj.png"); background-size: cover; } .x-item-icon.x-vcxproj { background-image: url("../../images/file_icon/icon_file/vcxproj.png"); background-size: cover; } .x-item-icon.x-vdw { background-image: url("../../images/file_icon/icon_file/vdw.png"); background-size: cover; } .x-item-icon.x-vdx { background-image: url("../../images/file_icon/icon_file/vdx.png"); background-size: cover; } .x-item-icon.x-vsd { background-image: url("../../images/file_icon/icon_file/vsd.png"); background-size: cover; } .x-item-icon.x-vsdx { background-image: url("../../images/file_icon/icon_file/vsdx.png"); background-size: cover; } .x-item-icon.x-vss { background-image: url("../../images/file_icon/icon_file/vss.png"); background-size: cover; } .x-item-icon.x-vst { background-image: url("../../images/file_icon/icon_file/vst.png"); background-size: cover; } .x-item-icon.x-vsx { background-image: url("../../images/file_icon/icon_file/vsx.png"); background-size: cover; } .x-item-icon.x-vtx { background-image: url("../../images/file_icon/icon_file/vtx.png"); background-size: cover; } .x-item-icon.x-xaml { background-image: url("../../images/file_icon/icon_file/xaml.png"); background-size: cover; } .x-item-icon.x-xap { background-image: url("../../images/file_icon/icon_file/xap.png"); background-size: cover; } .x-item-icon.x-xls { background-image: url("../../images/file_icon/icon_file/xls.png"); background-size: cover; } .x-item-icon.x-xlsb { background-image: url("../../images/file_icon/icon_file/xlsb.png"); background-size: cover; } .x-item-icon.x-xlsm { background-image: url("../../images/file_icon/icon_file/xlsm.png"); background-size: cover; } .x-item-icon.x-xlsx { background-image: url("../../images/file_icon/icon_file/xlsx.png"); background-size: cover; } .x-item-icon.x-xlt { background-image: url("../../images/file_icon/icon_file/xlt.png"); background-size: cover; } .x-item-icon.x-xltx { background-image: url("../../images/file_icon/icon_file/xltx.png"); background-size: cover; } .x-item-icon.x-xml { background-image: url("../../images/file_icon/icon_file/xml.png"); background-size: cover; } .x-item-icon.x-xps { background-image: url("../../images/file_icon/icon_file/xps.png"); background-size: cover; } .x-item-icon.x-xsd { background-image: url("../../images/file_icon/icon_file/xsd.png"); background-size: cover; } .x-item-icon.x-xsl { background-image: url("../../images/file_icon/icon_file/xsl.png"); background-size: cover; } .x-item-icon.x-y { background-image: url("../../images/file_icon/icon_file/y.png"); background-size: cover; } .x-item-icon.x-zip { background-image: url("../../images/file_icon/icon_file/zip.png"); background-size: cover; } .x-item-icon.x-avi, .x-item-icon.x-rm, .x-item-icon.x-rmvb, .x-item-icon.x-mpg, .x-item-icon.x-mkv, .x-item-icon.x-wmv, .x-item-icon.x-mov, .x-item-icon.x-mp4, .x-item-icon.x-evo, .x-item-icon.x-divx, .x-item-icon.x-3gp, .x-item-icon.x-3g2, .x-item-icon.x-asf, .x-item-icon.x-ogv, .x-item-icon.x-webmv, .x-item-icon.x-cue, .x-item-icon.x-hd, .x-item-icon.x-hdmov, .x-item-icon.x-mov, .x-item-icon.x-mp4v, .x-item-icon.x-mpeg, .x-item-icon.x-ogm, .x-item-icon.x-qt, .x-item-icon.x-spx, .x-item-icon.x-vob, .x-item-icon.x-wmv, .x-item-icon.x-xvid, .x-item-icon.x-webm, .x-item-icon.x-m4v, .x-item-icon.x-mts, .x-item-icon.x-mpe, .x-item-icon.x-m2ts, .x-item-icon.x-mpv, .x-item-icon.x-cue { background-image: url("../../images/file_icon/icon_file/movie/movie.png"); background-size: cover; } .x-item-icon.x-flv, .x-item-icon.x-f4v { background-image: url("../../images/file_icon/icon_file/movie/flv.png"); background-size: cover; } .x-item-icon.x-rmvb { background-image: url("../../images/file_icon/icon_file/movie/rmvb.png"); background-size: cover; } .x-item-icon.x-mkv { background-image: url("../../images/file_icon/icon_file/movie/mkv.png"); background-size: cover; } .x-item-icon.x-mp4, .x-item-icon.x-m4v { background-image: url("../../images/file_icon/icon_file/movie/mp4.png"); background-size: cover; } .x-item-icon.x-mov { background-image: url("../../images/file_icon/icon_file/movie/mov.png"); background-size: cover; } .x-item-icon.x-avi { background-image: url("../../images/file_icon/icon_file/movie/avi.png"); background-size: cover; } .x-item-icon.x-3dm, .x-item-icon.x-3ds, .x-item-icon.x-asm, .x-item-icon.x-cam360, .x-item-icon.x-catpart, .x-item-icon.x-catproduct, .x-item-icon.x-cgr, .x-item-icon.x-collaboration, .x-item-icon.x-dae, .x-item-icon.x-dgn, .x-item-icon.x-dlv3, .x-item-icon.x-dwf, .x-item-icon.x-dwfx, .x-item-icon.x-dwg, .x-item-icon.x-dwt, .x-item-icon.x-dxf, .x-item-icon.x-exp, .x-item-icon.x-f3d, .x-item-icon.x-fbx, .x-item-icon.x-g, .x-item-icon.x-gbxml, .x-item-icon.x-iam, .x-item-icon.x-idw, .x-item-icon.x-ifc, .x-item-icon.x-ige, .x-item-icon.x-iges, .x-item-icon.x-igs, .x-item-icon.x-ipt, .x-item-icon.x-jt, .x-item-icon.x-model, .x-item-icon.x-neu, .x-item-icon.x-nwc, .x-item-icon.x-nwd, .x-item-icon.x-obj, .x-item-icon.x-prt, .x-item-icon.x-rvt, .x-item-icon.x-sab, .x-item-icon.x-sat, .x-item-icon.x-session, .x-item-icon.x-skp, .x-item-icon.x-sldasm, .x-item-icon.x-sldprt, .x-item-icon.x-smb, .x-item-icon.x-smt, .x-item-icon.x-ste, .x-item-icon.x-step, .x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb, .x-item-icon.x-stp, .x-item-icon.x-wire, .x-item-icon.x-x_b, .x-item-icon.x-x_t, .x-item-icon.x-xas, .x-item-icon.x-xpr { background-image: url("../../images/file_icon/icon_file/autodesk/autodesk.png"); background-size: cover; } .x-item-icon.x-3ds { background-image: url("../../images/file_icon/icon_file/autodesk/3ds.png"); background-size: cover; } .x-item-icon.x-3dm { background-image: url("../../images/file_icon/icon_file/autodesk/3dm.png"); background-size: cover; } .x-item-icon.x-dae { background-image: url("../../images/file_icon/icon_file/autodesk/dae.png"); background-size: cover; } .x-item-icon.x-stl, .x-item-icon.x-stla, .x-item-icon.x-stlb { background-image: url("../../images/file_icon/icon_file/autodesk/stl.png"); background-size: cover; } .x-item-icon.x-dwg { background-image: url("../../images/file_icon/icon_file/autodesk/dwg.png"); background-size: cover; } .x-item-icon.x-dwf { background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png"); background-size: cover; } .x-item-icon.x-dwfx { background-image: url("../../images/file_icon/icon_file/autodesk/dwf.png"); background-size: cover; } .x-item-icon.x-dxf { background-image: url("../../images/file_icon/icon_file/autodesk/dxf.png"); background-size: cover; } .x-item-icon.x-ifc { background-image: url("../../images/file_icon/icon_file/autodesk/ifc.png"); background-size: cover; } .x-item-icon.x-iam { background-image: url("../../images/file_icon/icon_file/autodesk/iam.png"); background-size: cover; } .x-item-icon.x-fbx { background-image: url("../../images/file_icon/icon_file/autodesk/fbx.png"); background-size: cover; } .x-item-icon.x-rvt { background-image: url("../../images/file_icon/icon_file/autodesk/rvt.png"); background-size: cover; } .x-item-icon.x-skp { background-image: url("../../images/file_icon/icon_file/autodesk/skp.png"); background-size: cover; } .x-item-icon.x-vnd, .x-item-icon.x-dgn { background-image: url("../../images/file_icon/icon_file/autodesk/vnd-dgn.png"); background-size: cover; } .file-select { background: #cce8ff; border-color: #99d1ff; } .file-select:focus, .file-select.file-focus { border-color: #66baff; } .file-hover { background: #e5f3ff; border-color: transparent; } .select-container { position: absolute; cursor: default; width: 0px; height: 0px; border: 1px solid #005ec9; background-color: #63acff; z-index: 1000; opacity: 0.5; filter: alpha(opacity=50); } .select-container:hover, .select-container:active { cursor: default; } .file-continer .file .title-type-name .title.db-click-rename { cursor: text; } .file-continer .file .item-menu { display: none; position: absolute; right: 4px; top: 4px; width: 14px; height: 14px; text-align: center; border: 1px solid #ddd; background: #fff; cursor: pointer; z-index: 50; border-radius: 2px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .file-continer .file .item-menu .cert { margin-top: 5px; margin-left: 3px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .file-continer .file .item-menu:hover, .file-continer .file .item-menu:active, .file-continer .file.context-menu-active .item-menu { border-color: #3399ff; background: #dff1ff; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .file-continer .file .item-menu:hover .cert, .file-continer .file .item-menu:active .cert, .file-continer .file.context-menu-active .item-menu .cert { border-top-color: #3399ff; } .file-continer .file .item-select { display: none; position: absolute; right: 4px; top: 4px; width: 14px; height: 14px; text-align: center; border: 1px solid #ddd; background: #fff; cursor: pointer; z-index: 50; border-radius: 2px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; padding: 2px; left: 5px; border-radius: 50%; background: rgba(0,0,0,0.05); border: none; color: #fff; } .file-continer .file .item-select .cert { margin-top: 5px; margin-left: 3px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid silver; } .file-continer .file .item-select:hover, .file-continer .file .item-select:active { color: #fff; background: rgba(0,0,0,0.2); box-shadow: none; } .file-continer .file .item-select .item-check { font-size: 12px; text-shadow: none; line-height: 16px; } .file-continer .file .item-select .item-check:before { position: relative; top: -1px; } .file-continer .file.hover .item-menu, .file-continer .file.select .item-menu, .file-continer .file.file-select-drag-temp .item-menu { display: block; } .file-continer .file.hover .item-select, .file-continer .file.select .item-select, .file-continer .file.file-select-drag-temp .item-select { display: block; } .file-continer .file.select .item-select { color: #fff; background: #3b8cff; } .file-continer .file.file-not-exists { opacity: 0.8; } .file-continer .file.file-not-exists .title { opacity: 0.5; } .file-continer .file.file-not-exists .path-self-share { display: none; } .file-continer.file-list-split .file .item-menu { top: 4px; right: 8px; } .file-continer.file-list-split .file .item-select { top: 4px; right: 30px; left: auto; } .file-continer.file-list-list .file .item-menu { top: 5px; right: 5px; } .file-continer.file-list-list .file .item-select { top: 5px; right: 25px; left: auto; } .file-list-icon .file { position: relative; } .file-list-icon .file .download { position: absolute; bottom: 4px; margin-left: 45px; opacity: 0.5; filter: alpha(opacity=50); } .file-list-icon .file .download .btn { font-size: 1.25em; padding: 0; display: block; border-radius: 18px; height: 30px; line-height: 30px; width: 30px; color: #aaa; } .file-list-list .file { position: relative; } .file-list-list .file .download { position: absolute; bottom: -2px; margin-left: 45px; left: 180px; z-index: 99; opacity: 0.5; filter: alpha(opacity=50); } .file-list-list .file .download .btn { font-size: 1.25em; padding: 0; display: block; border-radius: 18px; height: 28px; line-height: 28px; width: 28px; color: #aaa; } .file-list-split .file .path-ico, .file-list-list .file .path-ico, .file-list-icon .file .path-ico { text-align: center; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; } .file-list-split .file .path-ico .x-item-icon, .file-list-list .file .path-ico .x-item-icon, .file-list-icon .file .path-ico .x-item-icon { border-radius: 5px; margin-top: 5px; } .file-list-split .file .path-ico .x-item-icon.small, .file-list-list .file .path-ico .x-item-icon.small, .file-list-icon .file .path-ico .x-item-icon.small { border-radius: 0; } .file-list-split .file .path-ico .x-item-icon.label, .file-list-list .file .path-ico .x-item-icon.label, .file-list-icon .file .path-ico .x-item-icon.label { border-radius: 50%; } .file-list-split .file .path-ico .picture, .file-list-list .file .path-ico .picture, .file-list-icon .file .path-ico .picture { margin-top: 2px; position: relative; } .file-list-split .file .path-ico .picture[filetype="svg"] img, .file-list-split .file .path-ico .picture[filetype="gif"] img, .file-list-split .file .path-ico .picture[filetype="png"] img, .file-list-list .file .path-ico .picture[filetype="svg"] img, .file-list-list .file .path-ico .picture[filetype="gif"] img, .file-list-list .file .path-ico .picture[filetype="png"] img, .file-list-icon .file .path-ico .picture[filetype="svg"] img, .file-list-icon .file .path-ico .picture[filetype="gif"] img, .file-list-icon .file .path-ico .picture[filetype="png"] img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==") left center; } .file-list-split .file .path-ico .picture:after, .file-list-list .file .path-ico .picture:after, .file-list-icon .file .path-ico .picture:after { position: absolute; left: 0; width: 100%; height: 100%; background: transparent; content: ""; } .file-list-split .file .path-ico .picture .info-icon-play, .file-list-list .file .path-ico .picture .info-icon-play, .file-list-icon .file .path-ico .picture .info-icon-play { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .file-list-split .file .path-ico .picture img, .file-list-list .file .path-ico .picture img, .file-list-icon .file .path-ico .picture img { max-height: 98%; max-width: 100%; border-radius: 2px; transition: all 0.2s ease; background: #fff; object-fit: cover; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; } .file-list-split .file .path-ico .picture img.lazyload-ready, .file-list-list .file .path-ico .picture img.lazyload-ready, .file-list-icon .file .path-ico .picture img.lazyload-ready { width: 16px !important; height: 16px !important; box-shadow: none !important; } .file-list-split .file .path-ico .picture img.image-cover, .file-list-list .file .path-ico .picture img.image-cover, .file-list-icon .file .path-ico .picture img.image-cover { max-height: 90%; box-shadow: 3px 4px 12px 0 rgba(0,0,0,0.2); } .file-list-split .file .path-ico.path-ico-oexe .ico, .file-list-list .file .path-ico.path-ico-oexe .ico, .file-list-icon .file .path-ico.path-ico-oexe .ico { margin-top: 5px; position: relative; display: block; } .file-list-split .file .path-ico.path-ico-oexe .x-item-icon, .file-list-list .file .path-ico.path-ico-oexe .x-item-icon, .file-list-icon .file .path-ico.path-ico-oexe .x-item-icon { margin-top: 0px; } .file-list-split .file .path-ico.path-ico-oexe img, .file-list-list .file .path-ico.path-ico-oexe img, .file-list-icon .file .path-ico.path-ico-oexe img { max-height: 85%; max-width: 100%; border-radius: 6px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .file-list-split .file .path-ico, .file-list-list .file .path-ico { overflow: inherit !important; } .file-list-split .file .path-ico .picture, .file-list-list .file .path-ico .picture { margin-top: 0; height: 100%; width: 100%; } .file-list-split .file .path-ico .picture img, .file-list-list .file .path-ico .picture img { position: relative; } .file-list-split .file .path-ico .x-item-icon, .file-list-list .file .path-ico .x-item-icon { margin-top: 0; } .file-list-split .file .path-ico.path-ico-oexe .ico, .file-list-list .file .path-ico.path-ico-oexe .ico { margin-top: 0; } .file-list-split .file .path-ico.path-ico-oexe img, .file-list-list .file .path-ico.path-ico-oexe img { position: relative; border-radius: 2px; } .file-list-icon { padding: 10px 10px 0 10px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .file-list-icon:after { width: 82px; content: ""; display: block; } .file-list-icon .flex-empty { width: 75px; border: 1px solid transparent; margin: 0; margin-right: 10px; margin-bottom: 10px; visibility: hidden; height: 0 !important; } .file-list-icon .meta-info { height: 22.5px; width: 22.5px; margin-right: 6.75px; margin-top: -22.5px; position: absolute; right: 0; } .file-list-icon .meta-info .meta-icon { font-style: normal; } .file-list-icon .meta-info .meta-add { font-style: normal; } .file-list-icon .meta-info img { width: 100%; height: 100%; } .file-list-icon .file { color: #335; border: 1px solid transparent; padding: 0px; box-shadow: 0px 0px 2px rgba(255,255,255,0); border-radius: 3px; -webkit-transition: background 0.2s, border 0.2s, color 0.2s; -moz-transition: background 0.2s, border 0.2s, color 0.2s; -o-transition: background 0.2s, border 0.2s, color 0.2s; -ms-transition: background 0.2s, border 0.2s, color 0.2s; transition: background 0.2s, border 0.2s, color 0.2s; width: 60px; height: 75px; text-decoration: none; margin: 0; margin-right: 10px; margin-bottom: 10px; overflow: hidden; text-align: center; display: inline-block; max-height: 200px; height: auto; vertical-align: top; } .file-list-icon .file .ico { -webkit-transition: all 0.168s; -moz-transition: all 0.168s; -o-transition: all 0.168s; -ms-transition: all 0.168s; transition: all 0.168s; } .file-list-icon .file.hover { background: #e5f3ff; border-color: transparent; } .file-list-icon .file:focus { outline: none; border-color: #d9d9d9; } .file-list-icon .file .title-type-name { width: 60px; cursor: default; text-align: center; word-break: break-all; font-size: 1.0em; margin: 0 auto; line-height: 20px; padding: 6px 2px 6px 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .file-list-icon .file .title-type-name .title { display: block; } .file-list-icon .file.select, .file-list-icon .file.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } .file-list-icon .file.select:focus, .file-list-icon .file.select.file-focus, .file-list-icon .file.file-select-drag-temp:focus, .file-list-icon .file.file-select-drag-temp.file-focus { border-color: #66baff; } .file-list-icon .file.file-icon-edit { overflow: visible; } .file-list-icon .file.file-icon-edit .title-type-name .textarea { width: 100%; } .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { resize: none; padding: 3px 2px 8px 2px; margin: -4px 0 0 -3px; overflow-y: hidden; border: 1px solid #aaa; font-size: 1.0em; text-align: center; z-index: 10; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile:focus { outline: none; } .file-list-icon .file .path-ico { height: 60px; width: 60px; } .file-list-icon .file .path-ico .svg-icon { margin-top: 2px; } .file-list-icon .file .meta-info .path-ico, .file-list-icon .file .meta-info .path-ico .x-item-icon { width: inherit; height: inherit; line-height: inherit; font-size: inherit; } .file-list-icon .file .meta-info .path-ico .font-icon { color: #888; } .file-list-icon .file .meta-info .path-ico .font-icon.icon-share-square { color: #31dc48; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(2) { position: absolute; right: 0; top: -100%; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(3) { position: absolute; right: 100%; top: 0%; } .file-list-icon .file .meta-info > .meta-icon i:nth-child(4) { position: absolute; right: 100%; top: -100%; } .context-menu-item.set-icon-size .icon-size-smallx { font-size: 0.9em; } .context-menu-item.set-icon-size .icon-size-small { font-size: 1.0em; } .context-menu-item.set-icon-size .icon-size-default { font-size: 1.15em; } .context-menu-item.set-icon-size .icon-size-big { font-size: 1.25em; } .context-menu-item.set-icon-size .icon-size-bigx { font-size: 1.35em; } .list-type-header { z-index: 20; left: 0px; right: 0px; position: absolute; background: #fff; height: 25px; border-bottom: 1px solid #e3e3e3; -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.05); box-shadow: 0px 6px 10px rgba(0,0,0,0.05); } .list-type-header .main-title { position: absolute; left: 0; overflow: hidden; white-space: nowrap; display: flex; } .list-type-header .main-title .title-item { display: inline-block; cursor: pointer; overflow: hidden; line-height: 25px; height: 25px; border-right: 1px solid #eee; padding: 0 10px; margin-left: -10px; font-size: 1.0em; color: #448; white-space: nowrap; text-overflow: ellipsis; } .list-type-header .main-title .title-item .title-item-cert { float: right; } .list-type-header .main-title .title-item:hover, .list-type-header .main-title .title-item:active, .list-type-header .main-title .title-item.this { background: #e5f3ff; } .list-type-header .main-title .resize { display: inline-block; width: 20px; height: 25px; cursor: col-resize; margin-left: -10px; z-index: 9999; position: relative; } .list-type-header .main-title .resize.resize-focus, .list-type-header .main-title .resize:hover, .list-type-header .main-title .resize:active { background: rgba(24,144,255,0.1); } .list-type-header .main-title .current { background: rgba(0,0,0,0.8); } .list-type-header .main-title .title-type-name { width: 250px; padding-left: 20px; margin-left: 0px; padding-right: 0; } .list-type-header .main-title .title-type-ext { width: 80px; } .list-type-header .main-title .title-type-size { width: 80px; text-align: right; } .list-type-header .main-title .title-type-modifyTime { width: 150px; padding-right: 12px; } .list-type-header .main-title .title-type-name .title-item-cert { margin-right: 10px; } .list-type-header .main-title .title-type-name .title-item-name { padding-left: 13px; } .list-type-header .main-title .this { font-weight: 800; } .list-type-header .main-title.can-not-sort .title-item:hover, .list-type-header .main-title.can-not-sort .title-item:active, .list-type-header .main-title.can-not-sort .title-item.this { background: #fff; } .list-type-header .main-title.can-not-sort .title-item .title-item-cert { display: none; } .file-list-split { padding-top: 10px; } .file-list-list, .file-list-split { z-index: 0; padding-left: 10px; } .file-list-list .file, .file-list-split .file { color: #335; border: 1px solid transparent; padding: 0px; box-shadow: 0px 0px 2px rgba(255,255,255,0); border-radius: 3px; margin-left: 0; -webkit-transition: background 0.2s, border 0.2s, color 0.2s; -moz-transition: background 0.2s, border 0.2s, color 0.2s; -o-transition: background 0.2s, border 0.2s, color 0.2s; -ms-transition: background 0.2s, border 0.2s, color 0.2s; transition: background 0.2s, border 0.2s, color 0.2s; height: 25px; } .file-list-list .file .ico, .file-list-split .file .ico { -webkit-transition: all 0.168s; -moz-transition: all 0.168s; -o-transition: all 0.168s; -ms-transition: all 0.168s; transition: all 0.168s; } .file-list-list .file2, .file-list-split .file2 { background: #fffbf1; } .file-list-list .hover, .file-list-split .hover { background: #e5f3ff; border-color: transparent; } .file-list-list .select, .file-list-list .file-select-drag-temp, .file-list-split .select, .file-list-split .file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } .file-list-list .select:focus, .file-list-list .select.file-focus, .file-list-list .file-select-drag-temp:focus, .file-list-list .file-select-drag-temp.file-focus, .file-list-split .select:focus, .file-list-split .select.file-focus, .file-list-split .file-select-drag-temp:focus, .file-list-split .file-select-drag-temp.file-focus { border-color: #66baff; } .file-list-list .select .children-more i.font-icon, .file-list-list .file-select-drag-temp .children-more i.font-icon, .file-list-split .select .children-more i.font-icon, .file-list-split .file-select-drag-temp .children-more i.font-icon { color: #63acff !important; } .file-list-list .file, .file-list-split .file { width: 80%; overflow: hidden; height: 27px; } .file-list-list .file .path-ico, .file-list-list .file .title-item, .file-list-list .file .children-more, .file-list-split .file .path-ico, .file-list-split .file .title-item, .file-list-split .file .children-more { float: left; line-height: 28px; height: 28px; font-size: 1.0em; cursor: default; overflow: hidden; padding: 0 10px; border-right: 1px solid transparent; } .file-list-list .file .title-item, .file-list-split .file .title-item { white-space: nowrap; text-overflow: ellipsis; } .file-list-list .file .children-more, .file-list-split .file .children-more { width: 20px; height: 28px; text-align: center; padding: 0px; position: relative; z-index: 10; } .file-list-list .file .children-more i.font-icon, .file-list-split .file .children-more i.font-icon { font-size: 15px; color: #aaa; cursor: pointer; display: inline-block; width: 20px; line-height: 28px; height: 28px; font-weight: normal; font-style: normal; text-decoration: inherit; } .file-list-list .file .children-more i.font-icon::after, .file-list-split .file .children-more i.font-icon::after { font-family: 'icomoon'; content: "\f0da"; } .file-list-list .file .children-more i.font-icon.cert-open::after, .file-list-split .file .children-more i.font-icon.cert-open::after { font-family: 'icomoon'; content: "\f0d7"; } .file-list-list .file .children-more i.font-icon:hover, .file-list-list .file .children-more i.font-icon:active, .file-list-split .file .children-more i.font-icon:hover, .file-list-split .file .children-more i.font-icon:active { background: rgba(0,0,0,0.05); color: #63acff; } .file-list-list .file.loading-children .ico .x-item-icon, .file-list-split .file.loading-children .ico .x-item-icon { background: url("../../images/common/loading_tree.gif") no-repeat 0 0px transparent !important; } .file-list-list .file .title-type-ext, .file-list-split .file .title-type-ext { width: 90px; } .file-list-list .file .title-type-size, .file-list-split .file .title-type-size { width: 90px; text-align: right; } .file-list-list .file .title-type-modifyTime, .file-list-split .file .title-type-modifyTime { width: 200px; } .file-list-list .file .title-type-name, .file-list-split .file .title-type-name { width: 240px; padding-left: 0px; position: relative; } .file-list-list .file .title-type-name .title, .file-list-split .file .title-type-name .title { word-break: break-all; } .file-list-list .file .title-type-path span, .file-list-split .file .title-type-path span { color: #40a9ff; cursor: pointer; padding: 4px 5px 3px 5px; border-radius: 2px; margin-left: -8px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .file-list-list .file .title-type-path span:hover, .file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:hover, .file-list-split .file .title-type-path span:active { background: #1890ffc4; color: #e6f7ff; } .file-list-list .file .title-type-path span:active, .file-list-split .file .title-type-path span:active { background: #0076e4; } .file-list-list .file .title-item .user-info, .file-list-split .file .title-item .user-info { color: #999; cursor: default; } .file-list-list .file .title-item .user-info .path-ico, .file-list-split .file .title-item .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .file-list-list .file .title-item .user-info img, .file-list-split .file .title-item .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .file-list-list .file .title-item .user-info .name-char, .file-list-split .file .title-item .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-list-list .file .title-type-name .textarea, .file-list-split .file .title-type-name .textarea { position: relative; left: -4px; overflow: hidden; } .file-list-list .file .title-type-name .textarea .newfile, .file-list-split .file .title-type-name .textarea .newfile { height: 24px; line-height: 24px; z-index: 999; width: 100% !important; border: none; padding: 2px 4px 2px 4px; } .file-list-list .file .title-type-name .textarea .newfile:focus, .file-list-split .file .title-type-name .textarea .newfile:focus { outline: none; } .file-list-list .file .title-type-name, .file-list-split .file .title-type-name { position: relative; z-index: 10; } .file-list-list .file .path-ico, .file-list-split .file .path-ico { height: 20px; width: 20px; padding: 0px; line-height: 20px; margin-right: 4px; margin-top: 4px; } .file-list-list .file .path-ico img, .file-list-split .file .path-ico img { height: 18px; } .file-list-list .file .path-ico .svg-icon, .file-list-split .file .path-ico .svg-icon { width: 18px; height: 18px; } .file-list-list .file .meta-info, .file-list-split .file .meta-info { height: 27px; line-height: 27px; position: absolute; top: 0px; right: 5px; z-index: 0; } .file-list-list .file .meta-info img, .file-list-split .file .meta-info img { width: 100%; height: 100%; } .file-list-list .file .meta-info .meta-icon, .file-list-split .file .meta-info .meta-icon { font-style: normal; } .file-list-list .file .meta-info .meta-add, .file-list-split .file .meta-info .meta-add { font-style: normal; } .file-list-list .file .meta-info .path-ico, .file-list-split .file .meta-info .path-ico { float: right; margin: 4px 0 0 2px; } .file-list-list .file .meta-info .path-ico .svg-icon, .file-list-split .file .meta-info .path-ico .svg-icon { width: 14px; height: 20px; line-height: 20px; } .file-list-list .file .meta-info .path-ico .font-icon, .file-list-split .file .meta-info .path-ico .font-icon { color: #888; font-size: initial; line-height: 20px; } .file-list-list .file .meta-info .path-ico .font-icon.icon-share-square, .file-list-split .file .meta-info .path-ico .font-icon.icon-share-square { color: #31dc48; } .file-list-list .file .meta-info .file-desc, .file-list-split .file .meta-info .file-desc { float: right; color: #bbb; line-height: 24px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; } .file-list-list .file .meta-info .file-desc:hover, .file-list-list .file .meta-info .file-desc:active, .file-list-split .file .meta-info .file-desc:hover, .file-list-split .file .meta-info .file-desc:active { color: #888; } .file-list-list .file .meta-info .file-desc:before, .file-list-split .file .meta-info .file-desc:before { font-family: 'icomoon'; content: "\f10d"; opacity: 0.3; position: relative; top: 1px; padding-right: 2px; } .file-list-list .file .meta-info.app-link, .file-list-split .file .meta-info.app-link { left: -20px; top: 8px; position: relative; width: 0; height: 0; float: left; display: inline-block; } .file-list-list .file .meta-info.app-link .x-item-icon, .file-list-split .file .meta-info.app-link .x-item-icon { width: 18px; height: 18px; } .file-list-list .file.file-icon-edit .item-select, .file-list-list .file.file-icon-edit .item-menu, .file-list-list .file.file-icon-edit .meta-info, .file-list-list .file.file-icon-edit .file-desc, .file-list-split .file.file-icon-edit .item-select, .file-list-split .file.file-icon-edit .item-menu, .file-list-split .file.file-icon-edit .meta-info, .file-list-split .file.file-icon-edit .file-desc { display: none; } .file-list-list .file.file-icon-edit .title-item { display: none; } .file-list-list .file.file-icon-edit .title-item.title-type-name { display: block; width: 100% !important; } .file-list-list .file.file-icon-edit .title-type-name .title { height: 27px !important; border-radius: 0px; width: 50%; margin-left: -4px; padding-left: 4px; } .file-list-list .file .title-type-name .title, .file-list-split .file .title-type-name .title { background: #fff; position: absolute; z-index: 2; padding-right: 5px; border-radius: 3px; display: inline-block; height: 26px; white-space: nowrap; text-overflow: ellipsis; max-width: 85%; overflow: hidden; } .file-list-list .file.file2 .title-type-name .title, .file-list-split .file.file2 .title-type-name .title { background: #fffbf1; } .file-list-list .file.hover .title-type-name .title, .file-list-split .file.hover .title-type-name .title { background: #e5f3ff; } .file-list-list .file.select .title-type-name .title, .file-list-list .file.file-select-drag-temp .title-type-name .title, .file-list-split .file.select .title-type-name .title, .file-list-split .file.file-select-drag-temp .title-type-name .title { background: #cce8ff; } .file-list-split .file.select-split-parent .title-type-name .title { background: #e3f0ff; } .file-list-split .file.select-split-parent.select.hover .title-type-name .title { background: #cce8ff; } .file-list-split .file.file-icon-edit .title-type-name .title { position: initial; } .line-split-box { position: absolute; bottom: 0px; right: 0px; left: 0px; top: 0px; margin-top: 0; overflow: hidden; } .line-split-box .split-line { border-right: 1px solid rgba(150,150,150,0.15); margin-left: -1px; width: 250px; float: left; height: 100%; } .file-list-split { overflow: hidden; } .file-list-split .file { width: 100%; height: 27px; box-sizing: border-box; position: relative; } .file-list-split .file .meta-info { right: 30px; } .file-list-split .file.file2 { background: none; } .file-list-split .file .path-ico, .file-list-split .file .title-type-name, .file-list-split .file .children-open { line-height: 24px; height: 24px; } .file-list-split .file .path-ico { margin-left: 4px; height: 22px; width: 22px; line-height: 16px; } .file-list-split .file .title-type-name { width: 100%; } .file-list-split .file.file-icon-edit .title-type-name .textarea { position: absolute; left: 27px; right: 0px; top: 0; height: 25px !important; overflow: hidden; } .file-list-split .file.file-icon-edit .title-type-name .textarea .newfile { width: 100%; margin: 0; margin-top: -4px; } .file-list-split .file.file-icon-edit .children-open { display: none; } .file-list-split .file .children-open { width: 24px; height: 28px; text-align: center; padding-left: 0px; background: rgba(255,255,255,0.4); position: absolute; right: 0; } .file-list-split .file .children-open i.font-icon { font-size: 1.25em; color: #aaa; display: inline-block; width: 20px; line-height: 28px; height: 28px; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .file-list-split .file .children-open i.font-icon::before { font-family: 'icomoon'; content: "\f0da"; line-height: 24px; } .file-list-split .file.select-split-parent, .file-list-split .file.select-split-parent.hover { background: #e3f0ff; border: 1px solid #c9e2ff; } .file-list-split .file.select-split-parent .children-open i.font-icon::before, .file-list-split .file.select-split-parent.hover .children-open i.font-icon::before { font-family: 'icomoon'; content: "\f101"; font-size: 20px; } .file-list-split .split-box { width: 250px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; top: 0px; } .file-list-split .split-box .content { overflow: auto; height: 100%; padding: 4px 2px 10px 2px; position: absolute; left: 0; right: 8px; right: 0px; border-right: 1px solid #eee; } .file-list-split .split-box:hover, .file-list-split .split-box:active { box-shadow: 0px -4px 0px 0px #b6deff inset; } .file-list-split .split-box.split-select { box-shadow: 0px -4px 0px 0px #50afff inset, 0 0 20px #E9F5FF inset; } .file-list-split .split-drag { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 9px; cursor: col-resize; z-index: 55; } .file-list-split .split-drag:after { content: ' '; position: absolute; z-index: 2; top: 50%; border: 1px solid #ddd; background: transparent; width: 1px; height: 18px; margin-top: -18px; border-top: none; border-bottom: none; margin-left: 2px; } .file-list-split .is-drag-split .split-drag { background-color: rgba(64,169,255,0.3); } .file-list-split .content-more { height: 100px; position: relative; } .file-list-split .split-box .perfectScroll .ps__rail-y { margin-right: 1px; } .file-draging-box { position: fixed; left: 0; top: 0; z-index: 999998; pointer-events: none; opacity: 0.9; filter: alpha(opacity=90); padding: 0; margin: 0; } .file-draging-box .file-draging.file-list-icon, .file-draging-box .file-draging.file-list-list, .file-draging-box .file-draging.file-list-split { z-index: 1000; overflow: visible; } .file-draging-box .file-draging.file-list-icon .file, .file-draging-box .file-draging.file-list-list .file, .file-draging-box .file-draging.file-list-split .file { position: fixed; transition: none !important; } .file-draging-box .file-draging-tree .tree-node { margin: 0 !important; } .file-draging-tips { position: fixed; left: 0; top: 0; z-index: 999999; pointer-events: none; opacity: 0.9; filter: alpha(opacity=90); padding: 5px; border-radius: 2px; color: #fff; background: #4285f4; box-shadow: 3px 5px 15px rgba(0,0,0,0.2); font-size: 1.15em; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .file-draging-tips .drag-number { display: none; position: absolute; padding: 0px 5px; font-size: 12px; height: 16px; opacity: 0.8; border-radius: 10px; background-color: #f04134; margin-top: -12px; margin-left: -12px; } .file-draging-tips.drag-action-default { color: #fff; background: rgba(0,0,0,0.3); box-shadow: none; } .file-draging-tips span { line-height: 22px; padding-left: 5px; padding-right: 15px; } .file-draging-tips span .font-icon { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 1.0em; font-weight: 800; margin-right: 10px; border-radius: 12px; } .file-draging-tips span .bg-default { background: #b9e0ff; color: #4285f4; } .file-draging-tips span .bg-ok { background: #6ee273; } .file-draging-tips span .bg-error { background: #FB2500; } .file-draging-tips span b { padding-right: 15px; } .item-file-draging { opacity: 0.5; filter: alpha(opacity=50); } .drag-file-hover { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .drag-file-hover.children-more-cert { background: #1890ff !important; color: #fff !important; } .drag-file-hover.file { outline: 1px solid rgba(24,144,255,0.9) !important; z-index: 10; } .drag-file-hover.children-list { outline: 1px solid rgba(24,144,255,0.9) !important; z-index: 10; } .drag-file-hover.split-box { box-shadow: -1px 0 0 2px #40a9ff inset, 0 0 0 2px #40a9ff inset !important; } .drag-file-hover.bodymain:before { border: 3px solid rgba(24,144,255,0.8); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; content: " "; pointer-events: none; } .drag-file-hover.bodymain[list-type="list"]:before { top: 26px; } .drag-file-hover.bodymain.desktop:before { border: 6px solid rgba(24,144,255,0.6); } .drag-file-hover.tree-node { border: 1px solid rgba(24,144,255,0.9) !important; } .drag-file-hover.header-address-item a { color: #fff !important; background-position: 100% -144px !important; } .bodymain:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; content: " "; } .cursor-mouse.cursor-drag * { cursor: grabbing !important; } .cursor-mouse.cursor-move * { cursor: default !important; } .cursor-mouse.cursor-add * { cursor: copy !important; } .cursor-mouse.cursor-disable * { cursor: not-allowed !important; } .file-continer .file .meta-info .file-meta-fileEncodeType { border-radius: 2px; font-size: 12px; color: #fff; text-align: center; font-style: normal; padding: 2px 5px; opacity: 0.8; white-space: nowrap; height: 16px; line-height: 16px; margin-left: 5px; margin-top: 2px; float: right; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-A { border: 1px solid #d62b00; background: #ff3300; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-B { border: 1px solid #eb2f00; background: #ff5429; } .file-continer .file .meta-info .file-meta-fileEncodeType.fileEncodeType-C { border: 1px solid #ff3300; background: #ff7452; } .file-continer .file .meta-info .file-meta-top { display: inline-block; margin: 3px 3px 0 3px; background: #ffea7b; color: #de8e00; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; font-size: 12px; opacity: 0.9; text-align: center; z-index: 10; box-shadow: 0 2px 4px rgba(0,0,0,0.35); } .file-continer .file .meta-info .file-meta-top .font-icon:before { position: relative; top: 2px; } .file-list-icon .file .meta-info .file-meta-fileEncodeType { position: absolute; width: auto; right: 0; top: -250%; left: inherit; margin: 0; margin-right: -5px; } .file-list-icon .file .meta-info .file-meta-top { position: absolute; top: -250%; right: 250%; left: inherit; margin: 0px -12px 0 0; } .frame-main-explorer .btn-group-sm > .btn.panel-toggle { padding: 4px 8px !important; margin-left: 10px; } .frame-main-explorer .bodymain, .frame-main-explorer .file-panel { -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .frame-main-explorer .drag-resize-panel { display: none; top: 85px; } .frame-main-explorer .drag-resize-panel:after { display: none; } .frame-main-explorer .frame-right.panel-open .drag-resize-panel { display: block; } .frame-main-explorer .frame-right.drag-resize-panel-parent .bodymain, .frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-explorer .frame-right.drag-resize-panel-parent .file-panel .tab-group-line .tab-item-bar { display: none; } [kod-lang="zh-CN"] .file-panel .tab-group-line .tab-item .name, [kod-lang="zh-TW"] .file-panel .tab-group-line .tab-item .name, [kod-lang="en"] .file-panel .tab-group-line .tab-item .name { display: inline-block; } .file-panel { position: absolute; top: 0; bottom: 0; right: 0; border-left: 1px solid #eee; background: #fdfeff; margin-top: 85px; overflow: hidden; } .file-panel .dialog-tab { margin: 0; padding: 0; background: #fafafa; border: none; text-align: center; position: absolute; z-index: 2; bottom: 0px; width: 100%; border-top: 1px solid #eee; box-shadow: 0 0px 5px rgba(0,0,0,0.02); } .file-panel .tab-group-line .tab-item { color: #888; text-align: center; padding: 5px 10px; margin: 0px 1px -4px 0; } .file-panel .tab-group-line .tab-item .name { display: none; } .file-panel .tab-group-line .tab-item:hover { color: #666; background: #eaf5fb; } .file-panel .tab-group-line .tab-item .font-icon { display: block; color: #bbb; font-size: 20px; padding: 0px 0 4px 0; } .file-panel .tab-group-line .tab-item.active, .file-panel .tab-group-line .tab-item.active .font-icon { color: #1890ff; background: #eaf5fb; } .file-panel > .tab-group-line { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; } .file-panel > .tab-group-line .tab-item { padding: 4px 0px; margin: 0; flex: 1; border-right: 0.5px solid #f7f7f7; border-bottom: none; } .file-panel > .tab-group-line .tab-item-bar { top: 0px; height: 1px; } .file-panel .list-empty { text-align: center; top: 50%; margin-top: -65px; position: absolute; left: 0; right: 0; } .file-panel .list-empty .path-ico { font-size: 80px; width: 100%; height: 100px; } .file-panel .list-empty .desc { color: #ccc; background: #fbfeff; display: inline-block; padding: 4px 10px; border-radius: 20px; } .file-panel .panel-info-header { height: 60px; background: #f6faff; border-bottom: 1px solid #eee; position: relative; z-index: 2; } .file-panel .panel-info-header .header-content { position: relative; } .file-panel .panel-info-header .header-content .file-icon { position: absolute; top: 5px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; } .file-panel .panel-info-header .header-content .file-icon .path-ico { width: 100%; height: 100%; font-size: 40px; line-height: 60px; } .file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label { width: 40px; height: 40px; } .file-panel .panel-info-header .header-content .file-icon .path-ico .x-tag-label:before { position: absolute; right: 15%; top: 15%; width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; } .file-panel .panel-info-header .header-content .file-icon .path-ico img { max-width: 85%; max-height: 85%; border-radius: 2px; object-fit: cover; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } .file-panel .panel-info-header .header-content .file-name { font-size: 16px; color: #666; word-break: break-all; padding-right: 30px; display: table-cell; vertical-align: middle; height: 60px; padding-left: 65px; line-height: 1.2em; } .file-panel .panel-info-header .header-content .file-name .name { max-height: 37px; line-height: 1.2em; padding-top: 2px; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-info-header .header-content .file-name .desc { font-size: 12px; color: #aaa; padding-top: 1px; } .file-panel .panel-info-header .header-content .fav-button { padding: 2px 6px; margin-left: 5px; opacity: 0.8; color: #999; border-radius: 2px; } .file-panel .panel-info-header .header-content .fav-button.path-is-fav { color: #fec740; } .file-panel .panel-info-header .header-content .fav-button:hover { opacity: 1; } .file-panel .panel-info-header .header-content .file-name.select-more .fav-button { display: none; } .file-panel .panel-info-header .header-content .kui-btn.task-view-dialog { display: none; position: absolute; right: 6px; bottom: 4px; padding: 0.3em 0.5em; background: transparent; border: 1px solid #fafafa; color: #eee; } .file-panel .panel-close { position: absolute; top: 0; right: 0; z-index: 3; width: 40px; height: 40px; line-height: 40px; border-radius: 0 0 0 4px; font-size: 13px; color: #ccc; cursor: pointer; text-align: center; } .file-panel .panel-close:before { font-family: 'icomoon'; content: "\ea68"; } .file-panel .panel-close:hover, .file-panel .panel-close:active { background: rgba(230,247,255,0.8); color: #40a9ff; } .file-panel .content-header { position: relative; height: 35px; margin-bottom: 15px; border-bottom: 1px solid #f3f3f3; box-shadow: 0 1px 0px 0px #fff, 0 2px 0px 0px #f6f6f6; } .file-panel .content-header .title { font-size: 14px; line-height: 32px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-panel .content-header .title .font-icon { padding-left: 5px; color: #40a9ff; position: relative; top: 1px; } .file-panel .content-header .title .name-dsc { font-size: 12px; padding-left: 5px; color: #aaa; } .file-panel .panel-tab-content { position: absolute; bottom: 50px; top: 60px; width: 100%; overflow: hidden; overflow-y: auto; } .file-panel .panel-tab-content .tab-content { padding: 10px; display: none; position: absolute; top: 0px; left: 0; right: 0; bottom: 0px; } .file-panel .panel-tab-content .content-list { padding-bottom: 20px; } .file-panel .list-page { margin: 10px 0 10px 0; padding-bottom: 20px; } .file-panel .list-page .my-page-box .grey-6 { display: none; } .file-panel .list-page .my-page-box .page-info { margin: 0; border-right: none; } .file-panel .list-page .my-page-box .page-info input { width: 20px; height: 16px; line-height: 20px; } .file-panel .list-page .my-page-box .page-content .page-to { padding: 0 0.3em; } .file-panel .list-page .my-page-box .page-content ul li, .file-panel .list-page .my-page-box .page-content ul .page-active-bg { width: 25px; } .file-panel .list-page .my-page-box .page-select { float: right; } .file-panel .list-page .my-page-box.data-only-one-page .page-info-text { padding-left: 10px; } .file-panel .list-page .my-page-box.data-only-one-page .grey-6 { display: inline; } .file-panel .user-info { color: #999; cursor: default; } .file-panel .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .file-panel .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .file-panel .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .file-panel .user-info { color: #456; position: relative; } .file-panel .user-info .path-ico img { border: 1px solid #fff; } .emoji-panel { position: fixed; z-index: 999; background: #fff; width: 500px; height: 300px; overflow: hidden; padding: 0; border: 1px solid #eee; border-radius: 2px; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); } .emoji-panel .tab-group-line { position: absolute; bottom: 0px; width: 100%; margin: 0; background: #f6f6f6; } .emoji-panel .tab-group-line .tab-item { padding: 8px 12px; margin-left: 10px; margin-bottom: 0px; } .emoji-panel .tab-group-line .tab-item.active { background: #fff; } .emoji-panel .tab-content { padding: 10px; padding-bottom: 30px; height: 225px; overflow: hidden; overflow-y: auto; position: relative; } .emoji-panel .tab-content .item-face { width: 32px; height: 32px; line-height: 32px; font-size: 24px; display: inline-block; text-align: center; cursor: pointer; vertical-align: bottom; border-radius: 3px; } .emoji-panel .tab-content .item-face:hover { background: #f3f3f3; } .emoji-panel .tab-content .item-face.item-face-img { line-height: 24px; } .emoji-panel .tab-content .item-face img { width: 24px; height: 24px; } .emoji-panel .tab-content .item-face-group { display: block; padding-left: 10px; border-radius: 3px; line-height: 22px; background: #f6f6f6; color: transparent; height: 1px; margin: 6px 5px; } .emoji-panel .tab-content .item-face-group.group-def { display: none; } .file-panel .pathinfo { display: block !important; min-width: inherit; min-height: inherit; margin: 0; padding: 5px 0 50px 10px; } .file-panel .pathinfo .p { line-height: 24px; } .file-panel .pathinfo .p > .title { text-align: left; } .file-panel .pathinfo .p.info-item-desc .content.placeholder { padding: 0; } .file-panel .panel-tab-content .panel-chat { position: absolute; top: 0px; bottom: 0px; width: 100%; padding: 0; } .file-panel .panel-tab-content .panel-chat .content-header { margin: 10px; } .file-panel .panel-tab-content .panel-chat .content-list { position: absolute !important; overflow: auto; padding: 10px 0px 20px 0px; left: 0; right: 0; top: 50px; bottom: 62px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item { padding: 8px 10px 10px 10px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user { display: inline-block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .name { padding-left: 40px; color: #666; transform: scale(0.95); display: inline-block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico { width: 30px; height: 30px; position: absolute; top: -2px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.user .user-info .path-ico img { height: 30px; width: 30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item.time { color: #ddd; border-radius: 20px; padding: 0px 0.5em; display: inline-block; transform: scale(0.9); } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-time-after { clear: both; float: none; display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content { padding: 6px 10px; background: #e6f7ff; border: 0.5px solid #b3e7ff; box-shadow: 2px 2px 4px rgba(179,231,255,0.1); position: relative; max-width: 75%; white-space: normal; word-break: break-all; left: 40px; top: 2px; display: inline-block; border-radius: 5px; cursor: text; font-size: 13px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item:hover { background: #fafbfc; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active { background: #e6f7ff; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply { display: block; padding: 5px 5px; background: rgba(0,0,0,0.05); border-left: 2px solid rgba(0,0,0,0.2); border-radius: 4px; margin-bottom: 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .content-reply .user-info .path-ico { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user { float: right; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .user-info .path-ico { right: -2px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.user .name { padding-right: 40px; padding-left: 0; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item.time { float: right; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content { background: #96e350; border: 0.5px solid #7cdc24; box-shadow: -2px 2px 4px rgba(124,220,36,0.1); float: right; left: inherit; right: 40px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content .cert { position: absolute; width: 6px; height: 6px; top: 5px; transform: rotateZ(45deg); border-radius: 1px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .item-content .cert { background: #96e350; border: 0.5px solid #7cdc24; right: -4px; border-left: none; border-bottom: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-others .item-content .cert { background: #e6f7ff; border: 0.5px solid #b3e7ff; left: -4px; border-right: none; border-top: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger { display: none; width: 22px; height: 22px; line-height: 24px; cursor: pointer; text-align: center; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background: #f6f6f6; color: #ccc; position: absolute; bottom: 0px; right: -30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:hover, .file-panel .panel-tab-content .panel-chat .content-list .list-item .menu-trigger:active { background: #cfedff; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .content-list .list-item:hover .menu-trigger { display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-self .menu-trigger { right: inherit; left: -30px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active .menu-trigger, .file-panel .panel-tab-content .panel-chat .content-list .list-item.context-menu-active:hover .menu-trigger { display: block; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat { padding-top: 1px; padding-bottom: 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item-content .cert { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.user, .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat .item.time { display: none; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-self .item-content { border-radius: 5px 0px 5px 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat.item-others .item-content { border-radius: 0px 5px 5px 5px; } .file-panel .panel-tab-content .panel-chat .content-list .list-item.item-repeat-first { padding-bottom: 4px; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before { text-align: center; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before:before { content: ""; border-top: 1px solid #eee; position: absolute; left: 5%; width: 90%; margin-top: 11px; z-index: 0; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span { display: inline-block; cursor: pointer; margin: 2px 0; padding: 2px 1em; background: #e6f7ff; color: #99a; border-radius: 30px; position: relative; z-index: 2; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:hover, .file-panel .panel-tab-content .panel-chat .content-list .reload-before span:active { background: #def0f9; color: #1890ff; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i { opacity: 0.4; font-style: normal; display: inline-block; margin-left: 4px; font-size: 12px; transform: scale(0.9); } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:before { content: "("; } .file-panel .panel-tab-content .panel-chat .content-list .reload-before span i:after { content: ")"; } .file-panel .panel-tab-content .panel-chat .chat-content-box { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 61px; border-top: 1px solid #eee; } .file-panel .panel-tab-content .panel-chat .chat-content-box .placeholder { padding: 10px; color: #ccc; pointer-events: none; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-box { overflow: hidden; position: absolute; top: 0; bottom: 28px; left: 0; right: 0; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input-content { position: absolute; top: 7px; left: 7px; bottom: 5px; right: 5px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input { border: none; overflow: hidden; overflow-y: auto; cursor: text; margin: 0; padding: 0; word-break: break-all; height: 100%; font-size: 13px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:active, .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-input:focus { background: #fefefe; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar { position: absolute; bottom: 0; left: 0; height: 0; width: 100%; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .send { position: absolute; right: 0; bottom: 0px; margin: 0 5px 5px 0; padding: 4px 1em; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item { position: absolute; left: 0; bottom: 4px; cursor: pointer; text-align: center; padding: 0px 4px; color: #aaa; border-radius: 3px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item:hover { background: rgba(0,0,0,0.1); } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji { left: 5px; font-size: 18px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji:before { font-family: 'icomoon'; content: "\eac8"; } .file-panel .panel-tab-content .panel-chat .chat-content-box .chat-toolbar .tool-item.tool-emoji.panel-open { background: rgba(24,144,255,0.2); color: #40a9ff; border-top-right-radius: 0px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item { margin: 0px 3px 3px 0px; padding: 5px 30px 5px 5px; background: #f3f3f3; border-radius: 4px; line-height: 21px; height: 20px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .user-info .path-ico { top: -1px; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close { position: absolute; right: 3px; top: 0px; width: 30px; height: 30px; line-height: 30px; background: #f0f0f0; border-radius: 0 3px 3px 0; text-align: center; color: #ddd; cursor: pointer; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:before { font-family: 'icomoon'; content: "\ea68"; } .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:hover, .file-panel .panel-tab-content .panel-chat .chat-content-box .reply-item .reply-close:active { background: #e6f7ff; color: #40a9ff; } .file-panel .panel-tab-content .panel-chat .emoji-img { display: inline-block; width: 24px; height: 24px; position: relative; top: -2px; padding: 0 0px; pointer-events: none; } .file-panel .panel-tab-content .panel-chat .emoji-text { display: inline-block; width: 24px; height: 24px; line-height: 24px; cursor: text; padding: 0 1px; pointer-events: none; font-size: 18px; text-align: center; } .file-panel .panel-tab-content .panel-chat input.emoji-text { background: none; border: none; padding: 0; margin: 0; cursor: text !important; } .file-panel .panel-tab-content .panel-chat img.emoji-text { background-repeat: no-repeat; text-indent: -9999em; vertical-align: middle; } .file-panel .panel-tab-content .panel-chat .chat-block-markdown { padding: 8px; margin: 5px; border-radius: 4px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 0 0 50px rgba(0,0,0,0.05) inset; border: 1px solid rgba(0,0,0,0.05); overflow: auto; } .file-panel .panel-tab-content .panel-chat .chat-block-markdown:after { content: "markdown"; position: absolute; right: 0px; top: 0px; background: #d8f2ff; color: #40a9ff; padding: 2px 10px; border-radius: 0 0 0 10px; } .file-panel .panel-tab-content .panel-chat a { color: #1890ff; text-decoration: none; padding: 1px 2px 1px 1px; border-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px solid transparent; } .file-panel .panel-tab-content .panel-chat a:hover, .file-panel .panel-tab-content .panel-chat a:active { background: #1890ff30; } .file-panel .panel-tab-content .panel-chat .markdown-preview pre { padding: 0; background: none; border-radius: 3px; } .file-panel .panel-tab-content .panel-chat .markdown-preview pre code { border: 1px solid rgba(0,0,0,0.1); } .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-hey, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-facepalm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smirk, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-smart, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-moue, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-yeah, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-packet, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-chick, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-onlooker, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-goforit, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-sweats, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-omg, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-emm, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-respect, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-doge, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-noprob, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-mybad, .file-panel .panel-tab-content .panel-chat .emoji-qq.emoji-qq-wow { width: 22px; height: 22px; } .file-panel .panel-tab-content .panel-chat .emoji-panel .dialog-tab { text-align: left; border-top: none; box-shadow: none; } .file-panel .panel-tab-content .panel-chat .emoji-panel .tab-item-bar { bottom: -1px; } .file-panel .panel-tab-content .panel-chat .emoji-panel .tab-content { padding-bottom: 30px; } .file-panel .panel-tab-content .panel-chat .emoji-text { pointer-events: auto; } .file-panel .panel-tab-content .panel-chat.auth-readonly .content-list { bottom: 30px !important; } .file-panel .panel-tab-content .panel-chat.auth-readonly .drag-resize { display: none; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-content-box { display: none; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box { display: block !important; visibility: visible !important; position: absolute; bottom: 0px; left: 0; right: 0; opacity: 0.8; } .file-panel .panel-tab-content .panel-chat.auth-readonly .chat-readonly-box .info-alert { display: block; border-radius: 0px; border: none; border-top: 1px solid #f5edc3; } .file-panel .panel-history .content-header .new-version { padding: 4px 1em; position: absolute; top: 3px; right: 0; } .file-panel .panel-history .content-list .file-item { padding: 0; margin-bottom: 5px; border: 1px solid #eee; border-radius: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-history .content-list .file-item:hover { border-color: #91d5ff; position: relative; z-index: 5; } .file-panel .panel-history .content-list .file-item:hover .file-item-line { background: #e6f7ff; border-color: #e6f7ff; } .file-panel .panel-history .content-list .file-item .file-item-line { background: #fafafa; border-bottom: 1px solid #f6f6f6; padding: 5px 10px; } .file-panel .panel-history .content-list .file-item .file-item-line .item { display: inline-block; margin-right: 10px; } .file-panel .panel-history .content-list .file-item .item.mtime { float: right; color: #999; margin-right: 0; } .file-panel .panel-history .content-list .file-item .item.size { float: right; } .file-panel .panel-history .content-list .file-item .menu-trigger { position: absolute; right: 5px; top: 33px; width: 25px; height: 25px; line-height: 25px; color: #666; background: #fafafa; border-radius: 2px; text-align: center; cursor: pointer; } .file-panel .panel-history .content-list .file-item .menu-trigger:hover { background: #def; color: #40a9ff; } .file-panel .panel-history .content-list .file-item .item.detail { margin-right: 30px; padding: 5px 10px 5px 10px; } .file-panel .panel-history .content-list .file-item .item.detail .desc-title { display: inline-block; color: #888; margin-right: 5px; } .file-panel .panel-history .content-list .file-item .item.detail .content { cursor: text; padding: 2px; display: inline-block; width: 100%; } .file-panel .panel-history .content-list .file-item .item.detail .content.on-edit { height: 21px; padding: 0px; } .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder { color: #ddd; } .file-panel .panel-history .content-list .file-item .item.detail .content.placeholder:hover { background: #fafafa; } .file-panel .panel-history .content-list .file-item .item.detail .content input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 3px 3px; margin-left: -2px; margin-top: -2px; width: 100%; border-radius: 2px; } .file-panel .panel-history .content-list .file-item .item.detail .content input:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input:active { border-color: #75A1F0; } .file-panel .panel-history .content-list .file-item .item.detail .content input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true'] { opacity: 0.7; } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:active, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:hover, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:active { border-color: #ddd; } .file-panel .panel-history .content-list .file-item .item.detail .content input.disabled:focus, .file-panel .panel-history .content-list .file-item .item.detail .content input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .file-panel .panel-history .user-info .path-ico { top: -5px; } .file-panel .panel-history .bottom-tips { position: absolute; left: 0; bottom: 2px; right: 0px; padding: 8px 10px; text-align: center; opacity: 0.7; background: #fffbe6; color: #aaa; } .file-panel .panel-log .user-info .path-ico { margin-right: 2px; position: relative; top: -2px; left: -2px; } .file-panel .panel-log .content-list .list-item { background: #f6f9ff; color: #789; border: 1px solid #dbf1ff; padding: 5px; margin: 0 0 10px 30px; position: relative; min-height: 35px; line-height: 1.4em; border-radius: 4px; word-break: break-all; } .file-panel .panel-log .content-list .list-item:hover { background: #e6f7ff; border: 1px solid #dbf1ff; } .file-panel .panel-log .content-list .list-item:before { content: " "; position: absolute; top: 0; width: 2px; height: 100%; background: #e3e6e8; margin-left: -31px; padding-bottom: 12px; } .file-panel .panel-log .content-list .list-item:after { content: " "; position: absolute; top: 0; left: 3px; width: 20px; height: 2px; background: #e3e6e8; margin-left: -24px; margin-top: 24px; } .file-panel .panel-log .content-list .list-item:first-child:before { top: 15px; } .file-panel .panel-log .content-list .list-item:last-child:before { height: 15px; } .file-panel .panel-log .content-list .list-item.list-item-one:before { height: 0px; display: none; } .file-panel .panel-log .content-list .list-item .action-icon { position: absolute; left: -35px; text-align: center; width: 20px; height: 20px; line-height: 20px; margin-top: 10px; z-index: 5; border-radius: 10px; font-size: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item .action-icon:hover { transform: scale(1.2); opacity: 0.8; } .file-panel .panel-log .content-list .list-item .action-icon:before { font-family: 'icomoon'; content: "\eaaf"; position: relative; } .file-panel .panel-log .content-list .list-item.type-create .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .file-panel .panel-log .content-list .list-item.type-create .action-icon:before { font-family: 'icomoon'; content: "\f067"; top: 1px; } .file-panel .panel-log .content-list .list-item.type-edit .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-edit .action-icon:before { font-family: 'icomoon'; content: "\f040"; } .file-panel .panel-log .content-list .list-item.type-move .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-move .action-icon:before { font-family: 'icomoon'; content: "\ea29"; } .file-panel .panel-log .content-list .list-item.type-moveOut .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .file-panel .panel-log .content-list .list-item.type-moveOut .action-icon:before { font-family: 'icomoon'; content: "\f0c4"; top: 1px; } .file-panel .panel-log .content-list .list-item.type-share .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .file-panel .panel-log .content-list .list-item.type-share .action-icon:before { font-family: 'icomoon'; content: "\f064"; } .file-panel .panel-log .content-list .list-item.type-rename .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .file-panel .panel-log .content-list .list-item.type-rename .action-icon:before { font-family: 'icomoon'; content: "\ea84"; } .file-panel .panel-log .content-list .list-item.type-recycle .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .file-panel .panel-log .content-list .list-item.type-recycle .action-icon:before { font-family: 'icomoon'; content: "\f014"; } .file-panel .panel-log .content-list .list-item.type-remove .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .file-panel .panel-log .content-list .list-item.type-remove .action-icon:before { font-family: 'icomoon'; content: "\f1f8"; } .file-panel .panel-log .content-list .list-item.type-addDesc .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .file-panel .panel-log .content-list .list-item.type-addDesc .action-icon:before { font-family: 'icomoon'; content: "\f10d"; } .file-panel .panel-log .content-list .list-item.type-addComment .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .file-panel .panel-log .content-list .list-item.type-addComment .action-icon:before { font-family: 'icomoon'; content: "\f27b"; } .file-panel .panel-log .content-list .list-item.type-create.action-create-upload .action-icon:before { font-family: 'icomoon'; content: "\f093"; top: 0px; } .file-panel .panel-log .content-list .list-item.type-create.action-share-shareLinkAdd .action-icon:before { font-family: 'icomoon'; content: "\f0c1"; } .file-panel .panel-log .content-list .list-item .item.title-show { padding: 0px 0px 2px 22px; overflow: hidden; text-overflow: ellipsis; } .file-panel .panel-log .content-list .list-item .item-desc { padding: 0 0 0 22px; } .file-panel .panel-log .content-list .list-item.type-addComment .item-desc > .item-content, .file-panel .panel-log .content-list .list-item.type-addDesc .item-desc > .item-content { display: block; border-radius: 3px; padding: 3px 5px; margin-left: -5px; color: #666; background: rgba(0,0,0,0.03); } .file-panel .panel-log .content-list .list-item.type-rename .item-desc > .item-content { padding-left: 2px; color: #555; } .file-panel .panel-log .content-list .list-item.type-remove .item.title-show > .item-content { padding-left: 2px; color: #555; } .file-panel .panel-log .content-list .list-item.type-remove .item-desc .group-item { line-height: 20px; } .file-panel .panel-log .content-list .list-item.type-remove .item-desc .group-item .item-content { color: #aaa; } .file-panel .panel-log .content-list .list-item .item.time { position: absolute; right: 7px; top: 5px; opacity: 0.6; font-size: 12px; } .file-panel .panel-log .content-list .list-item .data-path { color: #40a9ff; cursor: pointer; padding: 3px 1px; margin-left: -2px; border-radius: 3px; } .file-panel .panel-log .content-list .list-item .data-path:hover { color: #1890ff; background: #dbf1ff; } .file-panel .panel-log .content-list .list-item .data-path .file-icon .path-ico { width: 16px; position: relative; top: 2px; } .file-panel .panel-log .content-list .list-item .item.title-show .data-path .file-icon { display: none; } .file-panel .panel-log .content-list .list-item .item-desc .group-item { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 1px; } .file-panel .panel-log .content-list .list-item.action-rename .item-desc em { width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center; font-style: normal; } .file-panel .panel-log .content-list .list-item.action-rename .item-desc em:before { font-family: 'icomoon'; content: "\ea29"; position: relative; top: 2px; } .file-panel .panel-log .content-list .list-item .group-item-more { height: 60px; overflow: hidden; } .file-panel .panel-log .content-list .list-item .group-item-more.show-all { height: inherit; } .file-panel .panel-log .content-list .list-item .toggle-item { font-style: normal; display: block; border-radius: 3px; color: #1890ff; cursor: pointer; padding: 2px 6px; margin-left: -5px; } .file-panel .panel-log .content-list .list-item .toggle-item:hover { color: #0c3f8a; } .file-panel .panel-log .content-list .list-item .toggle-item.toggle-show:after { font-family: 'icomoon'; content: "\ea5f"; } .file-panel .panel-log .content-list .list-item .toggle-item.toggle-hide:after { font-family: 'icomoon'; content: "\ea66"; } .file-panel .panel-meta .content-list { position: initial; } .file-panel .panel-meta .form-box.config-box { position: initial; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body { padding: 0; overflow: hidden; position: initial; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row { background: #fff; margin: 0; padding: 0; margin-bottom: 5px; border-radius: 3px; border: 1px solid #eee; position: relative; float: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-title { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-title.has-title { display: block; background: #f8f8f8; border-bottom: 1px solid #f3f3f3; padding: 0; margin: 0; width: 94%; padding: 0px 3% 0px 3%; border-radius: 3px 3px 0 0; text-align: left; float: none; background-image: linear-gradient(30deg,#fafafb,#e6f7ff); } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row:hover .setting-title.has-title { background-image: linear-gradient(30deg,#fcfeff,#def2ff); } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row:hover > .clear { opacity: 1; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.item-focus > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content { width: 94%; padding: 4px 3% 5px 3%; float: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='text'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='password'], .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input[type='number'] { width: 240px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-left { width: 205px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-right { width: 205px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .setting-content > input.span-title-left.span-title-right { width: 170px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row .desc { display: block; margin-top: 3px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear { position: absolute; right: 0px; top: 0; cursor: pointer; width: 30px; height: 30px; line-height: 30px; color: #ddd; text-align: center; opacity: 0.3; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:before { font-family: 'icomoon'; content: "\ea68"; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:hover, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row > .clear:active { background: #def; color: #40a9ff; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.row-hidden { display: none !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-html, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-button, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-row-html { border: none; border-radius: 0; background: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-html > .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-button > .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-row-html > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-select .select2-container { margin: 0; width: 100% !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.row-default > .clear { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content { text-align: center; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .btn { position: absolute; right: 5px; top: -29px; border-radius: 3px; font-size: 12px; width: auto; margin: 0; padding: 0 1em; height: 22px; line-height: 22px; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .desc, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content .input-clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-fileSelect .setting-content input { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-switch .desc { display: inline-block; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-textarea textarea { width: 100%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-slider { text-align: center; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-slider .slider { width: 90%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-user .kod-select, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-user .kod-select-main { width: 100%; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row.form-cityPicker .city-picker-span { width: 100%; padding: 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys { text-align: center; margin-top: 30px; background: #fbfdff; border: none; padding-top: 10px; padding-bottom: 5px; position: absolute; top: 7px; right: 15px; margin: 0; padding: 0; background: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .setting-title, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__arrow { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container { width: 50% !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys span.select2-container { width: 36px !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .desc { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered { padding: 0px; color: #888; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-panelMetaAllowKeys .select2-selection__rendered .meta-item.add:before { font-family: 'icomoon'; content: "\f067"; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row.clear, .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-reset-button { display: none !important; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-row { border: none; padding: 0; margin: 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .form-save-button { width: 100%; padding: 8px 0px; margin: 10px 0 40px 0; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-title { display: none; } .file-panel .panel-meta .dialog-form.target-form .form-box.config-box .panel-form-body .form-target-save .setting-content { width: 94%; padding: 4px 3% 5px 3%; float: none; } .file-panel .panel-meta .file-list .item-empty { margin: 0; color: #bbb; font-style: normal; line-height: 27px; } .file-panel .panel-meta .file-list .data-path { display: block; text-align: left; color: #40a9ff; cursor: pointer; padding: 3px 2px; margin-left: -2px; border-radius: 3px; margin-bottom: 1px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-meta .file-list .data-path:hover { color: #1890ff; background: #dbf1ff; } .file-panel .panel-meta .file-list .data-path .name { padding-left: 6px; } .file-panel .panel-meta .file-list .data-path .size { position: absolute; top: 0; right: 5px; color: #bbb; line-height: 26px; } .file-panel .panel-meta .file-list .data-path .path-parent, .file-panel .panel-meta .file-list .data-path .item-remove { position: absolute; top: 0; width: 26px; height: 26px; line-height: 26px; background: #dbf1ff; cursor: pointer; text-align: center; opacity: 0.01; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .file-panel .panel-meta .file-list .data-path:hover .path-parent, .file-panel .panel-meta .file-list .data-path:hover .item-remove { opacity: 1; } .file-panel .panel-meta .file-list .data-path .path-parent { right: 30px; color: #faad14; } .file-panel .panel-meta .file-list .data-path .path-parent:before { font-family: 'icomoon'; content: "\ea92"; } .file-panel .panel-meta .file-list .data-path .path-parent:hover, .file-panel .panel-meta .file-list .data-path .path-parent:active { color: #fff; background: #faad14; } .file-panel .panel-meta .file-list .data-path .item-remove { right: 4px; color: #f30; } .file-panel .panel-meta .file-list .data-path .item-remove:before { font-family: 'icomoon'; content: "\ea68"; } .file-panel .panel-meta .file-list .data-path .item-remove:hover, .file-panel .panel-meta .file-list .data-path .item-remove:active { color: #fff; background: #f30; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-dropdown.selectDropdownShow { width: 200px !important; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option { padding: 0; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item { display: block; padding: 6px 6px 6px 15px; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.add { display: none; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled { cursor: not-allowed; position: relative; background: #fff; color: #ccc; opacity: 1; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:hover { background: #f6f6f6; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option .meta-item.disabled:after { font-family: 'icomoon'; content: "\ea5d"; height: 28px; width: 28px; line-height: 28px; position: absolute; color: #92c4ff; right: 0px; top: 0px; text-align: center; } .form-select2-dropdown-type-select.form-select2-dropdown-key-panelMetaAllowKeys .select2-results__option[aria-selected=true]:after { display: none; } #app.app-desktop .topbar { background: #eee; background-color: rgba(190,190,190,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #app.app-desktop .topbar .content { border-bottom: 1px solid #ddd; border-bottom-color: transparent; } #app.app-desktop .topbar .content .topbar-menu { color: #fff; border-color: rgba(190,190,190,0.1); } #app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon { text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000; } #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this { background: rgba(255,255,255,0.3); } #app.app-desktop .app-main { left: 0; } #app.app-desktop .bodymain { position: absolute; left: 70px; bottom: 30px; top: 0; right: 0; overflow: hidden; } #app.app-desktop .bodymain .file-continer-main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 50px; overflow: auto; } #app.app-desktop .menuwin { position: absolute; left: 0; bottom: 33px; display: none; z-index: 9999; height: 405px; width: 400px; } #app.app-desktop .menuwin #startmenu { border: solid 1px #102a3e; display: block; width: 100%; height: 100%; opacity: 0.9; filter: alpha(opacity=90); position: absolute; bottom: 0px; z-index: -1; -webkit-border-radius: 5px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #619bb9; background: -webkit-gradient(linear,center top,center bottom,from(#327aa4),color-stop(45%,#2e4b5a),to(#5cb0dc)); background: rgba(0,0,0,0.5); } #app.app-desktop .menuwin #leftspliter { margin: 0 15px 0 15px; border-top: solid 1px #d6e5f5; } #app.app-desktop .menuwin #rightspliter { margin: 0 7px 0 7px; border-top: solid 1px #596d77; } #app.app-desktop .menuwin #links, #app.app-desktop .menuwin #programs { padding: 0; list-style: none; } #app.app-desktop .menuwin #programs { background: #fff; border: solid 1px #365167; height: 385px; float: left; margin: 7px 0 7px 7px; box-shadow: 0 0 1px #fff; width: 250px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; } #app.app-desktop .menuwin #programs a { border: solid 1px transparent; display: block; padding: 3px; height: 30px; line-height: 30px; margin: 3px 10px; color: #4b4b4b; text-decoration: none; } #app.app-desktop .menuwin #programs a:hover, #app.app-desktop .menuwin #programs a:active { border: solid 1px #7da2ce; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px #fff; background-color: #cfe3fd; background: -webkit-gradient(linear,center top,center bottom,from(#dcebfd),to(#c2dcfd)); } #app.app-desktop .menuwin #programs a img { border: 0; vertical-align: middle; margin: 0 5px 0 0; } #app.app-desktop .menuwin #links { float: left; margin-left: 10px; margin-top: -50px; } #app.app-desktop .menuwin #links li.icon { height: 60px; } #app.app-desktop .menuwin #links a { border: solid 1px transparent; display: block; margin: 5px 0; position: relative; color: #fff; text-decoration: none; min-width: 120px; } #app.app-desktop .menuwin #links a:hover, #app.app-desktop .menuwin #links a:active { border: solid 1px #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; background-color: #658da0; background: -webkit-gradient(linear,0% 100%,100% 100%,from(#517384),color-stop(50%,#79a3b8),to(#517384)); } #app.app-desktop .menuwin #links a:hover span, #app.app-desktop .menuwin #links a:active span { background: -webkit-gradient(linear,center top,center bottom,from(transparent),color-stop(49%,transparent),color-stop(50%,rgba(2,37,58,0.5)),to(rgba(63,111,135,0.5))); } #app.app-desktop .menuwin #links a span { padding: 5px; padding-left: 10px; display: block; } #app.app-desktop .taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../images/common/desktop/taskbarbg.png'); } #app.app-desktop .taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px; } #app.app-desktop .taskbar-right { position: fixed; right: 0px; bottom: -1px; z-index: 2; } #app.app-desktop .taskbar-right .taskbar-item { float: left; cursor: pointer; color: #fff; font-size: 18px; z-index: 999; width: 32px; height: 32px; line-height: 32px; text-align: center; opacity: 0.8; } #app.app-desktop .taskbar-right .taskbar-item:hover, #app.app-desktop .taskbar-right .taskbar-item:active { text-shadow: 0 0 10px #fff; opacity: 1.0; filter: alpha(opacity=100); background: rgba(255,255,255,0.1); } #app.app-desktop .taskbar-right .tab-hide-all { width: 23px; height: 30px; border-radius: 4px; cursor: pointer; border: 1px solid rgba(255,255,255,0.4); float: right; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0)); } #app.app-desktop .taskbar-right .tab-hide-all:hover, #app.app-desktop .taskbar-right .tab-hide-all:active { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.7)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0)); -pie-background: linear-gradient(to top,rgba(255,255,255,0.7),rgba(255,255,255,0)); box-shadow: 0 0 10px #fff; } #app.app-desktop .full-background { display: none !important; } #app.app-desktop .full-background-wall { position: absolute; display: block !important; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; transition: all ease-in-out .4s; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; background-color: #434952; } #app.app-desktop .full-background-wall img { position: absolute; width: 1px; height: 1px; } #app.app-desktop .full-background-wall:before { background: none; } #app.app-desktop .topbar { background: #eee; background-color: rgba(190,190,190,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #app.app-desktop .topbar .content { border-bottom: 1px solid #ddd; border-bottom-color: transparent; } #app.app-desktop .topbar .content .topbar-menu { color: #fff; border-color: rgba(190,190,190,0.1); } #app.app-desktop .topbar .content .topbar-menu, #app.app-desktop .topbar .content .topbar-menu.font-icon { text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000; } #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:active, #app.app-desktop .topbar .content .open .topbar-menu, #app.app-desktop .topbar .content .topbar-menu:hover, #app.app-desktop .topbar .content .topbar-menu.this { background: rgba(255,255,255,0.3); } #app.app-desktop .file-list-icon .file { float: none; color: #fff; border: none; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000; border-radius: 2px; } #app.app-desktop .file-list-icon .file .title-type-name { padding-bottom: 1px; } #app.app-desktop .file-list-icon .file.hover { background: #fff \9; background: rgba(255,255,255,0.2); background-color: #aaa\9; border: none; color: #fff; } #app.app-desktop .file-list-icon .file.select, #app.app-desktop .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-list-icon .file.select.hover, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover { border: none; color: #fff; background-color: #eee\9; color: #444\9; background: #fff \9; background: rgba(255,255,255,0.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } #app.app-desktop .file-list-icon .file.select .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-list-icon .file.file-select-drag-temp.hover .title-type-name { background: none; } #app.app-desktop .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border: none; margin-left: -2px; border-top: 1px solid #aaa; } #app.app-desktop .file-list-icon .file .item-select, #app.app-desktop .file-list-icon .file .item-menu { z-index: 9; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file { float: none; color: #fff; border: none; display: inline-block; text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file .title-type-name { padding-bottom: 1px; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.hover { background: #fff \9; background: rgba(255,255,255,0.2); background-color: #aaa\9; border: none; color: #fff; } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover { border: none; color: #fff; background: #fff \9; background: rgba(255,255,255,0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.select.hover .title-type-name, #app.app-desktop .file-continer.file-draging-box .file-list-icon .file.file-select-drag-temp.hover .title-type-name { background: none; } #app.app-desktop .random-wallpaper { position: absolute; width: 40px; height: 60px; bottom: 30px; right: 25px; z-index: 10; } #app.app-desktop .random-wallpaper .flower { width: 40px; z-index: 3; position: absolute; left: 0; top: 0; cursor: pointer; } #app.app-desktop .random-wallpaper .body-line { width: 5px; height: 30px; position: absolute; bottom: 0; left: 18px; background-color: #fff; z-index: 2; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-box.config-box .panel-form-body { padding: 0; margin: 0; padding-bottom: 10px; border-radius: 0; border: none; min-width: 560px; top: -2px; left: 0; position: relative; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-header { display: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-box .form-row { padding: 0px 10px; } .dialog-form.dialog-form-has-menu.share-dialog-box.dialog-form.dialog-no-title .form-box.config-box .form-header { background: #fff; border: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-item-bar { display: none !important; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-content { min-height: 300px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader { margin: 0; padding: 0; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .setting-content { width: 100%; padding: 0; border: none; float: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info { padding: 10px 10px 10px 60px; position: relative; border: 1px solid #e4ebfe; border-left: none; border-right: none; border-radius: 0; height: 120px; margin-bottom: 20px; color: #96a5af; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info .path-ico { width: 80px; height: 80px; margin-right: 10px; margin-top: 10px; position: absolute; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info .right-desc { position: absolute; left: 150px; right: 30px; top: 20px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .name { line-height: 35px; height: 35px; font-size: 16px; color: #57666f; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .name, .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareHeader .share-info .right-desc .desc-location { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-box .form-row .setting-title { text-align: right; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group { position: absolute; margin: 0; padding: 0; text-align: center; width: 100%; height: 30px; z-index: 10; background: none; top: 106px; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item { float: none; display: inline-block; padding: 1px 20px; height: 30px; font-size: 13px; line-height: 30px; border-radius: 3px 3px 0 0 !important; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; cursor: pointer; background: #edf6ff; border: 1px solid #e2f1ff !important; border-bottom: 1px solid #e4ebfe; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item .tab-item-content { padding: 0; height: inherit; line-height: inherit; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item:active { color: #1890ff; background: #def; border-color: #e4ebfe !important; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item.active { background: #fff; color: #1890ff; border: 1px solid #e4ebfe !important; border-bottom-color: transparent !important; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item.active:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .tab-item.active:active { color: #1890ff; background: #fff; } .dialog-form.dialog-form-has-menu.share-dialog-box .tab-group .font-icon { opacity: 0.9; position: relative; top: 2px; font-size: 14px; width: 20px; height: 20px; line-height: 20px; display: inline-block; text-align: center; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-password .input-title-right { cursor: pointer; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-password .input-title-right:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-password .input-title-right:active { color: #444; background: #eee; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content input { background: #fdfdfd; border-color: #ddd; width: 227px; box-shadow: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content .btn { padding: 0px 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; margin: 0; margin-right: -5px; margin-top: 1px; vertical-align: top; font-size: 12px; background: #fafafa; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content .btn:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content .btn:active { color: #444; background: #eee; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content .btn.link-qrcode { border-radius: 0 3px 3px 0; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareLink .setting-content .desc { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; margin-left: -15px; position: relative; top: -1px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-timeTo .setting-content input.span-title-right { width: 163px; border-radius: 3px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-timeTo .setting-content .input-title-right { display: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .setting-title { display: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .setting-content { width: inherit; float: none; clear: both; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-dropdown { border-top-right-radius: 4px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main { margin-top: 10px; margin-bottom: 5px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .btn.add-user-group { position: absolute; right: 5px; top: -33px; height: 25px; line-height: 25px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box { height: 260px; overflow: hidden; overflow-y: auto; padding: 0px 0px 20px 0; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: -1px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .auth-select-box .item-choice:active { border-color: #91d5ff; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-authTo .kod-select-main .item-null { text-align: center; line-height: 220px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-shareTitle { margin-left: 16px; margin-top: 10px; font-size: 14px; padding-left: 10px; color: #666; border-left: 4px solid #1890ff; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-title { display: none; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-optionSwitch .setting-content label { display: inline-block; min-width: 160px; margin-right: -4px; background: #fefefe; margin-bottom: -1px; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-optionSwitch .setting-content label:hover, .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-optionSwitch .setting-content label:active { background: #fdfdfd; } .dialog-form.dialog-form-has-menu.share-dialog-box .form-row.item-optionSwitch .setting-content { max-width: 380px; } .share-page-main .share-password-box { width: 350px; border-top: 3px solid #03A9F4; margin: 0 auto; height: 250px; margin-top: -125px; position: relative; top: 40%; font-size: 13px; color: #666; text-align: center; background: #fff; border-radius: 4px; padding-bottom: 50px; box-shadow: rgba(0,0,0,0.1) 0px 5px 50px; } .share-page-main .share-password-box .title { font-size: 20px; display: block; margin-bottom: 20px; background: #fcfcfc; border-bottom: 1px dashed #eee; font-weight: 400; line-height: 60px; } .share-page-main .share-password-box .share-login { background: linear-gradient(45deg,#135fac 1%,#1e88e5 64%,#40baf5 97%); border: none; border-radius: 4px; box-shadow: rgba(37,45,51,0.5) 0px 5px 30px -5px; color: #fff; font-size: 15px; letter-spacing: 2px; padding: 10px; width: 220px; } .share-page-main .share-password-box .share-login.hover { box-shadow: rgba(37,45,51,0.8) 0px 5px 30px -5px; } .share-page-main .share-password-box input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 32px; width: 227px; display: inline-block; padding: 0px 5px; border-radius: 4px; margin: 25px auto 20px auto; } .share-page-main .share-password-box input:hover, .share-page-main .share-password-box input:active { border-color: #75A1F0; } .share-page-main .share-password-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .share-page-main .share-password-box input.disabled, .share-page-main .share-password-box input[readonly='true'] { opacity: 0.7; } .share-page-main .share-password-box input.disabled:hover, .share-page-main .share-password-box input.disabled:active, .share-page-main .share-password-box input[readonly='true']:hover, .share-page-main .share-password-box input[readonly='true']:active { border-color: #ddd; } .share-page-main .share-password-box input.disabled:focus, .share-page-main .share-password-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .share-page-main .common-header .topbar { width: 100%; height: 39px; color: #666; background: #fff; position: absolute; top: 0; z-index: auto; border-bottom: 1px solid rgba(100,100,100,0.1); } .share-page-main .common-header .topbar .content { padding: 0px; line-height: 39px; height: 38px; word-break: break-all; } .share-page-main .common-header .topbar .content i.font-icon { display: inline-block; padding-right: 10px; font-size: 1.1em; } .share-page-main .common-header .topbar .content .topbar-menu { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; overflow: hidden; color: #888; font-size: 14px; text-decoration: none; border: 1px solid #eee; border-top: none; border-bottom: none; margin-left: -1px; padding: 0px 1.2em; float: left; } .share-page-main .common-header .topbar .content .topbar-menu.title { font-size: 20px; width: 200px; padding: 0; text-align: center; } .share-page-main .common-header .topbar .content .topbar-menu.title:hover, .share-page-main .common-header .topbar .content .topbar-menu.title:focus { background: none; } .share-page-main .common-header .topbar .content .top-left { height: 40px; position: absolute; left: 0px; right: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .share-page-main .common-header .topbar .content .top-right { position: absolute; right: 0px; top: 0px; margin-right: 0px; height: 40px; } .share-page-main .common-header .topbar .content .top-right .menu-group { height: 40px; margin-right: -1px; float: left; position: relative; } .share-page-main .common-header .topbar .content .top-right .topbar-menu { display: inline-block; padding: 0px 12px; } .share-page-main .common-header .topbar .content .top-right .topbar-menu:hover, .share-page-main .common-header .topbar .content .top-right .topbar-menu:active { background: #eee; } .share-page-main .common-header .topbar .content .top-right .topbar-menu i { padding-right: 3px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu { margin-top: -1px; padding: 10px 0; font-size: 12px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu i { font-size: 13px; width: 10px; position: relative; top: 2px; display: inline-block; text-align: center; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language { width: 470px; padding: 10px 5px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language li { width: 115px; float: left; margin: 0 1px 1px 0; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language a { padding: 0 8px 0 8px; height: 26px; line-height: 26px; font-size: 13px; } .share-page-main .common-header .topbar .content .top-right ul.dropdown-menu.topbar-language i.flag { padding-right: 0px; background-color: #eee; position: relative; top: 1px; } .share-page-main .common-header .topbar .content .share-title { text-align: center; margin-left: 8px; margin-right: 7px; } .share-page-main .common-header .topbar .content .share-title-info { font-size: 1.25em; padding: 6px; } .share-page-main .common-header .topbar .content .share-info { font-size: 1em; display: inline; } .share-page-main .common-header .topbar .content .share-info .time { padding-left: 5px; padding-right: 8px; } .share-page-main .common-header .topbar .content .top-right .share-info-user { margin-right: 10px; position: relative; } .share-page-main .common-header .topbar .content .top-right .share-info-user .info { padding-right: 10px; } .share-page-main .common-header .topbar .content .top-right .share-info-user .kui-btn { overflow: inherit; } .share-page-main .common-header .topbar ul.dropdown-menu.topbar-submenu { right: auto; left: auto; margin-left: -1px; margin-top: -1px; font-size: 12px; padding: 20px 0 10px 20px; width: 380px; } .share-page-main .content-box { width: 100%; bottom: 30px; top: 40px; position: absolute; } .share-page-main .content-box .bindary-box { width: 300px; margin: 0 auto; padding-bottom: 40px; background: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.2); margin-top: 5%; border-radius: 4px; } .share-page-main .content-box .bindary-box .title { width: 100%; height: 150px; padding-top: 20px; border-radius: 4px 4px 0 0; background: #6699cc url("../../images/common/login.png") -110px 0px; } .share-page-main .content-box .bindary-box .ico { width: 140px; height: 140px; border-radius: 100px; overflow: hidden; margin: 0 auto; background: rgba(255,255,255,0.4); text-align: center; } .share-page-main .content-box .bindary-box .ico img { width: 80%; padding-top: 15px; } .share-page-main .content-box .bindary-box .ico .path-ico { width: auto; height: auto; } .share-page-main .content-box .bindary-box .ico .x-item-icon { width: 90px; height: 90px; margin: 28px auto; } .share-page-main .content-box .bindary-box .content-info { text-align: center; } .share-page-main .content-box .bindary-box .content-info .name { padding: 30px; padding-bottom: 2px; font-size: 22px; word-wrap: break-word; word-break: break-all; } .share-page-main .content-box .bindary-box .content-info .size { color: #888; } .share-page-main .content-box .bindary-box .content-info .size i { font-style: normal; color: #aaa; padding-left: 10px; } .share-page-main .content-box .bindary-box .content-info .error-tips { padding-top: 15px; color: #bbb; } .share-page-main .content-box .bindary-box .content-info .share-download { margin-top: 30px; width: 100px; font-size: 15px; } .share-page-main .content-box .frame-main-explorer .kod-toolbar .btn.disabled { display: none !important; } .share-page-main .content-box .frame-main-explorer .frame-header .header-content .search-box .search-more { display: none; } .share-page-main .content-box .frame-main-explorer .frame-header .header-content .search-box .search-clear { right: 40px; } .share-page-main .content-box .frame-main-explorer [data-action='fav-add-current'] { display: none; } .share-page-main .content-box .frame-main-explorer .ztree li a.level0 { padding-left: 0; margin: 5px 0 0 -5 !important; } .share-page-main .content-box .context-menu-list .context-menu-item.disabled, .share-page-main .content-box .context-menu-list .context-menu-item.disabled + .context-menu-separator, .share-page-main .content-box .context-menu-list .context-menu-item.more-action, .share-page-main .content-box .context-menu-list .context-menu-item.more-action + .context-menu-separator { display: none !important; } .share-page-main .content-box .show-image { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; } .share-page-main .content-box .show-image img { max-width: 80%; max-height: 95%; max-width: 90%; box-shadow: 1px 1px 10px rgba(0,0,0,0.3), 0px 10px 10px rgba(0,0,0,0.1); } .share-page-main .content-box .show-pdf, .share-page-main .content-box .show-iframe { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .share-page-main .content-box .markdown-preview { min-width: 200px; max-width: 800px; margin: 50px auto; padding: 0 15px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .share-page-main .content-box .markdown-preview .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .share-page-main .content-box .markdown-preview .markdown-menu ul { padding: 0; margin: 0; } .share-page-main .content-box .markdown-preview .markdown-menu ul li { list-style: none; } .share-page-main .content-box .markdown-preview .markdown-menu ul li:last-child { margin-bottom: 20px; } .share-page-main .content-box .markdown-preview .markdown-menu a { color: #666; font-size: 13px; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .share-page-main .content-box .markdown-preview .markdown-menu a:hover, .share-page-main .content-box .markdown-preview .markdown-menu a:active { background: #def; color: #1890ff; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 14px; line-height: 1.5em; color: #fff; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a:hover, .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h1 a:active { background: none; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .share-page-main .content-box .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .share-page-main .content-box .show-code { border: 1px solid #e6e6e6; width: 80%; position: absolute; bottom: 20px; left: 10%; top: 20px; overflow: hidden; border-radius: 3px; } .share-page-main .content-box .show-code pre.ace_editor { height: 100% !important; width: 100% !important; font-size: 13px; line-height: 1.5em; } .share-page-main .content-box .show-code .code { padding: 0px; margin: 0; height: 100%; } .share-page-main .content-box .show-flash { width: 80%; height: 90%; margin: 0 auto; padding-top: 30px; } .share-page-main .content-box .target-menu { position: absolute; margin-left: -1.5em; display: inline-block; text-align: center; width: 2em; } .share-page-main .content-box h1:hover .target-menu, .share-page-main .content-box h1:active .target-menu, .share-page-main .content-box h2:hover .target-menu, .share-page-main .content-box h2:active .target-menu, .share-page-main .content-box h3:hover .target-menu, .share-page-main .content-box h3:active .target-menu, .share-page-main .content-box h4:hover .target-menu, .share-page-main .content-box h4:active .target-menu, .share-page-main .content-box h5:hover .target-menu, .share-page-main .content-box h5:active .target-menu, .share-page-main .content-box h6:hover .target-menu, .share-page-main .content-box h6:active .target-menu { display: block !important; visibility: visible !important; } .share-page-main .common-footer { position: fixed; bottom: 0px; background: #f8f8f8; color: #999; font-size: 1em; width: 100%; text-align: center; border-top: 1px solid #e8e8e8; height: 31px; line-height: 32px; overflow: hidden; } .share-page-main .content-main-message .btn-login { border-radius: 4px; border: 1px solid #1890ff; background-color: #1890ff; box-shadow: rgba(255,255,255,0.1) 0px 1px 0px inset, rgba(0,0,0,0.1) 0px 1px 1px; transition: all 0.16s ease 0s; color: #fff; position: relative; display: block; width: 150px; margin: 10px auto; padding: 7px 10px; } .share-page-main .content-main-message .btn-login:hover, .share-page-main .content-main-message .btn-login:active { opacity: 0.8; } body .x-item-icon.x-folder, body .x-item-icon.x-source { background-image: url("../../images/file_icon/icon_others/folder_win10.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10.png',sizingMethod='scale'); } body .x-item-icon.x-folder.small, body .x-item-icon.x-source.small { background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); } body .frame-left .x-item-icon.small.x-folder, body .frame-left .x-item-icon.small.x-source, body .file-list-list .x-item-icon.small.x-folder, body .file-list-list .x-item-icon.small.x-source, body .file-list-split .x-item-icon.small.x-folder, body .file-list-split .x-item-icon.small.x-source { width: 18px; height: 18px; background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); background-image: none \9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/images/file_icon/icon_others/folder_win10_small.png',sizingMethod='scale'); } body .file-list-split .x-item-icon.small.x-folder, body .file-list-split .x-item-icon.small.x-source { margin-top: -1px; } body .dropdown-menu { border-radius: 0px; } body .dropdown-menu a:hover, body .dropdown-menu .this a, body .dropdown-menu a:active { background: #eee; color: #444; } body .dialog-form.dialog-no-title.dialog-simple .aui-outer, body .artDialog.dialog-simple .aui-outer { box-shadow: none !important; border: none !important; } body .dialog-form.dialog-no-title .form-box.config-box .form-header, body .artDialog .form-box.config-box .form-header { background: #fcfcfc; border-bottom: 1px solid #f6f6f6; } body .dialog-form.dialog-no-title .aui-outer, body .artDialog .aui-outer { box-shadow: 0 6px 40px 0 rgba(16,17,18,0.3) !important; border: none !important; border-radius: 4px; overflow: hidden; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons, body .artDialog .aui-outer .aui-buttons { background: #fcfcfc; border-top: solid 1px #f6f6f6; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button, body .artDialog .aui-outer .aui-buttons button { padding: 0px 20px; background: #eee; color: #888; height: 30px; border-radius: 2px; box-shadow: none; border: none; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:hover, body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, body .artDialog .aui-outer .aui-buttons button:hover, body .artDialog .aui-outer .aui-buttons button:active { color: #2196F3; background: #eaf5ff; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button:active, body .artDialog .aui-outer .aui-buttons button:active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight { padding: 0px 35px; background: #1890ff; color: #fff; box-shadow: none; } body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:hover, body .dialog-form.dialog-no-title .aui-outer .aui-buttons button.aui-state-highlight:active, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight:hover, body .artDialog .aui-outer .aui-buttons button.aui-state-highlight:active { color: #fff; background: #5d9eff; } body .aui-outer { box-shadow: 0px 5px 10px rgba(0,0,0,0.2); border: 1px solid #bbb; border-color: rgba(0,0,0,0.2); } body .aui-outer .aui-title { background: #fff; color: #666; border-bottom: 1px solid #f1f1f1; border-bottom: none; } body .aui-outer .aui-buttons { border-top: solid 1px #eee; background: #f8f8f8; } body .aui-outer .aui-buttons button { padding: 1px 1.5em; border: 1px solid #ccc; color: #222; background: #eee; } body .aui-outer .aui-buttons button:hover { background: #fbfbfb; } body .aui-outer .aui-buttons button:active { background: #e1e1e1; } body .aui-outer .aui-buttons button.aui-state-highlight { border-color: #96c7ff; box-shadow: 0 0 2px #96c7ff; } body .aui-outer .aui-buttons button.aui-state-highlight:hover { color: #111; } body .aui-outer .aui-buttons button.aui-state-highlight:active { color: #111; } body .aui-outer .aui-min { right: 80px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYV2NgGGbgP5F40AMAIN0J96UZJscAAAAASUVORK5CYII="); } body .aui-outer .aui-max { right: 40px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGD4TySGEATAqELiFBLEAISgI91xKgmgAAAAAElFTkSuQmCC"); } body .aui-outer .aui-close { right: 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQYlWNgYGD4D8TGDLiBMVQNgzErOwcuxRhy2BTjNABZAp8tCMWEFBGtkCirifIM0cFDVIADAOrvG43QTSHZAAAAAElFTkSuQmCC"); } body .aui-outer .aui-min, body .aui-outer .aui-max, body .aui-outer .aui-close { color: #888; background-position: center center; background-repeat: no-repeat; height: 31px; width: 40px; line-height: 31px; background-color: #fff; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; } body .aui-outer .aui-min:before, body .aui-outer .aui-max:before, body .aui-outer .aui-close:before { content: ""; } body .aui-outer .aui-min:hover, body .aui-outer .aui-min:active, body .aui-outer .aui-max:hover, body .aui-outer .aui-max:active, body .aui-outer .aui-close:hover, body .aui-outer .aui-close:active { color: #333; background-color: #ddd; } body .aui-outer .aui-close:hover, body .aui-outer .aui-close:active { background-color: #e81123; color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOklEQVQYV2P4/+//+f/fv6cw4AAgOZAaCAMEsCjGkMOmGKcByBL4bEFVjE8R0QqJspoozxAdPMQGOABXELkNcbMs5wAAAABJRU5ErkJggg=="); } body .dialog-min-size .aui-min { right: 40px; } body .dialog-min-size .aui-max { display: none; } body .aui-state-focus .aui-outer { box-shadow: 0px 0px 20px rgba(0,140,255,0.46); border: 1px solid #71b9f3; } body .dialog-copyright.dialog-simple .aui-close, body .share-dialog.dialog-simple .aui-close, body .check-version-dialog.dialog-simple .aui-close { opacity: 0.6; background: rgba(0,0,0,0.4); } body .dialog-copyright.dialog-simple .aui-close:before, body .share-dialog.dialog-simple .aui-close:before, body .check-version-dialog.dialog-simple .aui-close:before { font-family: 'icomoon'; content: "\f00d"; background-image: none; } body .dialog-copyright.dialog-simple .aui-close:hover, body .dialog-copyright.dialog-simple .aui-close:active, body .share-dialog.dialog-simple .aui-close:hover, body .share-dialog.dialog-simple .aui-close:active, body .check-version-dialog.dialog-simple .aui-close:hover, body .check-version-dialog.dialog-simple .aui-close:active { background-image: none; } body div.dialog-simple .aui-title { border-radius: 0; } body div.dialog-simple .aui-min, body div.dialog-simple .aui-max, body div.dialog-simple .aui-close { background-color: rgba(255,255,255,0.8); border-radius: 0; } body div.dialog-simple .aui-min:hover, body div.dialog-simple .aui-min:active, body div.dialog-simple .aui-max:hover, body div.dialog-simple .aui-max:active, body div.dialog-simple .aui-close:hover, body div.dialog-simple .aui-close:active { background-color: rgba(255,255,255,0.95); } body div.dialog-simple .aui-close { right: 4px; } body div.dialog-simple .aui-close:hover, body div.dialog-simple .aui-close:active { background-color: #e81123; } body div.file-continer.file-list-split .file.file2 { background: none; } body div.file-continer.file-list-split .file.hover { background: #e5f3ff; border-color: transparent; } body div.file-continer.file-list-split .file.select-split-parent { background: #e3f0ff; border-color: #c9e2ff; } body div.file-continer .file { border-radius: 0; filter: none; color: #335; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; -ms-transition: transform 0.2s; transition: transform 0.2s; } body div.file-continer .file.select, body div.file-continer .file.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.select:focus, body div.file-continer .file.select.file-focus, body div.file-continer .file.file-select-drag-temp:focus, body div.file-continer .file.file-select-drag-temp.file-focus { border-color: #66baff; } body div.file-continer .file.hover { background: #e5f3ff; border-color: transparent; } body div.file-continer .file.hover.select, body div.file-continer .file.hover.file-select-drag-temp { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.hover.select:focus, body div.file-continer .file.hover.select.file-focus, body div.file-continer .file.hover.file-select-drag-temp:focus, body div.file-continer .file.hover.file-select-drag-temp.file-focus { border-color: #66baff; } body div.file-continer .file:focus, body div.file-continer .file.file-focus { border-color: #99d1ff; } body div.file-continer .file.select.file2, body div.file-continer .file.file-select-drag-temp.file2 { background: #cce8ff; border-color: #99d1ff; } body div.file-continer .file.select.file2:focus, body div.file-continer .file.select.file2.file-focus, body div.file-continer .file.file-select-drag-temp.file2:focus, body div.file-continer .file.file-select-drag-temp.file2.file-focus { border-color: #66baff; } body div.file-continer.file-list-split .file, body div.file-continer.file-list-list .file { margin-bottom: 1px; } body .context-menu-list { box-shadow: 4px 5px 10px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.1); border-radius: 0; border: none; } body .context-menu-list .context-menu-item { line-height: 25px; height: 25px; } body .context-menu-list .context-menu-item.hover, body .context-menu-list .context-menu-item.selected.hover { background: #e1e1e1; color: #444; } body .context-menu-list .context-menu-item.hover .font-icon, body .context-menu-list .context-menu-item.selected.hover .font-icon { color: #888; } body .context-menu-list .context-menu-item.hover > .context-menu-list .hover .font-icon { color: #888; } body .context-menu-list .hover > span > b { color: #888; } body .tasktab-dragging { box-shadow: 0 0 6px #2196f3; border-color: #2196f3; } .markdown-preview { font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; text-align: justify; margin: auto; font-size: 13px; line-height: 1.6em; color: #555; } .markdown-preview article, .markdown-preview footer, .markdown-preview header, .markdown-preview nav { margin: 0 auto; } .markdown-preview article { margin-top: 4em; margin-bottom: 4em; min-height: 400px; } .markdown-preview footer { margin-bottom: 50px; } .markdown-preview video { margin: 2em 0; border: 1px solid #ddd; } .markdown-preview nav { font-size: .9em; font-style: italic; border-bottom: 1px solid #ddd; padding: 1em 0; } .markdown-preview nav p { margin: 0; } .markdown-preview details { margin: 15px 0; } .markdown-preview summary { cursor: pointer; padding: 4px; } .markdown-preview summary:focus { outline: none; box-shadow: 0 0 3px #2196F3; } .markdown-preview .h1, .markdown-preview h1 { font-size: 2.2em; } .markdown-preview .h2, .markdown-preview h2 { font-size: 1.8em; } .markdown-preview .h3, .markdown-preview h3 { font-size: 1.6em; } .markdown-preview .h4, .markdown-preview h4 { font-size: 1.3em; } .markdown-preview .h5, .markdown-preview h5 { font-size: 1.2em; } .markdown-preview .h6, .markdown-preview h6 { font-size: 1.1em; } .markdown-preview .h1, .markdown-preview .h2, .markdown-preview .h3, .markdown-preview .h4, .markdown-preview .h5, .markdown-preview .h6, .markdown-preview h1, .markdown-preview h2, .markdown-preview h3, .markdown-preview h4, .markdown-preview h5, .markdown-preview h6 { font-family: inherit; font-weight: 500; color: #333; line-height: 1.2em; padding: 0.3em 0; margin: 0.8em 0 0.4em 0; word-break: break-all; } .markdown-preview .h1, .markdown-preview h1 { letter-spacing: 1px; border-bottom: 1px solid #ddd; } .markdown-preview .h2, .markdown-preview h2 { padding-bottom: 0.15em; } .markdown-preview p { -webkit-hypens: auto; -moz-hypens: auto; hyphens: auto; margin: 10px 0; } .markdown-preview p, .markdown-preview li, .markdown-preview div, .markdown-preview ul { word-break: break-all; } .markdown-preview blockquote { margin-left: 1em; padding: 10px 15px; margin: 10px 0 20px 0; background: #f6f6f6; border-left: 7px solid rgba(102,128,153,0.1); background: rgba(102,128,153,0.04); } .markdown-preview blockquote p { margin: 0; font-weight: 400; line-height: 1.6em; } .markdown-preview code { padding: 2px 4px; color: #c7254e; white-space: inherit; background-color: #f9f2f4; border-radius: 4px; } .markdown-preview pre { display: block; padding: 0; overflow: auto; margin: 0 0 10px; font-size: 1em; line-height: 1.5; color: #333; background: none; border-radius: 4px; } .markdown-preview code, .markdown-preview kbd, .markdown-preview pre, .markdown-preview samp { font-family: Consolas, 'Liberation Mono', 'Ubuntu Mono', Menlo, Courier, sans-serif; } .markdown-preview pre code { background: #f8f8f8; color: #777; white-space: pre-wrap; padding: 6px 1em; border: 1px solid #eee; display: block; } .markdown-preview a { color: #1980e6; text-decoration: none; } .markdown-preview a:hover, .markdown-preview a:active { text-decoration: underline; } .markdown-preview a img { border: none; } .markdown-preview img { max-width: 100%; } .markdown-preview h1 a, .markdown-preview h1 a:hover, .markdown-preview h1 a:active { text-decoration: none; } .markdown-preview hr { border: 0 none; height: 4px; margin: 1.2em 0; background: rgba(0,0,0,0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0; } @media screen and (min-width: 900px) { .markdown-preview body { width: 900px; } } .markdown-preview ul, .markdown-preview ol { padding: 0.2em 0 0.2em 2em; } .markdown-preview table { border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; } .markdown-preview table thead { background: #eee; } .markdown-preview table td, .markdown-preview table th { padding: .5em; border: 1px solid #ddd; line-height: 1.5; } .markdown-preview table tr:nth-child(even) { background: #f9f9f9; } .markdown-preview ul.contains-task-list { padding: 0.2em 0 0.2em 0.5em; list-style: none; } .markdown-preview ul.contains-task-list input { margin-right: 6px; width: 1em; height: 1em; font-size: 14px; } .markdown-preview .footnotes { background: #fafafa; padding: 0 15px 0 0; border-radius: 4px; color: #888; } .markdown-preview .markdown-flow { background: #fff; padding: 15px; } .markdown-preview .markdown-flow .label { color: #444; } .markdown-preview .katex-display { text-align: center; font-size: 1.3em; color: #000; margin-bottom: 1.5em; } .markdown-preview .latex-inline .katex-display { display: inline-block; font-size: 0.8em; } .markdown-preview .katex-display > .katex { white-space: pre-wrap; word-break: break-all; } .markdown-preview .text-align-center { text-align: center; } .markdown-preview .markdown-alert { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; line-height: 1.5; padding: 8px 15px 8px 40px; margin: 6px 0; color: rgba(0,0,0,0.6); border-radius: 4px; border: 1px solid #eee; background-color: #f6f6f6; border: none; } .markdown-preview .markdown-alert p { padding: 0; margin: 0; } .markdown-preview .markdown-alert-icon { font-size: 18px; height: 100%; position: absolute; left: 12px; top: 0; margin-top: 7px; } .markdown-preview .markdown-alert-info { border-color: #91d5ff; background-color: #e6f7ff; } .markdown-preview .markdown-alert-warning { border-color: #ffe58f; background-color: #fffbe6; } .markdown-preview .markdown-alert-success { border-color: #b7eb8f; background-color: #f6ffed; } .markdown-preview .markdown-alert-error { border-color: #f5222d; background-color: #fff1f0; } .markdown-preview .markdown-alert-icon-success { color: #52c41a; } .markdown-preview .markdown-alert-icon-info { color: #1890ff; } .markdown-preview .markdown-alert-icon-warning { color: #faad14; } .markdown-preview .markdown-alert-icon-error { color: #f5222d; } .markdown-preview .markdown-tips { border-radius: 2px; padding: 1em; position: relative; box-shadow: 0 0 2px rgba(0,0,0,0.1); } .markdown-preview .markdown-tips-default { background: rgba(210,210,210,0.1); } .markdown-preview .markdown-tips-help { background: rgba(66,185,131,0.1); } .markdown-preview .markdown-tips-info { background-color: #f8f8f8; border-left: 4px solid #f66; padding: 12px 24px 12px 30px; border-radius: 0 2px 2px 0; } .markdown-preview .markdown-tips-info:before { background-color: #f66; border-radius: 100%; color: #fff; content: "!"; font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; font-weight: 600; text-align: center; line-height: 20px; width: 20px; height: 20px; position: absolute; left: -12px; top: 14px; } .code-theme-black .markdown-preview { background: #333; color: #bbb; } .code-theme-black .markdown-preview .footnotes { background: #444; } .code-theme-black .markdown-preview pre, .code-theme-black .markdown-preview code, .code-theme-black .markdown-preview pre code { color: #777; border-color: #444; background: #444; } .code-theme-black .markdown-preview code { color: #C5AC18; background: #555; background: rgba(255,255,255,0.15); } .code-theme-black .markdown-preview a { color: #FFA500; } .code-theme-black .markdown-preview hr { border-bottom: 1px solid #444; background-image: none; } .code-theme-black .markdown-preview .h1, .code-theme-black .markdown-preview .h2, .code-theme-black .markdown-preview .h3, .code-theme-black .markdown-preview .h4, .code-theme-black .markdown-preview .h5, .code-theme-black .markdown-preview .h6, .code-theme-black .markdown-preview h1, .code-theme-black .markdown-preview h2, .code-theme-black .markdown-preview h3, .code-theme-black .markdown-preview h4, .code-theme-black .markdown-preview h5, .code-theme-black .markdown-preview h6 { color: #fff; } .code-theme-black .markdown-preview .h1, .code-theme-black .markdown-preview h1 { border-bottom: 1px solid #666; } .code-theme-black .markdown-preview table thead { background: #3e3e3e; } .code-theme-black .markdown-preview table td, .code-theme-black .markdown-preview table th { border-color: #444; } .code-theme-black .markdown-preview table tr:nth-child(even) { background: #393939; } .code-theme-black .markdown-preview .katex-display { color: #fff; } .code-theme-black .markdown-preview .markdown-tips-info { background-color: rgba(255,255,255,0.15); } .edit-content.markdown-full-page pre.ace_editor { width: 100% !important; } .edit-content.markdown-full-page .resize { display: none; } .edit-content.markdown-full-page .edit-right-frame { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 9999; width: 100% !important; } .edit-content.markdown-full-page .edit-right-frame .right-main { width: 100% !important; } .edit-content.markdown-full-page .edit-right-frame .display-markdown { width: 100% !important; background: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool .toolbar { width: 80%; left: 10%; border: none; border-bottom: 1px solid #ddd; background: rgba(240,240,240,0.5); display: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] { pointer-events: none; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-markdown"] i.font-icon { opacity: 0.3; } .edit-content.markdown-full-page .edit-right-frame .preview-markdown-tool a[action="toggle-full"] i.font-icon:before { font-family: 'icomoon'; content: "\f066"; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview { min-width: 200px; max-width: 800px; margin: 50px auto; padding: 0 15px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul { padding: 0; margin: 0; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul li { list-style: none; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu ul li:last-child { margin-bottom: 20px; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a { color: #666; font-size: 13px; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a:hover, .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu a:active { background: #def; color: #1890ff; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 14px; line-height: 1.5em; color: #fff; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a:hover, .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h1 a:active { background: none; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-content.markdown-full-page .edit-right-frame .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-content.markdown-hidden .ace_editor { width: 100% !important; } .edit-content.markdown-hidden .editor-preview-resize { display: none; } .edit-content.markdown-hidden .edit-right-frame { width: 0 !important; } .edit-content.markdown-hidden a[action=toggle-full] { display: none; pointer-events: none; } .edit-content.markdown-hidden a[action=toggle-full] i.font-icon { color: #ccc !important; } .edit-content.markdown-hidden .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before { font-family: 'icomoon'; content: "\f06e"; } .edit-main .edit-right-frame .preview-markdown-frame { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, sans-serif; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool { border: none; height: inherit; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool i.icon-columns:before { font-family: 'icomoon'; content: "\f070"; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box { position: absolute; bottom: 0.1px; z-index: 10; top: 20px; right: 25px; background: rgba(180,180,180,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); width: 30px; height: 140px; border: none; border-radius: 2px; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a { margin: 0; padding: 0; display: block; text-align: center; height: 35px; line-height: 35px; border: none; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a .font-icon { color: #888; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active { border: none; background: #bbb; color: #000; box-shadow: none; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box a:active .font-icon { color: #222; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar { position: absolute; right: 25px; top: 5px; border-radius: 3px; width: 465px; padding: 3px 5px; background: rgba(255,255,255,0.85); box-shadow: 0px 5px 17px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); top: -62px; right: 62px; border-radius: 0; padding: 0px 5px; box-shadow: none; border: none; border-left: 1px solid #eee; z-index: 5; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools { width: 26px; height: 100%; display: inline-block; text-decoration: none; text-align: center; margin: 0; line-height: 30px; float: left; padding: 0; color: #666; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools:active { background: #ccc; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split { width: 10px; color: #ccc; } .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:hover, .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split:active { background: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview { padding: 10px 35px 100px 35px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu ul { padding: 0; margin: 0; list-style: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a { text-decoration: none; display: block; padding: 4px 0px 4px 0px; line-height: 1.2em; border-radius: 3px; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu a:active { background: rgba(24,144,255,0.2); color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h1 a, .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h2 a { padding: 6px 10px 6px 1em; font-weight: 800; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help { width: 650px; background: #fff; height: 80%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 20px; right: 55px; border: 1px solid #ddd; overflow: hidden; z-index: 9999; user-select: text; padding-bottom: 50px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help h3 { padding: 20px 10px 15px 20px; margin: 0; border-bottom: 1px solid #eee; font-size: 20px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help .content { height: 100%; overflow: auto; margin: 10px; padding-bottom: 20px; margin-right: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help p { margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help h5 { font-weight: 800; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help pre { border-radius: 4px; background: #eee; color: #777; font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; font-size: 12px; margin: 5px 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-help .col-md-4 { width: 35%; padding-bottom: 70px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box { width: 300px; background: #fff; height: 80%; max-height: 90%; border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 20px; right: 55px; bottom: 0.1px; z-index: 10; border: 1px solid #e6e6e6; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box h3 { padding: 20px 10px 15px 20px; margin: 0; border-bottom: 1px solid #eee; font-size: 22px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .content { height: 100%; overflow: auto; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu { position: fixed; margin-left: 810px; top: 70px; width: 200px; border-radius: 4px; max-height: 80%; overflow: auto; padding: 0; box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.15), 0px 5px 10px rgba(0,0,0,0.05); background: linear-gradient(110deg,#fff,#fafdff); position: relative; top: 0; border-radius: 0; margin: 0; width: auto; border: none; box-shadow: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul { padding: 0; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul li { list-style: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu ul li:last-child { margin-bottom: 20px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a { color: #666; font-size: 13px; text-decoration: none; display: block; padding: 5px 10px 5px 10px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu a:active { background: #def; color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 { background: #1890ff; border-radius: 4px 4px 0 0; background: linear-gradient(-150deg,#1890ff,#2070e5); padding: 10px 0; margin-bottom: 10px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a { white-space: initial; word-break: break-all; padding: 10px 10px; font-size: 14px; line-height: 1.5em; color: #fff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:active { background: none; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h2 a { padding: 5px 10px 5px 1em; font-weight: 600; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h3 a { padding-left: 2em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h4 a { padding-left: 3em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h5 a { padding-left: 4em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h6 a { padding-left: 5em; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 { background: none; padding: 0; margin: 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a { white-space: nowrap; font-weight: 800; color: inherit; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .markdown-menu .markdown-menu-h1 a:active { background: #def; color: #1890ff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box .tools-markdown-more { position: absolute; top: 20px; right: 10px; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting { width: 160px; height: auto; background: #fff; border: 1px solid #ddd; z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 4px; border-top-right-radius: 0; position: absolute; top: 125px; right: 55px; -webkit-transform: translateZ(0); } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul { padding: 0; margin: 10px 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li { width: 100%; height: 25px; list-style: none; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul li.line { height: 1px; background: #f3f3f3; margin: 5px 0; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:visited { display: block; line-height: 25px; text-decoration: none; padding: 0 0 0 20px; color: #444; overflow: hidden; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a i { padding-right: 5px; color: #888; width: 14px; display: inline-block; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active { background: #63acff; color: #fff; } .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:hover i, .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting ul a:active i { color: #fff; } div .hljs { color: #666; } .hljs-comment, .hljs-quote { color: #998; font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #333; font-weight: 700; } .hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: teal; } .hljs-doctag, .hljs-string { color: #d14; } .hljs-section, .hljs-selector-id, .hljs-title { color: #900; font-weight: 700; } .hljs-subst { font-weight: 400; } .hljs-class .hljs-title, .hljs-type { color: #458; font-weight: 700; } .hljs-attribute, .hljs-name, .hljs-tag { color: navy; font-weight: 400; } .hljs-meta, .hljs-strong { font-weight: 700; } .hljs-link, .hljs-regexp { color: #009926; } .hljs-bullet, .hljs-symbol { color: #990073; } .hljs-built_in, .hljs-builtin-name { color: #0086b3; } .hljs-meta { color: #999; } .hljs-deletion { background: #fdd; } .hljs-addition { background: #dfd; } .hljs-emphasis { font-style: italic; } .hljs { padding: 0 !important; } .hljs ul { list-style: decimal; padding: 0px; position: relative; margin: 0px 0px 0 45px !important; padding: 5px 0; cursor: text; background: #fff; } .hljs ul:before { content: " "; cursor: default; position: absolute; top: -1px; left: -46px; bottom: -1px; width: 45px; background: #fafafa8f; border-radius: 4px 0 0 4px; border-right: 1px solid rgba(0,0,0,0.03); } .hljs ul li { padding: 0 10px; } .hljs ul li span { line-height: 18px; padding: 5px 0 0 0; } .hljs ul li:nth-of-type(even) { background: rgba(0,0,0,0.02); } .hljs ul li:hover, .hljs ul li:active { background: rgba(0,0,0,0.05); } .code-theme-black pre, .code-theme-black code { background: #222; border-color: #333; } .code-theme-black div .hljs { display: block; background: #23241f; } .code-theme-black .hljs, .code-theme-black .hljs-subst, .code-theme-black .hljs-tag { color: #f8f8f2; } .code-theme-black .hljs-emphasis, .code-theme-black .hljs-strong { color: #a8a8a2; } .code-theme-black .hljs-bullet, .code-theme-black .hljs-link, .code-theme-black .hljs-literal, .code-theme-black .hljs-number, .code-theme-black .hljs-quote, .code-theme-black .hljs-regexp { color: #ae81ff; } .code-theme-black .hljs-code, .code-theme-black .hljs-section, .code-theme-black .hljs-selector-class, .code-theme-black .hljs-title { color: #a6e22e; } .code-theme-black .hljs-strong { font-weight: 700; } .code-theme-black .hljs-emphasis { font-style: italic; } .code-theme-black .hljs-attr, .code-theme-black .hljs-keyword, .code-theme-black .hljs-name, .code-theme-black .hljs-selector-tag { color: #f92672; } .code-theme-black .hljs-attribute, .code-theme-black .hljs-symbol { color: #66d9ef; } .code-theme-black .hljs-class .hljs-title, .code-theme-black .hljs-params { color: #f8f8f2; } .code-theme-black .hljs-addition, .code-theme-black .hljs-built_in, .code-theme-black .hljs-builtin-name, .code-theme-black .hljs-selector-attr, .code-theme-black .hljs-selector-id, .code-theme-black .hljs-selector-pseudo, .code-theme-black .hljs-string, .code-theme-black .hljs-template-variable, .code-theme-black .hljs-type, .code-theme-black .hljs-variable { color: #e6db74; } .code-theme-black .hljs-comment, .code-theme-black .hljs-deletion, .code-theme-black .hljs-meta { color: #75715e; } .code-theme-black .hljs ul { background: inherit; } .code-theme-black .hljs ul:before { background: rgba(80,80,80,0.7); } .code-theme-black .hljs ul li:nth-of-type(even) { background: rgba(255,255,255,0.02); } .code-theme-black .hljs ul li:hover, .code-theme-black .hljs ul li:active { background: rgba(255,255,255,0.05); } .edit-main .edit-right-frame { position: absolute; top: 00px; right: 0px; width: 40%; bottom: 0; background: #fff; border-left: 1px solid #ddd; overflow: visible; } .edit-main .edit-right-frame .markdown-preview-content { position: absolute; height: 100%; width: 100%; overflow: auto; } .edit-main .edit-right-frame .preview-frame { position: absolute; top: 0px; right: 0; bottom: 0; width: 100%; background: #fff; } .edit-main .edit-right-frame .preview-markdown-tool, .edit-main .edit-right-frame .function-list-tool, .edit-main .edit-right-frame .preview-url-tool { width: 100%; height: 25px; border-bottom: 1px solid #ddd; } .edit-main .edit-right-frame .preview-markdown-tool .box, .edit-main .edit-right-frame .function-list-tool .box, .edit-main .edit-right-frame .preview-url-tool .box { width: 105px; height: 25px; position: absolute; top: 0px; right: 0px; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-tool .box a, .edit-main .edit-right-frame .function-list-tool .box a, .edit-main .edit-right-frame .preview-url-tool .box a { font-weight: 800; text-decoration: none; border: 1px solid rgba(200,200,200,0.01); display: inline-block; margin-top: 1px; margin-left: 2px; font-size: 1.25em; position: relative; padding: 0px 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .edit-main .edit-right-frame .preview-markdown-tool .box a .font-icon, .edit-main .edit-right-frame .function-list-tool .box a .font-icon, .edit-main .edit-right-frame .preview-url-tool .box a .font-icon { color: #999; } .edit-main .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main .edit-right-frame .preview-markdown-tool .box a:active, .edit-main .edit-right-frame .function-list-tool .box a:hover, .edit-main .edit-right-frame .function-list-tool .box a:active, .edit-main .edit-right-frame .preview-url-tool .box a:hover, .edit-main .edit-right-frame .preview-url-tool .box a:active { border: 1px solid #ccc; box-shadow: 0 0 20px rgba(0,0,0,0.2) inset; } .edit-main .edit-right-frame .preview-url-frame .preview-frame-content { position: absolute; right: 0px; left: 0px; bottom: 0px; overflow: auto; top: 26px; background: #fff; } .edit-main .edit-right-frame .preview-url-frame .input-content { position: absolute; height: 27px; right: 100px; left: 0px; } .edit-main .edit-right-frame .preview-url-frame .input-content input { height: 25px; border: none; border-right: 1px solid #ddd; text-shadow: 1px 1px 3px #CCE; outline: none; color: #888; font-size: 1.15em; width: 95%; padding: 0 2.5%; box-shadow: #fafafa 0px 0px 30px inset; background: #f8f8f8 url("../../images/common/bg.gif") 0px -2px repeat-x; } .edit-main .edit-right-frame .preview-url-frame .input-content input:focus { box-shadow: #eee 0px 0px 30px inset; } .edit-main .edit-right-frame .preview-url-frame .box { border-left: 1px solid #eee; } .edit-main .edit-right-frame .function-list .function-list-tool { height: 100px; width: 100%; } .edit-main .edit-right-frame .function-search { position: absolute; top: 30px; left: 0; height: 25px; right: 5px; } .edit-main .edit-right-frame .function-search input { padding: 3px 2%; color: #222; margin: 0 3%; width: 90%; border-radius: 3px; } .edit-main .edit-right-frame .function-search .search-reset { position: absolute; top: 5px; right: 5%; font-size: 1.25em; color: #aaa; display: block; cursor: pointer; } .edit-main .edit-right-frame .function-search .search-reset:hover, .edit-main .edit-right-frame .function-search .search-reset:active { color: #f5222d; } .edit-main .edit-right-frame .frame-right .function-list-parent { top: 57px; } .edit-main .edit-right-frame .function-list-box .cell b { color: #378eef; } .edit-main .edit-right-frame .function-list-box .row-select .cell b { color: #ff9; } .edit-main .edit-right-frame .function-list-tool { border: none; } .edit-main .edit-right-frame .function-list-tool .box { width: 100%; right: 0px; overflow: hidden; background: #fff; } .edit-main .edit-right-frame .function-list-tool .box span { display: block; padding: 1px 10px; float: left; line-height: 27px; } .edit-main .edit-right-frame .function-list-tool .box a { display: block; float: right; margin-right: 5px; } .edit-main .edit-right-frame .function-list-parent { position: absolute; top: 55px; right: 0; bottom: 15px; width: 100%; background: #fff; } .edit-main .edit-right-frame .function-list-box { padding: 5px; -webkit-text-size-adjust: none; overflow: auto; margin-right: 2px; height: 100%; } .edit-main .edit-right-frame .function-list-box .row-hover { background: #ddd; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .row-select { background: #63acff; color: #fff; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .cell-null { padding: 10px 5px; color: #999; text-align: center; } .edit-main .edit-right-frame .function-list-box .list-row { padding: 2px 5px; cursor: default; font-family: Tahoma, Arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .edit-main .edit-right-frame .function-list-box .list-row.row-hover { background: #ddd; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row.row-select { background: #63acff; color: #fff; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row .icon { font-style: normal; color: inherit; width: 20px; display: inline-block; text-decoration: inherit; font-size: 10px; -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); } .edit-main .edit-right-frame .function-list-box .list-row span { cursor: default; } .edit-main .edit-right-frame .function-list-box .list-row.mark .icon { color: #666; } .edit-main .edit-right-frame .function-list-box .list-row.mark .icon:before { font-family: 'icomoon'; content: "\f005"; } .edit-main .edit-right-frame .function-list-box .list-row.mark, .edit-main .edit-right-frame .function-list-box .list-row.class { background: #eee; font-weight: 800; border-radius: 3px; } .edit-main .edit-right-frame .function-list-box .list-row.mark.row-select, .edit-main .edit-right-frame .function-list-box .list-row.class.row-select { color: #fff; background: #63acff; } .edit-main .edit-right-frame .function-list-box .list-row.row-select .icon { color: #fff !important; } .edit-main .edit-right-frame .function-list-box .list-row.class .icon { color: #888; } .edit-main .edit-right-frame .function-list-box .list-row.class .icon:before { font-family: 'icomoon'; content: "\f0c9"; } .edit-main .edit-right-frame .function-list-box .list-row.function .icon { color: #378eef; } .edit-main .edit-right-frame .function-list-box .list-row.function .icon:before { font-family: 'icomoon'; content: "\f111"; } .edit-main .edit-right-frame .function-list-box .list-row.function-define .icon { color: #98c878; } .edit-main .edit-right-frame .function-list-box .list-row.function-value .icon { color: #ffb16d; } .edit-main .edit-right-frame .function-list-box .list-row.function-var .icon { color: #008641; } .edit-main .search-content { position: absolute; z-index: 50; left: 0; right: 0; bottom: 0px; } .edit-main .search-content .ace_search { font-size: 13px; border-radius: 0px 0px 0px 5px; border-right: 0 none; overflow: visible; background-color: #eee; color: #444; width: 100%; max-width: inherit; padding-top: 5px; border-top: 1px solid #ccc; border-bottom: none; position: absolute; bottom: 0px; } .edit-main .search-content .ace_search .ace_search_options { text-align: right; position: absolute; top: 4px; margin: 3px 0 0 20px; } .edit-main .search-content .ace_search .ace_searchbtn_close { background-position: 50% -10%; position: absolute; right: 10px; width: 18px; height: 18px; } .edit-main .search-content .ace_search .ace_searchbtn_close:hover, .edit-main .search-content .ace_search .ace_searchbtn_close:active { background-position: 50% 120%; } .edit-main .search-content .ace_search .ace_search_form, .edit-main .search-content .ace_search .ace_replace_form { float: inherit; border: none; height: 25px; } .edit-main .search-content .ace_search .ace_search_form .search-info { position: absolute; right: 25px; height: 25px; line-height: 25px; opacity: 0.6; filter: alpha(opacity=60); } .edit-main .search-content .ace_search .ace_search_form .search_at_index, .edit-main .search-content .ace_search .ace_search_form .search_total_num { padding-left: 0.3em; padding-right: 0.3em; } .edit-main .search-content .ace_search .ace_button { margin-left: 3px; width: 30px; text-align: center; display: inline-block; border-radius: 3px; } .edit-main .search-content .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .edit-main .search-content .ace_search .ace_search_field { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; background-color: #FFF; border-radius: 3px; border: 1px solid #ccc; margin: 0px; width: 100%; height: 24px; line-height: 23px; } .edit-main .search-content .ace_search .ace_search_field:hover, .edit-main .search-content .ace_search .ace_search_field:active { border-color: #75A1F0; } .edit-main .search-content .ace_search .ace_search_field:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .edit-main .search-content .ace_search .ace_search_field.disabled, .edit-main .search-content .ace_search .ace_search_field[readonly='true'] { opacity: 0.7; } .edit-main .search-content .ace_search .ace_search_field.disabled:hover, .edit-main .search-content .ace_search .ace_search_field.disabled:active, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:hover, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:active { border-color: #ddd; } .edit-main .search-content .ace_search .ace_search_field.disabled:focus, .edit-main .search-content .ace_search .ace_search_field[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-main .search-content .ace_search .ace_search_field:focus { box-shadow: 0 0 1px #75a1f0; } .edit-main .search-content .ace_search .ace_search_action { position: absolute; right: 50px; } .edit-main .search-content .ace_search .ace_search_input { position: absolute; left: 130px; right: 160px; } .edit-main .search-content .ace_search .ace_replace_form .ace_search_action { right: 70px; } .edit-main .search-content .ace_search .ace_search_form.ace_nomatch { outline: none; } .edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info { color: #f00; font-weight: 800; } .edit-main .search-content .ace_search .search-info.search-first { color: #03a9f4; font-weight: 800; } .edit-main .search-content .ace_search .history-list { position: absolute; right: 8px; } .edit-main .search-content .ace_search .history-list .dropdown-menu:before { right: 4px; } .edit-main .search-content .ace_search .history-list .dropdown-menu:after { right: 5px; } .edit-main .search-content .ace_search .history-list .dropdown-menu li > a { padding: 3px 20px; font-size: 13px; } .edit-main .search-content .ace_search .history-list .dropmenu { width: 20px; height: 20px; background: rgba(50,50,50,0.05); cursor: pointer; font-size: 15px; margin-top: 2px; color: #ccc; display: inline-block; line-height: 20px; text-align: center; border-radius: 2px; } .edit-main .search-content .ace_search .history-list .dropmenu:hover, .edit-main .search-content .ace_search .history-list .dropmenu:active { background: rgba(50,50,50,0.2); color: #aaa; } .edit-main .search-content .ace_search .history-list.open .dropmenu { background: rgba(50,50,50,0.2); color: #aaa; } .edit-main .search-content .ace_search .btn-background { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; } .edit-main .search-content .ace_search .btn-background-hover { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn, .edit-main .search-content .ace_search .ace_replacebtn { float: left; padding: 0 8px; border: 1px solid #dcdcdc; margin-left: -1px; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main .search-content .ace_search .ace_replacebtn:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main .search-content .ace_search .ace_replacebtn:active { outline: none; background: #ddd; } .edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main .search-content .ace_search .ace_replacebtn.next { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; padding: 0 4px; } .edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main .search-content .ace_search .ace_replacebtn.next:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main .search-content .ace_search .ace_replacebtn.prev { background: url("../../images/common/buttons_40.png") 0 0px repeat-x; padding: 0 4px; } .edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main .search-content .ace_search .ace_replacebtn.prev:active { background: url("../../images/common/buttons_40.png") 0 -12px repeat-x; } .edit-main.code-theme-black { background: #333; } .edit-main.code-theme-black pre { background: #333; } .edit-main.code-theme-black div.tools { box-shadow: 1px 2px 15px #3d3d3d; box-shadow: none; border-bottom: 1px solid #474747; background: #3d3d3d; } .edit-main.code-theme-black div.tools .right .btn { border: solid 1px #474747; background: #3d3d3d; color: #eef; } .edit-main.code-theme-black div.tools .right .btn:hover, .edit-main.code-theme-black div.tools .right .btn:active { background: #474747; } .edit-main.code-theme-black div.tools .line { border-color: #595959; } .edit-main.code-theme-black div.tools a.select, .edit-main.code-theme-black div.tools a.select:hover, .edit-main.code-theme-black div.tools a:active, .edit-main.code-theme-black div.tools a:hover { background: #595959; } .edit-main.code-theme-black div.tools a .font-icon { color: #eef; text-shadow: none; } .edit-main.code-theme-black div.tools .disable-mask { background: #3d3d3d; } .edit-main.code-theme-black .context-menu-list { border: none; background: #595959; border-bottom: none; box-shadow: 0 10px 10px rgba(0,0,0,0.15); } .edit-main.code-theme-black .context-menu-list .context-menu-item { color: #eef; border-color: rgba(255,255,255,0) !important; } .edit-main.code-theme-black .context-menu-list .context-menu-item .font-icon { color: #eef; } .edit-main.code-theme-black .context-menu-list .context-menu-item.context-menu-separator { border-bottom: 1px solid #666666 !important; background: none; } .edit-main.code-theme-black .context-menu-list .context-menu-item.hover, .edit-main.code-theme-black .context-menu-list .context-menu-item.selected.hover { background: #666666; color: #eef; border-color: transparent !important; } .edit-main.code-theme-black .context-menu-list .context-menu-item.hover .font-icon, .edit-main.code-theme-black .context-menu-list .context-menu-item.selected.hover .font-icon { color: #eef; } .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top { border-top: 1px solid #666666 !important; } .edit-main.code-theme-black .dropdown-menu { background: #595959; } .edit-main.code-theme-black .dropdown-menu:before { right: 4px; } .edit-main.code-theme-black .dropdown-menu:after { border-top-color: #595959; } .edit-main.code-theme-black .dropdown-menu li > a { color: #eef; } .edit-main.code-theme-black .edit-tab .tabs { background: #333; border-bottom: 1px solid #474747; } .edit-main.code-theme-black .edit-tab .tabs .tab { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black .edit-tab .tabs .close { opacity: 0.05; filter: alpha(opacity=5); text-shadow: none; color: #666666; } .edit-main.code-theme-black .edit-tab .tabs .tab.hover { background: #474747; } .edit-main.code-theme-black .edit-tab .tabs .add { background: #595959; border: 1px solid #3d3d3d; color: #eef; } .edit-main.code-theme-black .edit-tab .tabs .add:hover, .edit-main.code-theme-black .edit-tab .tabs .add:active { background: #666666; } .edit-main.code-theme-black .edit-tab .tabs .tab.this { background: #666666; border-right: 1px solid #666666; border-left: 3px solid #63acff; margin-left: -3px; } .edit-main.code-theme-black .edit-body { background: #333; } .edit-main.code-theme-black .draggable-dragging { background: #595959; border-left: 3px solid #63acff; } .edit-main.code-theme-black .edit-content .resize { background-color: #ddd; background-color: rgba(255,255,255,0.01); } .edit-main.code-theme-black .edit-content .resize:hover, .edit-main.code-theme-black .edit-content .resize:active { background-color: #ddd; background-color: rgba(255,255,255,0.1); } .edit-main.code-theme-black .edit-content .resize.resize-active { background-color: #ddd; background-color: rgba(255,255,255,0.3); } .edit-main.code-theme-black .edit-right-frame { background: #333; border-left: 1px solid #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .function-list-parent { background: #333; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row { color: #eef; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-hover { background: #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.row-select { background: #63acff; } .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.mark, .edit-main.code-theme-black .edit-right-frame .function-list-box .list-row.class { background: #595959; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool, .edit-main.code-theme-black .edit-right-frame .function-list-tool { border-bottom: 1px solid #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box { background: #333; color: #eef; border: none; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a { padding: 0px 6px; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-url-tool .box a:active, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .function-list-tool .box a:active { border: 1px solid #666666; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input { color: #eee; font-size: 1.15em; text-shadow: none; background: #444; box-shadow: none; border: none; } .edit-main.code-theme-black .edit-right-frame .preview-url-tool .input-content input:focus, .edit-main.code-theme-black .edit-right-frame .function-list-tool .input-content input:focus { box-shadow: none; } .edit-main.code-theme-black .edit-right-frame .function-search input { color: #eef; border: 1px solid #595959; background: #474747; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a .font-icon { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:hover .font-icon, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .box a:active .font-icon { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar { border-left: 1px solid #595959; background: #3d3d3d; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools { color: #eef; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:hover, .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools:active { background: #666666; } .edit-main.code-theme-black .edit-right-frame .preview-markdown-tool .toolbar .md-tools.md-tools-split { color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-help h3 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help h5 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-help pre { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box h3 { border-color: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu { background: none; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a { color: #ffa500; } .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-menu-box .markdown-menu li a:active { background: #666666; } .edit-main.code-theme-black .edit-right-frame .markdown-setting { background: #474747; color: #eef; border-color: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul li.line { height: 1px; background: #595959; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:visited { color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a i { color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active { background: #666666; color: #eef; } .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:hover i, .edit-main.code-theme-black .edit-right-frame .markdown-setting ul a:active i { color: #eef; } .edit-main.code-theme-black.edit-main .search-content { background: #333; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar { border-radius: 4px; background: #474747; border: 1px solid #595959; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a { color: #fff; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a .font-icon { color: #eef; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a:hover, .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a:active { color: #63acff; } .edit-main.code-theme-black.edit-main .search-content .bottom-toolbar a.select { background: #666666; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search { background-color: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button { border: 1px solid #595959; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button:active { background-color: #595959; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_button.checked { border-color: #39F; background: #39f; color: #fff; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_search_field { background-color: #595959; border: 1px solid #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_search_form.ace_nomatch .search-info { color: #f66; } .edit-main.code-theme-black.edit-main .search-content .ace_search .btn-background { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .btn-background-hover { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.next:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.next:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev { background: #474747; border-color: #595959; color: #eef; } .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_searchbtn.prev:active, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev:hover, .edit-main.code-theme-black.edit-main .search-content .ace_search .ace_replacebtn.prev:active { background: #595959; border-color: #666666; } .edit-main.code-theme-black .introduction { background: #3d3d3d; top: 59px; } .edit-main.code-theme-black .introduction pre { background: #3d3d3d; border-bottom: 1px solid #474747; } .edit-main.code-theme-black .introduction .tips h1 { border-bottom: 1px dashed #3d3d3d; } .edit-main.code-theme-black .introduction .green { border-left: 1px solid #3d3d3d; } .edit-main.code-theme-black .context-menu-list .gotoline-input input { color: #eef; background: #666666; broder-color: #474747; } .edit-main.code-theme-black .code-mode-list { background: #474747; color: #eef; } .edit-main.code-theme-black .code-mode-list li.list-input { background: #474747; } .edit-main.code-theme-black .code-mode-list li.list-input input { color: #eef; background: #666666; broder-color: #474747; } .edit-main.code-theme-black .code-mode-list li.selected, .edit-main.code-theme-black .code-mode-list li.selected.hover, .edit-main.code-theme-black .code-mode-list li.hover { background: #666666; color: #fff; } .edit-main.code-theme-black .edit-body .bottom-toolbar { background: #333; border-color: #3f3f3f; } .edit-main.code-theme-black .edit-body .bottom-toolbar a { color: #fff; } .edit-main.code-theme-black .edit-body .bottom-toolbar a .font-icon { color: #fff; } .edit-main { color: #444; font-size: 1em; width: 100%; height: 100%; } .edit-main.edit-main-full-screen { position: fixed; z-index: 20; top: 0; left: 0; bottom: 0; right: 0; } .frame-main-editor .frame-left { position: absolute; left: 0; top: 0; bottom: 0px; width: 200px; background-attachment: fixed; overflow: hidden; } .frame-main-editor .frame-left .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; } .frame-main-editor .frame-left .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .frame-main-editor .frame-left .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .frame-main-editor .frame-left .ztree { position: absolute; top: 0; bottom: 0px; width: 100%; margin-bottom: 10px; padding-bottom: 20px; overflow: auto; } .frame-main-editor .frame-left .ztree ul.level0 { padding-bottom: 5px; } .frame-main-editor .frame-left .ztree ul.level0 a.level1 { height: 26px; line-height: 26px; } .frame-main-editor .frame-left .ztree ul.level0 li.level1 span.button.switch { margin-left: -15px; width: 18px; } .frame-main-editor .frame-left .ztree .block-root li a.level0 .tree_icon { display: none; } .frame-main-editor .frame-left .ztree li a { margin: 0 2px; border-color: transparent; filter: none; color: #335; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-editor .frame-left .ztree li a .node_name .group-parent { padding-left: 5px; color: #888; } .frame-main-editor .frame-left .ztree li a .node_name .group-parent:before { content: " - "; } .frame-main-editor .frame-left .ztree li a.level0 { color: #666; padding-left: 5px; margin: 5px 0 0 0 !important; border-radius: 0; } .frame-main-editor .frame-left .ztree li a.level0, .frame-main-editor .frame-left .ztree li a.level0 span.button.switch { height: 26px; line-height: 26px; } .frame-main-editor .frame-left .ztree li a.level0 .menu-item { margin-right: 4px; } .frame-main-editor .frame-left .ztree li a.level0:hover, .frame-main-editor .frame-left .ztree li a.level0:active { background: #f6f6f6; border-color: transparent; } .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode { background: #eee; border-color: transparent; } .frame-main-editor .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after { color: #666; } .frame-main-editor .frame-left .ztree li a.level0:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.08); box-shadow: none; border-color: rgba(0,0,0,0.05) !important; border-left-color: transparent !important; border-right-color: transparent !important; } .frame-main-editor .frame-left .ztree li a:hover, .frame-main-editor .frame-left .ztree li a:active { background: #e5f3ff; border-color: transparent; } .frame-main-editor .frame-left .ztree li a:focus { box-shadow: 0 0 0 2px rgba(98,162,228,0.1); } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active, .frame-main-editor .frame-left .ztree li a.curSelectedNode, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover, .frame-main-editor .frame-left .ztree li a.curDropTreeNode { background: #cce8ff; border-color: #99d1ff; } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-editor .frame-left .ztree li a.curDropTreeNode.file-focus { border-color: #66baff; } .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-editor .frame-left .ztree li a.curDropTreeNode .button.switch:after { color: inherit !important; } .frame-main-editor .frame-left .ztree li a span.button.switch:after { font-family: 'icomoon'; content: "\f105"; font-size: 16px; } .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-editor .frame-left .ztree li a span.button.switch.noline_open_hover:after { font-family: 'icomoon'; content: "\f107"; font-weight: 800; color: #76bdf7; } .frame-main-editor .frame-left .ztree li a span.button.switch.noline_docu:after { content: ""; opacity: 0; filter: alpha(opacity=0); } .frame-main-editor .frame-left .ztree li a .file { line-height: 0; height: 22px; width: 18px; margin: 0; margin-right: 5px; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; } .frame-main-editor .frame-left .ztree li a.level0 { padding-left: 0px; margin-left: -3px !important; } .frame-main-editor .frame-right { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; overflow: hidden; min-width: 450px; border-left: 1px solid rgba(100,100,100,0.1); } .frame-main-editor .menu-toggle { display: none; } .context-menu-list { z-index: 99999 !important; box-shadow: 0 0px 10px rgba(0,0,0,0.15); border-radius: 2px; -webkit-animation-name: inherit; -webkit-animation-duration: inherit; -webkit-animation-timing-function: inherit; -webkit-animation-iteration-count: inherit; } .context-menu-list.code-font-list, .context-menu-list.code-theme-list { overflow-y: auto; overflow-x: hidden; } .context-menu-list.code-font-list .context-menu-item, .context-menu-list.code-theme-list .context-menu-item { padding: 0px 10px 0 10px; } .context-menu-list.code-theme-list { width: 180px !important; } .context-menu-list.menu-view-file-charset { height: 320px; overflow: auto; } .context-menu-list.menu-view-file-charset .charset-list-box { overflow-y: auto; height: 280px; margin-bottom: 6px; padding-bottom: 10px; border-bottom: 1px solid rgba(150,150,150,0.2); } .context-menu-list.menu-view-file-charset .context-menu-item { padding: 0 10px 0 0px; } .context-menu-list.menu-view-file-charset ul.code-charset-list { overflow: auto; height: 300px; } .context-menu-list.menu-view-file-charset .font-icon { margin-right: 5px; margin-left: 10px; } .context-menu-list .gotoline-input input { padding: 4px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; margin-left: 15px; height: 16px; } .context-menu-list .gotoline-input input:hover, .context-menu-list .gotoline-input input:active { border-color: #75A1F0; } .context-menu-list .gotoline-input input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .context-menu-list .gotoline-input input.disabled, .context-menu-list .gotoline-input input[readonly='true'] { opacity: 0.7; } .context-menu-list .gotoline-input input.disabled:hover, .context-menu-list .gotoline-input input.disabled:active, .context-menu-list .gotoline-input input[readonly='true']:hover, .context-menu-list .gotoline-input input[readonly='true']:active { border-color: #ddd; } .context-menu-list .gotoline-input input.disabled:focus, .context-menu-list .gotoline-input input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-tab .tabs { position: absolute; top: 29px; height: 30px; width: 100%; background: #fff; overflow: hidden; border-bottom: 1px solid #ddd; } .edit-tab .tabs .tab { position: relative; height: 30px; line-height: 30px; color: #666; width: 120px; float: left; background: #f6f6f6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px; cursor: pointer; } .edit-tab .tabs .tab .name { margin-left: 5px; display: block; width: 80%; text-align: center; overflow: hidden; white-space: nowrap; position: absolute; z-index: 2; height: 28px; } .edit-tab .tabs .tab .name img { height: 17px; padding-bottom: 4px; padding-right: 3px; } .edit-tab .tabs .tab.edit-changed a.close { opacity: 1.0; filter: alpha(opacity=100); color: #63acff; } .edit-tab .tabs .tab.edit-changed .close:before { font-family: 'icomoon'; content: "\eaac"; font-size: 16px; } .edit-tab .tabs .tab .close { float: right; color: #aaa; position: relative; font-size: 12px; margin-right: 5px; z-index: 3; margin-top: 6px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; width: 18px; height: 18px; text-align: center; line-height: 18px; text-shadow: none; border-radius: 2px; opacity: 0.15; filter: alpha(opacity=15); } .edit-tab .tabs .tab .close:before { font-family: 'icomoon'; content: "\f00d"; content: "\ea68"; } .edit-tab .tabs .tab .close:hover, .edit-tab .tabs .tab .close:active { opacity: 0.9; filter: alpha(opacity=90); color: #f5222d; } .edit-tab .tabs .tab .close:active { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.hover { background: #eee; background: linear-gradient(to right,#fff,#ccc); } .edit-tab .tabs .tab.hover .close { opacity: 0.5; filter: alpha(opacity=50); } .edit-tab .tabs .tab.hover .close:hover, .edit-tab .tabs .tab.hover .close:active { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.this { z-index: 20; color: #23B2EC; color: #fff; background: #63acff; background: linear-gradient(to right,#44abf6,#2865e2); } .edit-tab .tabs .tab.this .close:hover, .edit-tab .tabs .tab.this .close:active { color: #fff; } .edit-tab .tabs .tab.loading .close { opacity: 1.0; filter: alpha(opacity=100); color: #666; border-radius: 20px; -webkit-animation: moveCircleLoop 1.4s infinite linear; animation: moveCircleLoop 1.4s infinite linear; } .edit-tab .tabs .tab.loading .close:before { font-family: 'icomoon'; content: "\f110"; } .edit-tab .tabs .tab.loading.this .close { color: #ffffff; } .edit-tab .tabs .tab.loading.hover .close { opacity: 1.0; filter: alpha(opacity=100); } .edit-tab .tabs .tab.draging { position: fixed !important; z-index: 99999; cursor: -webkit-grab; } .edit-tab .tabs .tab.draging .close { display: none; } .edit-tab .tabs .add { float: left; color: #666; line-height: 25px; height: 30px; border: 1px solid #ddd; border-bottom: none; border-radius: 3px 3px 0 0; font-size: 8px; margin-top: 2px; padding: 0px 10px; background: #eee; margin-left: 3px; } .edit-tab .tabs .add:hover { background: #ddd; } .edit-tab .tabs .add:active { background: #888; color: #ccc; } .edit-body { width: 100%; background: #fff; position: absolute; bottom: 0; top: 60px; } .edit-body .tabs { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0; } .edit-body .edit-content { display: none; padding: 0; margin: 0; height: 100%; width: 100%; } .edit-body .edit-content.this { display: block; padding: 0; } .edit-body .edit-content .ace_editor { font-family: Menlo, Consolas, source-code-pro, Monaco, 'Liberation Mono', 'Ubuntu Mono', monospace, 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif; margin: 0; padding: 0; position: absolute; height: 100%; left: 0px; right: 0%; } .edit-main .context-menu-list li.selected i.font-icon { position: relative; top: -4px; } .edit-main .context-menu-item.context-menu-input .font-icon { display: none; } .edit-main .context-menu-item.context-menu-input input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 150px; height: 25px; line-height: 25px; padding: 0px 10px; border-radius: 3px; } .edit-main .context-menu-item.context-menu-input input:hover, .edit-main .context-menu-item.context-menu-input input:active { border-color: #75A1F0; } .edit-main .context-menu-item.context-menu-input input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .edit-main .context-menu-item.context-menu-input input.disabled, .edit-main .context-menu-item.context-menu-input input[readonly='true'] { opacity: 0.7; } .edit-main .context-menu-item.context-menu-input input.disabled:hover, .edit-main .context-menu-item.context-menu-input input.disabled:active, .edit-main .context-menu-item.context-menu-input input[readonly='true']:hover, .edit-main .context-menu-item.context-menu-input input[readonly='true']:active { border-color: #ddd; } .edit-main .context-menu-item.context-menu-input input.disabled:focus, .edit-main .context-menu-item.context-menu-input input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .edit-main .context-menu-list.menu-view-goto-line .context-menu-item.context-menu-input label span { padding-right: 10px; } .edit-main .context-menu-list.menu-view-file-mode { height: 300px; overflow: auto; } .edit-main .context-menu-list.menu-view-file-mode .context-menu-item { padding: 0px 15px 0 5px; } .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input { position: fixed; width: 190px; z-index: 10; margin-top: -50px; margin-left: -1px; padding: 8px 0; text-align: center; background: #f6f6f6; border: 1px solid #dfdfdf; border-bottom: 1px solid rgba(0,0,0,0.05); } .edit-main .bottom-toolbar { width: auto; height: 25px; z-index: 25; position: absolute; bottom: 5px; right: 0; margin-right: 20px; border-radius: 4px; opacity: 0.8; filter: alpha(opacity=80); background: #fafafa; border: 1px solid #f3f3f3; } .edit-main .bottom-toolbar a { float: left; padding: 0 10px; line-height: 25px; text-decoration: none; color: #000; } .edit-main .bottom-toolbar a:hover, .edit-main .bottom-toolbar a:active { color: #63acff; background: rgba(200,200,200,0.1); } .edit-main .bottom-toolbar a .font-icon { color: #333; } .edit-main .bottom-toolbar a.context-menu-active, .edit-main .bottom-toolbar a.context-menu-active:hover, .edit-main .bottom-toolbar a:active { background: #63acff; color: #fff; } .edit-main .bottom-toolbar a.context-menu-active i.font-icon, .edit-main .bottom-toolbar a.context-menu-active:hover i.font-icon, .edit-main .bottom-toolbar a:active i.font-icon { color: #fff; } .edit-main .tools { position: absolute; overflow: hidden; width: 100%; height: 28px; border-bottom: 1px solid #ddd; background: #f8f8f8 url("../../images/common/bg.gif") 0 0px; } .edit-main .tools .disable-mask { width: 90%; height: 32px; margin-left: -10px; background: #fff; right: 100px; position: absolute; opacity: 0.4; filter: alpha(opacity=40); z-index: 10; margin-top: -4px; } .edit-main .tools .left { float: left; margin: 0 0 0 5px; } .edit-main .tools .right { float: right; margin: 0 5px 0 0; } .edit-main .tools a { font-size: 1.25em; font-weight: 800; float: left; color: #555; font-weight: 400; text-decoration: none; padding: 0px 9px; line-height: 29px; height: 29px; } .edit-main .tools a .font-icon { font-size: 14px; color: #888; } .edit-main .tools a .icon-caret-down { padding-left: 5px; font-size: 1em; color: ccc; } .edit-main .tools a:hover, .edit-main .tools a:active { background: #eee; } .edit-main .tools a.context-menu-active, .edit-main .tools a.context-menu-active:hover, .edit-main .tools a:active { background: #63acff; color: #fff; } .edit-main .tools a.context-menu-active i.font-icon, .edit-main .tools a.context-menu-active:hover i.font-icon, .edit-main .tools a:active i.font-icon { color: #fff; } .edit-main .tools .right .btn { padding: 1px 7px; margin-right: -1px; height: 20px; background: #eee; margin-top: 2px; float: right; line-height: 20px; } .edit-main .tools .line { border-left: 1px solid #ccc; margin: 5px 4px; float: left; height: 16px; } ul.dropbox { color: #666; font-size: 1em; position: absolute; top: 27px; z-index: 1000; margin: 0px; } ul.dropbox li { list-style: none; padding: 2px 0 2px 10px; line-height: 20px; cursor: pointer; } ul.dropbox .lihover, ul.dropbox li.this { background: #63acff; color: #fff; } #fontsize { display: none; left: 166px; width: 100px; min-width: 100px; } #codetheme { display: none; left: 173px; } body div#ace_settingsmenu, body div#kbshortcutmenu { background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); color: #888; box-shadow: -5px 4px 5px rgba(0,0,0,0.2); -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } body div#ace_settingsmenu .ace_optionsMenuEntry, body div#kbshortcutmenu .ace_optionsMenuEntry { border-bottom: 1px solid #eee; line-height: 24px; padding: 3px 6px; } body div#ace_settingsmenu .ace_optionsMenuCommand, body div#kbshortcutmenu .ace_optionsMenuCommand { color: #1890ff; } body div#ace_settingsmenu .ace_optionsMenuKey, body div#kbshortcutmenu .ace_optionsMenuKey { font-weight: bold; border-style: outset; background: #fafafa; white-space: nowrap; margin: 0px 0.1em; padding: 0.15em 0.7em; border-radius: 3px; border: 1px solid #cccccc; font-size: 12px; color: #555; line-height: 1.4em; display: inline-block; box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff; background-color: #f7f7f7; text-shadow: 0 1px 0 #fff; } .edit-content .resize { position: absolute; background: #000; cursor: col-resize; margin-left: -5px; background-color: #f6f6f6; background-color: rgba(0,0,0,0.01); background: url("../../images/common/resize.png") 0px 50% no-repeat; height: 100%; width: 10px; left: 100%; z-index: 5; } .edit-content .resize:hover, .edit-content .resize:active { background-color: #eee; background-color: rgba(0,0,0,0.1); } .edit-content .resize.resize-active { background-color: #ddd; background-color: rgba(0,0,0,0.2); } .ace_text-input.ace_composition { background: white !important; color: black !important; } .context-menu-list .context-menu-item.line-top { border-top: 1px solid #eee !important; } body { overflow: hidden; } .button-style .btn-default { border-radius: 0px; height: 26px; float: left; font-size: 1em; -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; -ms-transition: border 0.2s; transition: border 0.2s; overflow: hidden; padding: 0 10px; border: solid 1px #ddd; margin: 0 0 0 -1px; outline: none; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; background: #fafafa; box-shadow: none; border-radius: 0; } .button-style .btn-default .font-icon { line-height: 22px; } .button-style .btn-default:hover, .button-style .btn-default:focus { background-color: #e4f8ff; border-color: #aedaff; box-shadow: none; } .button-style .btn-default:active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .frame-main-explorer { -khtml-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; user-select: none !important; } .frame-main-explorer .frame-left { position: absolute; left: 0; top: 0; bottom: 0px; width: 200px; background-attachment: fixed; overflow: hidden; } .frame-main-explorer .frame-left .user-space-info { color: #888; background: #fff; border-top: 1px dotted #f6f6f6; position: absolute; z-index: 10; bottom: 0px; width: 80%; padding: 10px 10% 10px 10%; margin-left: -1px; } .frame-main-explorer .frame-left .user-space-info .space-process { height: 6px; margin: 0px; margin-bottom: 5px; overflow: hidden; border-radius: 5px; } .frame-main-explorer .frame-left .user-space-info .space-process .space-process-use { height: 100%; width: 0%; transition: all 1.0s; border-radius: 5px; } .frame-main-explorer .frame-left .ztree { position: absolute; top: 0; bottom: 0px; width: 100%; margin-bottom: 10px; padding-bottom: 20px; overflow: auto; } .frame-main-explorer .frame-left .ztree ul.level0 { padding-bottom: 5px; } .frame-main-explorer .frame-left .ztree ul.level0 a.level1 { height: 26px; line-height: 26px; } .frame-main-explorer .frame-left .ztree ul.level0 li.level1 span.button.switch { margin-left: -15px; width: 18px; } .frame-main-explorer .frame-left .ztree .block-root li a.level0 .tree_icon { display: none; } .frame-main-explorer .frame-left .ztree li a { margin: 0 2px; border-color: transparent; filter: none; color: #335; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .frame-main-explorer .frame-left .ztree li a .node_name .group-parent { padding-left: 5px; color: #888; } .frame-main-explorer .frame-left .ztree li a .node_name .group-parent:before { content: " - "; } .frame-main-explorer .frame-left .ztree li a.level0 { color: #666; padding-left: 5px; margin: 5px 0 0 0 !important; border-radius: 0; } .frame-main-explorer .frame-left .ztree li a.level0, .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch { height: 26px; line-height: 26px; } .frame-main-explorer .frame-left .ztree li a.level0 .menu-item { margin-right: 4px; } .frame-main-explorer .frame-left .ztree li a.level0:hover, .frame-main-explorer .frame-left .ztree li a.level0:active { background: #f6f6f6; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode { background: #eee; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a.level0.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.level0.curDropTreeNode .button.switch:after { color: #666; } .frame-main-explorer .frame-left .ztree li a.level0:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.08); box-shadow: none; border-color: rgba(0,0,0,0.05) !important; border-left-color: transparent !important; border-right-color: transparent !important; } .frame-main-explorer .frame-left .ztree li a:hover, .frame-main-explorer .frame-left .ztree li a:active { background: #e5f3ff; border-color: transparent; } .frame-main-explorer .frame-left .ztree li a:focus { box-shadow: 0 0 0 2px rgba(98,162,228,0.1); } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active, .frame-main-explorer .frame-left .ztree li a.curSelectedNode, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode { background: #cce8ff; border-color: #99d1ff; } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode.file-focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover:focus, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover.file-focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode:focus, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode.file-focus { border-color: #66baff; } .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover .button.switch:after, .frame-main-explorer .frame-left .ztree li a.curDropTreeNode .button.switch:after { color: inherit !important; } .frame-main-explorer .frame-left .ztree li a span.button.switch:after { font-family: 'icomoon'; content: "\f105"; font-size: 16px; } .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open:after, .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_open_hover:after { font-family: 'icomoon'; content: "\f107"; font-weight: 800; color: #76bdf7; } .frame-main-explorer .frame-left .ztree li a span.button.switch.noline_docu:after { content: ""; opacity: 0; filter: alpha(opacity=0); } .frame-main-explorer .frame-left .ztree li a .file { line-height: 0; height: 22px; width: 18px; margin: 0; margin-right: 5px; display: inline-block; vertical-align: middle; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; } .frame-main-explorer.tree-disable .frame-left { display: none !important; } .frame-main-explorer.tree-disable .drag-resize-tree { display: none !important; } .frame-main-explorer.tree-disable .frame-right { left: 0 !important; } .frame-main-explorer .frame-header { width: 100%; min-width: 600px; position: relative; background: #fff url("../../images/common/bg.gif") 0px 10px repeat-x; } .frame-main-explorer .frame-header .header-content { padding-top: 12px; height: 37px; border-bottom: 1px solid #e6e6e6; } .frame-main-explorer .frame-header .header-content .disable .font-icon { opacity: 0.4; filter: alpha(opacity=40); } .frame-main-explorer .frame-header .header-content img { border: none; width: 18px; height: 18px; } .frame-main-explorer .frame-header .header-content .font-icon { font-size: 1.25em; line-height: 20px; padding: 0 0px; } .frame-main-explorer .frame-header .header-content .history-back .font-icon, .frame-main-explorer .frame-header .header-content .history-next .font-icon { padding: 0 5px; font-size: 20px; } .frame-main-explorer .frame-header .header-content .header-left { float: left; width: 80px; padding-left: 10px; overflow: hidden; height: 32px; } .frame-main-explorer .frame-header .header-content .header-left .btn { padding: 3px 6px; width: 18px; height: 20px; } .frame-main-explorer .frame-header .header-content .header-left button.disable { box-shadow: inset 0 3px 6px rgba(0,0,0,0.1); opacity: 0.5; filter: alpha(opacity=50); } .frame-main-explorer .frame-header .header-content .header-left button.disable .font-icon { color: #bbb; } .frame-main-explorer .frame-header .header-content .header-right .search-box { position: absolute; right: 20px; top: 12px; color: #888; } .frame-main-explorer .frame-header .header-content .header-right .search-box .btn-default { height: 26px; line-height: 20px; padding: 0 8px; position: absolute; top: 1px; right: 1px; border: none; border-left: 1px solid #ddd; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more { position: absolute; right: 40px; top: 0; width: 24px; height: 24px; line-height: 24px; margin-top: 2px; text-align: center; background: #e2e2e221; cursor: pointer; border-radius: 3px; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-more:active { background: rgba(0,0,0,0.05); } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear { display: none; z-index: 10; position: absolute; right: 60px; top: 0; width: 25px; line-height: 28px; height: 28px; font-size: 14px; cursor: pointer; text-align: center; color: #ccc; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box .search-clear:active { color: #ff4d4f; } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search { display: block; border: 1px solid #ddd; height: 26px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s; padding: 0; padding-left: 10px; padding-right: 0px; width: 150px; } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:hover, .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:active { box-shadow: 0 1px 12px rgba(0,0,0,0.1); } .frame-main-explorer .frame-header .header-content .header-right .search-box input.search:focus { box-shadow: 0 1px 12px rgba(0,0,0,0.2); } .frame-main-explorer .frame-header .header-right .search-down-mask, .frame-main-explorer .frame-header .header-right .search-dropdown { visibility: hidden; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .frame-main-explorer .frame-header .header-right .search-dropdown { transform: translateY(30px); } .frame-main-explorer .frame-header .header-right.search-open .search-down-mask, .frame-main-explorer .frame-header .header-right.search-open .search-dropdown { visibility: visible; opacity: 1 !important; } .frame-main-explorer .frame-header .header-right.search-open .search-dropdown { transform: translateY(0px); } .frame-main-explorer .frame-header .header-right.search-open .search-box .search-more { color: #222; } .frame-main-explorer .frame-header .header-right.search-open .search-box .search-more:before { font-family: 'icomoon'; content: "\f0d8"; } .frame-main-explorer .frame-header .header-right.search-open .search-box input { box-shadow: 0 1px 12px rgba(0,0,0,0.2); } .frame-main-explorer .frame-header .header-right .search-down-mask:before { display: none; } .frame-main-explorer .frame-header .header-right.search-open .search-down-mask:before { display: block; } .frame-main-explorer .frame-header .header-right.search-show .search-dropdown { transform: none !important; } .frame-main-explorer .frame-header .header-middle { padding-left: 12px; } .frame-main-explorer .frame-header .header-middle .svg-icon { margin-top: -0.1em; } .frame-main-explorer .frame-header .header-middle .btn-default { border-radius: 0px; height: 26px; float: left; font-size: 1em; -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; -ms-transition: border 0.2s; transition: border 0.2s; overflow: hidden; padding: 0 10px; border: solid 1px #ddd; margin: 0 0 0 -1px; outline: none; background: url("../../images/common/buttons_40.png") 0 0px repeat-x; background: #fafafa; box-shadow: none; border-radius: 0; } .frame-main-explorer .frame-header .header-middle .btn-default .font-icon { line-height: 22px; } .frame-main-explorer .frame-header .header-middle .btn-default:hover, .frame-main-explorer .frame-header .header-middle .btn-default:focus { background-color: #e4f8ff; border-color: #aedaff; box-shadow: none; } .frame-main-explorer .frame-header .header-middle .btn-default:active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; } .frame-main-explorer .frame-header .header-middle .header-address { width: 50%; cursor: text; height: 26px; overflow: hidden; float: left; border: 1px solid #ddd; margin-left: -1px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item { display: inline-block; float: left; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:link, .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:visited { color: #666; display: inline-block; font-size: 1em; padding: 0px 15px 0px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 27px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item.first a { margin-left: 0px; padding-left: 5px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a { background-image: url("../../images/common/ybutton.png"); background-repeat: no-repeat; background-position: 100% 0; cursor: pointer; height: 27px; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:hover { background-position: 100% -48px; color: #333; } .frame-main-explorer .frame-header .header-middle .header-address .header-address-content .header-address-item a:active { background-position: 100% -96px; color: #333; } .frame-main-explorer .frame-header .header-middle .header-address .x-item-icon.x-folder { background-image: url("../../images/file_icon/icon_others/folder_win10_small.png"); } .frame-main-explorer .frame-header .header-middle .btn.path-is-fav .font-icon { color: #fec740; } .frame-main-explorer .frame-header .header-middle .header-address-input { height: 26px; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; } .frame-main-explorer .frame-header .header-middle .header-address-input input.path { border: none; height: 25px; display: block; width: 100%; padding: 0; padding-left: 10px; padding-right: 10px; background: #fff url("../../images/common/bg.gif") 0px 10px repeat-x; background: none; width: 94%; font-size: 1em; line-height: 25px; color: #444; } .frame-main-explorer .frame-header .header-middle .header-address-input input:focus { outline: none; } .frame-main-explorer .frame-header .search-dropdown { width: 420px; min-height: 200px; max-width: 100%; position: absolute; right: 20px; z-index: 50; margin-top: -5px; background: #fff; overflow: auto; border-radius: 3px 0 3px 3px; border: 1px solid #ddd; box-shadow: 0 10px 10px rgba(0,0,0,0.2); -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body { padding: 20px 0 0px 0px; } .frame-main-explorer .frame-header .search-dropdown .form-box.config-box .panel-form-body hr { margin: 2px 0px; border-bottom: 1px dotted #eee; } .frame-main-explorer .frame-header .search-dropdown .form-row { padding: 2px 0px; } .frame-main-explorer .frame-header .search-dropdown .form-row .setting-title { margin-right: 15px; width: 70px; } .frame-main-explorer .frame-header .search-dropdown .form-row .setting-title.no-title { height: 10px; } .frame-main-explorer .frame-header .search-dropdown .form-row.inline .setting-content, .frame-main-explorer .frame-header .search-dropdown .form-row .setting-title.no-title + .setting-content { margin-top: -8px; } .frame-main-explorer .frame-header .search-dropdown .form-row.item-sizeDesc .setting-content { margin-top: -12px !important; } .frame-main-explorer .frame-header .search-dropdown .form-row.item-fileExt .desc { margin-top: -14px; display: inline-block; } .frame-main-explorer .frame-header .tools-wap { padding-top: 5px; margin-left: 10px; display: none; } .frame-main-explorer .frame-header .tools { z-index: 100; height: 34px; min-width: 505px; overflow: hidden; border-bottom: 1px solid #e6e6e6; background: #fefefe; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.02); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.02); box-shadow: 0px 5px 10px rgba(0,0,0,0.02); } .frame-main-explorer .frame-header .tools a.left:hover, .frame-main-explorer .frame-header .tools a.middle:hover, .frame-main-explorer .frame-header .tools a.left:active, .frame-main-explorer .frame-header .tools a.middle:active { margin-right: 2px; padding-right: 8px; } .frame-main-explorer .frame-header .tools .btn.toolbar-path-more { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .frame-main-explorer .frame-header .tools a.this { background: #eee; cursor: default; } .frame-main-explorer .frame-header .tools a.this:hover, .frame-main-explorer .frame-header .tools a.this:active { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .frame-main-explorer .frame-header .tools .tools-left { float: left; margin: 0px 0 0 10px; } .frame-main-explorer .frame-header .tools .tools-left .btn-group { float: left; padding-top: 5px; } .frame-main-explorer .frame-header .tools .tools-right { margin: 5px 20px 0 0; position: absolute; right: 0px; background: #fff; height: 26px; box-shadow: -10px 0 10px #ffffff; } .frame-main-explorer .frame-header .tools .tools-right .btn-group-sm { float: right; } .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon { width: 20px; height: 25px; line-height: 25px; cursor: pointer; display: inline-block; margin-right: 5px; text-align: center; color: #bbb; border-radius: 3px; } .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:hover, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon:active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.context-menu-active, .frame-main-explorer .frame-header .tools .tools-right .toolbar-icon.open { background: #f6f6f6; color: #888; } .frame-main-explorer .frame-header .tools .tools-right .menu-file-sort-by { float: right; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size { display: none; float: left; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider { position: relative; margin-left: -12px; margin-top: -22px; padding: 10px 0; width: 40px; min-width: 10px; height: 120px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:before { right: 13px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider.dropdown-menu:after { right: 14px; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-bg { height: 100%; width: 5px; background: #ddd; margin-left: 17px; border-radius: 3px; cursor: pointer; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s; transition: box-shadow 0.2s; width: 16px; height: 16px; border-radius: 10px; margin-top: 10px; cursor: pointer; border-width: 1px \9; border: 2px solid #96dbfa; background: #fff; position: absolute; margin-left: 10px; top: 0px; left: 0; } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle:hover { box-shadow: 0 0 0 6px rgba(150,219,250,0.7); } .frame-main-explorer .frame-header .tools .tools-right .set-icon-size .set-icon-size-slider .slider-handle.active { background: #7ed3f9; border-color: #7ed3f9; box-shadow: none; } .frame-main-explorer .frame-header .tools .icon-th { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -561px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .icon-th:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .icon-th { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .icon-list { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -624px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .icon-list:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .icon-list { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .icon-columns { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .icon-columns:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .icon-columns { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .icon-dashboard { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -720px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; width: 12px !important; margin-right: 1px !important; margin-left: 1px !important; } .frame-main-explorer .frame-header .tools .icon-dashboard:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .icon-dashboard { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .kod-toolbar { height: 30px; overflow: hidden; } .frame-main-explorer .frame-header .tools .kod-toolbar .font-icon { padding-right: 5px; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-group .btn b { display: none; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-default .font-icon { width: 9px !important; margin-right: 4px !important; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item .btn-default .font-icon.icon-caret-down { padding-right: 0px; } .frame-main-explorer .frame-header .tools .kod-toolbar .toolbar-item-toolbar .menu-toolbar-button .desc-name { display: none; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.context-menu-active { color: #365f80; background-color: #e4f8ff; border-color: #93cfff; box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 0px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.search .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-the-path .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-upload { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-upload:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-upload { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -48px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.download .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.cute-to .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-copy.font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -96px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-copy.font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-to .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-copy.font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.copy-see .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-folder-close-alt { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -16px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-folder-close-alt:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-folder .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-father .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-folder-close-alt { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.new-file-others > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-file-text-alt.font-icon:before { content: "" !important; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-pencil.font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-pencil.font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.rename .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-pencil.font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -64px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.past .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon { color: #1890ff; display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -80px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-remove .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-clear .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-delete .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-remove .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .close .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before { color: #63bd37; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore-all .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.recycle-restore .font-icon:before { background-image: -webkit-linear-gradient(2deg,#63bd37,#7fcf58); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon.icon-caret-down:before { font-size: 12px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.zip .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .icon-folder-open-alt { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0 -32px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .icon-folder-open-alt:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.unzip .icon-folder-open-alt { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-edit .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share .font-icon:before { color: #1a57de; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share .font-icon:before { background-image: -webkit-linear-gradient(2deg,#1a57de,#4276e9); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-edit .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share .font-icon:before { font-family: 'icomoon'; content: "\f1e0"; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -702px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.open-text .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon:before { color: #31dc48; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.share-link .font-icon:before { background-image: -webkit-linear-gradient(2deg,#31dc48,#5de36f); text-shadow: none; text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -609px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-background .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -773px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav .font-icon, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.fav-page .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-refresh { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -513px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-refresh:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .icon-refresh { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.icon-picture, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon.icon-picture { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -577px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.icon-picture:before, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon.icon-picture:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-icon-size .font-icon.icon-picture, .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.setting-wall .font-icon.icon-picture { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.icon-sort { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -528px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.icon-sort:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-sort-by .font-icon.icon-sort { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.icon-eye-open { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 1px -625px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.icon-eye-open:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.set-list-type .font-icon.icon-eye-open { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: 0px -545px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-all > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -546px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-clear > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon { display: inline-block; background-image: url("../../images/common/menu_icon.png"); background-position: -16px -593px; background-size: auto !important; background-repeat: no-repeat; height: 16px; margin-right: 10px; } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon:before { content: "" !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx),only screen and (min-resolution: 192dpi) { .frame-main-explorer .frame-header .tools .toolbar-item .btn-default.select-reverse > .font-icon { background-image: url("../../images/common/menu_icon@2x.png"); background-size: 32px auto !important; } } .frame-main-explorer .frame-header .tools .toolbar-item .btn-default .font-icon:before { font-size: 14px; line-height: 14px; position: relative; width: 13px; top: 1px; margin-right: -2px; } .frame-main-explorer .frame-right { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; overflow: hidden; min-width: 450px; border-left: 1px solid rgba(100,100,100,0.1); -khtml-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .frame-main-explorer .frame-right .frame-right-main .font-icon { line-height: 16px; padding: 0 2px; font-size: 1em; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action { min-width: 150px; font-size: 1em; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action a { padding: 2px 30px; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action .divider { margin: 5px 0; } .frame-main-explorer .frame-right .frame-right-main .drop-menu-action .disabled a { opacity: 0.8; filter: alpha(opacity=80); } .frame-main-explorer .frame-right .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .frame-main-explorer .frame-right .dropdown-menu { font-size: 1em; margin-top: 5px; } .frame-main-explorer .frame-right .bodymain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; margin-top: 85px; overflow: hidden; } .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-continer-main { top: 30px; } .frame-main-explorer .frame-right .bodymain .file-continer-main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 50px; overflow: auto; } .frame-main-explorer .frame-right .bodymain .file-continer-main.file-list-list { padding-top: 5px; top: 26px; } .frame-main-explorer .frame-right .file-select-info { height: 25px; color: #888; opacity: 0.9; filter: alpha(opacity=90); position: absolute; bottom: 12px; padding: 0px 1em; font-size: 1em; line-height: 25px; overflow: hidden; border-radius: 3px; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .frame-main-explorer .frame-right .file-select-info .item-num, .frame-main-explorer .frame-right .file-select-info .item-select { border-left: 3px solid rgba(200,200,200,0.3); border-right: 3px solid rgba(200,200,200,0.3); padding-left: 5px; padding-right: 5px; } .frame-main-explorer .frame-right .file-select-info .item-select { padding-left: 0.5em; border-left: none; } .frame-main-explorer .frame-right .file-page { position: absolute; bottom: 10px; right: 10px; border: 1px solid rgba(0,0,0,0.03); border-radius: 3px; background: rgba(255,255,255,0.7); transition: all .2s; z-index: 10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .frame-main-explorer .frame-right .file-page:hover, .frame-main-explorer .frame-right .file-page:active { border-color: rgba(0,0,0,0.1); box-shadow: 0 3px 15px rgba(206,206,206,0.5); background: rgba(255,255,255,0.9); } .frame-main-explorer .frame-right .file-page .my-page-box { border: none; } .frame-main-explorer .frame-right .path-is-null { text-align: center; color: #ccc; position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin-top: -150px; margin-left: -75px; font-size: 12px; } .frame-main-explorer .frame-right .path-is-null .path-ico { width: 150px; height: 150px; font-size: 150px; display: block; } .frame-main-explorer .frame-right .path-is-null .text { background: rgba(0,0,0,0.02); padding: 3px 10px; border-radius: 10px; } .frame-main-explorer .frame-right .file-list-list .children-list .path-is-null { display: none; } .frame-main-explorer .btn-group-sm >.btn { padding: 3px 7px; } .frame-main-explorer .path-tips { line-height: 23px; margin-left: 15px; margin-top: 1px; float: left; display: none; background: #ddd; color: #777; cursor: pointer; border-radius: 3px; padding: 1px 8px; position: relative; z-index: 7; opacity: 0.8; filter: alpha(opacity=80); } .frame-main-explorer .role-label-box { margin: 3px; margin-left: 10px; float: left; cursor: pointer; } .frame-main-explorer .role-label-box:hover, .frame-main-explorer .role-label-box:active { opacity: 0.6; } .frame-main-explorer .role-label-box .label { padding: 5px 10px; border-radius: 40px; } .app-admin .menuBar { display: none; } .admin-page .menu-show-mask, .setting-page .menu-show-mask { position: fixed; z-index: 90; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.1); display: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; opacity: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .setting-page .menu-show-mask { top: 40px; } .admin-page .admin-menu-left, .setting-page .setting-menu-left { background: #001529; box-shadow: 2px 0 6px rgba(0,21,41,0.35); position: absolute; z-index: 100; left: 0; height: 100%; width: 255px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .admin-page .admin-menu-left h1, .setting-page .setting-menu-left h1 { color: #1890ff; background: #002140; font-weight: 100; padding: 0; margin: 0; margin-bottom: 10px; height: 70px; line-height: 70px; overflow: hidden; text-align: center; position: relative; z-index: 2; } .admin-page .admin-menu-left h1 .logo img, .setting-page .setting-menu-left h1 .logo img { max-height: 70px; max-width: 255px; } .admin-page .admin-menu-left .menu-content, .setting-page .setting-menu-left .menu-content { background: #001529; overflow: auto; position: absolute; width: 100%; top: 71px; bottom: 50px; padding-top: 10px; z-index: 2; } .admin-page .admin-menu-left .menu-content .menu-items, .setting-page .setting-menu-left .menu-content .menu-items { padding: 0; } .admin-page .admin-menu-left .menu-item, .setting-page .setting-menu-left .menu-item { list-style: none; transition: all 0.16s; cursor: pointer; } .admin-page .admin-menu-left .menu-item .menu-item-content, .setting-page .setting-menu-left .menu-item .menu-item-content { height: 40px; line-height: 40px; margin: 0; color: rgba(255,255,255,0.7); font-size: 13px; text-indent: 8px; padding-left: 10px; overflow: hidden; cursor: pointer; transition: all 0.16s; position: relative; } .admin-page .admin-menu-left .menu-item .menu-item-content .level-margin, .setting-page .setting-menu-left .menu-item .menu-item-content .level-margin { display: inline-block; } .admin-page .admin-menu-left .menu-item .menu-item-content .font-icon, .setting-page .setting-menu-left .menu-item .menu-item-content .font-icon { padding-right: 5px; display: inline-block; width: 30px; text-align: center; } .admin-page .admin-menu-left .menu-item .menu-item-content .item-icon, .setting-page .setting-menu-left .menu-item .menu-item-content .item-icon { opacity: 0.6; filter: alpha(opacity=60); } .admin-page .admin-menu-left .menu-item .menu-item-content:hover, .admin-page .admin-menu-left .menu-item .menu-item-content:active, .setting-page .setting-menu-left .menu-item .menu-item-content:hover, .setting-page .setting-menu-left .menu-item .menu-item-content:active { background: rgba(100,100,100,0.05); color: #fff; } .admin-page .admin-menu-left .menu-item.select .menu-item-content, .setting-page .setting-menu-left .menu-item.select .menu-item-content { color: #fff; background: #1890ff; } .admin-page .admin-menu-left .menu-item.select .menu-item-content .item-icon, .setting-page .setting-menu-left .menu-item.select .menu-item-content .item-icon { opacity: 1; filter: alpha(opacity=100); } .admin-page .admin-menu-left .menu-item:hover, .admin-page .admin-menu-left .menu-item:active, .setting-page .setting-menu-left .menu-item:hover, .setting-page .setting-menu-left .menu-item:active { background: rgba(130,130,130,0.05); } .admin-page .admin-menu-left .menu-item .menu-items, .setting-page .setting-menu-left .menu-item .menu-items { display: none; padding: 0; } .admin-page .admin-menu-left .menu-item .menu-item-content:after, .setting-page .setting-menu-left .menu-item .menu-item-content:after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #4ba9ff; -webkit-transform: scaleY(.0001); transform: scaleY(.0001); opacity: 0; -webkit-transition: opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1), opacity .15s cubic-bezier(.215,.61,.355,1); transition: transform .15s cubic-bezier(.215,.61,.355,1), opacity .15s cubic-bezier(.215,.61,.355,1), -webkit-transform .15s cubic-bezier(.215,.61,.355,1); content: ''; } .admin-page .admin-menu-left .menu-item.select .menu-item-content:after, .setting-page .setting-menu-left .menu-item.select .menu-item-content:after { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .admin-page .admin-menu-left .menu-item.submenu .menu-cert, .setting-page .setting-menu-left .menu-item.submenu .menu-cert { position: absolute; font-size: 16px; right: 10px; line-height: 40px; width: 30px; padding: 0px; } .admin-page .admin-menu-left .menu-item.submenu .menu-cert:before, .setting-page .setting-menu-left .menu-item.submenu .menu-cert:before { font-family: 'icomoon'; content: "\f105"; padding-left: 3px; } .admin-page .admin-menu-left .menu-item.submenu.menu-open > .menu-item-content .menu-cert:before, .setting-page .setting-menu-left .menu-item.submenu.menu-open > .menu-item-content .menu-cert:before { font-family: 'icomoon'; content: "\f107"; } .admin-page .admin-menu-left .menu-item.menu-open > .menu-item-content, .setting-page .setting-menu-left .menu-item.menu-open > .menu-item-content { color: #fff; } .admin-page .admin-menu-left .menu-item.menu-open > .menu-items, .setting-page .setting-menu-left .menu-item.menu-open > .menu-items { display: block; background: #000c17; box-shadow: inset 0 1px 8px rgba(0,0,0,0.45); } .admin-page .admin-menu-left .left-menu-footer, .setting-page .setting-menu-left .left-menu-footer { position: absolute; bottom: 0px; z-index: 10; width: 100%; font-size: 12px; border-top: 1px solid rgba(200,200,200,0.1); } .admin-page .admin-menu-left .left-menu-footer .item-row, .setting-page .setting-menu-left .left-menu-footer .item-row { height: 40px; line-height: 40px; margin: 0; color: rgba(255,255,255,0.7); background: #1c2a3a; font-size: 13px; text-indent: 8px; padding-left: 10px; overflow: hidden; cursor: pointer; display: block; transition: all 0.16s; } .admin-page .admin-menu-left .left-menu-footer .item-row .font-icon, .setting-page .setting-menu-left .left-menu-footer .item-row .font-icon { padding-right: 5px; } .admin-page .admin-menu-left .left-menu-footer .item-row label, .setting-page .setting-menu-left .left-menu-footer .item-row label { display: block; cursor: pointer; } .admin-page .admin-menu-left .left-menu-footer .item-row.admin-theme label em, .setting-page .setting-menu-left .left-menu-footer .item-row.admin-theme label em { position: absolute; right: 10px; margin-top: 10px; } .admin-page .admin-menu-left.admin-theme-light, .setting-page .setting-menu-left.setting-theme-light { background-color: #fff; box-shadow: 2px 0 8px 0 rgba(29,35,41,0.05); } .admin-page .admin-menu-left.admin-theme-light h1, .setting-page .setting-menu-left.setting-theme-light h1 { border-bottom: 1px solid #eee; } .admin-page .admin-menu-left.admin-theme-light h1, .admin-page .admin-menu-left.admin-theme-light .menu-content, .setting-page .setting-menu-left.setting-theme-light h1, .setting-page .setting-menu-left.setting-theme-light .menu-content { background-color: #fff; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content { color: #555; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:hover, .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:active, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:hover, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:active { color: #1890ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item.select .menu-item-content, .setting-page .setting-menu-left.setting-theme-light .menu-item.select .menu-item-content { color: #1890ff; background: #e6f7ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item .menu-item-content:after, .setting-page .setting-menu-left.setting-theme-light .menu-item .menu-item-content:after { border-right: 3px solid #1890ff; } .admin-page .admin-menu-left.admin-theme-light .menu-item.menu-open, .setting-page .setting-menu-left.setting-theme-light .menu-item.menu-open { color: #222; } .admin-page .admin-menu-left.admin-theme-light .menu-item.menu-open > .menu-items, .setting-page .setting-menu-left.setting-theme-light .menu-item.menu-open > .menu-items { background: #fff; box-shadow: none; } .admin-page .admin-menu-left.admin-theme-light .left-menu-footer, .setting-page .setting-menu-left.setting-theme-light .left-menu-footer { border-top: 1px solid #fafafa; } .admin-page .admin-menu-left.admin-theme-light .left-menu-footer .item-row, .setting-page .setting-menu-left.setting-theme-light .left-menu-footer .item-row { color: #666; background: #fdfdfd; } .admin-page .admin-main, .setting-page .setting-main { position: absolute; background: #f0f2f5; left: 255px; top: 0; right: 0px; bottom: 0px; padding-bottom: 100px; overflow: auto; overflow-x: hidden; } .admin-page .admin-main .header, .setting-page .setting-main .header { box-shadow: 0 1px 4px rgba(0,21,41,0.08); border-bottom: 1px solid #e6e6e6; height: 70px; padding: 0 12px 0 0; background: #fff; } .admin-page .admin-main .header .title-address, .setting-page .setting-main .header .title-address { line-height: 70px; font-size: 14px; color: #666; padding: 0px 0 0 10px; margin-left: 25px; } .admin-page .admin-main .header .title-address .address-start, .setting-page .setting-main .header .title-address .address-start { border-left: 4px solid #1890ff; padding-right: 10px; display: inline-block; height: 18px; position: relative; top: 4px; line-height: 0; } .admin-page .admin-main .header .title-address span.address-split, .setting-page .setting-main .header .title-address span.address-split { padding: 0 5px; color: #aaa; } .admin-page .admin-main .header .title-address .address-item.link, .setting-page .setting-main .header .title-address .address-item.link { cursor: pointer; } .admin-page .admin-main .header .title-address .address-item.link:hover, .admin-page .admin-main .header .title-address .address-item.link:active, .setting-page .setting-main .header .title-address .address-item.link:hover, .setting-page .setting-main .header .title-address .address-item.link:active { color: #1890ff; } .admin-page .admin-main .header .title-address .address-item .item-icon, .setting-page .setting-main .header .title-address .address-item .item-icon { display: none; } .admin-page .admin-main .header .menu-toggle, .setting-page .setting-main .header .menu-toggle { display: none; font-size: 16px; cursor: pointer; width: 50px; line-height: 36px; position: fixed; z-index: 5; text-align: center; color: #ffffff; margin: 18px 10px 5px 0px; border-radius: 0 5px 5px 0; transition: all 0.3s; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background: #1890ffa3; } .admin-page .admin-main .header .menu-toggle:hover, .admin-page .admin-main .header .menu-toggle:active, .setting-page .setting-main .header .menu-toggle:hover, .setting-page .setting-main .header .menu-toggle:active { background: #0076e4; } .admin-page .admin-main .panel-body, .setting-page .setting-main .panel-body { padding: 15px; margin: 10px; background: #fff; border: none; border-radius: 4px; position: relative; } .admin-page .admin-main .panel-body .panel-body-header, .setting-page .setting-main .panel-body .panel-body-header { font-size: 16px; padding: 15px 25px; border-bottom: 1px solid #eee; } .admin-page .admin-main .panel-body .no-auth-page, .setting-page .setting-main .panel-body .no-auth-page { text-align: center; margin: 60px 0px; } .admin-page .admin-main .panel-body .no-auth-page .path-ico, .setting-page .setting-main .panel-body .no-auth-page .path-ico { width: 100%; height: 150px; font-size: 150px; } .admin-page .admin-main .panel-body .no-auth-page .text, .setting-page .setting-main .panel-body .no-auth-page .text { background: rgba(0,0,0,0.02); padding: 3px 10px; border-radius: 10px; color: #ccc; } .admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { padding: 0; margin: 5px 15px 5px 15px; } .admin-page .dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body { position: relative; top: 0; overflow: hidden; } .kodTable .list-table .list-col.setting .do-action { padding: 3px 5px; margin-bottom: 2px; cursor: pointer; display: inline-block; vertical-align: middle; color: #1890ff; border-radius: 3px; word-break: keep-all; } .kodTable .list-table .list-col.setting .do-action:focus, .kodTable .list-table .list-col.setting .do-action:hover, .kodTable .list-table .list-col.setting .do-action:active { background: #def; } .kodTable .list-table .list-col.setting .dropdown-box { position: relative; display: inline-block; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown { display: none; z-index: 99; position: absolute; right: -5px; background-color: #fff; border-radius: 3px; outline: none; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul { list-style: none; padding: 0px; margin: 4px 0px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li { color: #333; display: block; height: 30px; width: 64px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:hover, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:focus, .kodTable .list-table .list-col.setting .dropdown-box .dropdown ul li:active { background-color: #e4f8ff; cursor: pointer; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips { bottom: 30px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.tpTips:after { content: ""; position: absolute; right: 10px; margin-left: -5px; border-width: 5px; border-style: solid; top: 100%; border-color: #fff transparent transparent transparent; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips { top: 25px; } .kodTable .list-table .list-col.setting .dropdown-box .dropdown.btTips:after { content: ""; position: absolute; right: 10px; margin-left: -5px; border-width: 5px; border-style: solid; bottom: 100%; border-color: transparent transparent #fff transparent; } @media (min-width: 1200px) { .panel-body.overview-page .option-box .container .col-xl-12 .option { margin-left: 12px; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option { margin-left: 0; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option { margin-left: 12px; } } @media (min-width: 768px) and (max-width: 1200px) { .panel-body.overview-page .option-box .container .col-xl-12 .option { margin-left: 12px; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(1) .option { margin-left: 0; } .panel-body.overview-page .option-box .container .col-xl-12:nth-child(3) .option { margin-left: 0; } } .admin-page .admin-main .panel-body.overview-page { background: #f0f2f5 !important; padding: 0px !important; } .panel-body.overview-page .container { padding: 0px; width: 100%; } .panel-body.overview-page .container > div { padding: 0px; } .panel-body.overview-page .option-box { background: #f0f2f5; } .panel-body.overview-page .option-box .option { border: 1px solid #eee; border-radius: 4px; transition: all .3s; background: #fff; margin-right: 0; margin-bottom: 12px; } .panel-body.overview-page .option-box .option:hover, .panel-body.overview-page .option-box .option:active { border: 1px solid transparent; box-shadow: 0 5px 20px rgba(0,0,0,0.15); } .panel-body.overview-page .option-box .option .opt-body { padding: 15px 15px 10px 15px; zoom: 1; overflow: hidden; } .panel-body.overview-page .option-box .option .opt-body .content-omit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .panel-body.overview-page .option-box .option .opt-body .content-omit a { text-decoration: none; } .panel-body.overview-page .option-box .option .opt-body .opt-meta { height: 22px; line-height: 22px; font-size: 14px; color: rgba(0,0,0,0.45); } .panel-body.overview-page .option-box .option .opt-body .opt-meta .font-icon { color: #fff; border-radius: 100%; font-size: 12px; margin-right: 5px; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; vertical-align: top; } .panel-body.overview-page .option-box .option .opt-body .opt-info { height: 100px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .number { overflow: hidden; color: rgba(0,0,0,0.85); font-size: 30px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; height: 60px; line-height: 60px; margin: 10px 0px 20px; text-align: center; } .panel-body.overview-page .option-box .option .opt-body .opt-info .chart { margin-top: -30px; margin-bottom: -26px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer { border-top: 1px solid #e8e8e8; margin-top: 8px; padding-top: 9px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer> div:after { content: ""; display: block; clear: both; float: none; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .content-omit { width: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .title { color: rgba(0,0,0,0.65); font-size: 12px; font-variant: tabular-nums; line-height: 1.8; list-style: none; float: left; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .text { margin-left: 8px; color: rgba(0,0,0,0.85); } .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more { cursor: pointer; color: #6cb6fb; background: #f6f6f6; position: absolute; right: 15px; margin-top: -3px; width: 25px; height: 25px; line-height: 27px; text-align: center; border-radius: 3px; font-size: 14px; } .panel-body.overview-page .option-box .option .opt-body .opt-footer .opt-more:hover { color: #40a9ff; background: #e6f7ff; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file { padding: 15px 0px; position: relative; white-space: nowrap; text-overflow: ellipsis; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content { width: 50%; text-align: center; font-size: 30px; color: #1890ff; background: #f7fdff; box-shadow: 2px 2px 0 0px #e6f7ff; margin-right: 6%; padding: 5px 0 15px 0px; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .content .unit, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .content .unit { font-size: 12px; color: #949494; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail { padding: 15px 0px 0 15px; position: absolute; left: 50%; top: 15px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .detail p, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .detail p { margin: 0px; height: 25px; line-height: 25px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-user .spot, .panel-body.overview-page .option-box .option .opt-body .opt-info .info-file .spot { width: 8px; height: 8px; display: inline-block; border-radius: 4px; margin-right: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-access { padding: 13px 0px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage { display: flex; margin-bottom: 6px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-safe { background-color: #3dbd7d; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-default { background-color: #40abfb; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-warning { background-color: #ffbf00; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-error { background-color: #f04134; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .bg-minor { background-color: #eceef1; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store { flex: 1; padding: 5px 0px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div { height: 25px; line-height: 25px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store>div .fl-left { width: 65px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar { width: 88%; padding: 8px 0px; cursor: pointer; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info { height: 6px; overflow: hidden; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .store .store-bar .info .process { transition: all 0.2s; height: 100%; border-radius: 4px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score { width: 60px; height: 60px; line-height: 60px; text-align: center; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .score>div { border-radius: 30px; font-size: 22px; font-weight: bold; color: #fff; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div .content-omit span:first-child { display: inline-block; width: 50px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .detail>div>div:first-child { width: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip { position: relative; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text { visibility: hidden; background-color: #fff; color: rgba(0,0,0,0.65); border-radius: 3px; padding: 8px 10px; text-align: left; box-shadow: 0 1px 2px -2px rgba(0,0,0,0.16), 0 3px 6px 0 rgba(0,0,0,0.12), 0 5px 12px 4px rgba(0,0,0,0.09); position: absolute; z-index: 1; left: 50%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text.tip-top { bottom: 100%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text.tip-bottom { top: 100%; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line { height: 20px; line-height: 20px; display: flex; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span { display: inline-block; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span .dot { display: inline-block; width: 6px; height: 6px; border-radius: 3px; margin-right: 8px; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip .kod-tooltip-text .line span:first-child { width: 80px; flex: 1; } .panel-body.overview-page .option-box .option .opt-body .opt-info .info-server .storage .kod-tooltip:hover .kod-tooltip-text { visibility: visible; } .panel-body.overview-page .tab-table-box, .panel-body.overview-page .tab-trend-box { background: #fff; border-radius: 4px; padding: 15px; } .panel-body.overview-page .tab-table-box ul.nav, .panel-body.overview-page .tab-trend-box ul.nav { border-bottom: 1px solid #ddd; } .panel-body.overview-page .tab-table-box ul.nav a, .panel-body.overview-page .tab-trend-box ul.nav a { color: #666; } .panel-body.overview-page .tab-table-box ul.nav>li>a:hover, .panel-body.overview-page .tab-table-box ul.nav>li>a:focus, .panel-body.overview-page .tab-trend-box ul.nav>li>a:hover, .panel-body.overview-page .tab-trend-box ul.nav>li>a:focus { background-color: #fff; color: #80c1fd; } .panel-body.overview-page .tab-table-box ul.nav .btn-group, .panel-body.overview-page .tab-trend-box ul.nav .btn-group { position: absolute; right: 15px; margin-top: 5px; } .panel-body.overview-page .tab-table-box ul.nav .btn-group .btn, .panel-body.overview-page .tab-trend-box ul.nav .btn-group .btn { padding: 5px 1.2em; } .panel-body.overview-page .tab-table-box .nav-pills>li.active>a, .panel-body.overview-page .tab-table-box .nav-pills>li.active>a:hover, .panel-body.overview-page .tab-table-box .nav-pills>li.active>a:active, .panel-body.overview-page .tab-table-box .nav-pills>li.active>a:focus, .panel-body.overview-page .tab-trend-box .nav-pills>li.active>a, .panel-body.overview-page .tab-trend-box .nav-pills>li.active>a:hover, .panel-body.overview-page .tab-trend-box .nav-pills>li.active>a:active, .panel-body.overview-page .tab-trend-box .nav-pills>li.active>a:focus { border: none; background: #fff; color: #1890ff; border-bottom: 3px solid #1890ff; border-radius: 0px; margin-bottom: -2px; } .panel-body.overview-page .tab-table-box .kodTable .content, .panel-body.overview-page .tab-trend-box .kodTable .content { height: 465px; position: relative; } .panel-body.overview-page .tab-table-box .chart-box, .panel-body.overview-page .tab-trend-box .chart-box { width: 88%; margin: 20px auto; } .panel-body.overview-page .tab-table-box .chart-box #fileChart, .panel-body.overview-page .tab-trend-box .chart-box #fileChart { margin: 40px 0px; height: 325px; } .panel-body.overview-page .tab-table-box .chart-box .chart-title, .panel-body.overview-page .tab-trend-box .chart-box .chart-title { height: 36px; line-height: 36px; font-size: 14px; color: rgba(0,0,0,0.65); display: inline-block; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl { border-top: 1px solid #e8e8e8; margin-top: 12px; padding-top: 15px; display: -webkit-box; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .dtl .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .dtl .title { width: 50%; text-align: center; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title { color: rgba(0,0,0,0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; } .panel-body.overview-page .tab-table-box .chart-box .table-chart-info .title .text, .panel-body.overview-page .tab-trend-box .chart-box .table-chart-info .title .text { margin-left: 8px; color: rgba(0,0,0,0.85); } .panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info { color: #999; cursor: default; } .panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .panel-body.overview-page .tab-table-box .user-info img, .panel-body.overview-page .tab-trend-box .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .panel-body.overview-page .tab-table-box .user-info .name-char, .panel-body.overview-page .tab-trend-box .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .panel-body.overview-page .tab-table-box .user-info, .panel-body.overview-page .tab-trend-box .user-info { color: #456; } .panel-body.overview-page .tab-table-box .user-info .path-ico, .panel-body.overview-page .tab-trend-box .user-info .path-ico { width: 22px; height: 22px; position: relative; margin-right: 5px; } .panel-body.overview-page .tab-table-box .user-info .path-ico img, .panel-body.overview-page .tab-trend-box .user-info .path-ico img { border: 1px solid #fff; } .panel-body.overview-page .tab-trend-box .tab-content { height: 455px; position: relative; } .panel-body.overview-page .line-box { margin: 5px 0px; } .panel-body.admin-setting-page .form-row.item-treeOpen label { min-width: 80px; } .g2-tooltip { position: absolute; background-color: #ffffff; border-radius: 3px; color: #575757; font-size: 12px; line-height: 20px; padding: 10px 10px 6px 10px !important; box-shadow: 0px 0px 10px #aeaeae; pointer-events: none; text-align: left; z-index: 1000; } .g2-tooltip .g2-tooltip-list { margin: 0; list-style-type: none; } .g2-tooltip .g2-tooltip-value { margin-left: 30px; display: inline; float: right; } .setting-page .setting-main { padding-bottom: 0px; } .setting-page .menu-bar .user-head { padding: 20px 40px; } .setting-page .menu-bar .user-head .user-head-img { width: 80px; height: 80px; color: #ffffff; font-size: 40px; box-shadow: rgba(0,0,0,0.05) 0px 1px 5px -1px, rgba(39,40,41,0.1) 0px 6px 24px -2px; border-radius: 100%; position: relative; overflow: hidden; cursor: pointer; } .setting-page .menu-bar .user-head .user-head-img .upload-tips { position: absolute; bottom: 0; display: none; font-size: 12px; color: #fff; background: rgba(0,0,0,0.4); width: 100%; height: 26px; text-align: center; line-height: 20px; } .setting-page .menu-bar .user-head .user-head-img:hover .upload-tips { display: block; } .setting-page .menu-bar .user-head .user-head-img img { width: 80px; height: 80px; } .setting-page .menu-bar .user-head .user-head-name { color: #666; font-weight: 400; line-height: 28px; margin-top: 20px; font-size: 16px; } .setting-page .menu-bar .user-head .user-head-contact { color: #9199a3; font-size: 14px; line-height: 16px; margin-top: 10px; } .setting-page .menu-bar .menu-item .menu-item-content { padding-left: 20px; } .setting-page .panel-body.base-page .form-row { padding: 3px 30px; padding-right: 5px; width: auto; margin: 1px 0; } .setting-page .panel-body.base-page .form-row .setting-title { height: 30px; line-height: 30px; width: 140px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; } .setting-page .panel-body.base-page .form-row .setting-content { float: left; position: relative; width: 70%; padding: 5px; border-radius: 4px; border: 1px solid transparent; } .setting-page .panel-body.base-page .form-row label { margin-right: 10px; display: inline; cursor: pointer; } .setting-page .panel-body.base-page .form-row input[type='checkbox'] { margin-right: 5px; } .setting-page .panel-body.base-page .form-row input[type='radio'] { display: inline-block; margin-right: 5px; cursor: pointer; } .setting-page .panel-body.base-page .form-row .desc { color: #9ba3af; font-style: normal; line-height: 1.6em; } .setting-page .panel-body.base-page .line { height: 1px; overflow: hidden; margin: 10px; border: none; background: none; border-bottom: 1px dotted #e9eaea; } .setting-page .panel-body.base-page .form-row .setting-title { text-align: left; } .setting-page .panel-body.account-page .acc-line { height: 1px; overflow: hidden; border: none; background: none; margin-top: 10px; border-bottom: 1px solid #ddd; } .setting-page .panel-body.account-page .form-row { margin: 0px !important; padding: 0px !important; } .setting-page .panel-body.account-page .form-row input[type='text'], .setting-page .panel-body.account-page .form-row input[type='password'], .setting-page .panel-body.account-page .form-row input[type='number'] { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; height: 28px; width: 260px; color: #444; border-radius: 4px; padding-left: 0.5em; margin-right: 10px; } .setting-page .panel-body.account-page .form-row input[type='text']:hover, .setting-page .panel-body.account-page .form-row input[type='text']:active, .setting-page .panel-body.account-page .form-row input[type='password']:hover, .setting-page .panel-body.account-page .form-row input[type='password']:active, .setting-page .panel-body.account-page .form-row input[type='number']:hover, .setting-page .panel-body.account-page .form-row input[type='number']:active { border-color: #75A1F0; } .setting-page .panel-body.account-page .form-row input[type='text']:focus, .setting-page .panel-body.account-page .form-row input[type='password']:focus, .setting-page .panel-body.account-page .form-row input[type='number']:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .setting-page .panel-body.account-page .form-row input[type='text'].disabled, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='password'].disabled, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true'], .setting-page .panel-body.account-page .form-row input[type='number'].disabled, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true'] { opacity: 0.7; } .setting-page .panel-body.account-page .form-row input[type='text'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='text'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:active, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:hover, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:active, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:hover, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:active { border-color: #ddd; } .setting-page .panel-body.account-page .form-row input[type='text'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='text'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='password'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='password'][readonly='true']:focus, .setting-page .panel-body.account-page .form-row input[type='number'].disabled:focus, .setting-page .panel-body.account-page .form-row input[type='number'][readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .setting-page .panel-body.account-page .acc-row { height: 40px; line-height: 40px; border-bottom: 1px solid #f6f6f6; font-size: 13px; } .setting-page .panel-body.account-page .user-set .acc-row:hover { background: #f6f6f6; cursor: pointer; } .setting-page .panel-body.account-page .acc-title { height: 24px; line-height: 24px; font-size: 18px; border-left: 4px solid #1890ff; padding-left: 10px; } .setting-page .panel-body.account-page .acc-row-img { height: 65px; line-height: 65px; padding: 10px 0px; } .setting-page .panel-body.account-page .acc-row-img:hover, .setting-page .panel-body.account-page .acc-row-img:active { background: #fff; cursor: normal; } .setting-page .panel-body.account-page .acc-dtl { background: #f6f6f6; padding: 10px 0px; position: relative; } .setting-page .panel-body.account-page .acc-dtl .ccl { position: absolute; right: 20px; top: 10px; cursor: pointer; } .setting-page .panel-body.account-page .acc-dtl .col-title { position: relative; top: 4px; } .setting-page .panel-body.account-page .acc-row>*, .setting-page .panel-body.account-page .acc-dtl span { display: inline-block; font-size: 13px; } .setting-page .panel-body.account-page .col-title { display: inline-block; width: 25%; vertical-align: middle; } .setting-page .panel-body.account-page .col-content { display: inline-block; width: 50%; } .setting-page .panel-body.account-page .col-action { display: inline-block; width: 22%; text-align: right; } .setting-page .panel-body.account-page .ml-12 { margin-left: 12px; } .setting-page .panel-body.account-page .pb-v40 { padding-bottom: 40px !important; } .setting-page .panel-body.account-page .icon-img { display: inline-block; width: 35px; height: 35px; vertical-align: middle; } .setting-page .panel-body.account-page .icon-img.icon-img-qq { background: url("../../images/common/icon-sn.png") -80px -25px no-repeat; } .setting-page .panel-body.account-page .icon-img.icon-img-wx { background: url("../../images/common/icon-sn.png") -248px -25px no-repeat; } .setting-page .panel-body.account-page .icon-img.icon-img-gh { background: url("../../images/common/icon-sn.png") -25px -25px no-repeat; } .setting-page .panel-body.account-page .acc-list-box button { border: none; padding: 5px 20px; border-radius: 3px; border: 1px solid transparent; } .setting-page .panel-body.account-page .acc-list-box button.pri-btn { background: #63acff; color: #fff; } .setting-page .panel-body.account-page .acc-list-box button.pri-btn:hover, .setting-page .panel-body.account-page .acc-list-box button.pri-btn:active { background: #0086E5; } .setting-page .panel-body.account-page .acc-list-box button.ccl-btn:hover { background: #ddd; border-color: #ddd; } .setting-page .panel-body.account-page .user-check-code input { margin-right: 0px !important; width: 175px !important; } .setting-page .panel-body.account-page .user-check-code img, .setting-page .panel-body.account-page .user-check-code button { cursor: pointer; margin-left: -6px; position: relative; top: -1px; width: 85px; height: 30px; border-radius: 0 2px 2px 0; border: 1px solid #ddd; padding: 0px; } .setting-page .panel-body.account-page .user-header-image { width: 64px; height: 64px !important; border-radius: 50%; padding: 0; overflow: hidden; position: relative; } .setting-page .panel-body.account-page .user-header-image .upload-tips { position: absolute; bottom: 0; display: none; font-size: 12px; color: #fff; background: rgba(0,0,0,0.4); width: 100%; height: 26px; text-align: center; line-height: 20px; } .setting-page .panel-body.account-page .user-header-image img { width: 100%; height: 100%; } .setting-page .panel-body.account-page .user-header-image:hover .upload-tips { display: block; } .setting-page .panel-body.account-page .acc-row, .setting-page .panel-body.account-page .acc-dtl { padding: 10px 10px; } .setting-page .panel-body.account-page .acc-row a, .setting-page .panel-body.account-page .acc-dtl a { color: #63acff; text-decoration: none; border-radius: 3px; padding: 4px 6px; margin-left: -6px; } .setting-page .panel-body.account-page .acc-row a:focus, .setting-page .panel-body.account-page .acc-row a:hover, .setting-page .panel-body.account-page .acc-row a:active, .setting-page .panel-body.account-page .acc-dtl a:focus, .setting-page .panel-body.account-page .acc-dtl a:hover, .setting-page .panel-body.account-page .acc-dtl a:active { color: #0086E5; background: #def; } .setting-page .panel-body.account-page .acc-row .font-icon, .setting-page .panel-body.account-page .acc-dtl .font-icon { color: #aaa; display: inline-block; text-align: center; width: 30px; font-size: 16px; vertical-align: text-bottom; } .setting-page .panel-body.account-page .acc-row .close-item:before, .setting-page .panel-body.account-page .acc-dtl .close-item:before { font-family: 'icomoon'; content: "\ea68"; width: 30px; height: 30px; line-height: 30px; background: #fff; text-align: center; border-radius: 2px; display: block; } .setting-page .panel-body.account-page .acc-row .close-item:hover:before, .setting-page .panel-body.account-page .acc-dtl .close-item:hover:before { background: #def; } .setting-page .panel-body.account-page .vert-top { vertical-align: top; } .setting-page .panel-body.account-page .acc-row .desc tip { color: #aaa; } .setting-page .panel-body.theme-page .randomImage, .setting-page .panel-body.wall-page .randomImage { width: 25px; height: 25px; margin-left: 15px; cursor: pointer; } .setting-page .panel-body.theme-page .panel-title, .setting-page .panel-body.wall-page .panel-title { margin: 0px !important; padding: 0px !important; border: 0px !important; font-size: 1.1em; color: inherit; } .setting-page .panel-body.theme-page .setting-title, .setting-page .panel-body.wall-page .setting-title { width: 90px; } .setting-page .panel-body.theme-page .setting-content .input-title-right, .setting-page .panel-body.wall-page .setting-content .input-title-right { margin-top: -2px; padding: 0px 0.7em; } .setting-page .panel-body.theme-page .color-default, .setting-page .panel-body.wall-page .color-default { position: absolute; left: 500px; top: 28px; margin-top: 43px; width: 325px; border-radius: 6px; box-shadow: 0 0 20px #ddd inset; } .setting-page .panel-body.theme-page .color-default .color-list, .setting-page .panel-body.wall-page .color-default .color-list { width: 50px; height: 50px; float: left; margin: 7px; cursor: pointer; box-shadow: 0 0 10px #ddd; border-radius: 50%; } .setting-page .panel-body.theme-page .color-default .color-list:hover, .setting-page .panel-body.theme-page .color-default .color-list:active, .setting-page .panel-body.wall-page .color-default .color-list:hover, .setting-page .panel-body.wall-page .color-default .color-list:active { box-shadow: 0 0 10px rgba(0,0,0,0.5); } .setting-page .panel-body.theme-page .savebox, .setting-page .panel-body.wall-page .savebox { border-top: 1px solid #eee; margin-bottom: 10px; } .setting-page .panel-body.theme-page .savebox a.save, .setting-page .panel-body.wall-page .savebox a.save { margin-left: 5px; margin-top: 5px; padding: 4px 20px; } .setting-page .panel-body.theme-page .section, .setting-page .panel-body.wall-page .section { margin-right: -10px; } .setting-page .panel-body.theme-page .section .box, .setting-page .panel-body.wall-page .section .box { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-right: 20px; margin: 0 auto; } .setting-page .panel-body.theme-page .section .box .flex-list, .setting-page .panel-body.wall-page .section .box .flex-list { float: left; width: 120px; height: 0px; margin-right: 10px; margin-bottom: 0; } .setting-page .panel-body.theme-page .section .box .list, .setting-page .panel-body.wall-page .section .box .list { float: left; width: 120px; height: 80px; margin-right: 10px; margin-bottom: 15px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.3); cursor: pointer; border-radius: 3px; position: relative; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .setting-page .panel-body.theme-page .section .box .list.list-add, .setting-page .panel-body.wall-page .section .box .list.list-add { text-align: center; line-height: 20px; color: #ccc; opacity: 0.9; } .setting-page .panel-body.theme-page .section .box .list.list-add .font-icon, .setting-page .panel-body.wall-page .section .box .list.list-add .font-icon { font-size: 40px; padding: 0px; margin-top: 30px; } .setting-page .panel-body.theme-page .section .box .list .item-remove, .setting-page .panel-body.wall-page .section .box .list .item-remove { position: absolute; right: -1px; top: -1px; display: none; border: none; background: rgba(0,0,0,0.3); color: #fff; width: 30px; height: 30px; font-size: 14px; text-align: center; padding: 0; line-height: 30px; border-radius: 0 0 0 30px; outline: none; } .setting-page .panel-body.theme-page .section .box .list .item-remove:before, .setting-page .panel-body.wall-page .section .box .list .item-remove:before { position: relative; top: -3px; left: 3px; } .setting-page .panel-body.theme-page .section .box .list .item-remove:hover, .setting-page .panel-body.wall-page .section .box .list .item-remove:hover { background: #f30; } .setting-page .panel-body.theme-page .section .box .list.listhover .item-remove, .setting-page .panel-body.wall-page .section .box .list.listhover .item-remove { display: block; } .setting-page .panel-body.theme-page .section .box .list .ico, .setting-page .panel-body.wall-page .section .box .list .ico { width: 100%; height: 100%; margin: 0; text-align: center; overflow: hidden; border-radius: 3px; } .setting-page .panel-body.theme-page .section .box .list .info, .setting-page .panel-body.wall-page .section .box .list .info { text-align: center; color: #fff; height: 24px; line-height: 24px; border-top: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.2); overflow: hidden; position: absolute; bottom: 0px; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 0 0 3px 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .setting-page .panel-body.theme-page .section .box .list .item-select, .setting-page .panel-body.wall-page .section .box .list .item-select { position: absolute; right: 10px; top: 10px; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: rgba(60,60,60,0.3); text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; right: -50px; } .setting-page .panel-body.theme-page .section .box .list .ico img, .setting-page .panel-body.wall-page .section .box .list .ico img { width: 100%; height: 100%; } .setting-page .panel-body.theme-page .section .box .list.this, .setting-page .panel-body.wall-page .section .box .list.this { box-shadow: 0 2px 10px rgba(24,144,255,0.55); } .setting-page .panel-body.theme-page .section .box .list.this .item-select, .setting-page .panel-body.wall-page .section .box .list.this .item-select { right: 10px; background: #1890ff; } .setting-page .panel-body.theme-page .section .box .list.this .info, .setting-page .panel-body.wall-page .section .box .list.this .info { color: #ffffff; border-color: #1890ff; background: #1890ff; } .setting-page .panel-body.theme-page .section .box .list.listhover .item-select, .setting-page .panel-body.wall-page .section .box .list.listhover .item-select { right: 10px; } .setting-page .panel-body.theme-page .section .box .list.listhover .info, .setting-page .panel-body.wall-page .section .box .list.listhover .info { background: #1890ff; border-color: #1890ff; } .setting-page .panel-body.theme-page .section .content, .setting-page .panel-body.wall-page .section .content { word-break: break-all; color: #448; margin-bottom: 20px; } .setting-page .panel-body.theme-page .section .content h2, .setting-page .panel-body.wall-page .section .content h2 { border-bottom: 1px dashed #eef; padding-bottom: 5px; margin-bottom: 5px; font-weight: 400; font-size: 1.25em; } .setting-page .panel-body.theme-page .section .content p, .setting-page .panel-body.wall-page .section .content p { margin-left: 5px; text-indent: 2em; margin-bottom: 8px; color: #666; font-size: 1em; -khtml-user-select: text; -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; width: 100%; } .setting-page .panel-body.theme-page .section .content .box, .setting-page .panel-body.wall-page .section .content .box { color: #555; clear: both; color: #666; } .setting-page .panel-body.theme-page .section .content .box .title, .setting-page .panel-body.wall-page .section .content .box .title { color: #444; border-bottom: 1px dashed #ddd; width: 100%; font-size: 21px; margin-bottom: 10px; margin-top: 10px; } .setting-page .panel-body.theme-page .section .content .box .title span, .setting-page .panel-body.wall-page .section .content .box .title span { border-bottom: 1px solid #aaa; display: inline-block; margin-bottom: -1px; text-align: center; padding: 5px 10px; float: none; width: auto; } .setting-page .panel-body.theme-page .section .content .box p, .setting-page .panel-body.wall-page .section .content .box p { line-height: 1.7em; text-indent: 2em; padding: 3px; margin: 0; } .setting-page .panel-body.theme-page .section .content .box p b, .setting-page .panel-body.wall-page .section .content .box p b { padding-right: 8px; } .setting-page .panel-body.theme-page .section .content .box p i, .setting-page .panel-body.wall-page .section .content .box p i { padding-right: 10px; } .setting-page .panel-body.theme-page .btn, .setting-page .panel-body.wall-page .btn { padding: 6px 14px; border-radius: 3px; box-sizing: content-box; } .panel-body.member-page { padding-left: 0px !important; } .panel-body.member-page .tree-user-group-toggle { display: none; } .panel-body.member-page .menu-show-mask { display: none; } .panel-body.member-page .page-box { display: flex; } .panel-body.member-page .page-box .frame-left { width: 200px; border-right: 1px solid #eee; z-index: 100; background: #fff; } .panel-body.member-page .page-box .frame-left .group-list-tree>li { margin-bottom: 80px; } .panel-body.member-page .page-box .frame-right { min-width: auto; } .panel-body.member-page .page-box .frame-right .header-content { position: relative; } .panel-body.member-page .page-box .frame-right .group-title { font-size: 25px; } .panel-body.member-page .page-box .frame-right .group-title .group-title-span { border-bottom: 2px solid; padding-bottom: 3px; text-decoration: none; color: #428bca; } .panel-body.member-page .page-box .frame-right .group-title .label-info { color: #698ebf; background: #E9F3F9; font-weight: 400; font-size: 12px; } .panel-body.member-page .page-box .frame-right .group-title .group-size { position: absolute; margin-left: 10px; border-radius: 2px; font-size: 12px; background-color: #f6f6f6; padding: 5px 10px 0px; bottom: 1px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar { width: 110px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process { width: 110px; height: 6px; overflow: hidden; background-color: #ddd; margin: 0px; border-radius: 5px; } .panel-body.member-page .page-box .frame-right .group-title .group-size .space-info-bar .space-process .space-process-use { width: 20%; height: 100%; transition: all 0.2s; background-color: #428bca; border-radius: 5px; } .panel-body.member-page .page-box .frame-right .search-user { position: absolute; right: 10px; bottom: 0px; } .panel-body.member-page .page-box .frame-right .search-user .btn-search { padding: 8px 10px; margin-top: 1px; border: none; border-left: 1px solid #ddd; border-radius: 0 2px 2px 0; color: #888; position: absolute; right: 1px; top: 0px; } .panel-body.member-page .page-box .frame-right .search-user .btn-close { position: absolute; top: 0px; right: 35px; width: 20px; height: 20px; line-height: 20px; margin-top: 5px; padding: 0; border-radius: 50%; border: none; color: #ff4d4f; } .panel-body.member-page .page-box .frame-right .search-user .btn-close:hover, .panel-body.member-page .page-box .frame-right .search-user .btn-close:active { background: #eee; } .panel-body.member-page .page-box .frame-right .search-user input { height: 30px; border-radius: 2px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 0px 50px 0px 5px; } .panel-body.member-page .page-box .frame-right .search-user input:hover, .panel-body.member-page .page-box .frame-right .search-user input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-right .search-user input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.member-page .page-box .frame-right .search-user input.disabled, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true'] { opacity: 0.7; } .panel-body.member-page .page-box .frame-right .search-user input.disabled:hover, .panel-body.member-page .page-box .frame-right .search-user input.disabled:active, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:hover, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:active { border-color: #ddd; } .panel-body.member-page .page-box .frame-right .search-user input.disabled:focus, .panel-body.member-page .page-box .frame-right .search-user input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.member-page .page-box .frame-right .user-toolbar { background: #eee; padding: 7px 0px; border-bottom: 1px solid #ddd; } .panel-body.member-page .page-box .frame-right .user-toolbar .dropdown-menu { min-width: 100px; } .panel-body.member-page .page-box .frame-right .user-toolbar .dropdown-menu li a .font-icon { padding-right: 5px; font-size: 14px; opacity: 0.7; position: relative; top: 1px; } .panel-body.member-page .page-box .frame-right .list-table .list-row:hover, .panel-body.member-page .page-box .frame-right .list-table .list-row:active, .panel-body.member-page .page-box .frame-right .list-table .list-row.selected { background: #e5f3ff; cursor: default; } .panel-body.member-page .page-box .frame-right .list-table .list-row.unuse { opacity: 0.3; filter: alpha(opacity=30); } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col { min-width: 20px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label { color: #000; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col .label .path-ico { margin-bottom: -2px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.name { min-width: 120px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role { min-width: 70px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.role .label { padding: 0px; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.group .label { border: 1px solid #eee; margin: 1px 2px 1px 0px; border-radius: 1em; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span { width: 26px; height: 26px; display: inline-block; } .panel-body.member-page .page-box .frame-right .list-table .list-row .list-col.avatar span img { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .panel-body.member-page { height: 100%; overflow: hidden !important; padding: 0 !important; } .panel-body.member-page .page-box { position: relative; height: 100%; } .panel-body.member-page .page-box .frame-left { position: absolute; overflow: hidden; } .panel-body.member-page .page-box .frame-left>.group-list-tree { position: relative; height: 100%; padding-top: 0px; } .panel-body.member-page .page-box .frame-left>.left-menu-footer { position: absolute; bottom: 0px; z-index: 10; width: 100%; font-size: 12px; border-top: 1px solid #fafafa; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user { height: 32px; line-height: 32px; margin: 0px; font-size: 12px; text-indent: 8px; padding-left: 5px; overflow: hidden; cursor: pointer; display: block; transition: all 0.16s ease 0s; color: #666; background: #fdfdfd; position: relative; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>i, .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user>span { vertical-align: middle; } .panel-body.member-page .page-box .frame-left>.left-menu-footer .disabled-user.select { color: #1890ff; background: #e6f7ff; border-right: 3px solid #1890ff; } .panel-body.member-page .page-box .drag-resize { z-index: 110; } .panel-body.member-page .page-box .frame-right { padding: 15px 0; position: absolute; border-left: none; } .panel-body.member-page .page-box .frame-right .user-list-content { position: absolute; left: 0px; right: 10px; top: 60px; bottom: 0px; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.content { position: absolute; left: 0px; right: 0px; top: 41px; bottom: 40px; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable>.footerbar { position: absolute; bottom: 5px; width: 100%; } .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable .list-row.title { background: #fafafa; } .panel-body.member-page .page-box .frame-right div.btn-group-sm>.btn { padding: 6px 10px; } .panel-body.job-page .kodTable .list-row.selected, .panel-body.auth-page .kodTable .list-row.selected, .panel-body.role-page .kodTable .list-row.selected { background: #e5f3ff; cursor: default; } .panel-body.job-page .kodTable .list-row .list-col.name .label, .panel-body.auth-page .kodTable .list-row .list-col.name .label, .panel-body.role-page .kodTable .list-row .list-col.name .label { color: #000; padding: 0px; } .panel-body.job-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.auth-page .kodTable .list-row .list-col.name .label .path-ico, .panel-body.role-page .kodTable .list-row .list-col.name .label .path-ico { margin-bottom: -2px; } .panel-body.job-page .kodTable .list-row .list-col.name .label span, .panel-body.auth-page .kodTable .list-row .list-col.name .label span, .panel-body.role-page .kodTable .list-row .list-col.name .label span { margin-left: 3px; } .panel-body.job-page .kodTable .list-row .list-col.attr-label span, .panel-body.auth-page .kodTable .list-row .list-col.attr-label span, .panel-body.role-page .kodTable .list-row .list-col.attr-label span { margin: 1px 2px 1px 0px; } .aui-dialog a.home-path { height: 28px; line-height: 22px; } .aui-dialog a.home-path.font-icon-label, .member-page a.font-icon-label { color: #698ebf; font-size: 20px; width: 35px; text-decoration: none; padding: 0; display: inline-block; text-align: center; border-radius: 3px; background: #E9F3F9; } .aui-dialog a.home-path.font-icon-label .icon-folder-open, .member-page a.font-icon-label .icon-folder-open { font-size: 20px; } .aui-dialog a.home-path.font-icon-label:hover, .aui-dialog a.home-path.font-icon-label:active, .member-page a.font-icon-label:hover, .member-page a.font-icon-label:active { background: #698ebf; color: #fff; } .aui-dialog a.home-path.font-icon-label>i, .member-page a.font-icon-label>i { vertical-align: text-bottom; } .aui-dialog .item-fileList { height: 25px; } .aui-dialog .item-fileList .upload-list { padding: 4px 6px; border-radius: 2px; border: 1px solid transparent; display: inline-block; margin-top: -10px; } .aui-dialog .item-fileList .upload-list:hover, .aui-dialog .item-fileList .upload-list:active { background: #e6f7ff; } .aui-dialog .item-fileList .upload-list .item-list { display: inline-block; width: 300px; color: #747474; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; } .aui-dialog .item-fileList .upload-list .item-remove { cursor: pointer; color: #ccc; margin-top: -10px; } .aui-dialog .item-fileList .upload-list .item-remove:hover, .aui-dialog .item-fileList .upload-list .item-remove:active { color: #ff4d4f; } .panel-body.member-page .page-box .frame-left .select-search { position: relative; z-index: 99; margin-top: 0px; padding: 8px 8px; border-bottom: 1px solid #f3f3f3; background: #fff; } .panel-body.member-page .page-box .frame-left .select-search input { border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; width: 100%; height: 26px; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: inline-block; color: #444; padding-left: 0.5em; margin-right: 10px; } .panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-left .select-search input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.member-page .page-box .frame-left .select-search input.disabled, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true'] { opacity: 0.7; } .panel-body.member-page .page-box .frame-left .select-search input.disabled:hover, .panel-body.member-page .page-box .frame-left .select-search input.disabled:active, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:hover, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:active { border-color: #ddd; } .panel-body.member-page .page-box .frame-left .select-search input.disabled:focus, .panel-body.member-page .page-box .frame-left .select-search input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.member-page .page-box .frame-left .select-search input:hover, .panel-body.member-page .page-box .frame-left .select-search input:active { border-color: #75A1F0; } .panel-body.member-page .page-box .frame-left .select-search:after { position: absolute; right: 15px; top: 11px; width: 18px; height: 18px; font-size: 14px; text-align: center; color: #ddd; background: #fff; font-family: 'icomoon'; content: "\eaf5"; } .panel-body.member-page .page-box .frame-left .select-search .search-clear { display: none; position: absolute; right: 15px; top: 11px; background: #eee; font-size: 10px; cursor: pointer; text-align: center; color: #aaa; width: 18px; height: 18px; line-height: 18px; padding: 0; z-index: 10; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .panel-body.member-page .page-box .frame-left .select-search .search-clear:hover, .panel-body.member-page .page-box .frame-left .select-search .search-clear:active { color: #fff; background: #ff4d4f; } .panel-body.member-page .page-box .frame-left .search-match { font-weight: inherit; background: #ffe58f; padding: 3px 0; border-radius: 2px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item { border: none; position: relative; padding-left: 0; margin: 0; height: 26px; line-height: 26px; border-radius: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active { margin: 0; border-radius: 0; color: #3a96ff; background: #eee; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this { background: #edf5ff; height: 26px; line-height: 26px; color: #3a96ff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .check-icon:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this.hover, .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this:active { background: #badaff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item:hover .item-select, .panel-body.member-page .page-box .frame-left .group-list-search .search-item:active .item-select { display: block; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item.this .item-select { display: block; color: #3b8cff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .item-select { display: none; position: absolute; right: 10px; top: 4px; width: 14px; height: 14px; text-align: center; cursor: pointer; z-index: 50; padding: 2px; border-radius: 50%; color: #ddd; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .item-select .item-check { font-size: 12px; text-shadow: none; line-height: 16px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon { float: right; color: #fff; font-size: 12px; text-align: center; width: 15px; height: 15px; line-height: 15px; padding: 0; margin-top: 5px; margin-right: 5px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .check-icon:before { font-family: 'icomoon'; content: "\f00c"; content: "\ea5d"; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico { width: 18px; height: 18px; line-height: 18px; font-size: 20px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico .font-icon { font-size: 18px; color: #ecc949; background-image: linear-gradient(90deg,#faad14,#ecc949); text-fill-color: transparent; background-clip: text; } .panel-body.member-page .page-box .frame-left .group-list-search { height: 100%; position: relative; } .panel-body.member-page .page-box .frame-left .group-list-search .inner-box { position: relative; margin-bottom: 77px; padding-bottom: 35px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item { cursor: pointer; padding-left: 10px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico { padding-right: 8px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-no-result { width: 100%; position: absolute; text-align: center; margin-top: 30px; color: #ccc; font-size: 12px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-no-result:before { display: block; font-size: 100px; padding-left: 5px; font-family: "kod-svg-font" !important; content: "\e604"; text-shadow: 0 0 5px #ffffff; } .panel-body.member-page .page-box .frame-left .group-list-search .search-result-info { text-align: center; width: 60%; margin: 10px auto; line-height: 24px; color: #aaa; border-radius: 20px; background: #f8f8f8; } .panel-body.member-page .page-box .frame-left .path-ico img { width: 100%; height: 100%; border-radius: 50%; top: -5px; position: relative; } .panel-body.member-page .page-box .frame-left .group-list-tree li a.tree-node .path-ico img { top: -2px; } .panel-body.member-page .page-box .frame-left .group-list-search .search-item .path-ico img { top: 0px; } .panel-body.member-page .page-box .frame-left.select-user .group-list-tree li a.node-item-group .item-select { display: none !important; } .form-box .form-row.form-row-auth-check { border-bottom: 1px dotted #fcfcfc; } .form-box .form-row.form-row-auth-check .setting-content:after { border-bottom: 1px dotted #eee; content: " "; display: block; height: 0; } .form-box .form-row.form-row-auth-check label { min-width: 110px; padding: 0px 8px 0px 8px; margin-right: 5px; border-radius: 15px; display: inline-block; background: #fafafa; height: 25px; line-height: 25px; border: 1px solid #f8f8f8; } .form-box .form-row.form-row-auth-check label input { border-radius: 10px; } .form-box .form-row.form-row-auth-check label input:checked:after { border-radius: 50%; } .form-box .form-row.form-row-auth-check label:hover, .form-box .form-row.form-row-auth-check label:active { background: #e6f7ff; border-color: #cdefff; } .form-role-dialog .form-row.item-auth label, .form-auth-dialog .form-row.item-auth label { margin-right: 0; display: block; } .form-role-dialog .info-alert, .form-auth-dialog .info-alert { display: none; } .form-role-dialog .role-system, .form-role-dialog .auth-system, .form-auth-dialog .role-system, .form-auth-dialog .auth-system { background: red; } .form-role-dialog .role-system .info-alert, .form-role-dialog .auth-system .info-alert, .form-auth-dialog .role-system .info-alert, .form-auth-dialog .auth-system .info-alert { display: block; } .form-role-dialog .role-system .form-row.item-auth, .form-role-dialog .role-system .form-row.form-row-auth-check, .form-role-dialog .role-system .form-row.item-all .setting-content, .form-role-dialog .auth-system .form-row.item-auth, .form-role-dialog .auth-system .form-row.form-row-auth-check, .form-role-dialog .auth-system .form-row.item-all .setting-content, .form-auth-dialog .role-system .form-row.item-auth, .form-auth-dialog .role-system .form-row.form-row-auth-check, .form-auth-dialog .role-system .form-row.item-all .setting-content, .form-auth-dialog .auth-system .form-row.item-auth, .form-auth-dialog .auth-system .form-row.form-row-auth-check, .form-auth-dialog .auth-system .form-row.item-all .setting-content { opacity: 0.6; } .admin-page .admin-main .panel-body.plugin-page { padding: 0; } .panel-body.plugin-page .app-toolbar { padding: 10px 10px 0 10px; position: relative; } .panel-body.plugin-page .app-toolbar .cat { height: 32px; line-height: 32px; } .panel-body.plugin-page .app-toolbar .panel-tab { display: inline-block; position: relative; width: 100%; border-bottom: 1px solid #eee; padding: 0; margin: 0px 10px 5px 0px; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item { float: left; font-size: 14px; color: #666; cursor: pointer; position: relative; border-bottom: 3px solid transparent; padding: 8px 10px; margin: 5px 5px -2px 0; border-radius: 3px 3px 0 0; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item .font-icon { padding-right: 5px; font-size: 12px; opacity: 0.5; display: none; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item:hover { color: #1890ff; border-color: #eee; background: #f6f6f6; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item.active { color: #1890ff; border-bottom: 3px solid #1890ff; } .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-line { background: #ccc; display: inline-block; width: 1px; height: 15px; margin: 12px 10px 0 0px; float: left; } .panel-body.plugin-page .app-toolbar .panel-tab .badge-tag-update { margin: 0; z-index: 9; right: -3px; top: -8px; padding: 0 3px; } .panel-body.plugin-page .app-toolbar .update-all { position: absolute; right: 200px; bottom: 5px; } .panel-body.plugin-page .app-toolbar .search-box { position: absolute; top: -70px; right: -10px; } .panel-body.plugin-page .app-toolbar .search-box .btn-search { padding: 8px 10px; margin-top: 1px; border: none; border-left: 1px solid #ddd; border-radius: 0 2px 2px 0; color: #888; display: inline-block; position: absolute; right: 2px; top: 0; } .panel-body.plugin-page .app-toolbar .search-box .btn-close { position: absolute; right: 40px; top: 0; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-top: 5px; padding: 0; border-radius: 50%; border: none; color: #ff4d4f; } .panel-body.plugin-page .app-toolbar .search-box .btn-close:hover, .panel-body.plugin-page .app-toolbar .search-box .btn-close:active { background: #eee; } .panel-body.plugin-page .app-toolbar .search-box input { height: 30px; border-radius: 2px; border: 1px solid #ddd; background: #fff; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); -webkit-transition: all ease-in-out .168s; -moz-transition: all ease-in-out .168s; -o-transition: all ease-in-out .168s; -ms-transition: all ease-in-out .168s; transition: all ease-in-out .168s; padding: 0px 50px 0px 5px; } .panel-body.plugin-page .app-toolbar .search-box input:hover, .panel-body.plugin-page .app-toolbar .search-box input:active { border-color: #75A1F0; } .panel-body.plugin-page .app-toolbar .search-box input:focus { border-color: #75A1F0; outline: none; box-shadow: 0 0 0 3px rgba(117,161,240,0.3); } .panel-body.plugin-page .app-toolbar .search-box input.disabled, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true'] { opacity: 0.7; } .panel-body.plugin-page .app-toolbar .search-box input.disabled:hover, .panel-body.plugin-page .app-toolbar .search-box input.disabled:active, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:hover, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:active { border-color: #ddd; } .panel-body.plugin-page .app-toolbar .search-box input.disabled:focus, .panel-body.plugin-page .app-toolbar .search-box input[readonly='true']:focus { border-color: #ddd; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); } .panel-body.plugin-page .app-descript { padding: 5px; } .panel-body.plugin-page .app-descript .dtl-header { padding: 0px 0 5px 0; } .panel-body.plugin-page .app-descript .dtl-header .btn { position: relative; z-index: 2; } .panel-body.plugin-page .app-descript .dtl-header .name { color: #0086E5; font-size: 18px; font-weight: 800; text-align: center; margin-left: 200px; position: relative; top: -25px; } .panel-body.plugin-page .app-descript h1, .panel-body.plugin-page .app-descript h2, .panel-body.plugin-page .app-descript h3, .panel-body.plugin-page .app-descript h4, .panel-body.plugin-page .app-descript h5, .panel-body.plugin-page .app-descript .h1, .panel-body.plugin-page .app-descript .h2, .panel-body.plugin-page .app-descript .h3, .panel-body.plugin-page .app-descript .h4, .panel-body.plugin-page .app-descript .h5 { border-bottom: 1px solid #ddd; padding: 0.5em 0; } .panel-body.plugin-page .app-descript .dropdown-menu .font-icon { padding-right: 0.8em; } .panel-body.plugin-page .app-descript .left-content { width: 150px; float: left; padding: 15px; margin: 10px 0 50px 0; background: #fafdff; color: #888; border: 1px solid #eee; } .panel-body.plugin-page .app-descript .left-content .icon { height: 90px; background-color: rgba(0,0,0,0.001); } .panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .path-ico .font-icon { width: 100%; height: 100%; } .panel-body.plugin-page .app-descript .left-content .icon img { max-width: 100%; max-height: 100%; border-radius: 10px; } .panel-body.plugin-page .app-descript .left-content .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.plugin-page .app-descript .left-content .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-descript .left-content .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.plugin-page .app-descript .left-content .btn { margin: 10px 0 0; width: 80px; } .panel-body.plugin-page .app-descript .left-content .btn.dropdown-toggle { width: 20px; margin-left: -1px; } .panel-body.plugin-page .app-descript .left-content .app-title { text-align: center; color: #555; padding: 15px 10px 0 10px; } .panel-body.plugin-page .app-descript .left-content .line { border-bottom: 1px solid #eee; margin: 10px 0; } .panel-body.plugin-page .app-descript .left-content .title { color: #444; font-weight: 800; padding: 10px 0 3px 15px; } .panel-body.plugin-page .app-descript .left-content .p { padding: 0 0 0 15px; } .panel-body.plugin-page .app-descript .right-content { padding-left: 200px; } .panel-body.plugin-page .app-descript .right-content .description { padding: 10px 0 20px 15px; line-height: 1.6em; word-break: break-all; font-size: 13px; } .panel-body.plugin-page .app-descript .right-content .sliders { margin: 5px 0 30px 20px; padding: 0; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators { bottom: -40px !important; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators li { border-color: #ccc; } .panel-body.plugin-page .app-descript .right-content .carousel-indicators .active { background: #2196F3; border-color: #2865e2; background: linear-gradient(to right,#44abf6,#2865e2); } .panel-body.plugin-page .app-descript .right-content .glyphicon { font-size: 50px; margin-top: -30px !important; border-radius: 50%; } .panel-body.plugin-page .app-descript .right-content .carousel-control { background: rgba(0,0,0,0.001) !important; width: 20%; } .panel-body.plugin-page .app-descript .right-content .carousel-control:hover .glyphicon { background: rgba(0,0,0,0.3); } .panel-body.plugin-page .app-descript .right-content .carousel-inner { width: 100%; text-align: center; } .panel-body.plugin-page .app-descript .right-content .carousel-inner .item { height: 350px; line-height: 350px; width: 100%; } .panel-body.plugin-page .app-descript .right-content .carousel-inner .item img, .panel-body.plugin-page .app-descript .right-content .carousel-inner .item a img { margin: 0 auto; max-width: 100%; max-height: 100%; display: inline; box-shadow: 0 1px 5px rgba(0,0,0,0.4); } .panel-body.plugin-page .app-descript .progress { background: #def; margin: 10px 0; position: relative; } .panel-body.plugin-page .app-descript .progress .progress-bar { border-bottom: 4px solid #2196F3; border-radius: 0; } .panel-body.plugin-page .app-content { margin: 10px 5px; } .panel-body.plugin-page .app-content .app-model { padding: 0; } .panel-body.plugin-page .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0px; padding-top: 0px; } .panel-body.plugin-page .app-content .app-list .flex-empty { margin: 0 15px 1px 0; width: 140px; height: 1px; } .panel-body.plugin-page .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196F3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .panel-body.plugin-page .app-content .app-list .app-li:hover, .panel-body.plugin-page .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .panel-body.plugin-page .app-content .app-list .app-li .price-label { position: absolute; top: 10px; right: -1px; border-radius: 0; line-height: 24px; height: 24px; padding: 0 10px; box-shadow: -3px 2px 5px rgba(0,0,0,0.3); } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label:before { position: absolute; top: 0; left: -14px; content: " "; height: 0; width: 0; border: #f0ad4e 12px solid; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning { background: #ff9800; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-warning.label:before { border-color: #ff9800; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success { background: #00a854; } .panel-body.plugin-page .app-content .app-list .app-li .price-label.label-success.label:before { border-color: #00a854; border-left-color: transparent; } .panel-body.plugin-page .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .panel-body.plugin-page .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .panel-body.plugin-page .app-content .app-list .app-li .text { height: 50px; } .panel-body.plugin-page .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .panel-body.plugin-page .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .panel-body.plugin-page .app-content .app-list .app-li .icon { height: 90px; background-image: linear-gradient(to bottom,#def 0,#fff 100%); } .panel-body.plugin-page .app-content .app-list .app-li .icon img { max-width: 100%; max-height: 100%; width: 72px; border-radius: 10%; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-content .app-list .app-li .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.plugin-page .app-content .app-list .app-li .action i { padding-right: 0.3em; color: inherit; } .panel-body.plugin-page .app-content .app-list .app-li .action .btn.btn-default i.font-icon { color: #999; } .panel-body.plugin-page .app-content .app-list .app-li .action>.btn { float: none; width: 80px; height: 22px; height: 22px\0; padding-left: 0; padding-right: 0; } .panel-body.plugin-page .app-content .app-list .app-li .action .btn-default.dropdown-toggle { color: #aaa; } .panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-toggle { width: 25px; } .panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; } .panel-body.plugin-page .app-content .app-list .app-li .action .dropdown-menu .font-icon { padding-right: 0.8em; } .panel-body.plugin-page .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .panel-body.plugin-page .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .panel-body.plugin-page .app-content .progress { border-radius: 0px; margin: 0 auto; color: #42a3f1; font-size: 12px; height: 23px; background: none; border: none; box-shadow: none; } .panel-body.plugin-page .app-content .progress .total-size { position: absolute; left: 5px; z-index: 100; line-height: 20px; } .panel-body.plugin-page .app-content .progress .download-speed { position: absolute; right: 4px; z-index: 100; line-height: 20px; } .panel-body.plugin-page .app-content .progress .progress-bar { position: absolute; left: 0px; bottom: -1px; border-bottom: 2px solid #2196F3; background: none; border-radius: 3px; box-shadow: none; height: 100%; background: rgba(33,150,243,0.2); animation: progress-bar-stripes 2s linear infinite; } .panel-body.plugin-page .app-content.app-plugins .app-li .icon img { border-radius: 0; box-shadow: none; border-radius: 4px 4px 0 0; } .panel-body.plugin-page .app-content.app-plugins .app-li .action .dropdown-toggle { margin-left: -5px; } .panel-body.plugin-page .app-toolbar .panel-tab-item[data-type="oem"]:after { content: "VIP"; position: absolute; top: -6px; right: -5px; opacity: 0.9; font-size: 12px; color: #ff8400; background: #ffe89d; padding: 2px 6px 0px; border-radius: 4px; } .panel-body.plugin-page .app-descript .left-content .icon, .panel-body.plugin-page .app-content .app-list .app-li .icon { background-image: linear-gradient(to bottom,#def 0,#fff 100%); border-radius: 4px; } .panel-body.plugin-page .app-descript .left-content .icon .path-ico, .panel-body.plugin-page .app-descript .left-content .icon .font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .path-ico, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon { width: 70px; height: 70px; padding-top: 10px; } .panel-body.plugin-page .app-descript .left-content .icon .x-font-icon, .panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .x-font-icon, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words { width: 50px; height: 50px; line-height: 50px; font-size: 36px; text-align: center; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.5)', endColorstr='rgba(255,255,255,0)'); background-image: -webkit-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); -pie-background: linear-gradient(to 164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 10px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.plugin-page .app-descript .left-content .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list .app-li .icon .font-icon-words { margin-top: 15px; } .panel-body.plugin-page .app-content .app-list .flex-empty { width: 155px; } .panel-body.plugin-page .app-content .app-list .app-li { width: 155px; height: 220px; } .panel-body.plugin-page .app-content .app-list .app-li .text { position: relative; height: 75px; } .panel-body.plugin-page .app-content .app-list .app-li .text .detail { max-width: 140px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px 8px; color: #aaa; transform: scale(0.95); } .panel-body.plugin-page .app-content .app-list .app-li .text .copyright { display: none; } .panel-body.plugin-page .app-content .app-list .app-li .text .name { margin-top: 5px; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag { position: absolute; bottom: 2px; left: 0px; right: 0px; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label { margin-bottom: 2px; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.first { color: #20a0ff; background: #e0f1ff; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.company { color: #00924c; background: #daf7e9; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.oem { color: #ff8400; background: #ffedde; } .panel-body.plugin-page .app-content .app-list .app-li .text .tag .label.network { color: #837adc; background: #edecf9; } .panel-body.plugin-page .app-content .app-list-line { border-top: 1px solid #eee; margin-right: 0; } .panel-body.plugin-page .app-content .app-list-line .app-li { width: 100%; height: auto; height: 38px; float: none; text-align: left; position: relative; margin: 0; border-radius: 0; border: none; border-bottom: 1px solid #eee; box-shadow: none; overflow: hidden; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon, .panel-body.plugin-page .app-content .app-list-line .app-li .text, .panel-body.plugin-page .app-content .app-list-line .app-li .action { display: inline-block; height: auto; } .panel-body.plugin-page .app-content .app-list-line .app-li .text { color: #666; width: 80%; position: relative; top: -9px; height: 40px; line-height: 40px; vertical-align: middle; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .name, .panel-body.plugin-page .app-content .app-list-line .app-li .text .copyright, .panel-body.plugin-page .app-content .app-list-line .app-li .text .detail { display: inline-block; overflow: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .name { width: 130px; padding-left: 10px; font-weight: normal; color: #222; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .detail { width: 50%; } .panel-body.plugin-page .app-content .app-list-line .app-li .text .tag { position: absolute; top: 3px; right: 0px; margin-right: 100px; left: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .action { position: absolute; right: 10px; margin-top: 5px; } .panel-body.plugin-page .app-content .app-list-line .app-li:hover, .panel-body.plugin-page .app-content .app-list-line .app-li:active { background: #fafafb; box-shadow: none; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon { background: none; position: relative; top: 3px; margin-left: 10px; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon .path-ico, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon { padding-top: 0; width: 30px; height: 30px; } .panel-body.plugin-page .app-content .app-list-line .app-li .icon .font-icon-words, .panel-body.plugin-page .app-content .app-list-line .app-li .icon .x-font-icon { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0; font-size: 18px; border-radius: 4px; } .panel-body.plugin-page .app-content .app-list-line .app-li .flag-box { overflow: inherit; right: 150px; height: inherit; } .panel-body.plugin-page .app-content .app-list-line .app-li .flag-box .flag { width: fit-content; padding: 0px 10px; transform: none; text-align: center; border-radius: 15px; position: relative; right: 0; margin-top: -3px; box-shadow: none; } .panel-body.plugin-page .app-content .app-list-line .app-li .price-label { top: 8px; right: 152px; } .panel-body.plugin-page .app-descript .left-content .icon { background-image: none; } .admin-main-content .panel-body.log-page .toolbar .search-type, .admin-main-content .panel-body.log-login-page .toolbar .search-type, .admin-main-content .panel-body.task-page .toolbar .search-type { text-align: right; } .admin-main-content .panel-body.log-page .toolbar .search-type select, .admin-main-content .panel-body.log-login-page .toolbar .search-type select, .admin-main-content .panel-body.task-page .toolbar .search-type select { width: 150px; height: 28px; border: 1px solid #ddd; background: #fff; box-shadow: inset 0 1px 1px rgba(0,0,0,0.08); outline: none; } .admin-main-content .panel-body.log-page .log-login-list, .admin-main-content .panel-body.log-page .log-list, .admin-main-content .panel-body.log-page .task-list, .admin-main-content .panel-body.log-login-page .log-login-list, .admin-main-content .panel-body.log-login-page .log-list, .admin-main-content .panel-body.log-login-page .task-list, .admin-main-content .panel-body.task-page .log-login-list, .admin-main-content .panel-body.task-page .log-list, .admin-main-content .panel-body.task-page .task-list { height: 100%; position: relative; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body { padding: 0px; overflow: hidden; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row { float: left; clear: inherit; padding: 0px; margin-right: 10px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row .setting-content { padding: 0px; width: 100%; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .placeholder { line-height: 30px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom { margin: 0; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content:after { content: '-'; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content { margin-right: 0px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content input, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content input { margin-right: 0px; border-radius: 3px; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeFrom .setting-content button, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-timeTo .setting-content button { display: none; } .admin-main-content .panel-body.log-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.log-login-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .log-login-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .log-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select, .admin-main-content .panel-body.task-page .task-list .toolbar .panel-form-body> .form-row.item-logUser .kod-select { margin-right: 0px; } .admin-main-content .panel-body.log-page .log-login-list .footerbar, .admin-main-content .panel-body.log-page .log-list .footerbar, .admin-main-content .panel-body.log-page .task-list .footerbar, .admin-main-content .panel-body.log-login-page .log-login-list .footerbar, .admin-main-content .panel-body.log-login-page .log-list .footerbar, .admin-main-content .panel-body.log-login-page .task-list .footerbar, .admin-main-content .panel-body.task-page .log-login-list .footerbar, .admin-main-content .panel-body.task-page .log-list .footerbar, .admin-main-content .panel-body.task-page .task-list .footerbar { bottom: 0px; width: 100%; position: absolute; } .admin-main-content .panel-body.log-page .log-login-list .content, .admin-main-content .panel-body.log-page .log-list .content, .admin-main-content .panel-body.log-page .task-list .content, .admin-main-content .panel-body.log-login-page .log-login-list .content, .admin-main-content .panel-body.log-login-page .log-list .content, .admin-main-content .panel-body.log-login-page .task-list .content, .admin-main-content .panel-body.task-page .log-login-list .content, .admin-main-content .panel-body.task-page .log-list .content, .admin-main-content .panel-body.task-page .task-list .content { padding-bottom: 35px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-page .log-list .content .user-info, .admin-main-content .panel-body.log-page .task-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-list .content .user-info, .admin-main-content .panel-body.log-login-page .task-list .content .user-info, .admin-main-content .panel-body.task-page .log-login-list .content .user-info, .admin-main-content .panel-body.task-page .log-list .content .user-info, .admin-main-content .panel-body.task-page .task-list .content .user-info { color: #999; cursor: default; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .task-list .content .user-info .path-ico { overflow: initial; vertical-align: top; margin-right: 5px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info img, .admin-main-content .panel-body.log-page .log-list .content .user-info img, .admin-main-content .panel-body.log-page .task-list .content .user-info img, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info img, .admin-main-content .panel-body.log-login-page .log-list .content .user-info img, .admin-main-content .panel-body.log-login-page .task-list .content .user-info img, .admin-main-content .panel-body.task-page .log-login-list .content .user-info img, .admin-main-content .panel-body.task-page .log-list .content .user-info img, .admin-main-content .panel-body.task-page .task-list .content .user-info img { border-radius: 50%; width: 20px; height: 20px; max-height: 100%; max-width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 1px; position: relative; top: -1px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.log-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.log-page .task-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .log-list .content .user-info .name-char, .admin-main-content .panel-body.task-page .task-list .content .user-info .name-char { width: 18px; height: 18px; line-height: 18px; border-radius: 10px; padding: 0; position: relative; top: -1px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .admin-main-content .panel-body.log-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-page .log-list .content .user-info, .admin-main-content .panel-body.log-page .task-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info, .admin-main-content .panel-body.log-login-page .log-list .content .user-info, .admin-main-content .panel-body.log-login-page .task-list .content .user-info, .admin-main-content .panel-body.task-page .log-login-list .content .user-info, .admin-main-content .panel-body.task-page .log-list .content .user-info, .admin-main-content .panel-body.task-page .task-list .content .user-info { color: #456; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .log-list .content .user-info .path-ico, .admin-main-content .panel-body.task-page .task-list .content .user-info .path-ico { width: 22px; height: 22px; position: relative; margin-right: 5px; } .admin-main-content .panel-body.log-page .log-login-list .content .user-info .path-ico img, .admin-main-content .panel-body.log-page .log-list .content .user-info .path-ico img, .admin-main-content .panel-body.log-page .task-list .content .user-info .path-ico img, .admin-main-content .panel-body.log-login-page .log-login-list .content .user-info .path-ico img, .admin-main-content .panel-body.log-login-page .log-list .content .user-info .path-ico img, .admin-main-content .panel-body.log-login-page .task-list .content .user-info .path-ico img, .admin-main-content .panel-body.task-page .log-login-list .content .user-info .path-ico img, .admin-main-content .panel-body.task-page .log-list .content .user-info .path-ico img, .admin-main-content .panel-body.task-page .task-list .content .user-info .path-ico img { border: 1px solid #fff; } .admin-main-content .panel-body.log-page .log-login-list .content .list-col .point:hover, .admin-main-content .panel-body.log-page .log-login-list .content .list-col .point:active, .admin-main-content .panel-body.log-page .log-list .content .list-col .point:hover, .admin-main-content .panel-body.log-page .log-list .content .list-col .point:active, .admin-main-content .panel-body.log-page .task-list .content .list-col .point:hover, .admin-main-content .panel-body.log-page .task-list .content .list-col .point:active, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col .point:hover, .admin-main-content .panel-body.log-login-page .log-login-list .content .list-col .point:active, .admin-main-content .panel-body.log-login-page .log-list .content .list-col .point:hover, .admin-main-content .panel-body.log-login-page .log-list .content .list-col .point:active, .admin-main-content .panel-body.log-login-page .task-list .content .list-col .point:hover, .admin-main-content .panel-body.log-login-page .task-list .content .list-col .point:active, .admin-main-content .panel-body.task-page .log-login-list .content .list-col .point:hover, .admin-main-content .panel-body.task-page .log-login-list .content .list-col .point:active, .admin-main-content .panel-body.task-page .log-list .content .list-col .point:hover, .admin-main-content .panel-body.task-page .log-list .content .list-col .point:active, .admin-main-content .panel-body.task-page .task-list .content .list-col .point:hover, .admin-main-content .panel-body.task-page .task-list .content .list-col .point:active { color: #1890ff; cursor: pointer; } .admin-main-content .panel-body.log-page .log-login-list .content .data-path, .admin-main-content .panel-body.log-page .log-list .content .data-path, .admin-main-content .panel-body.log-page .task-list .content .data-path, .admin-main-content .panel-body.log-login-page .log-login-list .content .data-path, .admin-main-content .panel-body.log-login-page .log-list .content .data-path, .admin-main-content .panel-body.log-login-page .task-list .content .data-path, .admin-main-content .panel-body.task-page .log-login-list .content .data-path, .admin-main-content .panel-body.task-page .log-list .content .data-path, .admin-main-content .panel-body.task-page .task-list .content .data-path { color: #40a9ff; cursor: pointer; padding: 2px 0px; margin: 0 1px; border-radius: 2px; } .admin-main-content .panel-body.log-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.log-page .log-list .content .data-path:hover, .admin-main-content .panel-body.log-page .task-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .log-list .content .data-path:hover, .admin-main-content .panel-body.log-login-page .task-list .content .data-path:hover, .admin-main-content .panel-body.task-page .log-login-list .content .data-path:hover, .admin-main-content .panel-body.task-page .log-list .content .data-path:hover, .admin-main-content .panel-body.task-page .task-list .content .data-path:hover { color: #1890ff; background: #dbf1ff; } .admin-main-content .panel-body.log-page .toolbar, .admin-main-content .panel-body.log-login-page .toolbar { padding-bottom: 0px; } .admin-main-content .panel-body.log-page .list-table .list-col[field="desc"] { width: 300px; min-width: 150px !important; white-space: normal; } .admin-main-content .panel-body.log-page .list-table .user-info { line-height: 22px; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon { text-align: center; display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; margin-right: 5px; font-size: 12px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action .action-icon:before { font-family: 'icomoon'; content: "\eaaf"; position: relative; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create .action-icon:before { font-family: 'icomoon'; content: "\f067"; top: 1px; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-edit .action-icon:before { font-family: 'icomoon'; content: "\f040"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-move .action-icon:before { font-family: 'icomoon'; content: "\ea29"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-moveOut .action-icon:before { font-family: 'icomoon'; content: "\f0c4"; top: 1px; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share .action-icon:before { font-family: 'icomoon'; content: "\f045"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-rename .action-icon:before { font-family: 'icomoon'; content: "\ea84"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle .action-icon:before { font-family: 'icomoon'; content: "\f014"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon { background: #f46e65; border-color: #f14a3f; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-remove .action-icon:before { font-family: 'icomoon'; content: "\f1f8"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addDesc .action-icon:before { font-family: 'icomoon'; content: "\f10d"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon { background: #948aec; border-color: #7467e6; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-addComment .action-icon:before { font-family: 'icomoon'; content: "\f27b"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-recycle.action-recycle-restore .action-icon { background: #108ee9; border-color: #0d77c3; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-create.action-create-upload .action-icon:before { font-family: 'icomoon'; content: "\f093"; top: 0px; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToAdd .action-icon:before { font-family: 'icomoon'; content: "\f1e0"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkAdd .action-icon:before { font-family: 'icomoon'; content: "\f064"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareToRemove .action-icon:before { font-family: 'icomoon'; content: "\f1e0"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-shareLinkRemove .action-icon:before { font-family: 'icomoon'; content: "\f064"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-share.action-share-remove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon { background: #3dbd7d; border-color: #339e69; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user .action-icon:before { font-family: 'icomoon'; content: "\f007"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-login .action-icon:before { font-family: 'icomoon'; content: "\f090"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-logout .action-icon:before { font-family: 'icomoon'; content: "\f08b"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon { background: #f78e3d; border-color: #f57716; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-manage .action-icon:before { font-family: 'icomoon'; content: "\f007"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-remove .action-icon:before { font-family: 'icomoon'; content: "\f2c0"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-user.action-user-unbind .action-icon:before { font-family: 'icomoon'; content: "\f2c0"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon { background: #3db8c1; border-color: #339aa2; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-task .action-icon:before { font-family: 'icomoon'; content: "\f017"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav .action-icon:before { font-family: 'icomoon'; content: "\f005"; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon { background: #ffce3d; border-color: #ffc414; color: #fff; } .admin-main-content .panel-body.log-page .list-table .list-col .log-action.type-fav.action-fav-del .action-icon:before { font-family: 'icomoon'; content: "\f006"; } .admin-main-content .panel-body.task-page .toolbar .right .kui-btn { margin-left: 5px; padding: 0.4em 0.8em; } .select2-dropdown.form-select2-dropdown-key-logType { width: 320px !important; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__options--nested { margin: 0; margin: 5px; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[aria-selected=true]:after { right: 5px; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='treeitem'] { float: left; padding: 0px 5px 0px 10px; height: 28px; line-height: 28px; border-radius: 3px; width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options .select2-results__option[role='group'] { color: #949494; background: rgba(24,144,255,0.1); clear: both; } .select2-dropdown.form-select2-dropdown-key-logType .select2-results__options[role='tree']>li { float: none !important; } .artDialog.taskEdit .item-time, .artDialog.taskEdit .item-timeMonth, .artDialog.taskEdit .item-timeWeek, .artDialog.taskEdit .item-timeDay, .artDialog.taskEdit .item-timeMinute { float: left; clear: inherit; padding: 2px 0px; } .artDialog.taskEdit .item-time .setting-content, .artDialog.taskEdit .item-timeMonth .setting-content, .artDialog.taskEdit .item-timeWeek .setting-content, .artDialog.taskEdit .item-timeDay .setting-content, .artDialog.taskEdit .item-timeMinute .setting-content { width: 80px; } .artDialog.taskEdit .item-time { padding-left: 10px; } .artDialog.taskEdit .item-timeDay .setting-content { width: auto; } .artDialog.taskEdit .item-timeDay .setting-content input[name=timeDay] { width: 76px; border-radius: 3px; } .artDialog.taskEdit .item-timeDay .setting-content .input-title-right { display: none; } .artDialog.taskEdit .item-timeMinute .setting-content { width: auto; } .artDialog.taskEdit .item-timeMinute .setting-content input[name=timeMinute] { width: 76px; } .select2-dropdown.form-select2-dropdown-key-timeMonth { width: 220px !important; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-search { display: none !important; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results { padding: 5px 0px; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true] { background: #3a96ff; color: #fff; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[aria-selected=true]:after { content: ''; } .select2-dropdown.form-select2-dropdown-key-timeMonth .select2-results__options .select2-results__option[role='treeitem'] { float: left; width: 32px; height: 32px; line-height: 32px; padding: 0px; text-align: center; border-radius: 16px; margin: 2px; } .artDialog.backup-dg .item-time .setting-content input[name=time] { width: 80px; border-radius: 3px; } .artDialog.backup-dg .item-time .setting-content .input-title-right { display: none; } .artDialog.backup-dg .item-desc .setting-content .info-alert { width: 280px; margin-left: 0px; } .panel-body.storage-page .dtl-header { border-bottom: 1px solid #eee; } .panel-body.storage-page .dtl-content .panel-form-body { padding-top: 10px !important; } .panel-body.storage-page .store-type-box { padding: 2px 10px; width: auto; margin-top: 10px; } .panel-body.storage-page .store-type-box .store-title { height: 30px; line-height: 30px; width: 120px; margin-right: 20px; padding-top: 5px; float: left; position: relative; text-align: right; padding-left: 6px; } .panel-body.storage-page .store-type-box .link-help { padding: 6px 10px; position: relative; top: 12px; left: -10px; border-radius: 3px; text-decoration: none; } .panel-body.storage-page .store-type-box .link-help:hover, .panel-body.storage-page .store-type-box .link-help:active { background: #def; } .panel-body.storage-page .store-type-box .store-type { float: left; position: relative; padding: 5px; border-radius: 4px; border: 1px solid transparent; } .panel-body.storage-page .store-type-box .store-type select { min-width: 268px; margin-right: 10px; } .panel-body.storage-page .store-type-box .setting-content { float: left; position: relative; padding: 5px 10px; border-radius: 4px; border: 1px solid transparent; } .panel-body.storage-page .store-type-box .setting-content .desc { color: #bcc4d0; font-style: normal; line-height: 1.6em; word-break: break-all; vertical-align: middle; display: inline-block; } .panel-body.storage-page .store-type-box .line hr { height: 1px; overflow: hidden; border: none; background: none; border-bottom: 1px dotted #e9eaea; margin: 0px; } .panel-body.storage-page .store-list-box .toolbar { border-bottom: 1px solid #eee; } .panel-body.storage-page .app-content { margin: 10px 5px; margin: 0px; margin-top: 10px; } .panel-body.storage-page .app-content .app-model { padding: 0; } .panel-body.storage-page .app-content .app-list { margin-top: 10px; margin-right: -15px; padding: 10px 0 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0px; padding-top: 0px; } .panel-body.storage-page .app-content .app-list .flex-empty { margin: 0 15px 1px 0; width: 140px; height: 1px; } .panel-body.storage-page .app-content .app-list .app-li { list-style: none; cursor: pointer; text-align: center; float: left; margin: 0 15px 20px 0; width: 140px; height: 200px; background: #f5faff; color: #2196F3; border: 1px solid #d2d7dc; position: relative; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; border-radius: 4px; background: none; border: 1px solid #dee5e7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .panel-body.storage-page .app-content .app-list .app-li:hover, .panel-body.storage-page .app-content .app-list .app-li:active { background: #fff; box-shadow: 0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05); } .panel-body.storage-page .app-content .app-list .app-li .price-label { position: absolute; top: 10px; right: -1px; border-radius: 0; line-height: 24px; height: 24px; padding: 0 10px; box-shadow: -3px 2px 5px rgba(0,0,0,0.3); } .panel-body.storage-page .app-content .app-list .app-li .price-label.label:before { position: absolute; top: 0; left: -14px; content: " "; height: 0; width: 0; border: #f0ad4e 12px solid; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning { background: #ff9800; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-warning.label:before { border-color: #ff9800; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-success { background: #00a854; } .panel-body.storage-page .app-content .app-list .app-li .price-label.label-success.label:before { border-color: #00a854; border-left-color: transparent; } .panel-body.storage-page .app-content .app-list .app-li .flag-box { overflow: hidden; position: absolute; right: 0; width: 60px; height: 60px; } .panel-body.storage-page .app-content .app-list .app-li .flag { position: absolute; top: 10px; right: -28px; width: 100px; height: 22px; line-height: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; transform: rotate(45deg); } .panel-body.storage-page .app-content .app-list .app-li .text { height: 50px; } .panel-body.storage-page .app-content .app-list .app-li .name { color: #444; font-weight: 800; margin: 10px 5px 0; max-height: 32px; overflow: hidden; } .panel-body.storage-page .app-content .app-list .app-li .copyright { color: #aaa; max-height: 32px; overflow: hidden; } .panel-body.storage-page .app-content .app-list .app-li .icon { height: 90px; background-image: linear-gradient(to bottom,#def 0,#fff 100%); } .panel-body.storage-page .app-content .app-list .app-li .icon img { max-width: 100%; max-height: 100%; width: 72px; border-radius: 10%; } .panel-body.storage-page .app-content .app-list .app-li .icon .content { width: 80px; height: 80px; padding: 10px; margin: 0 auto; } .panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon { width: 55px; height: 55px; line-height: 52px; font-size: 40px; text-align: center; background-image: linear-gradient(164deg,rgba(255,255,255,0.5),rgba(255,255,255,0)); padding: 10px; margin-top: 1px; display: inline-block; border-radius: 12px; color: #fff; } .panel-body.storage-page .app-content .app-list .app-li .icon .content .font-icon.words { font-size: 26px; font-weight: 800; text-shadow: 0 0 5px rgba(255,255,255,0.8); } .panel-body.storage-page .app-content .app-list .app-li .action i { padding-right: 0.3em; color: inherit; } .panel-body.storage-page .app-content .app-list .app-li .action .btn.btn-default i.font-icon { color: #999; } .panel-body.storage-page .app-content .app-list .app-li .action>.btn { float: none; width: 80px; height: 22px; height: 22px\0; padding-left: 0; padding-right: 0; } .panel-body.storage-page .app-content .app-list .app-li .action .btn-default.dropdown-toggle { color: #aaa; } .panel-body.storage-page .app-content .app-list .app-li .action .dropdown-toggle { width: 25px; } .panel-body.storage-page .app-content .app-list .app-li .action .dropdown-menu { min-width: 130px; text-align: left; margin-top: -1px; } .panel-body.storage-page .app-content .app-list .app-li .action .dropdown-menu .font-icon { padding-right: 0.8em; } .panel-body.storage-page .app-content .app-list .empty { margin: 50px auto; font-size: 20px; color: #888; } .panel-body.storage-page .app-content .app-list .empty .icon { background: url("../../images/file_icon/icon_others/appStore.png"); width: 120px; height: 120px; margin: 0 auto; margin-bottom: 20px; background-size: cover; } .panel-body.storage-page .app-content .progress { border-radius: 0px; margin: 0 auto; color: #42a3f1; font-size: 12px; height: 23px; background: none; border: none; box-shadow: none; } .panel-body.storage-page .app-content .progress .total-size { position: absolute; left: 5px; z-index: 100; line-height: 20px; } .panel-body.storage-page .app-content .progress .download-speed { position: absolute; right: 4px; z-index: 100; line-height: 20px; } .panel-body.storage-page .app-content .progress .progress-bar { position: absolute; left: 0px; bottom: -1px; border-bottom: 2px solid #2196F3; background: none; border-radius: 3px; box-shadow: none; height: 100%; background: rgba(33,150,243,0.2); animation: progress-bar-stripes 2s linear infinite; } .panel-body.storage-page .app-content.app-plugins .app-li .icon img { border-radius: 0; box-shadow: none; border-radius: 4px 4px 0 0; } .panel-body.storage-page .app-content.app-plugins .app-li .action .dropdown-toggle { margin-left: -5px; } .panel-body.storage-page .app-content .app-list .app-li .path-ico { width: 100%; height: 100%; } .panel-body.storage-page .app-content .app-list .app-li .path-ico .svg-icon { width: 80px; height: 80px; margin-top: 5px; } .panel-body.storage-page .app-content .app-list .app-li .text { height: 40px; } .panel-body.storage-page .app-content .app-list .app-li .text .name { margin-top: 5px; } .panel-body.storage-page .app-content .app-list .app-li .progress-box { margin-top: 8px; } .panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar { margin: 0px auto; } .panel-body.storage-page .app-content .app-list .app-li .progress-box .space-info-bar .space-process-use { background-color: #0a9afe; } .panel-body.admin-backup-page .line-box { height: 15px; } .panel-body.admin-backup-page .backup-set { margin: 10px 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box { width: 100%; min-height: 160px; padding: 0px; background: linear-gradient(80deg,#fcfdff,#f7fdff); border-radius: 5px; padding: 10px 0; box-shadow: 1px 1px 0 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 2px #e6f7ff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail { padding: 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail>div { margin: 15px 20px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title, .panel-body.admin-backup-page .backup-set .main .panel-box .bak-detail .title { width: 75px; display: inline-block; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main { margin-left: -1px; border-right: 1px solid rgba(0,0,0,0.1); } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main>div { display: flex; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box { margin: 15px 20px 0px 0px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box .bak-icon { width: 72px; height: 72px; line-height: 72px; border-radius: 36px; background-color: #40abfb; text-align: center; font-size: 48px; color: #fff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-icon-box + div { width: 100%; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title-default { color: #1890ff; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-title [name] { font-size: 18px; font-weight: 800; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-safe { background-color: #3dbd7d; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-default { background-color: #40abfb; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-warning { background-color: #ffbf00; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bg-minor { background-color: #eceef1; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info { height: 6px; overflow: hidden; background-color: #eceef1; min-width: 4px; border-radius: 5px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bar-info .process { width: 0%; height: 100%; border-radius: 5px; transition: all 0.2s; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box { display: flex; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-bar { width: 30%; padding: 4px 0px; cursor: pointer; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .bak-bar-box .bak-size { margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0,0,0,0.65); flex: 1; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .title { width: 60px; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc { color: #949494; } .panel-body.admin-backup-page .backup-set .main .panel-box .bak-main .desc a { text-decoration: none; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a { text-decoration: none; cursor: pointer; border-radius: 3px; height: 20px; line-height: 20px; width: 60px; text-align: center; display: inline-block; border: 1px solid; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a:hover, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a:hover { background-color: #def; } .panel-body.admin-backup-page .backup-set .main .panel-box .btn-dg a i, .panel-body.admin-backup-page .backup-set .main .panel-box .btn-set a i { vertical-align: middle; margin-bottom: 1px; display: inline-block; } @media (min-width: 1366px) { .panel-body.admin-backup-page .backup-set .bak-main .bak-bar-box .bak-size { flex: 0.5 !important; } } @media (max-width: 768px) { .panel-body.admin-backup-page .backup-set .bak-main { border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.1); } .panel-body.admin-backup-page .backup-set .bak-main>div { position: relative; margin: 15px 5px !important; } .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box { position: absolute; margin: 0px !important; left: 40px; top: -2px; } .panel-body.admin-backup-page .backup-set .bak-main .bak-icon-box .bak-icon { width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 20px !important; } .panel-body.admin-backup-page .backup-set .bak-main .bak-title [name=status] { margin-left: -5px; } .panel-body.admin-backup-page .backup-set .bak-main .title, .panel-body.admin-backup-page .backup-set .bak-main .title-wap { width: 70px !important; margin-right: 10px; text-align: right; display: inline-block; } .panel-body.admin-backup-page .backup-set .bak-main .desc span { display: inline-block; margin-left: 80px; } .panel-body.admin-backup-page .backup-set .bak-detail>div { margin-top: 25px !important; margin: 15px 5px !important; } .panel-body.admin-backup-page .backup-set .bak-detail .title { text-align: right; margin-right: 10px; } } .panel-body.admin-backup-page .backup-set .bak-rotate { -webkit-animation: 5s bak-rotate linear infinite; animation: 5s bak-rotate linear infinite; position: relative; } @-webkit-keyframes bak-rotate { .panel-body.admin-backup-page .backup-set 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .panel-body.admin-backup-page .backup-set 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes bak-rotate { .panel-body.admin-backup-page .backup-set 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .panel-body.admin-backup-page .backup-set 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .panel-body.admin-backup-page .backup-list .bak-info-tips { color: #ffce3d; cursor: pointer; margin-left: 5px; font-size: 12px; } .panel-body.admin-backup-page .backup-list .bak-info-tips:hover { color: #ffbf00; } .panel-body.admin-backup-page .backup-list .kodTable .content { border-bottom: 1px solid #eee; } .panel-body.admin-backup-page .backup-list .kodTable .content .list-row .list-col { white-space: nowrap; } .panel-body.recycle-page ul.nav { border-bottom: 1px solid #ddd; } .panel-body.recycle-page ul.nav a { color: #666; } .panel-body.recycle-page ul.nav>li>a:hover, .panel-body.recycle-page ul.nav>li>a:focus { background-color: #fff; color: #80c1fd; } .panel-body.recycle-page ul.nav .btn-group { position: absolute; right: 15px; margin-top: 5px; } .panel-body.recycle-page ul.nav .btn-group .btn { padding: 5px 1.2em; } .panel-body.recycle-page .nav-pills>li.active>a, .panel-body.recycle-page .nav-pills>li.active>a:hover, .panel-body.recycle-page .nav-pills>li.active>a:active, .panel-body.recycle-page .nav-pills>li.active>a:focus { border: none; background: #fff; color: #1890ff; border-bottom: 3px solid #1890ff; border-radius: 0px; margin-bottom: -2px; } .app-main { position: absolute; right: 0; top: 0; bottom: 0; left: 70px; } .menuBar { background: #075fb8; color: #fff; font-size: 1em; position: absolute; top: 0; left: 0; bottom: 0px; width: 70px; background: linear-gradient(to bottom,#1b6de1,#075fb8); } .menuBar.menubar-desktop { box-shadow: 0 0 10px rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); background: none; } .menuBar.menubar-desktop .area-background { background: rgba(0,0,0,0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .menuBar.admin-menu-bar { background: none !important; box-shadow: none !important; border: none !important; height: 150px; bottom: 0px; top: auto; } .menuBar.admin-menu-bar:before { background: none; filter: none; } .menuBar.admin-menu-bar .logo, .menuBar.admin-menu-bar .menu-list { display: none; } .menuBar .logo { width: 70px; height: 70px; text-align: center; max-width: 70px; max-height: 100px; display: table-cell; vertical-align: middle; background-color: rgba(0,0,0,0.1); overflow: hidden; } .menuBar .logo a { display: block; position: relative; width: 100%; height: 100%; line-height: 70px; } .menuBar .logo img { max-width: 100%; max-height: 100%; } .menuBar .menu-item { transition: all 0.2s; width: 100%; cursor: pointer; width: 70px; height: 70px; color: rgba(255,255,255,0.7); text-align: center; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .menuBar .menu-item:hover, .menuBar .menu-item:active { background: rgba(255,255,255,0.05); color: #fff; } .menuBar .menu-item.this:before { background: rgba(255,255,255,0.3); width: 4px; height: 100%; content: ""; position: absolute; top: 0px; left: 0; } .menuBar .menu-item .font-icon { display: block; font-size: 22px; width: 40px; height: 32px; margin: 0 auto; padding-top: 10px; overflow: hidden; background-color: transparent; } .menuBar .menu-item .image-icon { display: block; font-size: 22px; width: 36px; height: 36px; margin: 0 auto; padding-top: 10px; overflow: hidden; } .menuBar .menu-item .image-icon img { max-width: 100%; max-height: 100%; border-radius: 5px; position: relative; top: -5px; } .menuBar .menu-item .image-icon .font-icon { padding-top: 5px; width: 36px; } .menuBar .menu-item span { position: relative; padding: 0 3px; } .menuBar .ripple-item { cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .menuBar .menu-item.this, .menuBar .menu-item.this:hover, .menuBar .open .menu-item { background: rgba(255,255,255,0.2); color: #fff; } .menuBar .dropdown-menu { left: -3px; top: auto; margin-left: 70px; margin-top: -70px; border-radius: 4px; border: 1px solid #eee; box-shadow: 0 4px 30px rgba(0,0,0,0.15); background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .menuBar .dropdown-menu li { color: #444; cursor: pointer; font-size: 13px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .menuBar .dropdown-menu:before { content: ""; display: inline-block; border: none; border-top: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); border-right: 7px solid rgba(0,0,0,0.2); position: absolute; right: auto; top: 30px; left: -7px; } .menuBar .dropdown-menu:after { content: ""; display: inline-block; border: none; border-top: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); border-right: 6px solid #eee; position: absolute; right: auto; left: 0; top: 30px; left: -6px; } .menuBar .dropdown-menu .content, .menuBar .dropdown-menu li { position: relative; } .menuBar .dropdown-menu .dropdown-menu-back { border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .menuBar .activebar-bottom { position: absolute; bottom: 10px; } .menuBar .menu-group-notice .font-icon:after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #f04134; position: absolute; top: 5px; right: 8px; } .menuBar .menu-group-notice .font-icon.hide-after:after { display: none; } .menuBar .menu-group-notice .menu-dropdown-notice { min-height: 200px; max-height: 400px; bottom: 105px; width: 410px; padding: 0px; padding-bottom: 10px; } .menuBar .menu-group-notice .menu-dropdown-notice:after, .menuBar .menu-group-notice .menu-dropdown-notice:before { bottom: 30px; top: auto; } .menuBar .menu-group-notice .menu-dropdown-notice .header { height: 40px; line-height: 40px; background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.02); color: #222; font-size: 13px; padding: 0px 10px; position: relative; } .menuBar .menu-group-notice .menu-dropdown-notice .header span { display: inline-block; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove { position: absolute; right: 10px; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove i { cursor: pointer; color: #63acff; font-style: normal; } .menuBar .menu-group-notice .menu-dropdown-notice .header span.remove i:hover { color: #1890ff; } .menuBar .menu-group-notice .menu-dropdown-notice .content { max-height: 355px; position: relative; overflow: auto; } .menuBar .menu-group-notice .menu-dropdown-notice .content .none { padding: 30px 0px; text-align: center; color: rgba(0,0,0,0.4); } .menuBar .menu-group-notice .menu-dropdown-notice .content .none i { width: 100%; height: 60px; font-size: 50px; } .menuBar .menu-group-notice .menu-dropdown-notice .content li { padding: 5px 5px; border-bottom: 1px solid #f3f3f3; margin: 2px 10px; border-radius: 4px; } .menuBar .menu-group-notice .menu-dropdown-notice .content li .outline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .menuBar .menu-group-notice .menu-dropdown-notice .content li .time { color: #666; font-size: 12px; } .menuBar .menu-group-notice .menu-dropdown-notice .content li:hover { background: #f5f5f5; cursor: pointer; } .menuBar .menu-group-notice .menu-dropdown-notice .content li[status='1'], .menuBar .menu-group-notice .menu-dropdown-notice .content li[status='1'] .time { color: rgba(0,0,0,0.4); } .menuBar .menu-lauguage-item, .menuBar .menu-notice-item { text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; margin: 0px auto 4px auto; } .menuBar .menu-lauguage-item .font-icon, .menuBar .menu-notice-item .font-icon { font-size: 13px; position: relative; top: 3px; } .menuBar .menu-group-lauguage .menu-dropdown-language { bottom: 60px; width: 392px; padding: 10px; } .menuBar .menu-group-lauguage .menu-dropdown-language:after, .menuBar .menu-group-lauguage .menu-dropdown-language:before { bottom: 30px; top: auto; } .menuBar .menu-group-lauguage .menu-dropdown-language.lang-small { max-width: 180px; width: 180px; bottom: 73px; } .menuBar .menu-group-lauguage .menu-dropdown-language.lang-small:after, .menuBar .menu-group-lauguage .menu-dropdown-language.lang-small:before { bottom: 15px; } .menuBar .menu-group-lauguage .menu-dropdown-language.lang-small li { width: auto; float: none; } .menuBar .menu-group-lauguage .menu-dropdown-language li { float: left; width: 120px; padding: 0px 4px; height: 25px; line-height: 25px; margin: 0 2px 2px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px; } .menuBar .menu-group-lauguage .menu-dropdown-language li:hover, .menuBar .menu-group-lauguage .menu-dropdown-language li:active, .menuBar .menu-group-lauguage .menu-dropdown-language li.this { background: #1890ff; color: #fff; } .menuBar .menu-group-submenu .menu-dropdown-submenu { padding: 20px 0 10px 20px; width: 380px; margin-top: -70px; top: auto; } .menuBar .menu-group-submenu .menu-dropdown-submenu li { float: left; display: block; margin: 0 10px 10px 0; width: 85px; height: 95px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub { border-radius: 4px; display: block; height: 100%; padding: 0; text-align: center; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover { background: #1890ff; color: #fff; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:hover i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub:active i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub.this:hover i.font-icon { background: #f5faff; color: #1890ff; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub img, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub .x-item-icon { width: 64px; height: 64px; line-height: 64px; padding: 0; margin-top: 5px; opacity: 1; display: inline-block; border-radius: 10px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub .x-item-icon { margin-bottom: -5px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon { font-size: 36px; background: #def; color: #2196f3; margin: 0; margin-top: 5px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon.words, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon.words { font-size: 20px; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.icon.words em, .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub i.font-icon.words em { width: 45px; height: 45px; overflow: hidden; font-style: normal; display: inline-block; white-space: pre-wrap; } .menuBar .menu-group-submenu .menu-dropdown-submenu li .menu-item-sub span { display: block; font-size: 13px; padding-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .menuBar .menu-group-user .menu-item-user { padding: 10px 0; height: auto; } .menuBar .menu-group-user .menu-item-user:hover .avata img { box-shadow: 0px 0px 0px 4px rgba(3,25,52,0.2); } .menuBar .menu-group-user .avata { width: 50px; height: 50px; margin: 0 auto; padding: 2px; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); } .menuBar .menu-group-user .avata img { width: 100%; height: 100%; border-radius: 50%; } .menuBar .menu-group-user .menu-dropdown-user { bottom: 10px; width: 220px; } .menuBar .menu-group-user .menu-dropdown-user:after, .menuBar .menu-group-user .menu-dropdown-user:before { bottom: 20px; top: auto; } .menuBar .menu-group-user .menu-dropdown-user li { line-height: 32px; padding-left: 20px; height: 32px; } .menuBar .menu-group-user .menu-dropdown-user li .font-icon { display: inline-block; opacity: 0.4; width: 12px; font-size: 1.1em; text-align: center; position: relative; margin-right: 1em; top: 2px; } .menuBar .menu-group-user .menu-dropdown-user li:hover, .menuBar .menu-group-user .menu-dropdown-user li:active { background: #ecf4fc; } .menuBar .menu-group-user .menu-dropdown-user li:hover .font-icon, .menuBar .menu-group-user .menu-dropdown-user li:active .font-icon { opacity: 1; color: #1071d3; } .menuBar .menu-group-user .menu-dropdown-user li:hover.user-logout .font-icon, .menuBar .menu-group-user .menu-dropdown-user li:active.user-logout .font-icon { color: #f5222d; } .menuBar .menu-group-user .menu-dropdown-user li.divider { height: 1px; border: none; margin: 6px 0px 6px 12px; background: #eee; background: rgba(200,200,200,0.25); cursor: default; } .menuBar .menu-group-user .menu-dropdown-user li.user-info { height: auto; padding: 5px 10px; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .avata { float: left; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account { position: absolute; padding-left: 60px; line-height: 20px; margin-top: 6px; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .name { font-size: 1.1em; } .menuBar .menu-group-user .menu-dropdown-user li.user-info .user-info-account .account { color: #ddd; } #app.menu-auto-show .app-main, #app.menu-auto-show #app.app-desktop .bodymain { left: 0; } #app.menu-auto-show .frame-main-explorer .ztree li a { padding-left: 25px; } #app.menu-auto-show .menuBar:hover { left: 0; opacity: 1; } #app.menu-auto-show .menuBar { z-index: 999999; left: -60px; opacity: 0; box-shadow: 0 0 25px #b4b4b4; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .artDialog.system-notice-view-dialog .aui-header .aui-min, .artDialog.system-notice-view-dialog .aui-header .aui-max { display: none; } .artDialog.system-notice-view-dialog .aui-main { padding: 0px !important; } .artDialog.system-notice-view-dialog .aui-main .notice-box { position: absolute; top: 0px; right: 0px; bottom: 5px; left: 0px; padding: 10px 20px; font-family: "Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; font-size: 14px; color: #444; border: 1px solid #eee; margin: 10px 20px 30px 20px; } .artDialog.system-notice-view-dialog .aui-main .notice-box .header { height: 36px; line-height: 36px; text-align: center; margin: 20px 0px 20px; font-weight: 600; font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #ddd; position: relative; } .artDialog.system-notice-view-dialog .aui-main .notice-box .header:after { content: ""; position: absolute; bottom: -5px; border-bottom: 2px solid #ddd; width: 100%; left: 0; } .artDialog.system-notice-view-dialog .aui-main .notice-box .content pre { background: #fff; margin: 20px 0px; padding: 0px; line-height: 1.8; font-size: 14px; min-height: 150px; font-family: "Helvetica Neue", "Helvetica", STsong, SimSun, NSimSun, STFangsong, FangSong, FangSong_GB2312, STZhongsong, "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif; } .artDialog.system-notice-view-dialog .aui-main .notice-box .footer { line-height: 2; text-align: right; margin-top: 30px; } .app-wap-small .form-select2-dropdown-type-fontIcon.select2-container { left: 0 !important; right: 0 !important; width: 100%; } .app-wap-small .form-select2-dropdown-type-fontIcon.select2-container .select2-dropdown { width: 100% !important; border-left: none; border-right: none; border-radius: 0; box-shadow: none !important; left: 1px !important; } .app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container { width: 160px !important; font-size: 0.9em; padding-left: 30px; } .app-wap-small .form-row.form-groupAuth .kod-select-main.auth-table .item-choice .select-role .select2-container .select2-selection__rendered { padding-left: 10px; } .app-wap-small .form-row.form-userSelect .setting-content .select-user-box { padding: 5px 0px 5px 0; background: none; } .app-wap-small .form-row.form-html .setting-title.no-title { display: none; } .app-wap-small .form-box .form-row.form-userSelect .setting-content .kod-select { width: 346px; } .app-wap-small .form-box .form-row.form-userSelect .setting-content .user-select-role select { width: 346px; min-width: 346px; } .app-wap-small .setting-page .setting-main, .app-wap-small .admin-page .admin-main { left: 0 !important; padding-bottom: 60px; } .app-wap-small .setting-page .setting-main .panel-body, .app-wap-small .admin-page .admin-main .panel-body { padding: 15px 10px !important; } .app-wap-small .setting-page .setting-main .panel-body.dialog-form, .app-wap-small .admin-page .admin-main .panel-body.dialog-form { padding: 10px 5px !important; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row { padding: 5px 5px; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-title, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-title { padding-left: 5px; float: none; color: #000; width: 100%; height: 20px; line-height: 20px; } .app-wap-small .setting-page .setting-main .panel-body.base-page .form-row .setting-content, .app-wap-small .admin-page .admin-main .panel-body.base-page .form-row .setting-content { width: 100%; float: none; } .app-wap-small .setting-page .setting-main .form-box .form-row, .app-wap-small .admin-page .admin-main .form-box .form-row { padding: 0; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-row, .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-row, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl { padding: 5px 5px !important; } .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='text'], .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='password'], .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row input[type='number'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='text'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='password'], .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row input[type='number'] { width: 150px !important; } .app-wap-small .setting-page .setting-main .panel-body.account-page .form-row.item-change-password .info-alert, .app-wap-small .admin-page .admin-main .panel-body.account-page .form-row.item-change-password .info-alert { width: 70%; text-align: left; margin-left: 0; padding-right: 5px; } .app-wap-small .setting-page .setting-main .panel-body.account-page .user-check-code .col-content, .app-wap-small .admin-page .admin-main .panel-body.account-page .user-check-code .col-content { width: initial; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl span.desc, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl span.desc { display: none; position: absolute; } .app-wap-small .setting-page .setting-main .panel-body.account-page .acc-dtl .close-item, .app-wap-small .admin-page .admin-main .panel-body.account-page .acc-dtl .close-item { display: none; } .app-wap-small .setting-page .setting-main .panel-body.wall-page .section .box, .app-wap-small .setting-page .setting-main .panel-body.theme-page .section .box, .app-wap-small .admin-page .admin-main .panel-body.wall-page .section .box, .app-wap-small .admin-page .admin-main .panel-body.theme-page .section .box { margin: 0; } .app-wap-small .setting-page .setting-main .panel-body.wall-page .section .box .list, .app-wap-small .setting-page .setting-main .panel-body.theme-page .section .box .list, .app-wap-small .admin-page .admin-main .panel-body.wall-page .section .box .list, .app-wap-small .admin-page .admin-main .panel-body.theme-page .section .box .list { width: 110px; height: 70px; } .app-wap-small .setting-page .form-box .form-row, .app-wap-small .admin-page .form-box .form-row { padding: 1px 0px 1px 10px; } .app-wap-small .setting-page .form-box .form-row .setting-title, .app-wap-small .admin-page .form-box .form-row .setting-title { text-align: left !important; height: 20px; line-height: 20px; color: #000; width: 200px; } .app-wap-small .setting-page .form-box .form-row .setting-content, .app-wap-small .admin-page .form-box .form-row .setting-content { width: 96%; padding: 2px 5px; } .app-wap-small .setting-page .form-box .form-row .setting-content .form-save-button, .app-wap-small .admin-page .form-box .form-row .setting-content .form-save-button { margin: 10px 0 10px; } .app-wap-small .setting-page .form-box .form-row.inline, .app-wap-small .admin-page .form-box .form-row.inline { padding: 0 0 0 10px; } .app-wap-small .setting-page .form-box .form-row.inline + .inline, .app-wap-small .admin-page .form-box .form-row.inline + .inline { padding-left: 10px; float: none; } .app-wap-small .setting-page .form-box .form-row.inline + .inline .setting-content, .app-wap-small .admin-page .form-box .form-row.inline + .inline .setting-content { padding-left: 10px; margin: 0; } .app-wap-small .setting-page .form-box .form-row .line, .app-wap-small .setting-page .form-box .form-row hr, .app-wap-small .admin-page .form-box .form-row .line, .app-wap-small .admin-page .form-box .form-row hr { margin: 5px 5px; } .app-wap-small .setting-page .form-box .form-row.form-input .desc, .app-wap-small .setting-page .form-box .form-row.form-password .desc, .app-wap-small .setting-page .form-box .form-row.form-number .desc, .app-wap-small .setting-page .form-box .form-row.form-segment .desc, .app-wap-small .setting-page .form-box .form-row.form-checkbox .desc, .app-wap-small .setting-page .form-box .form-row.form-radio .desc, .app-wap-small .setting-page .form-box .form-row.form-slider .desc, .app-wap-small .setting-page .form-box .form-row.form-fileSelect .desc, .app-wap-small .admin-page .form-box .form-row.form-input .desc, .app-wap-small .admin-page .form-box .form-row.form-password .desc, .app-wap-small .admin-page .form-box .form-row.form-number .desc, .app-wap-small .admin-page .form-box .form-row.form-segment .desc, .app-wap-small .admin-page .form-box .form-row.form-checkbox .desc, .app-wap-small .admin-page .form-box .form-row.form-radio .desc, .app-wap-small .admin-page .form-box .form-row.form-slider .desc, .app-wap-small .admin-page .form-box .form-row.form-fileSelect .desc { display: block; } .app-wap-small .setting-page .form-box .form-row.form-tags .setting-content .select2-container, .app-wap-small .admin-page .form-box .form-row.form-tags .setting-content .select2-container { width: inherit !important; } .app-wap-small .setting-page .form-box .form-row.form-tags .desc, .app-wap-small .admin-page .form-box .form-row.form-tags .desc { display: block; } .app-wap-small .setting-page .form-box .form-row.inline, .app-wap-small .admin-page .form-box .form-row.inline { padding: 0 0 0 0px; } .app-wap-small .setting-page .form-box .form-row.inline + .inline, .app-wap-small .admin-page .form-box .form-row.inline + .inline { padding-left: 5px; } .app-wap-small .setting-page .form-box .form-row.inline + .inline .setting-content, .app-wap-small .admin-page .form-box .form-row.inline + .inline .setting-content { padding-left: 0px; margin: 0; } .app-wap-small .setting-page .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form .form-box.config-box .panel-form-body { overflow: hidden; padding: 0px 0 10px 0; } .app-wap-small .setting-page .kodTable .toolbar > div, .app-wap-small .admin-page .kodTable .toolbar > div { display: block; } .app-wap-small .setting-page .kodTable .toolbar .right, .app-wap-small .admin-page .kodTable .toolbar .right { position: absolute; right: 0px; top: 1px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body { margin: 0; padding: 0; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body > .form-row { margin-right: 5px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.form-dateTime input { padding-left: 3px; width: 65px !important; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logTime, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logTime { clear: both; margin-bottom: 3px; float: none; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logType .select2-container, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logType .select2-container { margin-right: 0; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logUser .setting-content, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .form-row.item-logUser .setting-content { width: 90px; } .app-wap-small .setting-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .search-type select, .app-wap-small .admin-page .kodTable .toolbar .dialog-form.target-form .form-box.config-box .panel-form-body .search-type select { width: 75px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .panel-form-body { padding: 5px 0 30px 1px; border-radius: 0 0 4px 4px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { padding: 0; margin: 0px 5px 5px 5px; } .app-wap-small .setting-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item, .app-wap-small .admin-page .dialog-form.target-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { padding: 5px 6px; } .app-wap-small .setting-page .panel-body.storage-page .app-content .app-model, .app-wap-small .admin-page .panel-body.storage-page .app-content .app-model { padding: 0; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box, .app-wap-small .admin-page .panel-body.storage-page .store-type-box { padding: 0; margin-left: -5px; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .store-title, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .store-title { text-align: left; padding-left: 12px; color: #000; float: none; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .store-type, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .store-type { padding: 0px 0 10px 10px; float: none; } .app-wap-small .setting-page .panel-body.storage-page .store-type-box .link-help, .app-wap-small .admin-page .panel-body.storage-page .store-type-box .link-help { top: -35px; left: 280px; } .app-wap-small .setting-page .panel-body.plugin-page, .app-wap-small .admin-page .panel-body.plugin-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.plugin-page .app-content, .app-wap-small .admin-page .panel-body.plugin-page .app-content { margin: 5px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript, .app-wap-small .admin-page .panel-body.plugin-page .app-descript { padding: 5px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .dtl-header, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header { padding-bottom: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-content .app-model, .app-wap-small .admin-page .panel-body.plugin-page .app-content .app-model { padding: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .left-content, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .left-content { float: none; clear: both; margin: -10px 0 10px 0; width: auto; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .right-content, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .right-content { padding-left: 0; margin-left: -15px; } .app-wap-small .setting-page .panel-body.plugin-page .app-descript .dtl-header .name, .app-wap-small .admin-page .panel-body.plugin-page .app-descript .dtl-header .name { margin: 0; } .app-wap-small .setting-page .panel-body.plugin-page .app-toolbar .search-box input, .app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .search-box input { width: 80px; } .app-wap-small .setting-page .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item, .app-wap-small .admin-page .panel-body.plugin-page .app-toolbar .panel-tab .panel-tab-item { padding: 8px 8px; margin: 4px 2px -2px 0; } .app-wap-small .setting-page .kodTable, .app-wap-small .admin-page .kodTable { font-size: 0.9em; } .app-wap-small .setting-page .kodTable .list-col.setting .do-action, .app-wap-small .admin-page .kodTable .list-col.setting .do-action { padding: 2px 1px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col { min-width: 15px; padding: 6px 10px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.name, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.name { min-width: 70px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.role, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.role { min-width: 70px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.attr-label { min-width: 65px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col.setting, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col.setting { min-width: 50px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select, .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col .user-select-set { margin-left: 10px; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="target"] { min-width: 50px; text-align: center; } .app-wap-small .setting-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"], .app-wap-small .admin-page .panel-body .kodTable .content .list-table .list-row .list-col[field="subMenu"] { min-width: 40px; text-align: center; } .app-wap-small .setting-page .panel-body .list-page .my-page-box, .app-wap-small .admin-page .panel-body .list-page .my-page-box { border-width: 0.5px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-cover, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-cover { display: none; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to { padding: 0 8px; min-width: inherit; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-content .page-to.hidden, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-content .page-to.hidden { display: inline-block !important; visibility: visible !important; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info { border-left: none; margin-left: 2px; height: 28px; line-height: 28px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info input, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info input { border-width: 0.5px; padding: 2px 0px 2px 0px; height: 16px; line-height: 16px; position: absolute; top: 4px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-select select, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-select select { width: 60px; padding: 0 5px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box .page-info-text { padding-left: 32px; } .app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-content .page-to.hiddden { display: none !important; } .app-wap-small .setting-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text, .app-wap-small .admin-page .panel-body .list-page .my-page-box.data-only-one-page .page-info-text { padding-left: 4px; } .app-wap-small .setting-page .panel-body.overview-page, .app-wap-small .admin-page .panel-body.overview-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box { padding: 10px; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box .kodTable .content, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box .kodTable .content { height: auto; } .app-wap-small .setting-page .panel-body.overview-page .tab-table-box .tab-content .col-md-4, .app-wap-small .admin-page .panel-body.overview-page .tab-table-box .tab-content .col-md-4 { border-top: 1px solid #e8e8e8; margin-top: 5px; } .app-wap-small .setting-page .panel-body.overview-page .tab-trend-box, .app-wap-small .admin-page .panel-body.overview-page .tab-trend-box { padding: 10px; } .app-wap-small .setting-page .panel-body.overview-page .option-box .option, .app-wap-small .admin-page .panel-body.overview-page .option-box .option { margin-bottom: 10px; } .app-wap-small .setting-page .panel-body.overview-page .option-box .option .opt-body, .app-wap-small .admin-page .panel-body.overview-page .option-box .option .opt-body { padding: 15px 10px 10px 10px; } .app-wap-small .setting-page .panel-body.member-page, .app-wap-small .admin-page .panel-body.member-page { padding: 0 !important; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-left, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-left { -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-small .setting-page .panel-body.member-page .page-box .drag-resize, .app-wap-small .admin-page .panel-body.member-page .page-box .drag-resize { display: none; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right { left: 0 !important; margin-left: 10px; margin: 0; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title { font-size: 16px; margin-left: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"], .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title a[data-action="group-home"] { display: none; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .group-title .group-size, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .group-title .group-size { bottom: 0px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right a.font-icon-label, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right a.font-icon-label { margin: 0; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .search-user, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user { right: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .search-user input, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .search-user input { width: 100px; padding-right: 10px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .button-aciton-muti, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .button-aciton-muti { margin-left: 2px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right div.btn-group-sm > .btn, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right div.btn-group-sm > .btn { padding: 5px 4px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-list-content, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content { right: 0px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable> .content, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-list-content .user-list .kodTable> .content { top: 39px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .space-info-bar, .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .space-info-bar .space-process { width: 75px; font-size: 10px; } .app-wap-small .setting-page .kodTable .content .list-table .list-row, .app-wap-small .admin-page .kodTable .content .list-table .list-row { border-bottom-width: 0.5px; } .app-wap-small .setting-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .setting-page .ztree li a.curSelectedNode, .app-wap-small .setting-page .ztree li a.curDropTreeNode, .app-wap-small .admin-page .panel-body.storage-page .app-content .app-list .app-li, .app-wap-small .admin-page .ztree li a.curSelectedNode, .app-wap-small .admin-page .ztree li a.curDropTreeNode { border-width: 0.5px; } .app-wap-small .setting-page .panel-body.member-page .page-box .frame-right .user-toolbar, .app-wap-small .admin-page .panel-body.member-page .page-box .frame-right .user-toolbar { border-bottom-width: 0.5px; } .app-wap-small .setting-page .content-main-message .content-main, .app-wap-small .admin-page .content-main-message .content-main { width: 90%; margin: 20% auto; } .app-wap-small .dialog-max { left: 0 !important; top: 0px !important; width: 100% !important; height: 100% !important; bottom: 0px !important; min-width: inherit !important; } .app-wap-small .dialog-max.artDialog .aui-outer { border-radius: 0px !important; } .app-wap-small .dialog-max .aui-content { overflow-y: auto; min-width: inherit; } .app-wap-small .dialog-max .aui-max, .app-wap-small .dialog-max .aui-min { display: none; } .app-wap-small .dialog-max .resize-handle { display: none !important; } .app-wap-small .dialog-max .aui-main { overflow: inherit; } .app-wap-small .dialog-max.dialog-bg-blur .aui-border { background: rgba(255,255,255,0.96); } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box.config-box .panel-form-body { min-width: 100%; padding-top: 0; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { border: none; margin-top: 2px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { padding: 1px 20px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-shareHeader { margin: 0 !important; padding: 0 !important; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-shareHeader .share-info { height: 125px; padding: 10px 10px 10px 10px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-shareHeader .share-info .right-desc { left: 100px; right: 10px; top: 20px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.form-checkbox .desc { display: inline-block; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-authTo .setting-content { padding-left: 0; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-authTo .kod-select-main .auth-select-box { height: 380px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-row.item-shareLink .setting-content .desc { display: inline-block !important; top: -2px; } .app-wap-small .dialog-max.share-dialog-box.dialog-form.dialog-form-has-menu.dialog-form-style-simple .source-auth-info { display: block; } .app-wap-small .dialog-max.pathInfo-dialog .pathinfo { padding: 20px 0px 30px 0px; } .app-wap-small .dialog-max.pathInfo-dialog .dialog-tab { margin: 5px 15px; } .app-wap-small .dialog-max.pathInfo-dialog .pathinfo.tab-content { min-width: inherit; } .app-wap-small .dialog-max.pathInfo-dialog .pathinfo.tab-content .p .content { width: 260px; } .app-wap-small .dialog-max.pathInfo-dialog .pathAuth.tab-content { min-width: inherit; } .app-wap-small .dialog-max.pathInfo-dialog .pathAuth.tab-content .form-box .form-row { padding: 5px 10px; } .app-wap-small .dialog-max.pathInfo-dialog .pathAuth.tab-content .form-box .form-row .kod-select-main.auth-table .auth-select-box { height: 380px; } .app-wap-small .dialog-max.pathInfo-dialog .pathAuth.tab-content .form-box .form-row .setting-content { width: 98%; } .app-wap-small .dialog-max.dialog-simple .aui-outer .aui-close { border: 5px solid transparent; } .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-min, .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-close, .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-max { display: block !important; } .app-wap-small .dialog-max.dialog-simple.music-player-dialog .aui-outer .aui-close { border: none; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-outer, .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .aui-border { background: #000; width: 100%; height: 100%; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-full .dplayer-icon.dplayer-full-in-icon { display: none !important; } .app-wap-small .dialog-max.dialog-simple.dplayer-dialog .dplayer-video-wrap { height: calc(100% - 100px); margin-top: 50px; background: #222; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body { position: absolute; width: 96%; margin: 10px 2%; padding: 0; overflow: auto; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title { width: 37px; } .app-wap-small .dialog-max.pathAuth-dialog .auth-list-body table td.auth-item-title .label { margin-bottom: 5px; } .app-wap-small .dialog-max.dialog-copyright .dialog-copyright-content, .app-wap-small .dialog-max.dialog-copyright .aui-content, .app-wap-small .dialog-max.check-version-dialog .dialog-copyright-content, .app-wap-small .dialog-max.check-version-dialog .aui-content { width: 100%; height: 100%; padding: 0; border-radius: 0; } .app-wap-small .dialog-max.light-app-dialog .light-app-main { min-width: inherit; min-height: inherit; } .app-wap-small .dialog-max.light-app-dialog .light-app-main .app-content .app-model { padding: 15px; } .app-wap-small .dialog-max.explorer-dialog-open .app-wap-small { border-top: 0.5px solid #ddd; } .app-wap-small .dialog-max.dialog-file-upload .aui-min { display: block; } .app-wap-small .dialog-max.dialog-file-upload .file-upload-box .upload-folder-dropdown { display: none; } .app-wap-small .dialog-max.dialog-form .aui-dialog a.home-path.font-icon-label { position: absolute; left: 280px; margin-top: -29px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row { padding: 1px 0px 1px 10px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-title { text-align: left !important; height: 20px; line-height: 20px; color: #000; width: 200px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content { width: 96%; padding: 2px 5px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .setting-content .form-save-button { margin: 10px 0 10px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline { padding: 0 0 0 10px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline { padding-left: 10px; float: none; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline + .inline .setting-content { padding-left: 10px; margin: 0; } .app-wap-small .dialog-max.dialog-form .form-box .form-row .line, .app-wap-small .dialog-max.dialog-form .form-box .form-row hr { margin: 5px 5px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-input .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-password .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-number .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-segment .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-checkbox .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-radio .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-slider .desc, .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-fileSelect .desc { display: block; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .setting-content .select2-container { width: inherit !important; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.form-tags .desc { display: block; } .app-wap-small .dialog-max.dialog-form .form-box .panel-form-body { padding: 10px 0 50px 0; position: relative !important; top: 0px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group { margin: 10px 15px -10px 15px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .tab-group .tab-item { padding: 5px 5px; } .app-wap-small .dialog-max.dialog-form.dialog-form-has-menu.dialog-form-style-simple .form-box .panel-form-body { padding: 10px 0 50px 0; position: relative !important; top: 0px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.form-fontIcon .setting-content { margin-top: 25px; margin-left: -35px; width: 50px; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.form-colorLabel { float: left; } .app-wap-small .dialog-max.dialog-form .form-box .form-row.inline.form-colorLabel .setting-content { margin-top: 25px; margin-left: -35px; width: 100px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .header .name-title { font-size: 22px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from { height: 90px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row .setting-content { width: inherit !important; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline { padding: 0 0 0 3px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline .setting-content { margin: 6px 0 0 0; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline+ .inline .setting-content { padding-left: 5px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.inline+ .inline { float: left; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.item-type { width: 95%; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .form-box .form-row.item-type .select2-container { width: 270px !important; } .app-wap-small .dialog-max.file-rename-mutil-dialog .dialog-content { top: 165px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .data-from .rename-start { right: 5px; } .app-wap-small .dialog-max.file-rename-mutil-dialog .actions { top: 45px; right: 5px; } .app-wap-small .edit-main .edit-body .edit-content .ace_editor { width: 100% !important; } .app-wap-small .edit-main .edit-right-frame { width: 1px !important; display: block; border: none; } .app-wap-small .edit-main .edit-content .drag-resize { display: none; } .app-wap-small .edit-main .tools a { padding: 0px 8px; } .app-wap-small .edit-main .tools .line { margin: 5px 1px; } .app-wap-small .edit-main .tools a[action="saveAll"], .app-wap-small .edit-main .tools a[action="historyBack"], .app-wap-small .edit-main .tools a[action="historyNext"], .app-wap-small .edit-main .tools a[action="historyNext"] + .line, .app-wap-small .edit-main .tools a[action="preview"], .app-wap-small .edit-main .tools .right, .app-wap-small .edit-main .tools a.menu-view-goto-line { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .toolbar { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-preview { padding: 10px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame a[action="toggle-markdown"] { display: none; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .preview-markdown-tool .box { height: 105px; top: 5px; right: 10px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-menu-box { top: 5px; right: 40px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-setting { top: 75px; right: 40px; } .app-wap-small .edit-main .edit-right-frame .preview-markdown-frame .markdown-help { top: 5px; right: 40px; width: 360px; } .app-wap-small .edit-main .search-content .ace_search .ace_search_options { margin: 3px 0 0 10px; } .app-wap-small .edit-main .search-content .ace_search .ace_button { margin-left: -1px; width: 25px; border-radius: 0px; } .app-wap-small .edit-main .search-content .ace_search .ace_search_input { left: 95px; right: 140px; } .app-wap-small .edit-main .search-content .ace_search .ace_searchbtn, .app-wap-small .edit-main .search-content .ace_search .ace_replacebtn { padding: 0 11px !important; width: initial; } .app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame { width: 100% !important; } .app-wap-small .edit-main .edit-content.markdown-full-page .edit-right-frame .markdown-preview { margin: 20px auto; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .preview-markdown-tool .box { top: 35px; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-menu-box { top: 35px; } .app-wap-small .edit-main .edit-content.markdown-full-page .preview-markdown-frame .markdown-setting { top: 105px; } .app-wap-small .edit-main .tools { border-bottom-width: 0.5px; } .app-wap-small .edit-main .edit-tab .tabs { top: 28.5px; border-bottom-width: 0.5px; } .app-wap-small .edit-main .edit-tab .tabs .tab { border-left-width: 0.5px; border-right-width: 0.5px; } .app-wap-small .ace_search .ace_search_field { width: 80px; } .app-wap-small .dialog-editor .edit-main .tools .top-toolbar { padding-left: 0px; } .app-wap-small .dialog-editor.dialog-max-first--- { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } .app-wap-small .dialog-editor.dialog-max-first--- td.aui-main { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; width: 100% !important; height: 100% !important; } .app-wap-small .frame-main-explorer .bodymain, .app-wap-small .frame-main-desktop .bodymain { margin-top: 61px; right: 0 !important; } .app-wap-small .frame-main-explorer .bodymain .item-select, .app-wap-small .frame-main-desktop .bodymain .item-select { display: none !important; } .app-wap-small .frame-main-explorer .bodymain .file-select-info, .app-wap-small .frame-main-explorer .bodymain .file-page, .app-wap-small .frame-main-desktop .bodymain .file-select-info, .app-wap-small .frame-main-desktop .bodymain .file-page { font-size: 10px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon, .app-wap-small .frame-main-desktop .bodymain .file-list-icon { padding: 5px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file, .app-wap-small .frame-main-explorer .bodymain .file-list-icon .flex-empty, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .flex-empty { margin: 0 5px 5px 0; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file { border-radius: 2px; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit { box-shadow: 0 0 0 1px #91d5ff !important; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border-radius: 0 0 2px 2px; border: 1px solid #91d5ff; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name { padding: 4px 1px 3px 1px; -webkit-line-clamp: 2; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name .title, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name .title { position: relative; } .app-wap-small .frame-main-explorer .bodymain .file-list-icon .file .title-type-name .title:after1, .app-wap-small .frame-main-desktop .bodymain .file-list-icon .file .title-type-name .title:after1 { content: attr(ext); position: absolute; bottom: 0; right: 0px; white-space: nowrap; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file, .app-wap-small .frame-main-desktop .bodymain .file-continer .file { background: transparent; border: none; -webkit-transition: 0.16s all; -moz-transition: 0.16s all; -o-transition: 0.16s all; -ms-transition: 0.16s all; transition: 0.16s all; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit { background: #e6f7ff !important; box-shadow: 0 0 0 0.5px #1890ff; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-icon-edit .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit .item-menu { display: none !important; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.file-focus, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-focus { box-shadow: 0 0 0 0.5px rgba(24,144,255,0.1); } .app-wap-small .frame-main-explorer .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.select { background: rgba(24,144,255,0.05); } .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title, .app-wap-small .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title { overflow: inherit !important; width: 75% !important; } .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title, .app-wap-small .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title { margin-top: 15px !important; } .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea, .app-wap-small .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea { overflow: inherit; } .app-wap-small .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-small .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile { height: 22px; line-height: 22px; padding: 0px 4px 0px 4px; margin: -4px 0 0 0px; min-width: 100%; width: 100%; box-shadow: 0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21; border-radius: 2px; } .app-wap-small .frame-main-explorer .bodymain .refresh-element, .app-wap-small .frame-main-desktop .bodymain .refresh-element { color: #888; background: #fafafa; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu { display: block !important; width: 20px; height: 20px; padding: 5px; background: none; border: none; border-radius: 0; top: 0px; right: 0px; opacity: 1; box-shadow: none; text-shadow: none; border-radius: 3px; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { border: none; margin: 0; color: #aaa; width: 20px; height: 20px; line-height: 20px; background: #fff; border-radius: 50%; border: 0.5px solid rgba(0,0,0,0.2); margin: -1px 0 0 -1px; opacity: 0.2; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu:hover .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:hover .cert { opacity: 0.8; border-color: #1890ff; color: #1890ff; } .app-wap-small .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before { font-style: normal; color: inherit; font-family: 'icomoon'; content: "\ead3"; } .app-wap-small .frame-main-desktop .bodymain { margin-top: 0px; } .app-wap-small .frame-main-desktop .bodymain .refresh-element { position: fixed; top: 40px; z-index: 10; background: rgba(24,144,255,0.89); color: #ffffff; } .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { background: rgba(0,0,0,0.1); border: 0.5px solid rgba(255,255,255,0.2); } .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:hover .cert, .app-wap-small .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #fff; background: rgba(24,144,255,0.3); } .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-small .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.file-icon-edit, .app-wap-small .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(172,223,255,0.2) !important; } .app-wap-small .frame-main-desktop .desktop-right-menu { display: block !important; visibility: visible !important; } .app-wap-small .share-page-main .frame-main-explorer .frame-right .frame-header .header-content .header-address { right: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header { min-width: auto; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content { padding: 0; margin-top: -1px; height: 27px; overflow: hidden; border-bottom: 0.5px solid #ddd; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-left { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle { padding: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn-default { height: 28.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn[data-action="goto-father"], .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .btn.fav-button { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address { position: absolute; left: 0px; right: 100px; left: 36px; width: auto; height: 28px; border: none; border-left: 0.5px solid #ddd; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico { position: relative; top: 0; vertical-align: top; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .path-ico .svg-icon { position: absolute; top: 4px; margin: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content { margin: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item.first a { padding-left: 5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a { background: #f6f6f6; margin-left: 0; padding: 0 1px 0 20px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a .ripple-father { padding-right: 15px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:before { content: ""; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; position: absolute; top: 0; left: 0; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a:after { content: ""; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #f6f6f6; position: absolute; top: 0; right: -14px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content a .title-name:after { content: ""; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #d6d6d6; position: absolute; top: 0; right: -14.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .first a:before { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:focus a, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:active a, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:hover a { background: #eee; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:focus a:after, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:active a:after, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:hover a:after { border-left-color: #eee; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:focus a .title-name:after, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:active a .title-name:after, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address .header-address-content .header-address-item:hover a .title-name:after { border-left-color: #ddd; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address span.title-name { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input { position: absolute; left: 0px; right: 100px; left: 37px; width: auto; border-right: none; line-height: 30px; border: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input { border-radius: 0px; box-shadow: none; height: 27px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-address-input input:focus { box-shadow: inset 0 0 3px #def; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box { top: 0; right: 0px; z-index: 50; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search { border: none; border-left: 0.5px solid #ddd; border-radius: 0; box-shadow: none; height: 27px; width: 100px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box .start-search { height: 27px; top: 0; right: 0; border: none; border-left: 0.5px solid #ddd; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right.search-open .search-box input.search, .app-wap-small .frame-main-explorer .frame-right .frame-header .header-right .search-box input.search:focus { box-shadow: inset 0 0 3px #def; width: 150px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-content .header-middle .btn { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools { border-bottom-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .btn { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right { margin-right: 10px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .tools .tools-right .btn[data-action="set-list-split"] { display: none; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown { right: 0; border: none; border-radius: 0; margin-top: 28px; width: 450px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); overflow: inherit; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown .panel-form-body { overflow: inherit; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-dropdown .form-row .setting-title { margin-right: 5px; } .app-wap-small .frame-main-explorer .frame-right .frame-header .header-middle .role-label-box { position: absolute; z-index: 10; left: 65px; top: 30px; right: inherit; } .app-wap-small .frame-main-explorer .frame-right .frame-header .search-down-mask { background: rgba(0,0,0,0.2); position: fixed; z-index: 10; top: 67px; bottom: 0px; left: 0; right: 0px; } .app-wap-small .frame-main-explorer .frame-right .file-select-info { display: none; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box { border-width: 0.5px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-cover { display: none; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to { padding: 0 8px; min-width: inherit; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-content .page-to.hidden { display: inline-block !important; visibility: visible !important; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info { border-left: none; margin-left: 2px; height: 28px; line-height: 28px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info input { border-width: 0.5px; padding: 2px 0px 2px 0px; height: 16px; line-height: 16px; position: absolute; top: 4px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-select select { width: 60px; padding: 0 5px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box .page-info-text { padding-left: 32px; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-content .page-to.hiddden { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .file-page .my-page-box.data-only-one-page .page-info-text { padding-left: 4px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .list-type-header { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-continer-main { top: 0px !important; padding: 5px 0 50px 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list { padding: 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file { height: 64px; border: none; margin: 0; width: 100% !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file:after { content: " "; width: 100%; height: 0.5px; position: absolute; left: 63.92px; right: 0px; bottom: 0; background: #e6e6e6; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .children-more { display: none !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item { width: initial !important; height: 36px; line-height: 36px; margin-top: 28px; display: inline-block; text-align: left; padding: 0; margin-right: 8px; min-width: 20px; font-size: 0.9em; color: #aaa; overflow: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item .user-info .path-ico { margin-top: -2px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-shareUser { width: 60px !important; min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-shareTime, .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-createTime { width: 100px !important; min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-size { width: 35px !important; min-width: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name + .title-item { margin-left: 63.92px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name + .title-item.title-type-driver { margin-left: 35px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name { width: 100% !important; height: 64px; line-height: inherit; position: absolute; margin: 0; padding: 0; padding-left: 8px; color: #333; font-size: 14px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico { height: 49.92px; width: 49.92px; line-height: 49.92px; margin-right: 5px; margin-top: 7.04px; padding: 0; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon { height: 49.92px !important; width: 49.92px !important; background-position: inherit !important; background-size: cover !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label { height: 44.928px !important; width: 44.928px !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico .x-item-icon.x-tag-label:before { width: 40%; height: 40%; border-radius: 50%; content: " "; background: linear-gradient(45deg,#ffffff7d,#ffffff00); margin-top: 4px; position: absolute; right: 15%; top: 15%; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico .svg-icon { height: 49.92px; width: 49.92px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .path-ico img { height: inherit; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .title { display: inline-block; margin-top: 12px; max-width: 75%; height: 25px !important; overflow: hidden; text-overflow: ellipsis; background: transparent !important; line-height: 1.25em; padding: 4px 0 0px 0; margin-top: 0px; height: 35px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-pack: center; position: relative; white-space: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .title.title-only { margin-top: 22px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .title.title-only { padding: 0; -webkit-box-pack: center; margin: 0; margin-top: -2px; height: 64px !important; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info { top: 17px; right: 45px; height: 30px; line-height: 30px; z-index: 5; font-size: 12px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info.app-link { top: 38.96px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info .file-desc { line-height: 24px; max-width: 100px; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info .path-ico, .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info .svg-icon, .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .title-item.title-type-name .meta-info img { width: 18px; height: 18px; line-height: 30px; margin-top: 2px; overflow: initial; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu { height: 64px; line-height: 64px; padding: 0; width: 57.6px; text-align: center; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu .cert { border: none; height: 64px; line-height: 64px; display: inline; background: none; font-size: 14px; color: #ddd; opacity: 1; } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu:hover, .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu:focus { background: rgba(24,144,255,0.1); } .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu:hover .cert, .app-wap-small .frame-main-explorer .frame-right .bodymain[list-type="list"] .file-list-list .file .item-menu:focus .cert { color: #1890ff; } .app-wap-small .frame-main-explorer .frame-right .refresh-element { font-size: 12px; opacity: 0.8; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .font-icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon { transition: transform .3s; text-align: center; margin: 0 auto; width: 20px; height: 20px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading { -webkit-animation: moveCircleLoopRight 0.7s infinite linear; animation: moveCircleLoopRight 0.7s infinite linear; transition: none; width: 15px; height: 15px; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading .font-icon { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #bbb; border-bottom-color: transparent; } .app-wap-small .frame-main-explorer .frame-right .refresh-element .refresh-icon.loading .font-icon:before { content: ''; } .app-wap-small .frame-main-explorer .frame-left, .app-wap-small .frame-main-editor .frame-left { width: 200px !important; z-index: 100; background: #fff; box-shadow: 0 10px 15px rgba(0,0,0,0.1); border-right: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-small .frame-main-explorer .drag-resize-tree, .app-wap-small .frame-main-editor .drag-resize-tree { display: none; } .app-wap-small .frame-main-explorer .frame-right, .app-wap-small .frame-main-editor .frame-right { left: 0 !important; min-width: auto; border-left: none; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a, .app-wap-touch .frame-main-editor .frame-left .ztree li a, .app-wap-small .frame-main-explorer .frame-left .ztree li a, .app-wap-small .frame-main-editor .frame-left .ztree li a { height: 30px; line-height: 30px; margin: 0; border: none; padding-left: 5px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level1, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level1, .app-wap-small .frame-main-editor .frame-left .ztree li a.level1 { height: 30px; line-height: 30px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 { padding-left: 0px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 .menu-item { margin-right: 0; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li a.level0 span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li a.level0 span.button.switch { height: 30px; line-height: 30px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-touch .frame-main-editor .frame-left .ztree li a input.rename, .app-wap-small .frame-main-explorer .frame-left .ztree li a input.rename, .app-wap-small .frame-main-editor .frame-left .ztree li a input.rename { height: 28px; margin-top: 1px; } .app-wap-touch .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-touch .frame-main-editor .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-explorer .frame-left .ztree li span.button.switch, .app-wap-small .frame-main-editor .frame-left .ztree li span.button.switch { height: 30px; line-height: 30px; width: 25px !important; padding: 0; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item { display: block; width: 30px; height: 30px; margin-top: 0; top: 0; right: 0; border: none; color: rgba(0,0,0,0.05); border-radius: 0; background: none; box-shadow: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert { border: none; width: 30px; height: 30px; margin: 0; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item .cert:before, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item .cert:before { font-family: 'icomoon'; content: "\ead3"; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode:hover .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode:hover .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.curSelectedNode .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert { color: #1890ff; } .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-touch .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-explorer .frame-left .ztree li a.context-menu-active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:hover .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a .menu-item:active .menu-item .cert, .app-wap-small .frame-main-editor .frame-left .ztree li a.context-menu-active .menu-item .cert { background: rgba(24,144,255,0.1); } .app-wap-small .frame-main-explorer .tools-wap { padding-top: 5px; margin-left: 4px; display: block; } .app-wap-small .frame-main-explorer .tools-left { display: none; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon { padding: 10px 0; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty { padding: 0; margin: 1px 1px 0 0; border-radius: 0; width: 100px; height: 90px; border: none; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file:hover, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file:active, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty:hover, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty:active { opacity: 0.6; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file.file-icon-edit .title-type-name, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty.file-icon-edit .title-type-name { width: 100%; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty.file-icon-edit .title-type-name .textarea .newfile { width: 100%; padding: 0; margin: -6px 0 0 -2px; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .path-ico, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .path-ico { height: 100% !important; width: 100% !important; line-height: inherit !important; font-size: inherit !important; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture { height: 100% !important; width: 100% !important; margin: 0; padding: 0; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture img, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture img { box-shadow: none; height: 100% !important; width: 100% !important; max-height: 100%; border-radius: 0; } .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .file .ico.picture img.lazyload-ready, .app-wap-touch .frame-main-explorer .list-type-image .bodymain .file-continer.file-list-icon .flex-empty .ico.picture img.lazyload-ready { width: 16px !important; height: 16px !important; box-shadow: none !important; } .frame-main .select-file-bar { display: none; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-explorer.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar { position: absolute; top: 0px; z-index: 50; width: 100%; height: 62px; line-height: 62px; background: rgba(24,144,255,0.95); color: #fff; transform: translateY(-62px); visibility: hidden !important; display: block; opacity: 0; font-size: 14px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn { padding: 0 15px; display: inline-block; cursor: pointer; position: relative; z-index: 2; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn:hover, .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn:hover, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn:hover, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .item-btn:active, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn:hover, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .item-btn:active { background: rgba(255,255,255,0.1); } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .left, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .left, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .left { float: left; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .right, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .right, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .right { float: right; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num { position: absolute; text-align: center; width: 100%; z-index: 0; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-num em, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-num em { font-style: normal; padding: 0 2px; font-weight: 800; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action:before, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action:before { font-family: 'icomoon'; content: "\ea7f"; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .select-all, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .select-all { padding-left: 5px; margin-left: -4px; } .app-wap-touch .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-touch .frame-main-desktop.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-explorer.frame-main.select-file .select-file-bar, .app-wap-small .frame-main-desktop.frame-main.select-file .select-file-bar { visibility: visible !important; transform: translateY(0px); opacity: 1; } .app-wap-touch .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-touch .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-explorer.frame-main.select-file .frame-header .tools-wap .menu-body-auto, .app-wap-small .frame-main-desktop.frame-main.select-file .frame-header .tools-wap .menu-body-auto { right: -50px !important; } .app-wap-touch .frame-main-explorer.frame-main .tools-left, .app-wap-touch .frame-main-desktop.frame-main .tools-left, .app-wap-small .frame-main-explorer.frame-main .tools-left, .app-wap-small .frame-main-desktop.frame-main .tools-left { display: block; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item { transform: translateY(45px); position: fixed; bottom: 0px; left: 0px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; z-index: 50; text-align: center; background: rgba(24,144,255,0.95); width: 100%; height: 45px; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn-group, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn-group { padding: 0; margin: 0; float: none; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn { color: #fff; height: 45px; line-height: 45px; margin: 0; padding: 0 15px; text-shadow: none; font-size: 14px; background: none; box-shadow: none; border: none; opacity: 0.6; pointer-events: none; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item .btn .font-icon, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item .btn .font-icon { display: none; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-toolbar { display: none !important; } .app-wap-touch .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-touch .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-file, .app-wap-small .frame-main-desktop.frame-main .kod-toolbar .toolbar-item.toolbar-item-file { display: block !important; } .app-wap-touch .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main .select-file-bar .menu-action { opacity: 0.5; pointer-events: none; } .app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .select-file-bar .menu-action, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .select-file-bar .menu-action { opacity: 1; pointer-events: auto; } .app-wap-touch .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-touch .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-explorer.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn, .app-wap-small .frame-main-desktop.frame-main.select-file.select-file-has .kod-toolbar .toolbar-item .btn { opacity: 1; pointer-events: auto; } .app-wap-touch .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-touch .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-explorer.frame-main.select-file .kod-toolbar .toolbar-item, .app-wap-small .frame-main-desktop.frame-main.select-file .kod-toolbar .toolbar-item { visibility: visible !important; transform: translateY(0px); } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file { opacity: 0.7; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-menu, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-menu { display: none !important; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select { display: block !important; width: 16px; height: 16px; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select .item-check, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select .item-check, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file .item-select .item-check, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file .item-select .item-check { line-height: 16px; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select { opacity: 1; background: #e6f7ff !important; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer .file.select .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select .item-select { transform: rotate(360deg); } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-icon .item-select { right: 4px; left: unset; top: 5px; } .app-wap-touch .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-small .frame-main-explorer.frame-main.select-file .bodymain .file-continer.file-list-list .item-select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer.file-list-list .item-select { right: 10px; margin-top: 16px; } .app-wap-touch .frame-main-desktop.frame-main .select-file-bar, .app-wap-small .frame-main-desktop.frame-main .select-file-bar { height: 40px; line-height: 40px; z-index: 110; transform: translateY(-40px); } .app-wap-touch .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select, .app-wap-small .frame-main-desktop.frame-main.select-file .bodymain .file-continer .file.select { background: rgba(255,255,255,0.3) !important; } .app-wap-touch .artDialog.pathSelectApi .app-wap-small .artDialog.pathSelectApi .context-menu-item.file-select-mutil { display: none; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer.frame-main .kod-toolbar .toolbar-item.toolbar-item-more { left: 70px; } .app-wap-small .menuBar { top: 0; width: 100%; height: 40px; background: linear-gradient(30deg,#1b6de1,#075fb8); } .app-wap-small .menuBar .logo { height: 40px; min-height: 40px; line-height: 40px; background: none; float: left; position: relative; z-index: 2; } .app-wap-small .menuBar .logo a { line-height: 40px; margin-top: -1px; } .app-wap-small .menuBar .menu-item { height: 40px; line-height: 40px; width: inherit; float: left; padding: 0 10px; border-left: 0.5px solid rgba(255,255,255,0.05); } .app-wap-small .menuBar .menu-item .font-icon { width: 30px; font-size: 14px; position: relative; top: 3px; margin-right: 3px; display: inline; } .app-wap-small .menuBar .menu-item .image-icon { display: inline-flex; width: 20px; height: 20px; overflow: visible; padding: 0; margin-right: 2px; } .app-wap-small .menuBar .menu-item .image-icon img { top: 6px; } .app-wap-small .menuBar .menu-item.this:before { display: none; } .app-wap-small .menuBar .activebar-bottom .menu-item { padding: 0; width: 50px; } .app-wap-small .menuBar .menu-group-submenu { float: left; position: relative; } .app-wap-small .menuBar .menu-group-submenu .menu-item { border-right: 1px solid rgba(255,255,255,0.05); padding: 0 15px; } .app-wap-small .menuBar .menu-group-submenu .menu-item span { display: none; } .app-wap-small .menuBar .dropdown-menu { position: absolute; margin: 0; margin-top: -2px; z-index: 9999; left: initial; top: 40px; right: inherit; bottom: initial; right: 0px; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .app-wap-small .menuBar .dropdown-menu:before, .app-wap-small .menuBar .dropdown-menu:after { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(255,255,255,0.8); left: auto; top: 0; bottom: auto; right: 20px; margin-top: -6px; } .app-wap-small .menuBar .dropdown-menu:before { border-left-width: 7px; border-right-width: 7px; border-bottom-width: 7px; top: -1px; right: 19px; } .app-wap-small .menuBar .dropdown-menu li.divider { height: 0.5px; margin: 3px 0px 3px 20px; background: rgba(0,0,0,0.1); } .app-wap-small .menuBar .dropdown-menu .dropdown-menu-back { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .menuBar .menu-dropdown-submenu { width: 300px; right: inherit; left: 0px; } .app-wap-small .menuBar .menu-dropdown-submenu:before, .app-wap-small .menuBar .menu-dropdown-submenu:after { right: auto; left: 17px; } .app-wap-small .menuBar .menu-dropdown-submenu:before { left: 16px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right { right: 0; left: inherit; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right:before { left: inherit; right: 18px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-right:after { left: inherit; right: 19px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle { position: fixed; left: 0px; } .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle:before, .app-wap-small .menuBar .menu-dropdown-submenu.menu-at-middle:after { display: none; } .app-wap-small .menuBar .menu-group-notice .menu-item .font-icon { font-size: 12px; top: 2px; width: 25px; } .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice { width: 260px; overflow: inherit; margin-right: -50px; } .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice:before, .app-wap-small .menuBar .menu-group-notice .menu-dropdown-notice:after { right: 70px; } .app-wap-small .menuBar .menu-group-lauguage .menu-item .font-icon { font-size: 12px; top: 2px; width: 25px; } .app-wap-small .menuBar .menu-group-lauguage .menu-dropdown-language { width: 260px; padding: 5px; overflow: inherit; } .app-wap-small .menuBar .menu-group-user .menu-item-user .avata { width: 32px; height: 32px; padding: 0; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user { margin-right: 4px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user:before { right: 12px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user:after { right: 13px; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:hover, .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:active { background: #1890ff; color: #fff; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:hover .font-icon, .app-wap-small .menuBar .menu-group-user .menu-dropdown-user li:active .font-icon { color: rgba(255,255,255,0.8); } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user .body-fullscreen { display: none !important; } .app-wap-small .menuBar .menu-group-user .menu-dropdown-user .copyright-show + .divider { display: none !important; } .app-wap-small .menuBar .menu-lauguage-item, .app-wap-small .menuBar .menu-notice-item { border-radius: 0; } .app-wap-small .menuBar .menu-lauguage-item .font-icon, .app-wap-small .menuBar .menu-notice-item .font-icon { font-size: 13px; } .app-wap-small .menuBar .activebar-bottom { right: 0px; bottom: 0px; height: 40px; } .app-wap-small .menuBar .activebar-bottom .menu-group { float: left; position: relative; } .app-wap-small .app-main { left: 0px; top: 40px; } .app-wap-small .app-admin .app-main { top: 0; left: 0; } .app-wap-small .app-desktop#app .app-main { top: 0px; } .app-wap-small .app-desktop#app .bodymain { left: 0px; top: 40px; } .app-wap-small .app-desktop#app .menuBar { box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 0px 0 0.5px #ffffff3f, 0 1px 0 0.5px #0000001a; background: none; } .app-wap-small .app-desktop#app .menuBar .menu-item { text-shadow: 0px 0px 0px #fff, 0px 0px 2px rgba(0,0,0,0.9), 0px 0px 4px rgba(0,0,0,0.8); } .app-wap-small .app-desktop#app .menuBar .area-background { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .app-desktop#app .menuBar.aero:before { display: none; } .app-wap-small .page-model-login .loginbox { width: 90%; } .menu-show-parent .menu-show-mask { display: none; } .menu-show-parent .menu-show-toggle { display: none; } .app-wap-small .menu-show-parent .menu-show-toggle { display: block; position: fixed; left: 0; width: 40px; height: 30px; line-height: 30px; background: #e6f7ff; text-align: center; margin: 20px 0 0 0; border-radius: 0 3px 3px 0; background: rgba(24,144,255,0.6); color: #fff; border-left: none; z-index: 5; cursor: pointer; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 2px 0 8px rgba(0,0,0,0.1); } .app-wap-small .menu-show-parent .menu-show-toggle .font-icon:before { font-family: 'icomoon'; content: "\eaaa"; } .app-wap-small .menu-show-parent .menu-show-toggle:hover, .app-wap-small .menu-show-parent .menu-show-toggle:active { color: #fff; background: rgba(24,144,255,0.9); } .app-wap-small .menu-show-parent .menu-show-mask { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.1); z-index: 90; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; visibility: hidden; } .app-wap-small .menu-show-parent .menu-show-mask:before { display: none; } .app-wap-small .menu-show-parent.setting-page .menu-show-toggle { margin: 20px 0 0 0; } .app-wap-small .menu-show-parent.setting-page .setting-menu-left { visibility: hidden; transform: translateX(-255px); } .app-wap-small .menu-show-parent.setting-page .setting-menu-left:before { display: none; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.setting-page.menu-show-open .setting-menu-left:before { display: block; } .app-wap-small .menu-show-parent.setting-page .setting-main { left: 0; } .app-wap-small .menu-show-parent.setting-page .setting-main .title-address { margin-left: 45px; } .app-wap-small .menu-show-parent.admin-page .menu-show-toggle { margin: 20px 0 0 0; } .app-wap-small .menu-show-parent.admin-page .admin-menu-left { visibility: hidden; transform: translateX(-255px); z-index: 110; } .app-wap-small .menu-show-parent.admin-page .admin-menu-left:before { display: none; } .app-wap-small .menu-show-parent.admin-page.menu-show-open > .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.admin-page.menu-show-open > .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.admin-page.menu-show-open .admin-menu-left:before { display: block; } .app-wap-small .menu-show-parent.admin-page .admin-main { left: 0; } .app-wap-small .menu-show-parent.admin-page .admin-main .title-address { margin-left: 45px; } .app-wap-small .menu-show-parent.light-app-main .menu-show-toggle { margin: 10px 0 0 0; } .app-wap-small .menu-show-parent.light-app-main .app-menu-left { visibility: hidden; transform: translateX(-200px); -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; border: none; } .app-wap-small .menu-show-parent.light-app-main .app-menu-left:before { display: none; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.light-app-main.menu-show-open .app-menu-left:before { display: block; } .app-wap-small .menu-show-parent.light-app-main .app-content { left: 0; } .app-wap-small .menu-show-parent.light-app-main .app-content .app-model .h1 { margin-left: 0; padding-left: 35px; } .app-wap-small .menu-show-parent.frame-main-explorer .frame-right.panel-open .menu-body-auto { right: -50px !important; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle { background: transparent; margin: 26.5px 0 0 -7px; padding: 1px 20px 5px 0; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn { width: 35px; height: 22px; line-height: 22px; padding: 0px; border-width: 0.5px; padding-left: 5px; text-shadow: none; border-color: #1890ff; background: #40a9ff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn .font-icon { color: #fff; font-size: 12px; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn:active, .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn:hover { border-color: #0076e4; background: #1890ff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left { visibility: hidden; transform: translateX(-200px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main.menu-show-open .frame-left:before { display: block; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto { position: fixed; bottom: 45px; right: 25px; left: inherit; text-align: center; border-radius: 50px; height: 45px; width: 45px; padding: 0; font-size: 18px; z-index: 10; background: #1890ff; box-shadow: none; border: none; opacity: 0.8; box-shadow: 2px 2px 10px #1890ff5c; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all; transform: rotate(45deg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto .font-icon { color: #fff; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto .font-icon:before { font-family: 'icomoon'; content: "\ea68"; top: -1px; margin-right: 0px; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto.context-menu-active { transform: rotate(0deg); } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .header-middle .role-label-box { left: 35px; } .app-wap-small .menu-show-parent.frame-main-explorer.frame-main .menu-show-toggle .btn { border-color: #40a9ff; background: #40a9ff; border-radius: 0 3px 3px 0; } .app-wap-small .menu-show-parent.frame-main-editor .menu-show-toggle { width: 28px; height: 24px; line-height: 24px; margin: 2px 0 0 0; z-index: 20; } .app-wap-small .menu-show-parent.frame-main-editor .frame-left { visibility: hidden; transform: translateX(-200px); } .app-wap-small .menu-show-parent.frame-main-editor .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left { visibility: visible; display: block; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-editor.menu-show-open .frame-left:before { display: block; } .app-wap-small .menu-show-parent.frame-main-editor .edit-main .tools .top-toolbar { padding-left: 25px; } .app-wap-small .menu-show-parent.frame-main-member .menu-show-toggle { width: 30px; height: 24px; line-height: 24px; margin-top: -6px; opacity: 0.8; } .app-wap-small .menu-show-parent.frame-main-member .frame-left { visibility: hidden; transform: translateX(-200px); } .app-wap-small .menu-show-parent.frame-main-member .frame-left:before { display: none; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask { visibility: visible; opacity: 1; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .menu-show-mask:before { display: block; } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left { visibility: visible; transform: translateX(0px); } .app-wap-small .menu-show-parent.frame-main-member.menu-show-open .frame-left:before { display: block; } .menu-box .item-cancle, .menu-box .item-back { display: none; } .menu-box .context-menu-list { width: initial !important; } .app-wap-touch .menu-box, .app-wap-small .menu-box { position: absolute; z-index: 99999; left: 0; top: 0; bottom: 0; right: 0; font-size: 14px; display: none; } .app-wap-touch .menu-box.open, .app-wap-small .menu-box.open { display: block; } .app-wap-touch .menu-box .context-menu-list, .app-wap-small .menu-box .context-menu-list { top: inherit !important; right: 0 !important; bottom: 5px !important; left: 0px !important; border: none !important; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; border-radius: 6px; box-shadow: 0 0px 30px rgba(0,0,0,0.2); overflow: hidden; bottom: 60px !important; padding: 10px 0; animation-fill-mode: forwards; width: 420px !important; max-width: 94%; min-width: inherit; max-height: 70%; overflow-y: auto; margin: 0 auto; background: rgba(250,250,250,0.98); } .app-wap-touch .menu-box .context-menu-list .context-menu-item, .app-wap-small .menu-box .context-menu-list .context-menu-item { height: 35px; line-height: 35px; border-bottom: 0.5px solid rgba(0,0,0,0.02); border: none; color: inherit; cursor: pointer; overflow: hidden; } .app-wap-touch .menu-box .context-menu-list .context-menu-item.context-menu-separator, .app-wap-small .menu-box .context-menu-list .context-menu-item.context-menu-separator { height: 0.5px; background: rgba(0,0,0,0.1); border: none !important; margin: 2px 0; } .app-wap-touch .menu-box .context-menu-list .context-menu-item span b, .app-wap-small .menu-box .context-menu-list .context-menu-item span b { display: none; } .app-wap-touch .menu-box .context-menu-list .context-menu-item:hover, .app-wap-touch .menu-box .context-menu-list .context-menu-item.hover, .app-wap-small .menu-box .context-menu-list .context-menu-item:hover, .app-wap-small .menu-box .context-menu-list .context-menu-item.hover { background: rgba(0,0,0,0.15); } .app-wap-touch .menu-box .context-menu-list .context-menu-item .font-icon img.x-item-icon, .app-wap-small .menu-box .context-menu-list .context-menu-item .font-icon img.x-item-icon { margin-top: -22px; } .app-wap-touch .menu-box .context-menu-item.hidden + .context-menu-separator, .app-wap-small .menu-box .context-menu-item.hidden + .context-menu-separator { display: none; } .app-wap-touch .menu-box .menu-path-file .context-menu-item.open, .app-wap-touch .menu-box .menu-path-folder .context-menu-item.open, .app-wap-touch .menu-box .menu-simple-file .context-menu-item.open, .app-wap-touch .menu-box .menu-simple-folder .context-menu-item.open, .app-wap-touch .menu-box .menu-path-guest-file .context-menu-item.open, .app-wap-touch .menu-box .menu-path-guest-folder .context-menu-item.open, .app-wap-small .menu-box .menu-path-file .context-menu-item.open, .app-wap-small .menu-box .menu-path-folder .context-menu-item.open, .app-wap-small .menu-box .menu-simple-file .context-menu-item.open, .app-wap-small .menu-box .menu-simple-folder .context-menu-item.open, .app-wap-small .menu-box .menu-path-guest-file .context-menu-item.open, .app-wap-small .menu-box .menu-path-guest-folder .context-menu-item.open { display: none !important; } .app-wap-touch .menu-box .menu-path-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .menu-box .menu-path-folder .context-menu-item.open + .context-menu-separator, .app-wap-touch .menu-box .menu-simple-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .menu-box .menu-simple-folder .context-menu-item.open + .context-menu-separator, .app-wap-touch .menu-box .menu-path-guest-file .context-menu-item.open + .context-menu-separator, .app-wap-touch .menu-box .menu-path-guest-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-path-file .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-path-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-simple-file .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-simple-folder .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-path-guest-file .context-menu-item.open + .context-menu-separator, .app-wap-small .menu-box .menu-path-guest-folder .context-menu-item.open + .context-menu-separator { display: none; } .app-wap-touch .menu-box .context-menu-list .set-list-type, .app-wap-small .menu-box .context-menu-list .set-list-type { display: none; } .app-wap-touch .menu-box .context-menu-list .set-list-type-item.set-list-split, .app-wap-small .menu-box .context-menu-list .set-list-type-item.set-list-split { display: none !important; } .app-wap-touch .menu-box .context-menu-list .refresh, .app-wap-touch .menu-box .context-menu-list .refresh+.context-menu-separator, .app-wap-small .menu-box .context-menu-list .refresh, .app-wap-small .menu-box .context-menu-list .refresh+.context-menu-separator { display: none; } .app-wap-touch .menu-box .context-menu-list, .app-wap-small .menu-box .context-menu-list { transform: translateX(-630px) !important; } .app-wap-touch .menu-box .context-menu-list.menu-show-current, .app-wap-small .menu-box .context-menu-list.menu-show-current { transform: translateX(0) !important; } .app-wap-touch .menu-box .context-menu-list.menu-show-current.menu-at-left, .app-wap-small .menu-box .context-menu-list.menu-show-current.menu-at-left { transform: translateX(-630px) !important; } .app-wap-touch .menu-box .context-menu-list.menu-show-current.menu-at-right, .app-wap-small .menu-box .context-menu-list.menu-show-current.menu-at-right { transform: translateX(630px) !important; } .app-wap-touch .menu-box .context-menu-list.menu-show-current.menu-at-middle, .app-wap-small .menu-box .context-menu-list.menu-show-current.menu-at-middle { transform: translateX(0) !important; } .app-wap-touch .menu-box .context-menu-list.menu-at-left, .app-wap-small .menu-box .context-menu-list.menu-at-left { transform: translateX(-630px) !important; } .app-wap-touch .menu-box .context-menu-list.menu-at-right, .app-wap-small .menu-box .context-menu-list.menu-at-right { transform: translateX(630px) !important; } .app-wap-touch .menu-box .context-menu-list.menu-at-middle, .app-wap-small .menu-box .context-menu-list.menu-at-middle { transform: translateX(0) !important; } .app-wap-touch .menu-box .menu-content, .app-wap-small .menu-box .menu-content { z-index: 1000; position: relative; height: 100%; width: 100%; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transition: 0.35s all; } .app-wap-touch .menu-box .menu-content .menu-footer, .app-wap-small .menu-box .menu-content .menu-footer { width: 100%; height: 54px; text-align: center; position: fixed; bottom: 0px; z-index: 100000; } .app-wap-touch .menu-box .menu-content .item-cancle, .app-wap-touch .menu-box .menu-content .item-back, .app-wap-small .menu-box .menu-content .item-cancle, .app-wap-small .menu-box .menu-content .item-back { width: 420px; max-width: 94%; height: 45px; line-height: 45px; display: block; margin: 0 auto; border-radius: 4px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; transition: 0.3s all; cursor: pointer; } .app-wap-touch .menu-box .menu-content .item-cancle .font-icon, .app-wap-touch .menu-box .menu-content .item-back .font-icon, .app-wap-small .menu-box .menu-content .item-cancle .font-icon, .app-wap-small .menu-box .menu-content .item-back .font-icon { color: #999; padding-right: 10px; } .app-wap-touch .menu-box .menu-content .item-cancle.disabled, .app-wap-touch .menu-box .menu-content .item-back.disabled, .app-wap-small .menu-box .menu-content .item-cancle.disabled, .app-wap-small .menu-box .menu-content .item-back.disabled { pointer-events: none; } .app-wap-touch .menu-box .menu-content .item-back, .app-wap-small .menu-box .menu-content .item-back { display: none; } .app-wap-touch .menu-box .menu-content.menu-show-sub .item-cancle, .app-wap-small .menu-box .menu-content.menu-show-sub .item-cancle { display: none; } .app-wap-touch .menu-box .menu-content.menu-show-sub .item-back, .app-wap-small .menu-box .menu-content.menu-show-sub .item-back { display: block; } .app-wap-touch .menu-box .menu-mask-view, .app-wap-small .menu-box .menu-mask-view { position: fixed; background: rgba(0,0,0,0.15); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; display: block; -webkit-transition: 0.35s all; -moz-transition: 0.35s all; -o-transition: 0.35s all; -ms-transition: 0.35s all; transition: 0.35s all; } .app-wap-touch .menu-box.status-closing .menu-content > .context-menu-list, .app-wap-small .menu-box.status-closing .menu-content > .context-menu-list { display: block !important; } .app-wap-small .edit-main .context-menu-list li.selected i.font-icon { top: -8px; } .app-wap-small .edit-main .context-menu-list.code-charset-list .context-menu-item { padding-left: 0px; } .app-wap-touch .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input, .app-wap-small .edit-main .context-menu-list.menu-view-file-mode .context-menu-item.context-menu-input { position: relative; width: auto; border: none; margin: 0; padding: 0 0 5px 30px; text-align: left; } .app-wap-touch .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top, .app-wap-small .edit-main.code-theme-black .context-menu-list .context-menu-item.line-top { border-top: 0.5px solid #eee !important; } .app-wap-touch .frame-header .btn[data-action="set-list-split"] { display: none; } .app-wap-touch .file-upload-box .upload-folder-dropdown { display: none; } .app-wap-touch .frame-main-explorer .bodymain .item-select, .app-wap-touch .frame-main-desktop .bodymain .item-select { display: none !important; } .app-wap-touch .frame-main-explorer .bodymain .file-select-info, .app-wap-touch .frame-main-explorer .bodymain .file-page, .app-wap-touch .frame-main-desktop .bodymain .file-select-info, .app-wap-touch .frame-main-desktop .bodymain .file-page { font-size: 10px; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file { background: transparent; border: none; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover { background: #e6e6e6 !important; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.select.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.select.file-icon-edit { background: #e6f7ff; box-shadow: 0 0 0 0.5px #1890ff; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-item.title-type-name .title { overflow: inherit !important; width: 75% !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit.file-create-item .title-item.title-type-name .title { margin-top: 15px !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file.file-icon-edit .title-type-name .textarea .newfile { height: 22px; line-height: 22px; padding: 0px 4px 0px 4px; margin: -4px 0 0 0px; min-width: 100%; width: 100%; box-shadow: 0 0 0 1px #1890ff4a, 0 0 0 3px #1890ff21; border-radius: 2px; } .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit { box-shadow: 0 0 0 1px #91d5ff !important; } .app-wap-touch .frame-main-explorer .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile, .app-wap-touch .frame-main-desktop .bodymain .file-list-icon .file.file-icon-edit .title-type-name .textarea .newfile { border-radius: 0 0 2px 2px; border: 1px solid #91d5ff; } .app-wap-touch .frame-main-explorer .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-explorer .bodymain .file-list-split .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-list .file .title-type-name .title, .app-wap-touch .frame-main-desktop .bodymain .file-list-split .file .title-type-name .title { background: transparent !important; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu { display: block !important; width: 20px; height: 20px; padding: 5px; background: none; border: none; border-radius: 0; top: 0px; right: 0px; opacity: 1; box-shadow: none; text-shadow: none; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { border: none; margin: 0; color: #aaa; width: 20px; height: 20px; line-height: 20px; background: #fff; border-radius: 50%; border: 0.5px solid rgba(0,0,0,0.2); margin: -1px 0 0 -1px; opacity: 0.2; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu:active .cert, .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu:hover .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:hover .cert { opacity: 0.8; border-color: #1890ff; color: #1890ff; } .app-wap-touch .frame-main-explorer .bodymain .file-continer .file .item-menu .cert:before, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert:before { font-style: normal; color: inherit; font-family: 'icomoon'; content: "\ead3"; } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu .cert { background: rgba(0,0,0,0.1); border: 0.5px solid rgba(255,255,255,0.2); } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:hover .cert, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file .item-menu:active .cert { opacity: 0.8; border-color: #1890ff; color: #fff; background: rgba(24,144,255,0.3); } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(172,223,255,0.2) !important; } .app-wap-touch .frame-main-desktop .desktop-right-menu { display: block !important; visibility: visible !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header { min-width: inherit; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .frame-header .tools-wap { display: block; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 { background: #fafafa; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 { background: none; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .file-continer .split-box .file.file2 .item-menu, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .split-box .file.file2 .item-menu { right: 20px; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.file2 { background: transparent; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.select.hover, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(255,255,255,0.2) !important; } .app-wap-touch:not(.app-wap-small) .frame-main-explorer .bodymain .refresh-element { color: #888; background: #fafafa; } .app-wap-touch:not(.app-wap-small) .frame-main-desktop .bodymain .refresh-element { position: fixed; top: 0px; z-index: 10; background: rgba(24,144,255,0.89); color: #ffffff; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file { border: 1px solid transparent; border-radius: 0; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.hover.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: #e6f7ff !important; border-color: #66baff; } body.app-wap-small:not(.app-wap-touch) .frame-main-explorer .bodymain .file-continer .file.file-select-drag-temp, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.file-select-drag-temp { background: #e6f7ff; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover { background: rgba(255,255,255,0.1) !important; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.file2 { background: transparent; } body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.select.hover, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.context-menu-active, body.app-wap-small:not(.app-wap-touch) .frame-main-desktop .bodymain .file-continer .file.hover.context-menu-active { background: rgba(255,255,255,0.2) !important; } .app-wap-touch .menu-box.open, .app-wap-touch .pswp__bg, .app-wap-touch .menu-show-mask, .app-wap-touch .menu-mask-view, .app-wap-touch .search-down-mask, .app-wap-touch .frame-main-explorer .frame-left .ztree, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content, .app-wap-touch .frame-main-explorer .file-panel .content-list-items, .app-wap-touch .kod-user-group-select, .app-wap-touch .select2-dropdown, .app-wap-touch .dropdown-backdrop { overflow: scroll !important; } .app-wap-touch .menu-box.open:before, .app-wap-touch .pswp__bg:before, .app-wap-touch .menu-show-mask:before, .app-wap-touch .menu-mask-view:before, .app-wap-touch .search-down-mask:before, .app-wap-touch .frame-main-explorer .frame-left .ztree:before, .app-wap-touch .frame-main-explorer .file-panel .panel-tab-content:before, .app-wap-touch .frame-main-explorer .file-panel .content-list-items:before, .app-wap-touch .kod-user-group-select:before, .app-wap-touch .select2-dropdown:before, .app-wap-touch .dropdown-backdrop:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px 0; pointer-events: none; } .app-share-file-show .dplayer-dialog .aui-min, .app-share-file-show .dplayer-dialog .aui-close { display: none !important; } .app-share-file-show .dplayer-dialog .aui-max { right: 10px !important; } .app-share-file-show .dplayer-dialog.dialog-max { position: static !important; } .app-share-file-show .dplayer-dialog.dialog-max .aui-header { top: 40px !important; z-index: 9999; } .app-share-file-show .dplayer-dialog.dialog-max .aui-main { position: fixed; z-index: 100; left: 0px; right: 0px; top: 40px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show .dplayer-dialog.dialog-max .dplayer { box-shadow: none; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max { position: static !important; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-header { top: 40px !important; z-index: 9999; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .aui-main { position: fixed; z-index: 100; left: 0px; right: 0px; top: 40px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show.app-wap-small .dplayer-dialog.dialog-max .dplayer { box-shadow: none; } .app-share-file-show .music-player-dialog .aui-min, .app-share-file-show .music-player-dialog .aui-close, .app-share-file-show .music-player-dialog .aui-max { display: none !important; } .app-share-file-show .music-player-dialog.dialog-max { top: 40px !important; bottom: 32px !important; height: inherit !important; } .app-share-file-show .music-player-dialog.dialog-max .aui-header { top: 40px !important; z-index: 9999; } .app-share-file-show .music-player-dialog.dialog-max .aui-main { position: fixed; z-index: 100; min-height: inherit !important; left: 0px; right: 0px; top: 40px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show .music-player-dialog.dialog-max .player-bg { border-radius: 0; } .app-share-file-show .music-player-dialog.dialog-max .jPlayer-music { box-shadow: none; min-height: inherit !important; } .app-share-file-show .music-player-dialog .jPlayer-music .play-list .item .action-right { display: none !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog { top: 40px !important; bottom: 32px !important; height: inherit !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-header { top: 40px !important; z-index: 9999; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .aui-main { position: fixed; z-index: 100; min-height: inherit !important; left: 0px; right: 0px; top: 40px; bottom: 32px; width: inherit !important; height: inherit !important; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .player-bg { border-radius: 0; } .app-share-file-show.app-wap-small .dialog-max.music-player-dialog .jPlayer-music { box-shadow: none; min-height: inherit !important; } .app-wap-small .content-main-message .content-main { width: 90%; margin: 120px auto; } .app-wap-small .content-main-message .content-main .message-content { padding: 40px 10px 100px 10px; } .app-wap-small .content-main-message .content-main .title { margin: 15px 0px; font-size: 18px; } .app-wap-small .common-footer { font-size: 10px; } .app-wap-small .common-footer .copyright-content { width: 90%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .app-wap-small .share-page-main .menu-show-parent.frame-main-explorer.frame-main .frame-right .frame-header .tools-wap .menu-body-auto { bottom: 80px; } .app-wap-small .share-page-main .content-box.perfectScroll { overflow: auto; } .app-wap-small .share-page-main .content-box .show-code { width: 100%; border: none; top: 0; bottom: 0; left: 0; right: 0; } .app-wap-small .share-page-main .content-box .show-code pre { font-size: 11px !important; } .app-wap-small .share-page-main .content-box .markdown-preview { margin: 10px auto 50px auto; } .app-wap-small .share-page-main .common-header .topbar .content .topbar-menu.title { font-size: 16px; width: inherit; padding: 0 7px; } .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="fullscreen"], .app-wap-small .share-page-main .common-header .topbar .top-right a[share-action="qrcode"] { display: none; } .app-wap-small .share-page-main .common-header .topbar .content .top-left { position: absolute; left: 0; right: 170px; width: inherit !important; height: 38px; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; word-break: break-all; float: none; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info .share-title { margin: 0 5px; float: none; } .app-wap-small .share-page-main .common-header .topbar .content .top-left .share-info .share-title-info { font-size: 1.1em; } .app-wap-small .frame-main-explorer .drag-resize-panel { display: none !important; } .app-wap-small .frame-main-explorer .file-panel { margin-top: 61px; width: 100% !important; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel { width: 100%; left: 0 !important; border-left: none; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content { padding: 5px 3px 30px 3px; max-width: 410px; } .app-wap-small .frame-main-explorer .file-panel .emoji-panel .tab-content .item-face { width: 27px; height: 30px; line-height: 30px; font-size: 19px; } .app-wap-small .frame-main-explorer .file-panel .dialog-tab { border-top-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-info-header { border-bottom-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .content-header { border-bottom-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .chat-content-box { border-top-width: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .panel-tab-content .panel-chat .content-list .list-item .item-content { padding: 8px 12px; font-size: 14px; } .app-wap-small .frame-main-explorer .file-panel .tab-group-line .tab-item-bar { top: 0.5px; height: 0.5px; } .app-wap-small .frame-main-explorer .file-panel .pathinfo .line { border-bottom-width: 0.5px; } html, body { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; -webkit-overflow-scrolling: touch; } .app-wap-touch::-webkit-scrollbar { width: 1px; } .app-wap-touch *::-webkit-scrollbar { width: 1px; } body.app-wap-small { font-size: 13px; } body.app-wap-small .form-box .form-row .desc { font-size: 0.9em; } .ps__rail-x, .ps__rail-y { z-index: 10; } .app-main.app-main.list-view-masonry .file-continer-main { background: #f0f2f5; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file { height: initial; margin: 0 2px 10px 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.01); border: none !important; max-height: inherit; border-radius: 3px; background: #fff; -webkit-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; transition: 0.2s all; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty>.path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty>.path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file>.path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file>.path-ico .x-item-icon { height: inherit !important; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .ico { height: inherit !important; width: 100% !important; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico { width: 100% !important; margin-bottom: -2px; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .ico, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .x-item-icon, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .ico { min-height: 110px; background-size: contain; margin: 5px auto 0px; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select .item-select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select .item-select { color: #fff; background: #2070e5; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .title-type-name { -webkit-transition: 0.2s border-color; -moz-transition: 0.2s border-color; -o-transition: 0.2s border-color; -ms-transition: 0.2s border-color; transition: 0.2s border-color; line-height: 22px; -webkit-line-clamp: 2; border-top: 0.5px solid #f8f8f8; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture { margin: 0; line-height: 0; font-size: 0; min-height: 50%; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture img, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture img { width: 100%; border-radius: 0; box-shadow: none; position: relative; left: inherit; top: inherit; right: inherit; bottom: inherit; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty .path-ico .picture img.lazyload-ready, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file .path-ico .picture img.lazyload-ready { margin: 50px 0; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.hover, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.file-select-drag-temp, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.hover, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.file-select-drag-temp { box-shadow: 1px 5px 20px rgba(0,0,0,0.2); color: #fff; background: #1890ff; } .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.hover .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.select .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .flex-empty.file-select-drag-temp .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.hover .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.select .title-type-name, .app-main.app-main.list-view-masonry .file-continer.file-list-icon .file.file-select-drag-temp .title-type-name { border-top-color: rgba(255,255,255,0.1); } .app-main.app-main.list-view-masonry .file-continer.file-list-icon.file-draging-box .file.select { box-shadow: none; }