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");
|
||||
|
||||
/* =============================================================================
|
||||
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; }
|
||||
}
|
||||
.container {
|
||||
box-shadow: 0 0 20px #000; } }
|
||||
|
|
|
|||
|
|
@ -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 New Issue