Index: trunk/phase3/js2/mwEmbed/skins/mvpcf/styles.css |
— | — | @@ -1,13 +1,3 @@ |
2 | | - <<styles.css>> |
3 | | -The message is ready to be sent with the following file or link attachments: |
4 | | - |
5 | | -styles.css |
6 | | - |
7 | | - |
8 | | -Note: To protect against computer viruses, e-mail programs may prevent sending or receiving certain types of file attachments. Check your e-mail security settings to determine how attachments are handled. |
9 | | - |
10 | | - |
11 | | - |
12 | 2 | #mv_overlay { |
13 | 3 | background:transparent url(images/transparent_bg.png) repeat scroll 0 0; |
14 | 4 | cursor:wait; |
— | — | @@ -32,7 +22,7 @@ |
33 | 23 | .mv_track { |
34 | 24 | margin-bottom:20px; |
35 | 25 | position:relative; |
36 | | -} |
| 26 | +} |
37 | 27 | .player_select_list { |
38 | 28 | color:white; |
39 | 29 | font-size:10pt; |
— | — | @@ -678,23 +668,24 @@ |
679 | 669 | /* jquery.ui overides */ |
680 | 670 | |
681 | 671 | .ui-icon_link { |
682 | | - padding: .4em 1em .4em 20px !Important; |
683 | | - text-decoration: none !Important; |
| 672 | + padding: .4em 1em .4em 20px; |
| 673 | + text-decoration: none; |
684 | 674 | position: relative; |
685 | 675 | } |
686 | 676 | .ui-icon_link span.ui-icon { |
687 | | - margin: 0 5px 0 0 !Important; |
688 | | - position: absolute !Important; |
689 | | - left: 0.2em !Important; |
690 | | - right: auto !Important; |
691 | | - top: 50% !Important; |
692 | | - margin-top: -8px !Important; |
| 677 | + margin: 0 5px 0 0; |
| 678 | + position: absolute; |
| 679 | + left: 0.2em; |
| 680 | + right: auto; |
| 681 | + top: 50%; |
| 682 | + margin-top: -8px; |
| 683 | + zoom: 1; |
693 | 684 | } |
694 | 685 | .ui-icon_link span.ui-text { |
695 | | - position: absolute !Important; |
696 | | - left: 0.2em !Important; |
697 | | - right: auto; |
698 | | - margin-top: -3px !Important; |
| 686 | + position: absolute; |
| 687 | + left: 0.2em; |
| 688 | + right: auto; |
| 689 | + margin-top: -3px; |
699 | 690 | zoom: 1; |
700 | 691 | } |
701 | 692 | |
— | — | @@ -748,131 +739,4 @@ |
749 | 740 | height:10px; |
750 | 741 | position:absolute; |
751 | 742 | left:-1px; |
752 | | -} |
753 | | - |
754 | | - |
755 | | -/*** player styles ***/ |
756 | | - |
757 | | -/* redmond overrides */ |
758 | | - .k-player button.ui-state-default, button.ui-state-hover { background:none; border:none;} |
759 | | - |
760 | | -/* end redmond overrides*/ |
761 | | - |
762 | | -.k-player { width:400px; height:340px; position:relative;} /* inline via jq */ |
763 | | -.k-player * { padding:0; margin:0;} /* inline via jq */ |
764 | | -.k-edit-bar { } |
765 | | -.k-edit-bar a { width:33px; padding: 1px 0 0; display:block; text-align:center; font-weight:bold; color:#888; text-decoration:none; background:#F2F2F2;} |
766 | | - |
767 | | -.k-video { width:400px; height:300px; background:#000; margin-bottom:1px;} /* h & w inline via jq */ |
768 | | -.k-control-bar { height:21px; padding: 2px 0 0 6px; border:none; margin-top:1px; background: url(images/ksprite.png) repeat-x 0 -81px; font: normal 11px arial,sans-serif; color:#555;} |
769 | | -.k-control-bar button, .k-control-bar div.ui-slider, .k-control-bar div.k-timer { float:left;} |
770 | | -.k-timer { width:36px; margin-top:2px; overflow:hidden;} |
771 | | -.k-volume-slider { width:26px;} |
772 | | -.k-control-bar .k-options { width:50px; height:22px; margin-top:-2px; border: solid 1px #aaa !important; border-top:none; float:right; font: bold 11px arial,sans-serif; color:#555;} |
773 | | -.k-player span.ui-icon.ui-icon-k-menu { width:auto; padding-left:2px; text-indent:0; background:none; outline:none; cursor:default;} |
774 | | - |
775 | | -.k-menu { opacity:0.9; filter:alpha(opacity=90); width:400px; height:300px; border:none; background:#181818; position:absolute; top:0; left:0; z-index:999; display:none} /* h, w, top inline via jq top:15px*/ |
776 | | -ul.k-menu-bar{ height:128px; padding: 0 0 5px;position:absolute; bottom:5px;right:0px; list-style: none outside none; background: url(images/ksprite.png) -99px -104px no-repeat;} /* eventually: mtop inline via jq */ |
777 | | -.k-menu-bar li a { display:block; width:49px; height:32px; margin-left:1px; text-indent:99999px; background: url(images/ksprite.png) -51px -110px no-repeat; overflow:hidden;} |
778 | | -.k-menu-bar li a:hover { background-position: -1px -110px;} |
779 | | -.k-menu-bar li.k-download-btn a { background-position: -51px -204px;} |
780 | | -.k-menu-bar li.k-download-btn a:hover { background-position: -1px -204px;} |
781 | | -.k-menu-bar li.k-share-btn a { background-position: -51px -172px;} |
782 | | -.k-menu-bar li.k-share-btn a:hover { background-position: -1px -172px;} |
783 | | -.k-menu-bar li.k-credits-btn a { background-position: -51px -141px;} |
784 | | -.k-menu-bar li.k-credits-btn a:hover { background-position: -1px -141px;} |
785 | | - |
786 | | -.k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left; font-size:11px;} /* w & h inline via jq */ |
787 | | -.k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#999;} |
788 | | -.k-menu-screens p { margin: 6px 0;} |
789 | | -.k-menu-screens a { color:#bbb;} |
790 | | -.k-menu-screens a img { border:none;} |
791 | | -.k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;} |
792 | | - |
793 | | -.k-edit-screen { width:370px; height:223px; padding-top:77px; text-align:center; background:#181818; color:#fff;} |
794 | | -.k-edit-screen div { } |
795 | | -.k-edit-screen a { color:#7BB8FC;} |
796 | | -.k-edit-screen a img { border:none;} |
797 | | - |
798 | | -/* end player */ |
799 | | - |
800 | | -.k-slide-window { overflow:hidden;} |
801 | | -.k-screen.k-credits ul { float:left;} |
802 | | -.k-screen.k-credits li { height:39px; padding: 11px 11px 11px 11px; margin-bottom:12px; display:block; background:#333;} |
803 | | -.k-screen.k-credits li a { padding:0; background:none;} |
804 | | -.k-screen.k-credits li img { float:left; background:blue;} |
805 | | -.k-screen.k-credits li div { height:39px; padding-left:11px; overflow:hidden;} |
806 | | - |
807 | | -a.k-prev-credit, a.k-next-credit { width:65px; height:28px; margin: -13px auto -6px; display:block; background: url(images/ksprite.png) 0px -320px no-repeat;} |
808 | | -a.k-next-credit { margin: 0 0 1px; position:absolute; bottom:0; background-position: -0px -290px;} |
809 | | -a:hover.k-prev-credit { background-position: 0px -238px;} |
810 | | -a:hover.k-next-credit { background-position: 0px -260px;} |
811 | | - |
812 | | -.k-logo { margin:8px 0 0 1px; display:block;} |
813 | | - |
814 | | -.k_field_wrap { border: solid 1px #444; padding-right:4px; margin-bottom:7px;} |
815 | | -.menu-screen.menu-share button { width:84px; height:24px; padding: 0px 5px 3px; border:1px solid #000; float:right; background: #D4D4D4 url(images/ksprite.png) no-repeat 0 -81px; color:#000; float:right;} |
816 | | - |
817 | | -.k-menu textarea { width:100%; height:15px; padding-left:2px; border: solid 2px #000; border-bottom:none; border-right:none; line-height:125%; background:transparent; font: normal 11px arial,sans-serif; color:#ccc; overflow:hidden;} |
818 | | - |
819 | | -.gnp-warning { font-size: 14px; padding: 4px;} |
820 | | - |
821 | | -.k-options { text-transform: uppercase; } |
822 | | - |
823 | | -.menu-screen.menu-share div.ui-state-highlight { padding:2px 5px; border-color:#554926; float:left; background:none; color:#FFE96E;} |
824 | | -.menu-screen.menu-share div.ui-state-highlight a { color:#FFE96E; font-weight:bold;} |
825 | | -.menu-screen.menu-share div.ui-state-highlight a:hover { } |
826 | | - |
827 | | -.k-menu-screens li { height:14px; margin-bottom:6px;} |
828 | | -.k-menu-screens li a { padding-left:22px; background:url(images/ksprite.png) no-repeat -85px -274px; text-decoration:none;} |
829 | | -.k-menu-screens li a.active, .k-menu-screens li a:hover.active { background-position: -85px -247px;} |
830 | | -.k-menu-screens li a:hover { background-position: -85px -260px;} |
831 | | - |
832 | | -.k-options.ui-state-hover { color:blue;} |
833 | | - |
834 | | -.k-player .ui-state-default .ui-icon, .k-player .ui-state-hover .ui-icon { background: url(images/ksprite.png) no-repeat 0 -48px;} |
835 | | -.k-player .ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;} |
836 | | -.k-player .ui-state-hover .ui-icon-play { background-position: -16px 0;} |
837 | | - |
838 | | -.k-player .ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;} |
839 | | -.k-player .ui-state-hover .ui-icon-pause { background-position: -16px -17px;} |
840 | | - |
841 | | -.k-player .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */ |
842 | | -.k-player .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;} |
843 | | -.k-player .ui-state-default .ui-icon-volume-on, .k-player .ui-state-hover .ui-icon-volume-off { margin-left:-6px; background-position: -16px -48px;} |
844 | | -.k-player .ui-state-hover .ui-icon-volume-on, .k-player .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;} |
845 | | - |
846 | | -.k-control-bar .ui-slider { height:8px; border: solid 1px #eee; margin: 4px 10px 0 7px; position:relative; background:url(images/ksprite.png) repeat-x 0 -350px;} |
847 | | -.k-control-bar .ui-slider-handle { width:8px; height:8px; border: solid 1px #888; margin: -1px 0 0 -5px; display:block; position:relative; top:0; background: url(images/ksprite.png) no-repeat -67px -341px; position:absolute;} |
848 | | -.k-control-bar .ui-slider-range { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -368px; -moz-border-radius:5px; -webkit-border-radius:5px;} |
849 | | -.k-control-bar .ui-slider-buffer { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -359px; -moz-border-radius:5px; -webkit-border-radius:5px;} |
850 | | - |
851 | | -.k-control-bar .ui-slider.k-volume-slider { height:15px; margin: 2px 3px 0 -4px; /* ie = m: 3 3 0 -2 */ border:none; background-position: -66px -323px; -moz-border-radius:0px; -webkit-border-radius:0px;} |
852 | | -.k-control-bar .k-volume-slider a.ui-slider-handle { width:8px; height:18px; margin: -3px 5px 0 -1px; border:none; display:block; position:absolute; background:none;} |
853 | | -.k-control-bar .k-volume-slider a:hover.ui-slider-handle { border: solid 1px #999;} |
854 | | -.k-control-bar .k-volume-slider .ui-slider-range { height:17px; position:absolute; background: url(images/ksprite.png) repeat-x -66px -306px; -moz-border-radius:0; -webkit-border-radius:0;} |
855 | | - |
856 | | -.play-btn-large { width:120px; height:55px; border:none; background: url(images/ksprite.png) no-repeat 28px -433px !Important; position:absolute; cursor:pointer;} /*.ui-state-default */ |
857 | | -.play-btn-large.ui-state-hover { background: url(images/ksprite.png) no-repeat 28px -377px; } |
858 | | - |
859 | | -.k-volume.ui-state-hover { margin-left:6px; } |
860 | | - |
861 | | - |
862 | | -/* move to ie css */ |
863 | | -.k-volume-slider span, span.ui-icon-play, span.ui-icon-volume-on, button.k-fullscreen { *margin-top:-1px;} |
864 | | -span.ui-icon-volume-on { *margin-left:0 !important;} |
865 | | -.ui-state-hover.k-volume { *margin-left:0 !important;} |
866 | | -span.ui-icon-k-menu { *margin-top:3px;} |
867 | | -.k-control-bar .ui-slider.k-volume-slider { *margin-left:-2px;} |
868 | | -/* end css */ |
869 | | - |
870 | | -/* debug only ! */ |
871 | | -/* end debug */ |
872 | | - |
873 | | -.ui-state-default, .ui-widget-content .ui-state-default { |
874 | | - border: thin solid; |
875 | | -} |
876 | | -.k-player .ui-state-default, .ui-widget-content .ui-state-default { |
877 | | - border: none; |
878 | | -} |
879 | | -/*** end player ***/ |
\ No newline at end of file |
| 743 | +} |
\ No newline at end of file |