| Index: trunk/phase3/js2/mwEmbed/skins/mvpcf/styles.css |
| — | — | @@ -1,3 +1,13 @@ |
| | 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 | + |
| 2 | 12 | #mv_overlay { |
| 3 | 13 | background:transparent url(images/transparent_bg.png) repeat scroll 0 0; |
| 4 | 14 | cursor:wait; |
| — | — | @@ -130,8 +140,7 @@ |
| 131 | 141 | */ |
| 132 | 142 | |
| 133 | 143 | |
| 134 | | -/*.videoPlayer .lButton {*/ |
| 135 | | -.k-player button{ |
| | 144 | +.videoPlayer .lButton { |
| 136 | 145 | cursor:pointer; |
| 137 | 146 | float:left; |
| 138 | 147 | list-style:none outside none; |
| — | — | @@ -139,7 +148,7 @@ |
| 140 | 149 | padding:4px 0; |
| 141 | 150 | width: 24px; |
| 142 | 151 | height:16px; |
| 143 | | - /*position:relative;*/ |
| | 152 | + position:relative; |
| 144 | 153 | } |
| 145 | 154 | .videoPlayer .rButton { |
| 146 | 155 | cursor:pointer; |
| — | — | @@ -157,13 +166,13 @@ |
| 158 | 167 | height: 100%; |
| 159 | 168 | width: 100%; |
| 160 | 169 | } |
| 161 | | -/*.videoPlayer .volume_icon {*/ |
| 162 | | -.k-volume{ |
| 163 | | - float: left; |
| | 170 | +.videoPlayer .volume_icon { |
| | 171 | + float: right; |
| 164 | 172 | display: inline; |
| 165 | 173 | width: 22px; |
| 166 | 174 | height: 29px; |
| 167 | | - padding: 0 0 0 0; |
| | 175 | + padding: 0 0 0 0; |
| | 176 | + |
| 168 | 177 | } |
| 169 | 178 | .volume_on { |
| 170 | 179 | background: url(images/player_volume_tag.png) 0 8px no-repeat; |
| — | — | @@ -190,8 +199,8 @@ |
| 191 | 200 | cursor: pointer; |
| 192 | 201 | } |
| 193 | 202 | |
| 194 | | -.k-timer{ |
| 195 | | -/*.videoPlayer .time {*/ |
| | 203 | + |
| | 204 | +.videoPlayer .time { |
| 196 | 205 | line-height: 32px; |
| 197 | 206 | height: 29px; |
| 198 | 207 | overflow: visible; |
| — | — | @@ -202,8 +211,7 @@ |
| 203 | 212 | border:none; |
| 204 | 213 | } |
| 205 | 214 | |
| 206 | | -/*.videoPlayer .play_head{*/ |
| 207 | | -.j-scrubber{ |
| | 215 | +.videoPlayer .play_head{ |
| 208 | 216 | float: left; |
| 209 | 217 | display: inline; |
| 210 | 218 | height: 10px; |
| — | — | @@ -211,8 +219,7 @@ |
| 212 | 220 | margin-top:10px; |
| 213 | 221 | } |
| 214 | 222 | |
| 215 | | -/*.play_head .ui-slider-handle{*/ |
| 216 | | -.j-scrubber .ui-slider-handle{ |
| | 223 | +.play_head .ui-slider-handle{ |
| 217 | 224 | width:10px; |
| 218 | 225 | height:15px; |
| 219 | 226 | margin-left:-5px; |
| — | — | @@ -744,6 +751,122 @@ |
| 745 | 752 | left:-1px; |
| 746 | 753 | } |
| 747 | 754 | |
| 748 | | -.play-btn{ |
| 749 | | - width: 24px; |
| 750 | | -} |
| \ No newline at end of file |
| | 755 | + |
| | 756 | +/*** player styles ***/ |
| | 757 | + |
| | 758 | +/* redmond overrides */ |
| | 759 | + .k-player button.ui-state-default, button.ui-state-hover { background:none; border:none;} |
| | 760 | + |
| | 761 | +/* end redmond overrides*/ |
| | 762 | + |
| | 763 | +.k-player { width:400px; height:340px; position:relative;} /* inline via jq */ |
| | 764 | +.k-player * { padding:0; margin:0;} /* inline via jq */ |
| | 765 | + .k-edit-bar { } |
| | 766 | + .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;} |
| | 767 | + |
| | 768 | + .k-video { width:400px; height:300px; background:#000; margin-bottom:1px;} /* h & w inline via jq */ |
| | 769 | + .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;} |
| | 770 | + .k-control-bar button, .k-control-bar div.ui-slider, .k-control-bar div.k-timer { float:left;} |
| | 771 | + .k-timer { width:36px; margin-top:2px; overflow:hidden;} |
| | 772 | + .k-volume-slider { width:26px;} |
| | 773 | + .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;} |
| | 774 | + .k-player span.ui-icon.ui-icon-k-menu { width:auto; padding-left:2px; text-indent:0; background:none; outline:none; cursor:default;} |
| | 775 | + |
| | 776 | + .k-menu { 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*/ |
| | 777 | + 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 */ |
| | 778 | + .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;} |
| | 779 | + .k-menu-bar li a:hover { background-position: -1px -110px;} |
| | 780 | + .k-menu-bar li.k-download-btn a { background-position: -51px -204px;} |
| | 781 | + .k-menu-bar li.k-download-btn a:hover { background-position: -1px -204px;} |
| | 782 | + .k-menu-bar li.k-share-btn a { background-position: -51px -172px;} |
| | 783 | + .k-menu-bar li.k-share-btn a:hover { background-position: -1px -172px;} |
| | 784 | + .k-menu-bar li.k-credits-btn a { background-position: -51px -141px;} |
| | 785 | + .k-menu-bar li.k-credits-btn a:hover { background-position: -1px -141px;} |
| | 786 | + |
| | 787 | +.k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left; font-size:11px;} /* w & h inline via jq */ |
| | 788 | + .k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#999;} |
| | 789 | + .k-menu-screens p { margin: 6px 0;} |
| | 790 | + .k-menu-screens a { color:#bbb;} |
| | 791 | + .k-menu-screens a img { border:none;} |
| | 792 | + .k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;} |
| | 793 | + |
| | 794 | +.k-edit-screen { width:370px; height:223px; padding-top:77px; text-align:center; background:#181818; color:#fff;} |
| | 795 | + .k-edit-screen div { } |
| | 796 | + .k-edit-screen a { color:#7BB8FC;} |
| | 797 | + .k-edit-screen a img { border:none;} |
| | 798 | + |
| | 799 | +/* end player */ |
| | 800 | + |
| | 801 | +.k-slide-window { overflow:hidden;} |
| | 802 | +.k-screen.k-credits ul { float:left;} |
| | 803 | +.k-screen.k-credits li { height:39px; padding: 11px 11px 11px 11px; margin-bottom:12px; display:block; background:#333;} |
| | 804 | + .k-screen.k-credits li a { padding:0; background:none;} |
| | 805 | + .k-screen.k-credits li img { float:left; background:blue;} |
| | 806 | + .k-screen.k-credits li div { height:39px; padding-left:11px; overflow:hidden;} |
| | 807 | + |
| | 808 | + 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;} |
| | 809 | + a.k-next-credit { margin: 0 0 1px; position:absolute; bottom:0; background-position: -0px -290px;} |
| | 810 | + a:hover.k-prev-credit { background-position: 0px -238px;} |
| | 811 | + a:hover.k-next-credit { background-position: 0px -260px;} |
| | 812 | + |
| | 813 | + .k-logo { margin:8px 0 0 1px; display:block;} |
| | 814 | + |
| | 815 | + .k_field_wrap { border: solid 1px #444; padding-right:4px; margin-bottom:7px;} |
| | 816 | + .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;} |
| | 817 | + |
| | 818 | + .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;} |
| | 819 | + |
| | 820 | + |
| | 821 | + |
| | 822 | + .menu-screen.menu-share div.ui-state-highlight { width:90px; padding:2px 5px; border-color:#554926; float:left; background:none; color:#FFE96E;} |
| | 823 | + .menu-screen.menu-share div.ui-state-highlight a { color:#FFE96E; font-weight:bold;} |
| | 824 | + .menu-screen.menu-share div.ui-state-highlight a:hover { } |
| | 825 | + |
| | 826 | +.k-menu-screens li { height:14px; margin-bottom:6px;} |
| | 827 | +.k-menu-screens li a { padding-left:22px; background:url(images/ksprite.png) no-repeat -85px -274px; text-decoration:none;} |
| | 828 | +.k-menu-screens li a.active, .k-menu-screens li a:hover.active { background-position: -85px -247px;} |
| | 829 | +.k-menu-screens li a:hover { background-position: -85px -260px;} |
| | 830 | + |
| | 831 | +.k-options.ui-state-hover { color:blue;} |
| | 832 | + |
| | 833 | +.k-player .ui-state-default .ui-icon, .k-player .ui-state-hover .ui-icon { background: url(images/ksprite.png) no-repeat 0 -48px;} |
| | 834 | +.k-player .ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;} |
| | 835 | +.k-player .ui-state-hover .ui-icon-play { background-position: -16px 0;} |
| | 836 | + |
| | 837 | +.k-player .ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;} |
| | 838 | +.k-player .ui-state-hover .ui-icon-pause { background-position: -16px -17px;} |
| | 839 | + |
| | 840 | + .k-player .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */ |
| | 841 | + .k-player .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;} |
| | 842 | + .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;} |
| | 843 | + .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;} |
| | 844 | + |
| | 845 | + .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;} |
| | 846 | + .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;} |
| | 847 | + .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;} |
| | 848 | + .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;} |
| | 849 | + |
| | 850 | + .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;} |
| | 851 | + .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;} |
| | 852 | + .k-control-bar .k-volume-slider a:hover.ui-slider-handle { border: solid 1px #999;} |
| | 853 | + .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;} |
| | 854 | + |
| | 855 | + .play-btn-large { width:120px; height:55px; border:none; background: url(images/ksprite.png) no-repeat 28px -433px; position:absolute; cursor:pointer;} /*.ui-state-default */ |
| | 856 | + .play-btn-large.ui-state-hover { background: url(images/ksprite.png) no-repeat 28px -377px; } |
| | 857 | + |
| | 858 | + .k-volume.ui-state-hover { margin-left:6px; } |
| | 859 | + |
| | 860 | + |
| | 861 | + /* move to ie css */ |
| | 862 | + .k-volume-slider span, span.ui-icon-play, span.ui-icon-volume-on, button.k-fullscreen { *margin-top:-1px;} |
| | 863 | + span.ui-icon-volume-on { *margin-left:0 !important;} |
| | 864 | + .ui-state-hover.k-volume { *margin-left:0 !important;} |
| | 865 | + span.ui-icon-k-menu { *margin-top:3px;} |
| | 866 | + .k-control-bar .ui-slider.k-volume-slider { *margin-left:-2px;} |
| | 867 | + /* end css */ |
| | 868 | + |
| | 869 | + /* debug only ! */ |
| | 870 | + /* end debug */ |
| | 871 | + |
| | 872 | + |
| | 873 | +/*** end player ***/ |
| \ No newline at end of file |