From 94114dc5b67ce70c108c5cca0c9b7159b38d9d69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= Date: Tue, 11 Nov 2014 21:49:09 +0100 Subject: [PATCH] Enhance iphone CSS style and add IOS7 CSS style (SCCS file available but not commited). Anonymous contribution. --- templates/default/styles/style-iphone.css | 129 ++++++++++++--------- templates/default/styles/style-iphone7.css | 116 ++++++++++++++++++ 2 files changed, 189 insertions(+), 56 deletions(-) create mode 100644 templates/default/styles/style-iphone7.css diff --git a/templates/default/styles/style-iphone.css b/templates/default/styles/style-iphone.css index 16cd226..6e2f681 100644 --- a/templates/default/styles/style-iphone.css +++ b/templates/default/styles/style-iphone.css @@ -1,26 +1,53 @@ @import url("style-base.css"); - /* ============================================================================= - Main container stuff goes here and other globals + Main container goes here and other globals ========================================================================== */ +.st, .sp, .sa, .se, .ss { + font: normal normal 400 14px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: #007aff; } + +.st { + font-weight: 600; } + +.frontpage a { + display: block; } + .frontpage a:hover { + width: 100%; + background-color: #e2e1e6; } + +.books:hover { + width: 100%; + background-color: #e2e1e6; } + +a { + color: #007aff; + font-weight: 600; } + a:hover { + color: black; } + /*iphone - reduction des tailles de police et taille fixe en px*/ body { - font-size: 12px; -} + font: normal normal 300 12px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: black; } + +h2 { + font: normal normal 400 16px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: #007aff; } + +h3 { + font: normal normal 400 14px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: black; } + +h4 { + font: normal normal 400 14px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: black; } -h2 {font-size: 13px;} -h3 {font-size: 12px;} -h4 {font-size: 12px;} -h5 {font-size: 10px;} -h6 {font-size: 10px;} - /*iphone - Suppression des arrondis .container { border-radius:10px; } */ - /* ============================================================================= Header stuff goes here ========================================================================== */ @@ -31,69 +58,59 @@ iphone - Suppression ombrage (bug avec formulaire recherche) iphone - Suppression des arrondis border-radius: 10px 10px 0px 0px; }*/ - -.hicon{ - text-shadow: 2px 2px 2px black; -} +.hicon { + text-shadow: 2px 2px 2px black; } /*iphone - icone trop bas */ -#tool .hicon32{ - margin-top: -5px; -} +#tool .hicon32 { + margin-top: -5px; } .submit { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} + border-radius: 0; + box-shadow: none; } -header h1{ - display: table-cell; - vertical-align: middle; - text-align: center; - line-height: 100%; -} +header h1 { + vertical-align: middle; + text-align: center; + font: normal normal 500 24px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: #007aff; } .download a { - border-radius: 6px; - box-shadow:0 0 10px #000; - background: radial-gradient(#666, black); -} + font: normal normal 400 16px Helvetica Neue Interface, Helvetica Neue, Helvetica; + color: #007aff; + box-shadow: 0 0 10px #c8c7cc; + color: #007aff; + border-color: #007aff; + border-radius: 5px; + border-style: solid; + border-width: 1px; + background: white; } /*iphone - bouton de donwload en haut dans book detail (manque de place en mode paysage)*/ .bookpopup .download { - float: none; - margin: -12px 30px -2px 4px; -} + float: none; + margin: -12px 30px -2px 4px; } + /*iphone - modification des marges pour cover dans detail*/ .bookpopup .cover { - margin: 27px 4px 4px 0px; -} + margin: 27px 4px 4px 0px; } .mfp-content .bookpopup { -/*iphone - Taille minimum du detail du livre en popup -pour que la pochette ne depasse pas -(pas seulement pour iphone) */ - min-height: 210px; -} - - -footer -{ -box-shadow:inset 0px 5px 8px #000000; -/*iphone - Suppression des arrondis -border-radius: 0px 0px 10px 10px;*/ -} + /*iphone - Taille minimum du detail du livre en popup + pour que la pochette ne depasse pas + (pas seulement pour iphone) */ + min-height: 210px; } +footer { + box-shadow: inset 0px 5px 10px #000000; + /*iphone - Suppression des arrondis + border-radius: 0px 0px 10px 10px;*/ } /* ============================================================================= - Mediaquerie stuff goes here + Media query stuff goes here ========================================================================== */ /* 768px and greater */ @media only screen and (min-width: 768px) { -.container { box-shadow:0 0 20px #000; } -} \ No newline at end of file + .container { + box-shadow: 0 0 20px #000; } } diff --git a/templates/default/styles/style-iphone7.css b/templates/default/styles/style-iphone7.css new file mode 100644 index 0000000..85b18b9 --- /dev/null +++ b/templates/default/styles/style-iphone7.css @@ -0,0 +1,116 @@ +@import url("style-base.css"); +/* ============================================================================= + Main container stuff goes here and other globals + ========================================================================== */ + +.st, .sp, .sa, .se, .ss { + font: -apple-system-body; + color: #007aff; } + +.st { + font-weight: 600; } + +.frontpage a { + display: block; } + .frontpage a:hover { + width: 100%; + background-color: #e2e1e6; } + +.books:hover { + width: 100%; + background-color: #e2e1e6; } + +a { + color: #007aff; + font-weight: 600; } + a:hover { + color: black; } + +/*iphone - reduction des tailles de police et taille fixe en px*/ +body { + font: -apple-system-body; + color: black; } + +h2 { + font: -apple-system-subheadline; + color: #007aff; } + +h3 { + font: -apple-system-subheadline; + color: black; } + +h4 { + font: -apple-system-subheadline; + color: black; } + +/*iphone - Suppression des arrondis +.container { +border-radius:10px; +} +*/ +/* ============================================================================= + Header stuff goes here + ========================================================================== */ +/* +header { +iphone - Suppression ombrage (bug avec formulaire recherche) + box-shadow:inset 0px -5px 8px #000000; +iphone - Suppression des arrondis + border-radius: 10px 10px 0px 0px; +}*/ +.hicon { + text-shadow: 2px 2px 2px black; } + +/*iphone - icone trop bas */ +#tool .hicon32 { + margin-top: -5px; } + +.submit { + border-radius: 0; + box-shadow: none; } + +header h1 { + vertical-align: middle; + text-align: center; + font: -apple-system-headline; + color: #007aff; } + +.download a { + font: -apple-system-subheadline; + color: #007aff; + box-shadow: 0 0 10px #c8c7cc; + color: #007aff; + border-color: #007aff; + border-radius: 5px; + border-style: solid; + border-width: 1px; + background: white; } + +/*iphone - bouton de donwload en haut dans book detail +(manque de place en mode paysage)*/ +.bookpopup .download { + float: none; + margin: -12px 30px -2px 4px; } + +/*iphone - modification des marges pour cover dans detail*/ +.bookpopup .cover { + margin: 27px 4px 4px 0px; } + +.mfp-content .bookpopup { + /*iphone - Taille minimum du detail du livre en popup + pour que la pochette ne depasse pas + (pas seulement pour iphone) */ + min-height: 210px; } + +footer { + box-shadow: inset 0px 5px 10px #000000; + /*iphone - Suppression des arrondis + border-radius: 0px 0px 10px 10px;*/ } + +/* ============================================================================= + Media query stuff goes here + ========================================================================== */ +/* 768px and greater */ +@media only screen and (min-width: 768px) { + .container { + box-shadow: 0 0 20px #000; } }