Plus de templates, plus joli

This commit is contained in:
Evarin 2017-08-26 18:05:20 +02:00
parent 09e63bf00c
commit 7853987ebb
8 changed files with 269 additions and 70 deletions

View file

@ -37,6 +37,12 @@ h2 {
a {
color: $lien;
text-decoration: none;
font-weight: bold;
}
h2 a {
font-weight: inherit;
color: inherit;
}
header {
@ -74,6 +80,19 @@ header {
}
}
article {
line-height: 1.4;
p, ul {
margin: 0.4em 0;
}
ul {
padding-left: 20px;
li {
list-style: outside;
}
}
}
.container {
max-width: 1000px;
margin: 0 auto;
@ -86,6 +105,7 @@ header {
width: 250px;
.aside {
color: #fff;
position: fixed;
position: sticky;
top: 5px;
@ -105,6 +125,14 @@ header {
max-width: 700px;
margin-left: auto;
margin-right: 0;
.intro {
border-bottom: 3px solid darken($fond, 50%);
margin: 20px -10px;
margin-top: 5px;
padding: 15px 5px;
}
section {
@ -121,6 +149,10 @@ header {
margin-top: 15px;
}
article + article {
margin-top: 25px;
}
&.directory {
article.entry {
width: 80%;
@ -152,10 +184,21 @@ header {
}
&.actuhome {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
article + article {
margin: 0;
}
article.actu {
background: none;
box-shadow: none;
max-width: 400px;
min-width: 300px;
flex: 1;
.actu-header {
position: relative;
@ -163,26 +206,36 @@ header {
padding: 0;
margin: 0;
overflow: hidden;
background-size: cover;
background-position: center center;
img {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
z-index: -1;
}
h2 {
width: 100%;
height: 100%;
padding: 5px;
padding-top: 150px;
text-shadow: 0 0 5px rgba(#000, 0.8);
a {
color: #fff;
}
}
}
.actu-misc {
background: lighten($fond, 15%);
box-shadow: -4px 5px 1px rgba(#000, 0.3);
margin: 0 10px;
padding: 15px;
padding-top: 5px;
.actu-minical {
display: block;
}
.actu-dates {
display: block;
text-align: right;
font-size: 0.9em;
}
}
}
}
@ -203,11 +256,26 @@ header {
}
td {
font-size: 0.8em;
width: 25px;
height: 30px;
&.out {
opacity: 0.3;
}
&.today {
border-bottom-color: #000;
}
&:nth-child(7) {
background: rgba(#000, 0.3);
}
&:nth-child(6) {
background: rgba(#000, 0.2);
}
&.hasevent {
font-weight: bold;
color: $lien;
font-size: 1em;
}
}
}