From b2cd696f73d1021c77fe226dc809432020a854ec Mon Sep 17 00:00:00 2001 From: Julio Montoya Date: Mon, 11 Apr 2011 19:00:11 +0200 Subject: [PATCH] Changing thickbox theme (partial commit not final) --- main/img/close.png | Bin 0 -> 1996 bytes main/inc/lib/javascript/thickbox.css | 75 ++++++++++++++++----------- main/inc/lib/javascript/thickbox.js | 18 ++++--- 3 files changed, 58 insertions(+), 35 deletions(-) create mode 100644 main/img/close.png diff --git a/main/img/close.png b/main/img/close.png new file mode 100644 index 0000000000000000000000000000000000000000..d247e0918990ce4ade77cc8d93ca6fa17a77ebb2 GIT binary patch literal 1996 zcmV;-2Q&DIP)L_b#HInQ!jB=bm%!cmMxC|KmtFj)S2#32N-4;L0|Ry>f$m z#B@mjtLGph1}SsTlEEZaOKGXLr71dqtG)jP-3Fek_h`mq{4sPn!*ObmR?y>JfQ(fLQBz)pkbc%bc}&f ztGI+1GQ3pe6!_zI2nq~)d;4J-85yAyCQO**<>eJ*V`Jlh`dquayKn1sy2mXoEp=zk zoKbDrvgINg|Cr(lML#1oFe8N}#DkKNQArF#a7Gw~;EyoT*VlJmZEbC7PfyPsZV0Wj zv$LVBtSlYP4Muna!53j9!f^V7a%N+gs*Fm9m5dFQhy#LSet!Pq@bK^$2L}f?JpNLB z1DyWjDqN_m2lb;z(BAbg1o`=bgF*q*#*KwV)2D&Q$XCeP?d|QCw{G2gOTS#K~H2$B4fa(JGmu(gG> z#8{X)X*}rldQEI>Y)o!$?lnqEC@BL=h~G^-8D&mR&Z3x@m~ZjI@w?NZ`obl6(Y7;w z1CiMM`}bP{0s_{e4bX+U)l^a%e)mZk_s^5ErljnV&8)#Mzdv*gs#TZ7ef1ErJv$F- z8=Jt{+1aP2re-T%pK8OJewU1t3e?5hj~$w{*45Q@47QcL;!=~p9T(sa$-DwSH4 z$flL=!R$9D8lQD~J#5SR5wPl!J~n*6rCUwmdpr-U2!oWlSz&5H?LX&>%y0k z_Xo-<;C6ev$^66RRpgzAhsRh;gd~D^B}cnz{L?LdT~r+frR9*Ce~8>KMx=Ir5<}FN z@WBd*qGW#hr405I9xfix6acv2~dloahg zvAOuen?cFWXW!M!~Ys5NK^}Re5`R$79bz6Sh7+FA}pMEW#&e z&z|kLc=2Khez^;I;xWh&Un1B;P zUSS70+mZm=)QhyW?=FGQk@Lju*s)`2d3kvaj8t??c?4o9temP2I}1l_$IZ>nsXjhF zZ{ZXo_jm~ulvP5%R{KmM9hK7dnprD`~G%x8-EK6 z3k%0(6fLK)A912Zgq$hG%_~=?P~YbK?&qY_hOWo6AkDau@w)4cBJ=xE}o(0Ych zuC4~8=4(ff9<5AIPrpI!g)bI0A{8t*lv0{aYpoeI@@2FQpIpVo#f?V9Z0qamyNip9 zyO>g1L($KGHDXQ>%ghOhkdg=v8stot$L7Nlp~q*SW%>*ZKv>&LEFISfPCz6gM=@3c zGGfOuda)xJ_Bcj(U?q9h2^vF8A|NLf^npm`U=SW&2@kEF`vi@d%+bRp5IAA5aDoPw eNDS8g6JP)$@^fFZ=s3{;0000 document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { - position: fixed; - background: #ffffff; - z-index: 102; - color:#000000; - display:none; - border: 4px solid #525252; - text-align:left; - top:50%; - left:50%; + position: fixed; + z-index: 102; + color:#000000; + display:none; + text-align:left; + background-color: #34393A; + + box-shadow:0 0 90px 5px #000; + -moz-box-shadow:0 0 90px 5px #000; + -webkit-box-shadow: 0 0 90px #000; + + top:50%; + left:50%; + + -webkit-border-radius: 8px; + -opera-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + } * html #TB_window { /* ie6 hack */ -position: absolute; -margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); + position: absolute; + margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; - border-right: 1px solid #ccc; + /* border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; - border-left: 1px solid #666; + border-left: 1px solid #666;*/ } #TB_caption{ - height:25px; - padding:7px 30px 10px 25px; - float:left; + height:25px; + padding:7px 30px 10px 25px; + float:left; } #TB_closeWindow{ - height:25px; - padding:11px 25px 10px 0; - float:right; + + + + height: 29px; + padding: 8px 10px 10px 0; + position: absolute; + right: -28px; + top: -28px; + } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; @@ -88,12 +104,13 @@ margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = d background-color:#e8e8e8; height:27px; } -#TB_ajaxContent{ - clear:both; - padding:2px 15px 15px 15px; - overflow:auto; - text-align:left; - line-height:1.4em; +#TB_ajaxContent { + clear:both; + padding:2px 15px 15px 15px; + overflow:auto; + text-align:left; + line-height:1.4em; + background-color: #ccc; } #TB_ajaxContent.TB_modal{ padding:15px; diff --git a/main/inc/lib/javascript/thickbox.js b/main/inc/lib/javascript/thickbox.js index c7a850d28d..6599b990b5 100755 --- a/main/inc/lib/javascript/thickbox.js +++ b/main/inc/lib/javascript/thickbox.js @@ -12,6 +12,8 @@ var src=src[src.length-1].getAttribute('src'); var src=src.substr(0,src.length-30); var tb_pathToImage = src+"img/loadingAnimation.gif"; +var close_image = src+"img/close.png"; + /*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/ //on page load call tb_init @@ -39,8 +41,8 @@ function tb_init(domChunk){ }); } -function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link - +function tb_show(caption, url, imageGroup) { + //function called when the user clicks on a thickbox link try { if (typeof document.body.style.maxHeight === "undefined") {//if IE 6 $("body","html").css({height: "100%", width: "100%"}); @@ -136,7 +138,11 @@ function tb_show(caption, url, imageGroup) {//function called when the user clic TB_WIDTH = imageWidth + 30; TB_HEIGHT = imageHeight + 60; - $("#TB_window").append(""+caption+"" + "
"+caption+"
" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "
X / Esc
"); + $("#TB_window").append("
"); + + $("#TB_window").append(""+caption+""); + $("#TB_window").append("
"+caption+"
" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "
") + $("#TB_closeWindowButton").click(tb_remove); @@ -204,15 +210,15 @@ function tb_show(caption, url, imageGroup) {//function called when the user clic urlNoQuery = url.split('TB_'); $("#TB_iframeContent").remove(); if(params['modal'] != "true"){//iframe no modal - $("#TB_window").append("
"+caption+"
X / Esc
"); + $("#TB_window").append("
"+caption+"
"); }else{//iframe modal $("#TB_overlay").unbind(); $("#TB_window").append(""); } - }else{// not an iframe, ajax + } else {// not an iframe, ajax if($("#TB_window").css("display") != "block"){ if(params['modal'] != "true"){//ajax no modal - $("#TB_window").append("
"+caption+"
X / Esc
"); + $("#TB_window").append("
"+caption+"
"); }else{//ajax modal $("#TB_overlay").unbind(); $("#TB_window").append("
");