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.
 
 
 
 
 

223 lines
3.3 KiB

@import 'css/libs/vars';
@import 'css/libs/functions';
@import 'css/libs/mixins';
@import 'css/libs/vendor';
@import 'css/libs/breakpoints';
/* adaptations pour SPIP */
.arbo {
font-size:0.7em;
padding:0.25em 1.25rem 0;
position: absolute;
top: 50px;
left: 0;
right: 0;
text-align:left;
}
#main > header {
padding-left:1.25rem;
padding-right:1.25rem;
}
#main > header h1 {
font-size: 1.75em;
margin: 0 auto .5em auto;
max-width: 1200px;
}
#main > header .soustitre {
margin: auto ;
max-width: 1200px;
}
#banner .more {
&:after {
background:none;
}
i {
font-size:160%;
}
}
#header nav > ul > li > a.menuToggle {
&:after {
background:none;
display:none;
}
i {
font-size:110%;
margin-left:0.4em;
}
}
// Liste articles (accueil et rubrique)
.spotlight h2 a {border:0 ;}
// Menu principal
#menu {
ul {
ul {
margin:0;
padding-left:1em;
li {
border:0 !important;
margin: 0.5 !important;
padding:0 !important;
line-height:1.2 !important;
}
}
}
.close {
background:none;
text-align: right;
i {
font-size:130%;
padding:1rem;
}
}
}
// Pagination
.pagination {
margin: 2em 0;
word-wrap: break-word;
line-height: 2.4;
padding:0;
text-align:center;
li {
display:inline;
}
a, .on {
padding:.5em;
margin:1px;
.aside .nav & {
display:inline-block;
width:auto;
line-height: 1.4;
}
}
a {
text-decoration: none;
border: 0;
&.active,
&:hover {
background:_palette(bg);
color: _palette(fg);
}
}
.on {
font-weight: bold;
}
.sep {
visibility: hidden;
display:none;
}
}
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
height:auto;
}
// recherche
.recherche {
max-width:600px;
margin:0 auto;
label {
display:none;
}
.input-group {
@include vendor('display', 'flex');
}
input[type="search"], .recherche button.submit {
@include vendor('appearance', 'none');
background-color: _palette(border-bg);
border-radius: 3px;
border: none;
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
height: _size(element-height);
flex:100%;
&:focus {
box-shadow: 0 0 0 2px _palette(accent1, bg);
}
}
button.submit {
margin-left:.5em;
height:3.4em;
flex:60px;
padding:0;
}
button {
box-shadow: 0 0 0 2px _palette(border-bg);
color:_palette(border-bg);
&:hover {
box-shadow: 0 0 0 2px _palette(accent1, bg);
color:_palette(accent1, bg);
}
}
}
// contenu
.inner {
&:after {
display:block;
content:'';
clear:both;
}
}
article#main h2 {
font-size: 1.15em;
line-height: 1.15em;
}
img {
height:auto;
max-width:100%;
}
.spip_documents_left, .spip_documents_right {
max-width:49%;
}
/* formulaire */
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
position: relative;
margin-right: 1em;
}
// portfolio documents_joints
.documents_joints {
.liste-items {
display:flex;
flex-wrap:wrap;
.item {
max-width:33.33%;
flex-basis:33.33%;
word-wrap: break-word;
text-align:left;
@media (max-width:768px){
max-width:50%;
flex-basis:50%;
}
@media (max-width:480px){
max-width:100%;
flex-basis:100%;
}
.spip_logo {
float:left;
margin:0 0.6em 0 0;
}
.publication {
font-size:0.8em;
}
}
}
}
// footer
ul.icons li {
font-size:1.2em;
}