From 89e00e91cd5e9c8ec65ab5463364061ed18076da Mon Sep 17 00:00:00 2001 From: Barbara Ramiro Date: Fri, 1 Jun 2012 14:59:03 +0800 Subject: [PATCH] MDL-33482 Activity Chooser styled similar to Filepicker particularly the look and feel with drop shadow --- mod/resource/pix/icon.gif | Bin 892 -> 1144 bytes theme/base/style/core.css | 53 ++++++++++++++++++++++++++++---------- 2 files changed, 40 insertions(+), 13 deletions(-) diff --git a/mod/resource/pix/icon.gif b/mod/resource/pix/icon.gif index 41edc0e95df8efd164b91ee562b0ece578acdb4b..dc97482bc7fccd2db4a8c302853606280bca4b39 100644 GIT binary patch literal 1144 zcmZ?wbhEHb6krfwn8?Hc1pmPR$WZ*x9pM|G;F4I92&8T7D+&^mvr|hHl2X$%^K6yg z@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZBBb2320kUN}5%WiyPD~AkS7Qqokz3N?*Ucyj-u` zSTDaQUEk2s(o)~RNZ-gv7pOwFxH7LKu|hYmSQ%!5OKNd)QD#9&W`3Rm$i&2?{L&Iz zC7??oUdSzg8=F_G2lkF$a(=FUMPh-zp`HQAOE87LzW9~q=E7AMmjtCE+>6!V;*iRM zRQ;gT;{4L0P^Ao7N}k`oO<#DphYAP1iGQ}cl7y$G1F8UO$L z`{(zspFh5T`}*bcr;i`rzkB=U^{baJoVgsyL#pFrHdEN zpF4Zz^r@34jvqUEVojbN~+qz}*ri~lcuUorj^{SOCmM>enWbvYf z3+B(8J7@N+nKPzOn>uCkq=^&y`+9r2yE;4C+ge+in;IMH>uPJNt12tX%Sua%iwXi?qaq{1!$L!Xg8~Em{d|4Ay*xeK-CSLqog5wP?QCtV ztt>6f%}h;V~xOjJZzNKk;EkC%s=i<5($ zjg^I&i4j;j{A2-=Obj}pG6Ph4FfeJ0^l6?J;J=@E+Vus)R`V6NVx=UKd^0D#$XIac X<)#?T-Ew;#ZIM%QV+s*rV6X-NgXEO6 literal 892 zcmW-fJ%|`Y6of}PIXf>x#5M$rV{Ob>_=kvrnDkj8kj5YbHe#oR#adYjLJ%1dVj$HP za)p&uAcb%~EQAFsL5N^sVJjBn-fgk$?t`88zL|G!Tzlo!_l|Icj}CF^--D-sL%fK+ z&fY#hJAi-y0|f*PXhaj5(F!f-KqtD;jb7-%00uFHVT{5ECNPO9Ok);iuz*D@VHvBi zvj0Yi2r*K~zHDt0B23h-v4M?jVl!K@g&pi<7rWVuJsjX5hd9hp9N`2fImKzt;tUtK z$R#dw6;~KAWW<;$X7{njrXayW?Y7jQMm4Eft<<6pb*f9<>ZKkHXi!5M)+mi=LX(=( zv}S2W3tH5YmbFSN3KS|*tdz15Y~nOz*r-j!4Q_Oko88JS?r^8O-0fcO@qhMNCwW^ltsLtxD?&?)N zHBf^!RKqo@MrxuaYpSMeR?XBxE!I*k*Q#2npu&nOu2dywLD+6=B)hL&+)-#qW17;O zR%uB`I@6Wz^h!?#GMJ$ZXH-Tqk;zPDIemycUSHlKJ(;nKb>59^x5f^7jFM`^2gh_aPi$At{>fh_{GJSp1pkS!sDxV z?!EcVr=NWJ`1J1S&F>HX`QZH`TD=tp1b|y&0BBb G_5T5U_@oN} diff --git a/theme/base/style/core.css b/theme/base/style/core.css index ee0f8c02f60..e9ea384142f 100644 --- a/theme/base/style/core.css +++ b/theme/base/style/core.css @@ -818,8 +818,33 @@ sup {vertical-align: super;} display:none; } +.moodle-dialogue-base .moodle-dialogue { + background-color: transparent; + border: 0px solid transparent!important; +} + +.modchooser .moodle-dialogue-wrap { + background-color: #FFFFFF; + border: 1px solid #CCCCCC!important; + height: auto; + border-radius:10px; + -webkit-box-shadow: 5px 5px 20px 0px #666666;-moz-box-shadow: 5px 5px 20px 0px #666666;box-shadow: 5px 5px 20px 0px #666666; +} + .modchooser .moodle-dialogue-hd { - text-align: center; + font-weight: normal; + border-radius: 10px 10px 0px 0px;border-bottom: 1px solid #BBBBBB!important;padding:5px 5px 5px 5px;text-align: center!important;font-size:12px;letter-spacing: 1px;color:#333333; text-shadow: 1px 1px 1px #FFFFFF;filter: dropshadow(color=#FFFFFF, offx=1, offy=1); + background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); +} + +.modchooser .moodle-dialogue-bd { + overflow: auto; + padding: 0px; + background: #F2F2F2; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + font-size: 12px; + color: #555555; } /* Center the submit buttons within the area */ @@ -836,16 +861,16 @@ sup {vertical-align: super;} /* Various settings for the options area */ #choosercontainer #chooseform .options { position: relative; - border-bottom: 1px solid grey; - padding: 0.24em 0; + border-bottom: 1px solid #BBBBBB; } /* Only set these options if we're showing the js container */ .jsenabled #choosercontainer #chooseform .alloptions { - max-height: 530px; + max-height: 550px; overflow-x: hidden; overflow-y: auto; - max-width: 18.15em; + max-width: 18.5em; + -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;-moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;box-shadow: inset 0px 0px 30px 0px #CCCCCC; } /* Settings for option rows and option subtypes */ @@ -853,12 +878,12 @@ sup {vertical-align: super;} #choosercontainer #chooseform .option, #choosercontainer #chooseform .nonoption { margin-bottom: 0; - padding: 0 0 0 0.3em; + padding: 0 1.6em 0 1.6em; } #choosercontainer #chooseform .moduletypetitle { - font-weight: bold; - text-align : center; + text-transform: uppercase; + padding: 1em 0 .3em 0; } #choosercontainer #chooseform .subtype { @@ -868,7 +893,7 @@ sup {vertical-align: super;} #choosercontainer #chooseform .option .typename, #choosercontainer #chooseform .option span.modicon img.icon { - padding: 0 0 0 0.3em; + padding: 0 0 0 0.5em; } #choosercontainer #chooseform .option input[type=radio], @@ -879,7 +904,8 @@ sup {vertical-align: super;} #choosercontainer #chooseform .option label { display: block; - padding: 0.2em 0 0.2em 0; + padding: 0.3em 0 0.1em 0; + border-bottom: 1px solid #FFFFFF; } /* The instruction/help area */ @@ -892,12 +918,12 @@ sup {vertical-align: super;} bottom: 0px; left: 18.5em; margin: 0; - border-left: 1px solid grey; - padding: 0.3em 0.5em; + padding: 2em 2em 2em 2.4em; background-color: white; overflow-x: hidden; overflow-y: auto; max-height: 550px; + line-height: 2em; } /* Selected option settings */ @@ -906,6 +932,7 @@ sup {vertical-align: super;} display: block; } #choosercontainer #chooseform .selected { - background-color: #ddd; + background-color: #FFFFFF; + -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;box-shadow: 0px 0px 10px 0px #CCCCCC; }