From: Yoan Le Clanche Date: Thu, 25 Oct 2018 12:19:04 +0000 (+0200) Subject: responsive X-Git-Tag: 1.4.0~30 X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=357ef95ab1e80f3ea1d1645e3ab8b1d8c2c3d11b;p=teleforma.git responsive --- 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 4559cc1e..5272cf2c 100644 Binary files a/teleforma/static/teleforma/images/actus.png and b/teleforma/static/teleforma/images/actus.png differ 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 00000000..0e1ca73b Binary files /dev/null and b/teleforma/static/teleforma/images/pencil-edit-button.png differ diff --git a/teleforma/static/teleforma/images/rubbish-bin-delete-button.png b/teleforma/static/teleforma/images/rubbish-bin-delete-button.png new file mode 100644 index 00000000..283f99dd Binary files /dev/null and b/teleforma/static/teleforma/images/rubbish-bin-delete-button.png differ 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 %} - + +