From fe97d80f0aa3aaeab2ddb5d6b010714cff9d28db Mon Sep 17 00:00:00 2001 From: riccardo Date: Sat, 25 Jun 2011 19:12:18 +0200 Subject: [PATCH] Added classic skin and folders (tested), added round to canvas line position (to avoid antialias effect) --- telemeta/htdocs/timeside/js/player.js | 2 +- telemeta/htdocs/timeside/js/rulermarker.js | 3 + .../timeside/skins/classic/img/forward.png | Bin 0 -> 922 bytes .../timeside/skins/classic/img/pause.png | Bin 0 -> 635 bytes .../timeside/skins/classic/img/play.png | Bin 0 -> 794 bytes .../skins/classic/img/player_controlbg.png | Bin 0 -> 227 bytes .../timeside/skins/classic/img/rewind.png | Bin 0 -> 945 bytes .../timeside/skins/classic/img/setmarker.png | Bin 0 -> 932 bytes .../timeside/skins/classic/img/volumeoff.png | Bin 0 -> 1156 bytes .../timeside/skins/classic/img/volumeon.png | Bin 0 -> 806 bytes .../timeside/skins/classic/img/wait.gif | Bin 0 -> 1849 bytes .../htdocs/timeside/skins/classic/style.css | 152 ++++++++++++++++++ telemeta/htdocs/timeside/skins/lab/style.css | 6 +- 13 files changed, 159 insertions(+), 4 deletions(-) create mode 100644 telemeta/htdocs/timeside/skins/classic/img/forward.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/pause.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/play.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/player_controlbg.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/rewind.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/setmarker.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/volumeoff.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/volumeon.png create mode 100644 telemeta/htdocs/timeside/skins/classic/img/wait.gif create mode 100644 telemeta/htdocs/timeside/skins/classic/style.css diff --git a/telemeta/htdocs/timeside/js/player.js b/telemeta/htdocs/timeside/js/player.js index b8879833..a5d21469 100644 --- a/telemeta/htdocs/timeside/js/player.js +++ b/telemeta/htdocs/timeside/js/player.js @@ -322,7 +322,7 @@ Timeside.classes.Player = Timeside.classes.TimesideClass.extend({ var div = control.find('.ts-volume-wrapper-div'); div.css({ 'position':'absolute', - 'left':(volumeSpeaker.position().left+volumeSpeaker.outerWidth())+'px', + 'left':(volumeSpeaker.position().left+volumeSpeaker.outerWidth(true))+'px', 'top':0, 'width':'auto', 'height':'100%' diff --git a/telemeta/htdocs/timeside/js/rulermarker.js b/telemeta/htdocs/timeside/js/rulermarker.js index f17ac2b2..e98730c4 100644 --- a/telemeta/htdocs/timeside/js/rulermarker.js +++ b/telemeta/htdocs/timeside/js/rulermarker.js @@ -93,11 +93,13 @@ Timeside.classes.RulerMarker = Timeside.classes.TimesideClass.extend({ var canvas = undefined; var canvasClass = cssPref + 'svg-'+className+'-line'; var vml = this.$TU.vml; //if vml, this class is populated with methods and NOT undefined + var round = Math.round; if(!vml){ canvas = this.createCanvasSvg(waveImgDiv, arrowBaselineWidth); var path = canvas.childNodes[0]; //note that $J(canvas).find('path') does not work in FF at least 3.5 path.setAttributeNS(null,'class',canvasClass); this.moveCanvas = function(pixelOffset){ + pixelOffset = round(pixelOffset); canvas.setAttributeNS( null, "transform", "translate("+pixelOffset+",0)"); }; this.jQueryCanvas = $J(canvas); @@ -107,6 +109,7 @@ Timeside.classes.RulerMarker = Timeside.classes.TimesideClass.extend({ var attributes = vml.getVmlAttr(canvasClass); canvas.attr(attributes); //Raphael method this.moveCanvas = function(pixelOffset){ + pixelOffset = round(pixelOffset); //for some reason, coordinates inside the VML object are stored by raphael with a zoom of 10: this.jQueryCanvas.css('left',(10*pixelOffset)+'px'); }; diff --git a/telemeta/htdocs/timeside/skins/classic/img/forward.png b/telemeta/htdocs/timeside/skins/classic/img/forward.png new file mode 100644 index 0000000000000000000000000000000000000000..86485d0d222533ed1f5f25a9c796eeeed14a3dd3 GIT binary patch literal 922 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 Y0s65!AK6`1y8r+H07*qoM6N<$g8j;GuK)l5 literal 0 HcmV?d00001 diff --git a/telemeta/htdocs/timeside/skins/classic/img/player_controlbg.png b/telemeta/htdocs/timeside/skins/classic/img/player_controlbg.png new file mode 100644 index 0000000000000000000000000000000000000000..c2b7f47d7fc7f247a44eb94597c8ba1ca551be30 GIT binary patch literal 227 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{I!3HE3#9loE5-1LGcVbv~PUa<$!O>_%)r1c48n{Iv*t(u1=&kHeO=ja@JI-9@_APMoCOq;EOCt}an8@p zP0cG|a4t$sEJ;mKD9X$@I{1#lw)#RX~#% NJYD@<);T3K0RSm7M2G+Y literal 0 HcmV?d00001 diff --git a/telemeta/htdocs/timeside/skins/classic/img/rewind.png b/telemeta/htdocs/timeside/skins/classic/img/rewind.png new file mode 100644 index 0000000000000000000000000000000000000000..ec45b3852a6ef7409015ce54eb4bb689af4af9be GIT binary patch literal 945 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 literal 0 HcmV?d00001 diff --git a/telemeta/htdocs/timeside/skins/classic/img/wait.gif b/telemeta/htdocs/timeside/skins/classic/img/wait.gif new file mode 100644 index 0000000000000000000000000000000000000000..5b33f7e54f4e55b6b8774d86d96895db9af044b4 GIT binary patch literal 1849 zcma*odr(tX9tZI2z31lM+(&YVk%mZ}5P~KlG2s=WSbGzm0!x7^P##Mnh7t-jP!X0Q zk_SQ}Po-L1tlDK;6l?(>v)e5ZBQx4|Y-Q?nr@Px3?9h(3ZWr3^tj=`TP57gKr87N$ zp2wWee1GRRCwo_xahnw)5cxNPJbCg2L6DV|6`#+yw6v6!mDS$f9-JvFD^n;GQ&UrZ zzh5jCkByB101O60U0q#p_1BM>Cv-vP?&s4@g_((4_1L=L$(a91)0=J91Gas#R{McE znYG^9*0A5YZ>#;~+Wkn(W5B0^yELIYLP!K}mB~<)AM@1&nqekynuaEGqPrzoH|KodRXJy)%+w_fu3nE5>@Bd_b zqC$EQ;{c`T&?EsNO|igL9gC7Ygxv?aQUEXMq?~>wg{EyW;VcJ37CUF#HjrT=KQO_* zS>M9yydXk18D(+QDJ1>r);Lav_uYKp$T?4vr{Q$lTo&pKv^?(>L-)G2*lwH!Ah7k? z7oH<8h-(KTKt5V6$8gF)C7Io&P5=SjTh)=zV=E2EUhQZP##L8S{d%UK>>+y82>+FV+#^BzW7u3F)Bb>=lYQ%%j`F>ASe zo*cw@V#u6T`A2He;70mR(V&iV&-7{qP~=SRf&jm9-T{*ZeZ}$rd0#6c&fLG^xJcf5 z+p<`wJYgW+_s*V{uI$nMB;%8`S_3>PfGOj3Rq}@Cx^+j?rk92fANSFDBYnOqQ>Vdj z)(|$AhP4t&Lb=Gvo2#3Gl%9<=Gv`Mz?Po@P4iLF!x}GUWJICDlFk-hS^Whyh7x~VH z@0vD1>HYD4&e+~yzS*-sFR{9`{QEEZO1zg7>R&7cHts-6j!xHVdA8eI+ZlVzd%`es zJT@$#GX(gvCJ1oJN%yLBK}{V=V;seo;!w|Yte!W1%5qLNFWqvZW>h&IiH+oPT=b@E zPhGzv5=(Un*X>v`>%8h_nj^NdYcE6NHS_ifkCV$*D)Tqrbu`s;<=t<4 zAHNqNV?6(g<1PY-w@#I-WYFViz?9TrkMr)u0g`O`u|>T;k|2sV*YF^punvT;$SuTy{j3Gv)yqD!R_CF>yR)MzmmYS5v+~R zXAdD%ng9?df;wd8GxR#%3O+gz};Vo;)sK%Bj-q>Oq%R7JU-KD?vYu>#2UjaDo z&8$>5xW~?KPD_#XFToU1hIb*VOMidUr6iYiO0N|i-7s`T8!cFT`rN!^1Pt78J93i6 z5HI1wIM$94m{3SLDvISDe6$ZG1;eq_D9RTaaC>=cO{@Bs>$IlPCPJJ$h$)-3vzNUQ6OsN#_zWxey!_9%hxwH2_dEJi=yY|1c7nDm2_Lm!Cof8-R_+9UkS zcBE(o47yE)oMR(Q=dp1a2wTX5KvvGyLqlWTa7V&!A*|w|)ax~1_~aJ0=_Lilg*0iQk7#ZD EAHN$8j{pDw literal 0 HcmV?d00001 diff --git a/telemeta/htdocs/timeside/skins/classic/style.css b/telemeta/htdocs/timeside/skins/classic/style.css new file mode 100644 index 00000000..068b72a9 --- /dev/null +++ b/telemeta/htdocs/timeside/skins/classic/style.css @@ -0,0 +1,152 @@ +/* +* Style for the timeside player. The player div is supposed to be of class .ts-player. Change if needed +* For details, see http://code.google.com/p/timeside/wiki/UiGuide?ts=1308677096&updated=UiGuide#CSS_and_skins +*/ + +.ts-player { + padding: 0; + border: solid 1px #ADADAD; + margin-top: 2px; +} + + +.ts-player .ts-ruler{ + color: #ADADAD; + background-color: #F2F2F2; + font-size: 10px; + line-height: 13px; +} +/*svg style, MUST BE A SINGLE SELECTOR. FOR INSTANCE, THIS DOES NOT WORK WHEN SVG IS NOT SUPPORTED: + ".ts-player .ts-ruler .ts-svg-ruler-upper-rect" */ +.ts-svg-ruler-upper-rect{ + fill: #FFFFFF; + stroke-width:0; + stroke: #FFFFFF; /*to be sure...*/ +} +/*svg style, MUST BE A SINGLE SELECTOR. FOR INSTANCE, THIS DOES NOT WORK WHEN SVG IS NOT SUPPORTED: + ".ts-player .ts-ruler .ts-svg-ruler-lines"*/ +.ts-svg-ruler-lines{ + stroke-width:1; + stroke: #ADADAD; +} + +/*wave:*/ +.ts-player .ts-wave { + height: 130px; +} + +/*.ts-player .ts-viewer .ts-marker {*/ +.ts-player .ts-ruler .ts-marker { + padding: 0 0.5em; + background: #fff; + border: 1px solid #92bdd4; + color: #92bdd4; + text-decoration: none; +} +/*svg style, MUST BE A SINGLE SELECTOR. FOR INSTANCE, THIS DOES NOT WORK WHEN SVG IS NOT SUPPORTED: + ".ts-player .ts-wave .ts-image-canvas .ts-svg-marker-line" */ +.ts-svg-marker-line { + fill: #92bdd4; + stroke-width:0; +} + +/*.ts-player .ts-viewer a.ts-pointer {*/ +.ts-player .ts-ruler a.ts-pointer { + color: white ; + background-color: #92bde4; + padding: 0 0.5em; + /*border: solid 1px #92bde4;*/ + + text-decoration: none; + -moz-border-radius: .3em; + -webkit-border-radius: .3em; + border-radius: .3em; + /*color: #3c4251; #6A0307 !important;*/ +} +/*svg style, MUST BE A SINGLE SELECTOR. FOR INSTANCE, THIS DOES NOT WORK WHEN SVG IS NOT SUPPORTED: + ".ts-player .ts-wave .ts-image-canvas .ts-svg-pointer-line" */ +.ts-svg-pointer-line { + fill: #92bde4; + stroke-width:0; +} + +.ts-player .ts-wave .ts-image { + background: #090e0d ; +} + +.ts-player .ts-control { + background: url('img/player_controlbg.png'); +} + + /** display (inline-block) and overflow of a is set inside javascript*/ +.ts-player .ts-control .ts-button { + background-repeat: no-repeat; + margin:4px; + height:21px; + width:21px; + /* background-position: 0px 0px;*/ +} +.ts-player .ts-control .ts-button:hover { + background-position: 0px -21px; +} +.ts-player .ts-control .ts-play { + background-image: url('img/play.png'); +} + +.ts-player .ts-control .ts-pause { + background-image: url('img/pause.png'); +} + +.ts-player .ts-control .ts-rewind { + background-image: url('img/rewind.png'); +} + +.ts-player .ts-control .ts-forward { + background-image: url('img/forward.png'); +} + +.ts-player .ts-control .ts-set-marker { + background-image: url('img/setmarker.png'); +} + +.ts-player .ts-control .ts-volume-speaker-on { + background-image: url('img/volumeon.png'); + width:24px; +} +.ts-player .ts-control .ts-volume-speaker-off { + background-image: url('img/volumeoff.png'); + width:24px; +} +.ts-player .ts-control .ts-volume-bar-container { + /*background: url('img/controlbg-inverted.png'); + background-position: -3px left; + background-repeat: repeat-x;*/ + border: 1px solid #a3a4a7; + height:10px; + width:42px; + margin-top:9px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + +} +.ts-player .ts-control .ts-volume-bar { /*width will be changed inside the code*/ + background-color: #ccc; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +/*position is set to absolute inside javascript*/ +.ts-player .ts-control .ts-wait { + background-repeat: no-repeat; + background-image: url('img/wait.gif'); + text-align: right; + right:0; + height:28px; + line-height:28px; + top:0; + background-position: right center; + padding-right: 30px; + font-size: 80%; + color: #000; +} diff --git a/telemeta/htdocs/timeside/skins/lab/style.css b/telemeta/htdocs/timeside/skins/lab/style.css index 18d3e9bc..712aec24 100755 --- a/telemeta/htdocs/timeside/skins/lab/style.css +++ b/telemeta/htdocs/timeside/skins/lab/style.css @@ -57,9 +57,9 @@ border: solid 1px #BB0000; text-decoration: none; - -moz-border-radius: .3em !important; - -webkit-border-radius: .3em !important; - border-radius: .3em !important; + -moz-border-radius: .3em; + -webkit-border-radius: .3em; + border-radius: .3em; /*color: #3c4251; #6A0307 !important;*/ } /*svg style, MUST BE A SINGLE SELECTOR. FOR INSTANCE, THIS DOES NOT WORK WHEN SVG IS NOT SUPPORTED: -- 2.39.5