From 357ef95ab1e80f3ea1d1645e3ab8b1d8c2c3d11b Mon Sep 17 00:00:00 2001 From: Yoan Le Clanche Date: Thu, 25 Oct 2018 14:19:04 +0200 Subject: [PATCH] responsive --- teleforma/static/teleforma/css/teleforma.css | 107 +++++++++++++----- teleforma/static/teleforma/images/actus.png | Bin 2038 -> 1513 bytes .../teleforma/images/pencil-edit-button.png | Bin 0 -> 584 bytes .../images/rubbish-bin-delete-button.png | Bin 0 -> 449 bytes .../templates/teleforma/inc/newsitem.html | 7 +- .../teleforma/inc/newsitems_portlet.html | 2 +- teleforma/templates/telemeta/base.html | 5 +- 7 files changed, 85 insertions(+), 36 deletions(-) create mode 100644 teleforma/static/teleforma/images/pencil-edit-button.png create mode 100644 teleforma/static/teleforma/images/rubbish-bin-delete-button.png diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css index 7361975a..02121ce8 100644 --- a/teleforma/static/teleforma/css/teleforma.css +++ b/teleforma/static/teleforma/css/teleforma.css @@ -59,8 +59,9 @@ a img { border: none; } #content { /*margin-top: 1em;*/ position: relative; - max-width:1200px; - margin: 0 auto; + margin-left: 3%; +margin-right: 2em; +margin-bottom: 0em; } #content ul, #content ul ul, #content ol { @@ -471,8 +472,8 @@ form.login .submit { border-top: 0; font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; padding-left: 0; - max-width: 1200px; - margin: 0 auto; + margin-left: 3%; + margin-right: 2em; } #menu a, #menu a:visited{ @@ -489,7 +490,7 @@ form.login .submit { border-top-right-radius: 5px 5px; font-weight: bold; font-size: 14px; - padding: .5em 1em; + padding: .5em 1.5em; } #menu a:hover, #menu a.active{ @@ -565,25 +566,22 @@ color:#FFF; width: 100%; float:left; border-bottom:0px solid #fff; - background:no-repeat url(/static/telemeta/images/tw_hd.png) 0 0; - background-color:#ebebeb; - background-repeat:repeat; + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ + border-radius: 0; } /* display block will make the link fill the whole area of LI */ #nav ul a { display:block; height: auto; - padding: 0.8em 0.5em 0.5em 0.5em; + padding: 0.8em 0.3em 0.8em 0.3em; /* font-size: 0.9em; */ text-align:left; - -webkit-border-top-left-radius:0px 0px; - moz-border-radius-topleft: 0px 0px; - border-top-left-radius: 0px 0px; - -webkit-border-top-right-radius:0px 0px; - moz-border-radius-topright: 0px 0px; - border-top-right-radius: 0px 0px; - border-bottom-width: 0px; + border-radius: 0; } #nav ul a:hover { @@ -2448,6 +2446,9 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad padding-left: 20px; padding-right: 20px; } + #content, #menu{ + margin: 0; + } } /**/ @@ -2456,13 +2457,25 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad #nav ul li{ background-image: none; - background: #3b3b3b; /* Old browsers */ - background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ - } + /*background: #3b3b3b; + background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); + background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); + background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 );*/ + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); + + } + #menu a, #menu a:visited{ + padding: .5em 1em; + } + #nav ul a{ + font-size: 0.8em; + } #module-set { float: none; @@ -2475,11 +2488,12 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad margin: 0; overflow: hidden; background-image: none; - background: #3b3b3b; /* Old browsers */ - background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); + } #module-set .module .msg input[type="submit"]{ width: 120px; @@ -2515,7 +2529,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad .desk_center{ float: left; - width: 76%; + width: 74%; padding: 0em 0em 0em 1em; overflow-y: auto; } @@ -2594,6 +2608,10 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad font-size: 12px; } + #nav ul a{ + font-size: 0.7em; + } + form.login:after { content: ""; display: table; @@ -2672,7 +2690,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad width: 26% !important; } .desk_messages, .desk_large, .desk_center.home { - width: 74% !important; + width: 71% !important; } .course_media { width: 74%; @@ -2685,6 +2703,8 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad @media (max-width: 660px) { + + #module-set-left { width: 100% !important; padding: 0; @@ -2811,11 +2831,33 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad #users table th:nth-child(6),#users table th:nth-child(7){ width: 70px; } - + .nv-controlsWrap.nvd3-svg{ + transform: translate(-80px,-70px) !important + } } @media (max-width: 440px) { + .nv-controlsWrap.nvd3-svg{ + transform: translate(-86px,-70px) !important + } + + .nv-legendWrap.nvd3-svg{ + transform: translate(230px,-70px) !important + } + + #nav ul{ + width: 120%; + left: 50%; /* poussé de la moitié de hauteur du référent */ + -ms-transform: translateX(-50%); /* IE 9 */ + -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */ + transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */ + } + + #nav ul a { + font-size: 0.8em; + } + .desk_center.home .video{ max-width: 100%; } @@ -2864,4 +2906,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad margin-left: 0; width: 60%; } -} \ No newline at end of file + + +} + diff --git a/teleforma/static/teleforma/images/actus.png b/teleforma/static/teleforma/images/actus.png index 4559cc1e665e84dea009c7be226f001e155d22d0..5272cf2cb46e52885704c844192de94a30501fce 100644 GIT binary patch delta 679 zcmV;Y0$Ba_59tfAPXYl%lTZRX0Y#Hg0vVH~0yY6clTZR0llB530Yj5e0vVGr13`Zt zlnT2500LV{L_t(|+U%A~NR>ep$GtBjB!nADk`^sWXxoE=wh5w_Ueu~Z+oF{TZZ8xS zwyG8_Y8jE#E^w6yQmBif=t-DSdBX={T9$RSuiwDAFbrqrez$J9>A;VBzd2{-|IM74 z^Gza(qMCng$(j|g6%kE4&re_(KEQt@yoX2d3_ikAHAE9mPUm5b5@%j!0ES=?CjLm( zh+0fXHM=P_K!m^7*`-;rEHT4Xf zhHcW`DT8Q7BrS#IrsBV3=%_m7olDJIeE72DQpOd<~_L^hZb3C zEyvd(DY<>2_}gq9x0D_66s|@oZ*y=BemMR;@_|@@5vBi*&>bloxJ!H0%m2IZ&hc*% zjNP|tb;+7TqQf51qTH2?%_wmh`TUj6deQMWghbEEh0L`(&}ThAR%X*Azmtk@Q|LDM z5OUBhRcBfRFT+CL6zx4L>x#xeLd!Lt6w$JCg2mXHq6X0`D3tk5o1_lPG|6{PQxEr7U04H!A`?PLt zZRy6w#(u>0_wDWNwuOa-M<(hEV`Bq<84L#9=H}*2T=$fgmU>(+*MqD2&Ndw2*Nu%0 z#r*vIV-pPw5(nRDG#Xh{R8&M{WaMKJ4U9v#+uc1nI(j}fHug-S^I#eL2K0Ym8@SFW z{`27A;B$OF|8#*gF)4Sj!q|GS-?o!`vN%ut7i zhi8A+U0q#-Wbo$t`ubP!X6FHP9h z6bB0yk|!l4vHTu$_xJa&Vcr|e*z5J)U0hszF(xMFKcYrp0=xe5cB)DQ;Va3>$@CgU zMMdW=7E6B!`e-r3oa}K9W?0MvPd}=xtfZY785wztp*>n^Yilo)lqn*ofKWxjY&KsZPXmix z^w;R1UNkl~(m8(wM^YJ_@R>}e_er;So7D3V@x+ObkH5_0@uK0$o#o}_8<=wkvAcv* z#0xAIi$Xylf_H)~mXMHeiHOR;lVJk+LPSKwQ|K@hy#5S}T7uZb)z{Zclu9KF4S`x+ zT_vZ3V4YkPk#l^)2^vT=7jIgmR4u^juAg2aw>=vdDf^Ck7egTZ3 z6cHpE2<;wqeimzt;SrPLPN1up8EoR%Xtu4WDqn}tTqSWs~6JoPt& z4Ub(>Q9)HzRkgsA_ed!QyZ*l!zk};bOG~Qh>1o}G8@GTr$buv`c>Ze(!#m~wE5HD+ X$sM2P^$88*00000NkvXXu0mjfWkpJZ diff --git a/teleforma/static/teleforma/images/pencil-edit-button.png b/teleforma/static/teleforma/images/pencil-edit-button.png new file mode 100644 index 0000000000000000000000000000000000000000..0e1ca73b67fa715446ee06b3b25e11c4bf6f5c42 GIT binary patch literal 584 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJOS+@4BLl<6e(pbstU$g(vPY0F z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>c1W0S76)RR#Vs^Qm=9zCkxkT6paPS)#U@~7mZ7UmV;6-2$+*R)aSIt58bHco zK`PComl&tb)CNf{G>chm22ubt3S^pD>>>t+|3EI##{K#)*8nNik|4ie2L9!jT{%wt z@DXT#BzSh`^xd3Gn9uBCI(_OSA1m9&fUct(icA=nS!kaGYG6$Ac6VXuV3qX%aySb- zB8!1Ra~*^koit`w00r4gJbhi+AF)dEDYI_-qPYSnlc+USFFIb(Z621GosY{KPr+?Fwrw)OeR{Jnp{IA`4ZJkNZ0@Gcu|JH3N?s@jC zww&$1@@n@d=`X^ce19%IL+vfs?6ez7KHNEi%Tn)tbN<18T#kon<&&6QKnqn%Tq8l*!&%@FSqyakbr5EB(wJQV6l5>)^mS!_#45?BtR(zz&S9XCm8Xki2*>s0 zgb<_3@8=>t8ydgLO0XDgnA+^f#O(asM`6an0|z$nseJAd>#0>ZmaWkI{NC>Je14#} zUYGh=SH7Fy12jdo#5JNMC9x#cD!C{XNHG{07+UBWnCcpth8UVy8Jk)en`j#tSs55C zOf0EF(U6;;l9^VCTf+sLGsl1$BtbR==ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk Q1ysb~>FVdQ&MBb@09j>!1ONa4 literal 0 HcmV?d00001 diff --git a/teleforma/templates/teleforma/inc/newsitem.html b/teleforma/templates/teleforma/inc/newsitem.html index 289399b4..1c8a43ef 100644 --- a/teleforma/templates/teleforma/inc/newsitem.html +++ b/teleforma/templates/teleforma/inc/newsitem.html @@ -1,3 +1,5 @@ +{% load static %} +

{{ newsitem.title }}

@@ -5,12 +7,13 @@
    {% if newsitem.can_edit %}
  • - éditer + éditer +
    • {% endif %} {% if newsitem.can_delete %}
  • - supprimer + supprimer
    • {% endif %}
diff --git a/teleforma/templates/teleforma/inc/newsitems_portlet.html b/teleforma/templates/teleforma/inc/newsitems_portlet.html index 6f333647..ce862d28 100644 --- a/teleforma/templates/teleforma/inc/newsitems_portlet.html +++ b/teleforma/templates/teleforma/inc/newsitems_portlet.html @@ -4,7 +4,7 @@ {% load teleforma_tags %}
-

actualitésActualités

+

actualitésActualités

  • {{ course.title_tweeter }} {% if can_add %}+{% endif %} diff --git a/teleforma/templates/telemeta/base.html b/teleforma/templates/telemeta/base.html index 1e9834b5..80487b4c 100644 --- a/teleforma/templates/telemeta/base.html +++ b/teleforma/templates/telemeta/base.html @@ -10,10 +10,11 @@ {% get_available_languages as LANGUAGES %} - + + -- 2.39.5