Skip to content

Instantly share code, notes, and snippets.

@annelyse

annelyse/css

Last active June 23, 2022 16:17
Show Gist options
  • Save annelyse/64406143376cce0f5012a026688bd628 to your computer and use it in GitHub Desktop.
Save annelyse/64406143376cce0f5012a026688bd628 to your computer and use it in GitHub Desktop.
Download ZIP
Ajout aussi ça dans le head <!--[if lte IE 11]><html <?php language_attributes(); ?> class="no-js lte-ie11"> <![endif]--> <!--[if gte IE 11]><!--> <html <?php language_attributes(); ?> class="no-js"> <!--<![endif]-->#
Raw
css
/*
|--------------------------------------------------------------------------
| NAVIGATEUR OBSOLETE
|--------------------------------------------------------------------------
*/
.hide_scroll{
overflow: hidden !important;
height: 100% !important;
}
#avertissement{
width: 100% !important;
height: 100% !important;
z-index: 9999999 !important;
// background: url(../src/images/navigateur-obsolete.png) !important;
background-position: center !important;
position: fixed !important;
background-color: #fff !important;
background-repeat: no-repeat !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
overflow: hidden !important;
opacity: 0.95;
display: none;
text-align: center;
&.show{
display: table;
}
img{
max-width: rfs-value(500px);
margin-bottom: rfs-value(40px);
width: 100%;
}
h6{
font-size: rfs-value(20px);
text-transform: uppercase;
}
a{
display: table-cell ;
vertical-align: middle;
width: 100% ;
height: 100% ;
color: #000;
}
}
Raw
header
<!--[if lte IE 10]>
<div id="avertissement" class="show" >
<a href="https://bestvpn.org/outdatedbrowser/fr" target="_blank" rel="noopener">
<img src="<?php echo get_template_directory_uri();?>/src/images/navigateur-obsolete.png" alt="Navigateur">
<h6><?php _e('Votre navigateur est obsolète.', 'adeus'); ?></h6>
<p><?php _e('Mettez le à jour pour voir ce site correctement.', 'adeus'); ?></p>
</a>
</div><![endif]-->
<div id="avertissement" >
<a href="https://bestvpn.org/outdatedbrowser/fr" target="_blank" rel="noopener">
<img src="<?php echo get_template_directory_uri();?>/src/images/navigateur-obsolete.png" alt="Navigateur">
<h6><?php _e('Votre navigateur est obsolète.', 'adeus'); ?></h6>
<p><?php _e('Mettez le à jour pour voir ce site correctement.', 'adeus'); ?></p>
</a>
</div>
Raw
js
import './modernizr.js';
Raw
modernizer
/*! modernizr 3.6.0 (Custom Build) | MIT *
* https://modernizr.com/download/?-cssgrid_cssgridlegacy-flexbox-setclasses-testprop !*/
!function(e,n,t){function r(e,n){return typeof e===n}function s(){var e,n,t,s,o,i,l;for(var a in w)if(w.hasOwnProperty(a)){if(e=[],n=w[a],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(s=r(n.fn,"function")?n.fn():n.fn,o=0;o<e.length;o++)i=e[o],l=i.split("."),1===l.length?Modernizr[l[0]]=s:(!Modernizr[l[0]]||Modernizr[l[0]]instanceof Boolean||(Modernizr[l[0]]=new Boolean(Modernizr[l[0]])),Modernizr[l[0]][l[1]]=s),C.push((s?"":"no-")+l.join("-"))}}function o(e){var n=x.className,t=Modernizr._config.classPrefix||"";if(_&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),_?x.className.baseVal=n:x.className=n)}function i(e,n){return function(){return e.apply(n,arguments)}}function l(e,n,t){var s;for(var o in e)if(e[o]in n)return t===!1?e[o]:(s=n[e[o]],r(s,"function")?i(s,t||n):s);return!1}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):_?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function u(e,n){return!!~(""+e).indexOf(n)}function f(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function d(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function c(n,t,r){var s;if("getComputedStyle"in e){s=getComputedStyle.call(e,n,t);var o=e.console;if(null!==s)r&&(s=s.getPropertyValue(r));else if(o){var i=o.error?"error":"log";o[i].call(o,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else s=!t&&n.currentStyle&&n.currentStyle[r];return s}function p(){var e=n.body;return e||(e=a(_?"svg":"body"),e.fake=!0),e}function m(e,t,r,s){var o,i,l,u,f="modernizr",d=a("div"),c=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=s?s[r]:f+(r+1),d.appendChild(l);return o=a("style"),o.type="text/css",o.id="s"+f,(c.fake?c:d).appendChild(o),c.appendChild(d),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(n.createTextNode(e)),d.id=f,c.fake&&(c.style.background="",c.style.overflow="hidden",u=x.style.overflow,x.style.overflow="hidden",x.appendChild(c)),i=t(d,e),c.fake?(c.parentNode.removeChild(c),x.style.overflow=u,x.offsetHeight):d.parentNode.removeChild(d),!!i}function g(n,r){var s=n.length;if("CSS"in e&&"supports"in e.CSS){for(;s--;)if(e.CSS.supports(d(n[s]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var o=[];s--;)o.push("("+d(n[s])+":"+r+")");return o=o.join(" or "),m("@supports ("+o+") { #modernizr { position: absolute; } }",function(e){return"absolute"==c(e,null,"position")})}return t}function y(e,n,s,o){function i(){d&&(delete T.style,delete T.modElem)}if(o=r(o,"undefined")?!1:o,!r(s,"undefined")){var l=g(e,s);if(!r(l,"undefined"))return l}for(var d,c,p,m,y,v=["modernizr","tspan","samp"];!T.style&&v.length;)d=!0,T.modElem=a(v.shift()),T.style=T.modElem.style;for(p=e.length,c=0;p>c;c++)if(m=e[c],y=T.style[m],u(m,"-")&&(m=f(m)),T.style[m]!==t){if(o||r(s,"undefined"))return i(),"pfx"==n?m:!0;try{T.style[m]=s}catch(h){}if(T.style[m]!=y)return i(),"pfx"==n?m:!0}return i(),!1}function v(e,n,t,s,o){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+P.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?y(a,n,s,o):(a=(e+" "+z.join(i+" ")+i).split(" "),l(a,n,t))}function h(e,n,r){return v(e,t,t,n,r)}var C=[],w=[],S={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){w.push({name:e,fn:n,options:t})},addAsyncTest:function(e){w.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=S,Modernizr=new Modernizr;var x=n.documentElement,_="svg"===x.nodeName.toLowerCase(),b="Moz O ms Webkit",P=S._config.usePrefixes?b.split(" "):[];S._cssomPrefixes=P;var z=S._config.usePrefixes?b.toLowerCase().split(" "):[];S._domPrefixes=z;var E={elem:a("modernizr")};Modernizr._q.push(function(){delete E.elem});var T={style:E.elem.style};Modernizr._q.unshift(function(){delete T.style}),S.testAllProps=v,S.testAllProps=h,Modernizr.addTest("flexbox",h("flexBasis","1px",!0)),Modernizr.addTest("cssgridlegacy",h("grid-columns","10px",!0)),Modernizr.addTest("cssgrid",h("grid-template-rows","none",!0));S.testProp=function(e,n,r){return y([e],t,n,r)};s(),o(C),delete S.addTest,delete S.addAsyncTest;for(var N=0;N<Modernizr._q.length;N++)Modernizr._q[N]();e.Modernizr=Modernizr}(window,document);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment