[9.1.08] Nettoyage du css

This commit is contained in:
fredtempez 2019-05-29 22:35:02 +02:00
parent 95e1903f42
commit bc268b9573
3 changed files with 85 additions and 52 deletions

View File

@ -5,6 +5,8 @@
- Thème 100% fluide sans marge
- Ecran de smartphone (ex: iPhone 6), adaptation de la barre d'administration : le username est masqué et la taille des icônes est augmentée
- Chemins vers les données dans des constantes
- Modèles de bannières de plusieurs dimensions
- Nettoyage de common.css
## Version 9.1.07
- Correction :

View File

@ -15,6 +15,8 @@
*/
@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);
/**
* Éléments génériques
*/
@ -26,48 +28,53 @@ body {
}
@media (min-width: 769px) {
body {
margin:0px 10px;
}
}
/**
* Petits écrans inférieurs à 768px de largeur, on supprime les marges
*/
@media (max-width: 768px) {
body {
margin:2px 2px !important;
margin:2px 2px;
}
#site {
margin:0px auto !important;
margin:0px auto;
}
header {
margin:0px 0px !important;
body > header {
margin:0px 0px;
}
.tippy-tooltip {
font-size:.8rem !important;
}
section {
padding: 5px !important;
padding: 5px;
}
}
@media (max-width: 992px) {
@media (max-width: 768px) {
.siteContainer {
display: flex;
flex-direction: column;
}
.siteContainer > #contentLeft {
order: 2;
order: 1;
}
.siteContainer > #contentRight {
order: 3;
}
.siteContainer > #contentSite {
order: 1;
order: 2;
}
}
body {
margin:0px 10px;
}
/**
@ -175,7 +182,7 @@ Signature dans les articles blog et news
}
.table th {
font-weight: normal;
padding: 15px 10px !important;
padding: 15px 10px;
}
/* Supprime le padding des cols dans les cellules des tableaux */
td > .col1,
@ -305,16 +312,11 @@ td > .col12 {
height: 45px;
line-height: 45px;
}
#bar #barLeft {
float: left;
}
#bar #barRight {
float: right;
font-size: .8em;
}
#bar li {
display: inline;
}
#bar a {
display: inline-block;
padding: 0 12px;
@ -333,6 +335,17 @@ td > .col12 {
width: 250px;
border: 0;
}
@media (min-width: 769px) {
#bar #barLeft {
float: left;
}
#bar #barRight {
float: right;
font-size: .8em;
}
}
@media (max-width: 768px) {
#bar {
text-align: center;
@ -340,15 +353,15 @@ td > .col12 {
margin: 0;
}
#bar ul {
float: none !important;
height: auto;
}
#bar #barSelectPage {
width: 50% !important;
font-size: 0.6em !important;
width: 50% ;
font-size: 0.6em;
}
#bar #barLeft {
font-size: 1.6em;
float : none;
}
#bar #barRight {
font-size: 1.6em;
@ -361,17 +374,28 @@ td > .col12 {
/* Site */
#site {
margin: 20px auto;
overflow: hidden;
}
/* Bannière */
body > header {
margin: 0 -10px;
@media (min-width:769px) {
#site {
margin: 20px auto;
}
}
/* Bannière */
@media (min-width:769px) {
body > header {
margin: 0 -10px;
}
header {
margin:0;
}
}
header {
position: relative;
margin:0;
padding:0;
}
header span {
@ -403,9 +427,6 @@ nav #toggle {
nav #toggle span {
display: block;
}
nav #menu {
display: block;
}
nav ul {
padding: 0;
@ -437,21 +458,30 @@ nav li:hover ul {
z-index: 8;
opacity: 1;
}
nav a {
display: inherit;
-webkit-transition: background .3s ease-out;
transition: background .3s ease-out;
}
nav a:hover {
text-decoration: none;
}
@media (min-width: 769px) {
nav #menu {
display: block;
}
}
@media (max-width: 768px) {
nav #toggle {
display: block;
}
nav #menu {
display: none;
text-align: left !important;
text-align: left;
}
nav li {
display: block;
@ -463,11 +493,9 @@ nav a:hover {
min-width: inherit;
width: auto;
}
nav a {
padding: 10px !important;
}
nav li ul a {
padding-left: 40px !important;
/* Taille du menu hamburger */
nav .zwiico-menu {
font-size:1.5em;
}
}
@ -487,10 +515,7 @@ nav a:hover {
position: sticky;
}
/* Taille du menu hamburger */
nav .zwiico-menu {
font-size:1.5em !important;
}
/* Menu vertical */
@ -507,8 +532,13 @@ ul #menuSideChild, li #menuSideChild {
/* Corps */
@media (min-width:769px) {
section {
padding: 20px;
}
}
section {
padding: 20px;
min-height: 450px;
}
section #sectionTitle {
@ -536,7 +566,6 @@ body > footer {
margin: 0 -10px;
}
footer {
text-align: center;
padding: 1px 20px;
vertical-align: middle;
}
@ -550,13 +579,15 @@ footer {
}
/* Conserve le pied de page sur une ligne */
@media (max-width: 992px) {
@media (max-width: 768px) {
footer .col4 {
width:100%;
}
#footerCopyright, #footerText, #footerSocials {
text-align: center !important;
display: flex;
justify-content: center;
}
}
@ -1002,7 +1033,7 @@ input[type='checkbox']:disabled + label:before{
min-height: 1px;
display: inline-block;
}
@media (min-width: 992px) {
@media (min-width: 768px) {
.col1 {
width: 8.33333333%;
}

View File

@ -34,7 +34,7 @@
}
?>
>
<div id="toggle"><?php echo template::ico('menu'); ?></div>
<div id="toggle"><?php echo template::ico('menu',null,null,'2em'); ?></div>
<div id="menu" class="
<?php if($this->getData(['theme', 'menu', 'position']) === 'top'){echo 'container-large';}else{echo'container';}
?>">
@ -67,7 +67,7 @@
<?php if($this->getData(['theme', 'menu', 'position']) === 'body-second'): ?>
<!-- Menu dans le fond du site après la bannière -->
<nav>
<div id="toggle"><?php echo template::ico('menu'); ?></div>
<div id="toggle"><?php echo template::ico('menu',null,null,'2em'); ?></div>
<div id="menu" class="container">
<?php $layout->showMenu(); ?>
</div>
@ -78,7 +78,7 @@
<?php if($this->getData(['theme', 'menu', 'position']) === 'site-first'): ?>
<!-- Menu dans le site avant la bannière -->
<nav>
<div id="toggle"><?php echo template::ico('menu'); ?></div>
<div id="toggle"><?php echo template::ico('menu',null,null,'2em'); ?></div>
<div id="menu" class="container">
<?php $layout->showMenu(); ?>
</div>
@ -121,7 +121,7 @@
): ?>
<!-- Menu dans le site après la bannière -->
<nav <?php if($this->getData(['theme', 'menu', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>>
<div id="toggle"><?php echo template::ico('menu'); ?></div>
<div id="toggle"><?php echo template::ico('menu',null,null,'2em'); ?></div>
<div id="menu" class="container">
<?php $layout->showMenu(); ?>
</div>