Enhance iphone CSS style and add IOS7 CSS style (SCCS file available but not commited). Anonymous contribution.
This commit is contained in:
Sébastien Lucas
parent
9b0db83256
commit
94114dc5b6
|
|
@ -1,26 +1,53 @@
|
||||||
@import url("style-base.css");
|
@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*/
|
/*iphone - reduction des tailles de police et taille fixe en px*/
|
||||||
body {
|
body {
|
||||||
font-size: 12px;
|
font: normal normal 300 12px Helvetica Neue Interface, Helvetica Neue, Helvetica;
|
||||||
}
|
color: black; }
|
||||||
|
|
||||||
h2 {font-size: 13px;}
|
h2 {
|
||||||
h3 {font-size: 12px;}
|
font: normal normal 400 16px Helvetica Neue Interface, Helvetica Neue, Helvetica;
|
||||||
h4 {font-size: 12px;}
|
color: #007aff; }
|
||||||
h5 {font-size: 10px;}
|
|
||||||
h6 {font-size: 10px;}
|
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; }
|
||||||
|
|
||||||
/*iphone - Suppression des arrondis
|
/*iphone - Suppression des arrondis
|
||||||
.container {
|
.container {
|
||||||
border-radius:10px;
|
border-radius:10px;
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* =============================================================================
|
/* =============================================================================
|
||||||
Header stuff goes here
|
Header stuff goes here
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -31,69 +58,59 @@ iphone - Suppression ombrage (bug avec formulaire recherche)
|
||||||
iphone - Suppression des arrondis
|
iphone - Suppression des arrondis
|
||||||
border-radius: 10px 10px 0px 0px;
|
border-radius: 10px 10px 0px 0px;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.hicon {
|
.hicon {
|
||||||
text-shadow: 2px 2px 2px black;
|
text-shadow: 2px 2px 2px black; }
|
||||||
}
|
|
||||||
|
|
||||||
/*iphone - icone trop bas */
|
/*iphone - icone trop bas */
|
||||||
#tool .hicon32 {
|
#tool .hicon32 {
|
||||||
margin-top: -5px;
|
margin-top: -5px; }
|
||||||
}
|
|
||||||
|
|
||||||
.submit {
|
.submit {
|
||||||
-webkit-border-radius: 0;
|
|
||||||
-moz-border-radius: 0;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
-webkit-box-shadow: none;
|
box-shadow: none; }
|
||||||
-moz-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h1 {
|
header h1 {
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 100%;
|
font: normal normal 500 24px Helvetica Neue Interface, Helvetica Neue, Helvetica;
|
||||||
}
|
color: #007aff; }
|
||||||
|
|
||||||
.download a {
|
.download a {
|
||||||
border-radius: 6px;
|
font: normal normal 400 16px Helvetica Neue Interface, Helvetica Neue, Helvetica;
|
||||||
box-shadow:0 0 10px #000;
|
color: #007aff;
|
||||||
background: radial-gradient(#666, black);
|
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
|
/*iphone - bouton de donwload en haut dans book detail
|
||||||
(manque de place en mode paysage)*/
|
(manque de place en mode paysage)*/
|
||||||
.bookpopup .download {
|
.bookpopup .download {
|
||||||
float: none;
|
float: none;
|
||||||
margin: -12px 30px -2px 4px;
|
margin: -12px 30px -2px 4px; }
|
||||||
}
|
|
||||||
/*iphone - modification des marges pour cover dans detail*/
|
/*iphone - modification des marges pour cover dans detail*/
|
||||||
.bookpopup .cover {
|
.bookpopup .cover {
|
||||||
margin: 27px 4px 4px 0px;
|
margin: 27px 4px 4px 0px; }
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-content .bookpopup {
|
.mfp-content .bookpopup {
|
||||||
/*iphone - Taille minimum du detail du livre en popup
|
/*iphone - Taille minimum du detail du livre en popup
|
||||||
pour que la pochette ne depasse pas
|
pour que la pochette ne depasse pas
|
||||||
(pas seulement pour iphone) */
|
(pas seulement pour iphone) */
|
||||||
min-height: 210px;
|
min-height: 210px; }
|
||||||
}
|
|
||||||
|
|
||||||
|
footer {
|
||||||
footer
|
box-shadow: inset 0px 5px 10px #000000;
|
||||||
{
|
|
||||||
box-shadow:inset 0px 5px 8px #000000;
|
|
||||||
/*iphone - Suppression des arrondis
|
/*iphone - Suppression des arrondis
|
||||||
border-radius: 0px 0px 10px 10px;*/
|
border-radius: 0px 0px 10px 10px;*/ }
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
/* =============================================================================
|
||||||
Mediaquerie stuff goes here
|
Media query stuff goes here
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
/* 768px and greater */
|
/* 768px and greater */
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
.container { box-shadow:0 0 20px #000; }
|
.container {
|
||||||
}
|
box-shadow: 0 0 20px #000; } }
|
||||||
|
|
|
||||||
116
templates/default/styles/style-iphone7.css
Normal file
116
templates/default/styles/style-iphone7.css
Normal file
|
|
@ -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; } }
|
||||||
Loading…
Reference in a new issue