From 2a4fef10d738f03946f598263591201ea9d5e362 Mon Sep 17 00:00:00 2001 From: Jerome Morjon Date: Sat, 21 Feb 2015 03:53:55 +0100 Subject: [PATCH] test du coverflow page d'acceuil --- SRC/public/css/coverflow.css | 95 +++++++++++++++++++++++ SRC/public/css/home.css | 15 ++++ SRC/public/css/referent.css | 15 ++-- SRC/public/pictures/pic/home.png | Bin 0 -> 2229 bytes SRC/resources/views/auth/login.blade.php | 6 +- SRC/resources/views/home.blade.php | 17 ++++ SRC/resources/views/referent.blade.php | 12 +-- 7 files changed, 148 insertions(+), 12 deletions(-) create mode 100644 SRC/public/css/coverflow.css create mode 100644 SRC/public/pictures/pic/home.png diff --git a/SRC/public/css/coverflow.css b/SRC/public/css/coverflow.css new file mode 100644 index 0000000..9f23ce7 --- /dev/null +++ b/SRC/public/css/coverflow.css @@ -0,0 +1,95 @@ +.coverflow +{ + padding: 2%; +} + +.coverflow ul +{ + width: 90%; + padding: 0; + perspective: 500px; + -webkit-perspective : 500px; + -moz-perspective : 500px; +} + +.coverflow ul li{ + padding-top : 4%; + display: inline-block; + width: 180px; + height: 280px; + background: orangered; + margin-right: -60px; + transform: rotateY(45deg); + -webkit-transform :rotateY(45deg); + -moz-transform :rotateY(45deg); + position: relative; + z-index: 50; +} + +/* l'element actif element */ +.coverflow ul li:nth-child(1) +{ + display: inline-block; + width: 220px; + height: 320px; + background: orangered; + -webkit-transform :rotateY(0deg) scale(1.2); + -moz-transform :rotateY(0deg) scale(1.2); + transform: rotateY(0deg) scale(1.2); + + z-index: 55; +} + +/* z-index du premier et dernier element (derrière) */ +.coverflow ul li:first-child, +.coverflow ul li:last-child{ + + z-index: 45; +} + +/* les elements qui suivent l'element central */ +.coverflow ul li:nth-child(1) ~ li +{ + display: inline-block; + width: 180px; + height: 280px; + background: orangered; + transform: rotateY(-45deg); + -webkit-transform :rotateY(-45deg); + -moz-transform :rotateY(-45deg); +} + +.coverflow ul li:hover, +.coverflow ul li:nth-child(1) ~ li:hover /* element survole */ +{ + display: inline-block; + width: 220px; + height: 320px; + background: black; + transform: rotateY(0deg) scale(1.2); + -webkit-transform: rotateY(0deg) scale(1.2); + -moz-transform: rotateY(0deg) scale(1.2); + + z-index: 60; +} + +.coverflow ul li:hover ~ li +{ + transform: rotateY(-45deg); + -webkit-transform :rotateY(-45deg); + -moz-transform :rotateY(-45deg); +} + +/* les elements non survoles, lors du survol du parent */ +.coverflow ul:hover li:not(:hover){ + transform: rotateY(45deg); + -moz-transform: rotateY(45deg); + -webkit-transform: rotateY(45deg); +} + +/* les elements qui suivent l'element survole */ +.coverflow ul:hover li:hover ~ li{ + transform: rotateY(-45deg); + -moz-transform: rotateY(-45deg); + -webkit-transform: rotateY(-45deg); +} \ No newline at end of file diff --git a/SRC/public/css/home.css b/SRC/public/css/home.css index c963f78..4083860 100644 --- a/SRC/public/css/home.css +++ b/SRC/public/css/home.css @@ -6,6 +6,21 @@ body { background-size:cover; } +.back_home +{ + background: white; + width : 10%; + padding : 1%; + border-radius: 8px; + border: 1px solid silver; +} + +.back_home img +{ + width: 40%; + height: 40%; +} + .imgSearch /* image de la loupe */ { height: 25px; diff --git a/SRC/public/css/referent.css b/SRC/public/css/referent.css index 6db74c1..6438a7c 100644 --- a/SRC/public/css/referent.css +++ b/SRC/public/css/referent.css @@ -41,6 +41,16 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */ width : 25%; } +.tablethead +{ + color: white; +} + +.chosen-select /* les select */ +{ + width : 20%; +} + .listg legend { color: white; @@ -114,11 +124,6 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */ width: 20px; } -.control-label -{ - -} - /* ---------------------------- switch checkbox ---------------------------------*/ diff --git a/SRC/public/pictures/pic/home.png b/SRC/public/pictures/pic/home.png new file mode 100644 index 0000000000000000000000000000000000000000..e8e8626dd12c1d5e1cd058610bdcac15ef91668d GIT binary patch literal 2229 zcmZ9Nc{J1w7sr3L8j`5UTK0%xY*`vhmh9AE7)y*LYxX5Qglb-lvCddR2%$z{tP>j9 zvhO7nWh{-PFb}4TdFOe~`%mvV_j^D0+;cwX-2ZOsbsN)@T*6!c0Gu>8Glnsl_)kFW z%S<|e3^0;2M@Rs0eA(Ri zs{Nh$@5R5d*mpv2cVj=ey_gcYlz(4tKHz)Pw161C>8ruy%NOO-&unf#j{eWHs9G;@ zw}DWZfQ7=Ip|3@I3+(x{K)uUQO&Ld;q_|HKA!!q}37#9hNf=ZbzIl{%l$F2vdu>Ix z$a^Wsa1Xj}y0fxMTlqbzJ+AFb-hBi?c0c4iBWqRg|HF=$;!4a6Z&j{Q(8}7N!y$Ch zyH~h}TWv(#Ax-f8LK zvNqNp>A=lNm$;hhm};h>O@9>$5(J>S>|jb=Ho8G|^*IjlBngDfo7bbap`sFZ<-HQ4 ztN4v*5n6sOKcy=fuRj(cT2i1-oFv9>4aMt~X1>Eftn~SuK~)%8!?@O;tBzA+ASoUS z=~6^v>?xw#k=OJaL}5yJR$#o|bHOTo?V=jXXSpcwYfL(tN+(1IQ4~Ng^YUS}6Xqhh z9Rs|4`8)LG^*O^l{USF1O7}+#?WqG;9)%e`NgD;WrnX$=d-9?{9xuF-af%oW{UIMS za5b5~kn%LsW0Iu|Q(BdMbeA}yL6(A!iWEQ1dmM)icVwR(xSae}gmco#8z|@_@l!5f z>jG5Im-jSWj4T{)mn@L99rSPKDZU-~hUKS^A)1O`y*n!Wg(EN)+6%<@rbLvq1*;iv z;bPQH&hY?tPUB^g^!1hSQDJ0c>_?Lm=`+&?XT+!tqw#9SRl|GbY+Z_ruu6tI(H$Fh z3hCl27#jD6gYu+5KEbJKV46qatT2$~=TJ#<37)9&af5-+T`?jNgie1!rt`m+{vp5t zRMlTjr)v6D>Oa;z+gu~nAVlDpMPWy>NM}U>wGZDue6%u4cqZ$`VvTk_R7#tZEf?*M zqKo_NVEVae$GbjVrnDmZ4lRQt<8`4uiRA*LWl10j_30W#oDm00;!iInxxPay*Zm&{ zkaoppZr+9&)irU06fF_C2os3iP4glmv~+bLKCYpFypttMj$p6F=*@$?wemBg6GK$( zyilt!JaDIoM!S?CF&nf4^)r6hnH}vOBUjuGFEUB|A1Lw9~Uc3zx~{oha*m>*6NW zUz|7cU1%*l_4Dy~%OP*nG?)66b-HiSMx2T^D*e}i2GJb54Y?86IcwSYd(EUDu4Q_T zC3xBinJo&>vloMYMNu7PpXzUr*H^h_Fmb1O3K>viM+73t+Vji{hw|#1Ux9ut2(V07}0eAXd-;F3tZO|pBW-EuLpcTKT9?m_5R- zcB0E}ONO3`EQgcBVd~hEcCmf$H`LFT-&sgPU^G(txxQ_}Kl8cmpKl)fv^Q9-vAWdl zpXn?X@;+shN=U|Q=+sy_BT0J}O1pEH5`0ncUzw+O>)&m!EtF*|Z4iwDQPu>z5-fro zm@zaL5Wjc6Mdv(1!U}g`V7Hq;Sc1A-w)Xp{q3cOuO$#PmpBof4Z!V4s zUA@6tlRJmd^Y?n$ibkL5;*%J@sC&&cqbS&f(<9-%t+NI6EjcfT1!AzfatvbT7tSUq zSv+m!0SE%e5?TJlXKmoC{9Qnqwj(5}a2NQtbHXEHlC5S$Igv(P3pMpy21KJ6e_gKQ zwO_AyzY+%Q#M{lRldqv?S?k&vi4XEYml}^Ut+^AWwn)g&8u#nWtS4Et#7n8xuAyuT zX`n9uIq3_3TSpGW(NZ^?86OcWKyg+8EqmmTpDNjYpsyHm(at9Iu{87d%S4(uMS3G6 zeRRCSeV71LAu13sL=~)}Vy~jAqXE%T(E>v*>p&pYp`7?XgxewB{HurJ)XnXfTCWys$W?0GOND7{4_1xc^@oh9orr literal 0 HcmV?d00001 diff --git a/SRC/resources/views/auth/login.blade.php b/SRC/resources/views/auth/login.blade.php index dd0f6ba..2a00961 100755 --- a/SRC/resources/views/auth/login.blade.php +++ b/SRC/resources/views/auth/login.blade.php @@ -2,7 +2,11 @@ @section('content') +