diff --git a/spip/squelettes/article.html b/spip/squelettes/article.html index 54d5578c25d2ade5e68ba2188a317df8b998d5a4..8739da0b668b5f5969d75eecbf17428a26e59d78 100644 --- a/spip/squelettes/article.html +++ b/spip/squelettes/article.html @@ -30,12 +30,16 @@ - +
@@ -50,6 +54,14 @@ +
diff --git a/spip/squelettes/rubrique.html b/spip/squelettes/rubrique.html index a62124c64fe4a66c44d2535fc8a62cf13b2fbde0..7215a30bed7ce0af68486ff632de9b12aad239f1 100644 --- a/spip/squelettes/rubrique.html +++ b/spip/squelettes/rubrique.html @@ -2,7 +2,6 @@ - #TITRE @@ -35,7 +34,11 @@ - +
@@ -50,6 +53,14 @@ +
diff --git a/spip/squelettes/style.css b/spip/squelettes/style.css index 7cc0d57a2296a53504192d5e7155e02b5a4daf81..a1019107139f0d3c5c5e0e1583c77672927436f1 100644 --- a/spip/squelettes/style.css +++ b/spip/squelettes/style.css @@ -173,6 +173,18 @@ img a, img a:hover, img a:visited { -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); } +#mobilelogo { + display: none; + visibility: hidden; +} +#mobilenav { + display: none; + visibility: hidden; +} +.mobileretour { + display: none; + visibility: hidden; +} #titre h1 { font-family: 'QuicksandBold'; text-transform: uppercase; @@ -342,3 +354,112 @@ input { margin-right: auto; } + +/* MEDIA QUERIES */ + +@media screen and (max-width: 840px) { + body { + width: auto !important; + margin: auto !important; + padding: auto !important; + background-color:#191919 !important; + background-image: none !important; + } + #wrapper { + width: auto !important; + background: transparent; + margin: 0 !important; + padding: 0 !important; + } + #leftcontent { + display: none !important; + visibility: hidden; + } + #maincontent { + width: auto !important; + margin: 0 !important; + padding: 0 !important; + } + #rightcontent { + width: auto !important; + margin: auto !important; + padding: 20px 0 0 0 !important; + background-color: #FFF !important; + color: #000; + } + #contenu { + margin: 0 4% !important; + } + #contenu p { + text-align: left !important; + } + #mobilelogo { + display: block; + visibility: visible; + text-align: center; + margin: 40px 0; + } + #mobilelogo p { + font-family: 'QuicksandBook'; + color: #ffffff; + font-size: 1.1em; + } + #mobilenav { + display: block; + visibility: visible; + width: auto; + margin-top: 50px; + margin-bottom: 20px; + padding-bottom: 50px; + } + #mobilenav h2 { + text-align: center; + text-transform: uppercase; + font: 1.3em 'QuicksandBold'; + } + #mobilenav ul { + list-style: none; + background: none; + margin: 0; + padding: 0; + border-top: 1px solid #CCC; + } + #mobilenav li { + color: #000; + border-bottom: 1px solid #CCC; + } + #mobilenav li a { + display: block; + color: #000; + font: 1.2em 'QuicksandBold'; + text-align: center; + text-decoration: none; + text-transform: uppercase; + padding: 10px 0; + } + #mobilenav li a:hover, #navigation li a:focus, #navigation li a:active { + background-color: lime; + text-decoration: none; + color: #FFF; + } + #mobilenav .on > a { + background-color: lime; + text-decoration: none; + color: #FFF; + } + .mobileretour { + display: block; + visibility: visible; + } + #general { + display: block; + width: auto !important; + margin: auto !important; + font: 11px Tahoma, Geneva, sans-serif; + text-align: center; + color: #ccc; + padding-top: 30px; + position: relative !important; + left: 0; + } +} \ No newline at end of file