You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
333 lines
9.0 KiB
333 lines
9.0 KiB
#CACHE{3600*100,cache-client} |
|
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} |
|
#HTTP_HEADER{Vary: Accept-Encoding} |
|
|
|
// ----------------------------------------------------- |
|
// Plugin SPIPr-Dane-Noisettes |
|
// Squelette spipr-dane-noisettes.less.html |
|
// (c) 2019 Dominique Lepaisant |
|
// Distribue sous licence GPL3 |
|
// ----------------------------------------------------- |
|
@import "css/variables.less"; |
|
@import "css/mixins.less"; |
|
|
|
///////////////////// |
|
// AFFICHAGE EN COLONNES |
|
// Peut être transfere dans spipr-dane.less |
|
///////////////////// |
|
/*#content,#extra{ */ |
|
.liste{ |
|
&.articles,&.sites,&.evenements{ |
|
.liste-items{ |
|
&.liste-span{ |
|
article.image-zoom-hover { //effet zoom au survol |
|
background-color: transparent; |
|
transition-duration: 500ms; |
|
.spip_logo .img {transition-duration: 500ms;} |
|
&:hover { |
|
.spip_logo .img { |
|
background-size: 110% !important; |
|
transition-duration: 750ms; |
|
} |
|
li.item{background-color: transparent;} |
|
} |
|
} |
|
margin-left: 0; |
|
.item{ |
|
clear: none; |
|
padding: 0 0 0.73333333em 0; |
|
border: none !important; |
|
margin-bottom: 0; |
|
strong.h3-like{font-size:1em;} |
|
.postmeta.tags{ |
|
font-size: .9em; |
|
margin: 0 .5em 0 .5em; |
|
ul { |
|
li{ |
|
span.label{ |
|
margin: 0 .5em .2em 0; |
|
border: none!important; |
|
background-color: #eee!important; |
|
color: #333!important; |
|
text-shadow: none; |
|
font-weight: 400; |
|
.border-radius(2px); |
|
letter-spacing: .5px; |
|
} |
|
i.fa{font-size: small;} |
|
} |
|
} |
|
} |
|
&:hover {background-color: transparent; } |
|
&:first-child{float: left;} |
|
&.span2 { |
|
&:nth-child(6n+1){margin-left: 0;clear: left;} |
|
} |
|
&.span3 { |
|
&:nth-child(4n+1){margin-left: 0;clear: left;} |
|
} |
|
&.span4 { |
|
&:nth-child(3n+1){margin-left: 0;clear: left;} |
|
} |
|
&.span6 { |
|
&:nth-child(2n+1){margin-left: 0;clear: left;} |
|
} |
|
article{ |
|
border: 1px solid @grayLighter; |
|
min-height: 12em; |
|
padding: .5em .5em .8em .5em; |
|
text-align: center; |
|
&:hover,&:focus,&:active{ |
|
background-color:@grayLighter; |
|
transition:all 0.2s ease-in-out 0.0s; |
|
} |
|
.spip_logo{ |
|
margin: 0 auto ; |
|
float: none; |
|
} |
|
.titre{display:block;margin-top:.5em;font-weight: bold;} |
|
.publication{display: block;margin-bottom: 0;} |
|
.txt-right{text-align:right;} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
///////////////////// |
|
// PLUGIN INSERTION AVANCEE D'IMAGES |
|
// Peut être transfere dans spipr-dane.less |
|
///////////////////// |
|
/* modele slide */ |
|
.portfolio_slide_container { |
|
overflow: hidden; |
|
ul.portfolio_slide { |
|
margin-left:0; |
|
list-style: none; |
|
} |
|
} |
|
|
|
/////////////////////// |
|
// MENU PIED DE PAGE |
|
/////////////////////// |
|
#nav-footer { |
|
text-align: center; |
|
.menu-liste { |
|
margin: 2em 0; |
|
display: inline-flex; |
|
flex-wrap: wrap; |
|
} |
|
.menu-logo { |
|
margin:0 auto; |
|
>a { |
|
margin: 0 1em; |
|
&:hover {background-color:transparent;} |
|
} |
|
} |
|
} |
|
|
|
///////////////////// |
|
// SURCHARGES spipr-dane.less |
|
///////////////////// |
|
/* Agenda */ |
|
/* Surcharge spip.agenda.css */ |
|
#aside,#extra { |
|
.liste-items { |
|
.evenement { |
|
padding-left: 0; |
|
.banner{ |
|
display:block; |
|
float: none; |
|
margin: 0.3em auto; |
|
} |
|
} |
|
} |
|
} |
|
|
|
/* Dates dans les liste d'articles (inclure/resume/article.html) |
|
#content { |
|
.liste { |
|
ul.liste-items{ |
|
li.item .publication{ display: block;} |
|
} |
|
} |
|
} |
|
/* tweet h2 dans bloc aside */ |
|
#aside .liste.tweets h2.h2 > a {padding-right:0;letter-spacing:0;&:hover{text-decoration:none;}} |
|
|
|
/* Liens des menus dans les blocs */ |
|
#content,#aside,#extra{ |
|
.nav > li { |
|
> a:hover, > a:focus{ |
|
background-color: transparent; |
|
} |
|
} |
|
/* Couleurs des liens titres de liste */ |
|
.liste h2.h2> a {color: #000;} |
|
} |
|
|
|
/* liste simple de sites */ |
|
.liste-items.liste-simple li > a > .logo-site { |
|
float: right !important; |
|
margin-top: -10px; |
|
margin-bottom: -10px; |
|
} |
|
|
|
/* Documents dans les blocs aside */ |
|
.liste{ |
|
&.documents{ |
|
article{padding: 0;} |
|
} |
|
} |
|
|
|
/* Portfolio dans bloc aside: meme comportement que dans bloc extra */ |
|
#aside .documents_portfolio { |
|
clear: both; |
|
margin: 1.5em auto; |
|
text-align: center; |
|
} |
|
|
|
/* header sur petits ecrans */ |
|
@media (max-width: 980px) { |
|
|
|
} |
|
///////////////////// |
|
// MODELES DE PAGE (layers) |
|
///////////////////// |
|
#SET{extra_large, #ARRAY{0,content_aside_extra, 1,content-aside_extra-a, 2,content-aside_extra-b, 3,aside-content_extra-a, 4,aside-content_extra-b}} |
|
body { |
|
/*** 1 colonne ***/ |
|
//N°1 |
|
&.content_aside_extra, |
|
/*** 2 colonnes extra sur toute la largeur ***/ |
|
//N°2 |
|
&.content-aside_extra-a, |
|
//N°3 |
|
&.content-aside_extra-b, |
|
// N°4 |
|
&.aside-content_extra-a, |
|
//N°5 |
|
&.aside-content_extra-b { |
|
#extra{ |
|
// |
|
} |
|
} |
|
/*** 2 colonnes extra sous aside ***/ |
|
//N°6 |
|
&.content-aside_-extra-a, |
|
//N°7 |
|
&.content-aside_-extra-b, |
|
//N°8 |
|
&.aside_-extra-content-a, |
|
//N°9 |
|
&.aside_-extra-content-b { |
|
// |
|
} |
|
/*** 3 colonnes ***/ |
|
//N°10 |
|
&.aside-content-extra, |
|
//N°11 |
|
&.content-aside-extra, |
|
//N°12 |
|
&.aside-extra-content { |
|
#extra{ |
|
padding-top: 2em; |
|
} |
|
} |
|
} |
|
|
|
///////////////////// |
|
// @media |
|
///////////////////// |
|
/* largeur de la zone texte sur grand ecran */ |
|
@media (min-width:979px) { |
|
.page_article{ |
|
article.contenu,.formulaire_spip {margin: 0 2em} |
|
} |
|
} |
|
/* titre des articles en vignette sur smartphone*/ |
|
@media (min-width:767px){ |
|
.liste{ |
|
.liste-items{ |
|
&.liste-span{ |
|
.item{ |
|
.h3-like{ |
|
> a {max-width:350px;margin: auto;} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
/* entete sur smartphone*/ |
|
@media (max-width: 980px) { |
|
//header |
|
#header{ |
|
#logo-institution { |
|
text-align:center; |
|
img{max-width: 140px;} |
|
} |
|
header{ |
|
h1#logo_site_spip{ |
|
margin-bottom: 5px; |
|
text-align: center; |
|
.spip_logos,#nom_site_spip,#slogan_site_spip{display: block;margin: auto;} |
|
.spip_logos {//float: none; |
|
max-width: 150px; |
|
img {} |
|
} |
|
#nom_site_spip{font-size: .7em;} |
|
#slogan_site_spip{font-size: .5em;} |
|
|
|
} |
|
} |
|
.form-search{bottom: 0;right: 0;position: relative;text-align: center;max-height: 60px;clear: both;} |
|
} |
|
} |
|
@media (max-width:768px){ |
|
|
|
} |
|
@media (max-width:640px){ |
|
#header{ |
|
header{ |
|
h1#logo_site_spip{ |
|
.spip_logos{ |
|
float: none; |
|
display: block; |
|
margin: auto; |
|
max-width: 150px; |
|
} |
|
#nom_site_spip{font-size: 90%;} |
|
#slogan_site_spip{font-size: .7em;} |
|
} |
|
} |
|
} |
|
} |
|
@media (max-width:480px){ |
|
#header{ |
|
#logo-institution { |
|
text-align:center; |
|
//img{max-width: 140px;} |
|
} |
|
header{ |
|
h1#logo_site_spip{ |
|
margin-bottom: 5px; |
|
text-align: center; |
|
.spip_logos,#nom_site_spip,#slogan_site_spip{display: block;margin: auto;} |
|
.spip_logos {float: none; |
|
img {} |
|
} |
|
#nom_site_spip{font-size: .7em;} |
|
#slogan_site_spip{font-size: .5em;} |
|
|
|
} |
|
} |
|
.form-search{bottom: 0;right: 0;position: relative;text-align: center;} |
|
} |
|
} |
|
|
|
///////////////////// |
|
// Recuperation des metas |
|
///////////////////// |
|
|
|
|