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

#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
/////////////////////