entrouvert
/
atreal-publik-themes
Archived
17
0
Fork 0
Code Issues Pull Requests Releases Activity

Thème Ville d'Avray: ajout de deux nouvelles classes: 'h[12]-titre' pour forcer l'apparence d'un titre sur un niveau 1 ou 2, 'h[123]-souligne' pour ajouter un soulignage du titre selon son niveau; utilisation de la couleur primaire en tant que couleur de titre par défaut; augmentation de la taille des titres h2; diminution de la taille des titres h3; suppression de la marge gauche des entêtes de catégories dans les formulaires

This commit is contained in:
Michael Bideau 2019-03-13 15:49:08 +00:00
parent bc997a6864
commit 93d6a79762
1 changed files with 93 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
static/avray/_custom.scss
View File

@ -234,6 +234,7 @@ nav {
font-style: normal;
}
h1 {
color: $title-color;
font-weight: 600;
font-size: 23px;
padding-bottom: 6px;
@ -241,14 +242,42 @@ nav {
text-transform: uppercase;
}
h2 {
color: $title-color;
font-family: Arial;
text-decoration: none;
font-size: large;
font-size: 1.4em;
font-weight: bold;
}
h3 {
color: $title-color;
font-size: medium;
}
.cell.wcsformsofcategorycell h2 {
background-color: #f3f3f3;
padding-left: 0;
}
.cell.titre-h1 h1 {
font-size: 23px;
font-weight: 600;
padding: 4px 0;
text-transform: uppercase;
border-bottom: none;
}
.cell.titre-h2 h2 {
font-size: 23px;
font-weight: 600;
padding: 4px 0;
text-transform: uppercase;
border-bottom: none;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
content: '';
display: block;
height: 3px;
width: 65px;
border-bottom: 3px solid transparent;
}
#sidebar {
@ -269,6 +298,7 @@ nav {
}
}
.cell.titre-menu::after {
content: '';
display: block;
height: 3px;
width: 65px;
@ -302,10 +332,6 @@ nav {
color: white;
}
}
.cell.textcell h2 {
background-color: #f3f3f3;
}
}
#columns {
@ -319,6 +345,11 @@ nav {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-la-ville !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-la-ville;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-la-ville !important;
@ -328,10 +359,21 @@ nav {
}
}
}
.cell.la-ville.h1-souligne h1::after,
.cell.la-ville.h2-souligne h2::after,
.cell.la-ville.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-la-ville !important;
}
#cadre-vie, .cadre-vie, .page-cadre-vie, .section-cadre-vie, .content-cadre-vie {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-cadre-vie !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-cadre-vie;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-cadre-vie !important;
@ -341,10 +383,20 @@ nav {
}
}
}
.cell.cadre-vie.h1-souligne h1::after,
.cell.cadre-vie.h2-souligne h2::after,
.cell.cadre-vie.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-cadre-vie !important;
}
#economie-commerces, .economie-commerces, .page-economie-commerces, .section-economie-commerces, .content-economie-commerces {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-economie-commerces !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-economie-commerces;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-economie-commerces !important;
@ -354,10 +406,20 @@ nav {
}
}
}
.cell.economie-commerces.h1-souligne h1::after,
.cell.economie-commerces.h2-souligne h2::after,
.cell.economie-commerces.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-economie-commerces !important;
}
#enfance-jeunesse, .enfance-jeunesse, .page-enfance-jeunesse, .section-enfance-jeunesse, .content-enfance-jeunesse {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-enfance-jeunesse !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-enfance-jeunesse;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-enfance-jeunesse !important;
@ -367,10 +429,20 @@ nav {
}
}
}
.cell.enfance-jeunesse.h1-souligne h1::after,
.cell.enfance-jeunesse.h2-souligne h2::after,
.cell.enfance-jeunesse.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-enfance-jeunesse !important;
}
#sports-culture, .sports-culture, .page-sports-culture, .section-sports-culture, .content-sports-culture {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-sports-culture !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-sports-culture;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-sports-culture !important;
@ -380,10 +452,20 @@ nav {
}
}
}
.cell.sports-culture.h1-souligne h1::after,
.cell.sports-culture.h2-souligne h2::after,
.cell.sports-culture.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-sports-culture !important;
}
#social-aines, .social-aines, .page-social-aines, .section-social-aines, .content-social-aines {
h1, h2, h3, h4, h5, h6, #content a:hover, #sidebar .cell.titre-menu a {
color: $color-rubrique-social-aines !important;
}
.cell.h1-souligne h1::after,
.cell.h2-souligne h2::after,
.cell.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-social-aines;
}
#sidebar {
.cell.titre-menu::after {
border-bottom: 3px solid $color-rubrique-social-aines !important;
@ -393,6 +475,11 @@ nav {
}
}
}
.cell.social-aines.h1-souligne h1::after,
.cell.social-aines.h2-souligne h2::after,
.cell.social-aines.h3-souligne h3::after {
border-bottom: 3px solid $color-rubrique-social-aines !important;
}
/* Custommization des titres avec un soulignage