spip-contrib-squelettes
/
html5up_spectral
483
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity
Browse Source

lisibilité css

master
chankalan 4 months ago
parent
4b935cf735
commit
e612924ba6
1 changed files with 107 additions and 99 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 206
      css/theme.scss

206
css/theme.scss
Unescape View File

@ -7,72 +7,72 @@
/* 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;
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;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#main > header h1 {
font-size: 1.75em;
margin: 0 auto .5em auto;
max-width: 1200px;
font-size: 1.75em;
margin: 0 auto .5em auto;
max-width: 1200px;
}
#main > header .soustitre {
margin: auto ;
max-width: 1200px;
margin: auto ;
max-width: 1200px;
}
#banner .more {
&:after {
background:none;
background: none;
}
i {
font-size:160%;
font-size: 160%;
}
}
#header nav > ul > li > a.menuToggle {
&:after {
background:none;
display:none;
background: none;
display: none;
}
i {
font-size:110%;
margin-left:0.4em;
font-size: 110%;
margin-left: 0.4em;
}
}
// Liste articles (accueil et rubrique)
.spotlight h2 a {border:0 ;}
.spotlight h2 a {border: 0 ;}
// Menu principal
#menu {
ul {
ul {
margin:0;
padding-left:1em;
margin: 0;
padding-left: 1em;
li {
border:0 !important;
margin: 0.5 !important;
padding:0 !important;
line-height:1.2 !important;
border: 0 !important;
margin: 0.5 !important;
padding: 0 !important;
line-height: 1.2 !important;
}
}
}
.close {
background:none;
text-align: right;
background: none;
text-align: right;
i {
font-size:130%;
padding:1rem;
font-size: 130%;
padding: 1rem;
}
}
@ -80,87 +80,95 @@
// Pagination
.pagination {
margin: 2em 0;
word-wrap: break-word;
line-height: 2.4;
padding:0;
text-align:center;
margin: 2em 0;
word-wrap: break-word;
line-height: 2.4;
padding: 0;
text-align: center;
li {
display:inline;
display: inline;
}
a, .on {
padding:.5em;
margin:1px;
padding: .5em;
margin: 1px;
.aside .nav & {
display:inline-block;
width:auto;
line-height: 1.4;
display: inline-block;
width: auto;
line-height: 1.4;
}
}
a {
text-decoration: none;
border: 0;
text-decoration: none;
border: 0;
&.active,
&:hover {
background:_palette(bg);
color: _palette(fg);
background: _palette(bg);
color: _palette(fg);
}
}
.on {
font-weight: bold;
font-weight: bold;
}
.sep {
visibility: hidden;
display:none;
visibility: hidden;
display: none;
}
}
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
height:auto;
height: auto;
}
.lity-group-start-stop {
margin-top: -0.5rem;
}
.lity-group-start-stop button, .lity-next, .lity-previous {
box-shadow: none;
}
// recherche
.recherche {
max-width:600px;
margin:0 auto;
max-width: 600px;
margin: 0 auto;
label {
display:none;
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%;
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);
box-shadow: 0 0 0 2px _palette(accent1, bg);
}
}
button.submit {
margin-left:.5em;
height:3.4em;
flex:60px;
padding:0;
margin-left: .5em;
height: 3.4em;
flex: 60px;
padding: 0;
}
button {
box-shadow: 0 0 0 2px _palette(border-bg);
color:_palette(border-bg);
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);
box-shadow: 0 0 0 2px _palette(accent1, bg);
color: _palette(accent1, bg);
}
}
}
@ -168,56 +176,56 @@ input[type="submit"], input[type="reset"], input[type="button"], button, .button
// contenu
.inner {
&:after {
display:block;
content:'';
clear:both;
display: block;
content: '';
clear: both;
}
}
article#main h2 {
font-size: 1.15em;
line-height: 1.15em;
font-size: 1.15em;
line-height: 1.15em;
}
img {
height:auto;
max-width:100%;
height: auto;
max-width: 100%;
}
.spip_documents_left, .spip_documents_right {
max-width:49%;
max-width: 49%;
}
/* formulaire */
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
position: relative;
margin-right: 1em;
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;
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%;
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%;
@media (max-width: 480px){
max-width: 100%;
flex-basis: 100%;
}
.spip_logo {
float:left;
margin:0 0.6em 0 0;
float: left;
margin: 0 0.6em 0 0;
}
.publication {
font-size:0.8em;
font-size: 0.8em;
}
}
}
}
// footer
ul.icons li {
font-size:1.2em;
font-size: 1.2em;
}

Write Preview
Loading…
Cancel
Save