Actus et listes de clubs plus jolies et fonctionnelles, calendriers (beta)
This commit is contained in:
parent
53658589f8
commit
09e63bf00c
9 changed files with 230 additions and 18 deletions
|
@ -70,7 +70,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
|||
|
||||
/* line 12, ../sass/screen.scss */
|
||||
*, *:after, *:before {
|
||||
box-sizing: content-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* line 16, ../sass/screen.scss */
|
||||
|
@ -189,23 +189,82 @@ header nav ul li > *:hover {
|
|||
.container .content section article + h2 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
/* line 125, ../sass/screen.scss */
|
||||
.container .content section.directory article.entry {
|
||||
width: 80%;
|
||||
max-width: 600px;
|
||||
max-height: 100%;
|
||||
position: relative;
|
||||
padding-right: 120px;
|
||||
}
|
||||
/* line 132, ../sass/screen.scss */
|
||||
.container .content section.directory article.entry .entry-image {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
background: #fff;
|
||||
box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.2);
|
||||
padding: 1px;
|
||||
overflow: hidden;
|
||||
right: 100px;
|
||||
transform: translateX(90%);
|
||||
top: -15px;
|
||||
}
|
||||
/* line 144, ../sass/screen.scss */
|
||||
.container .content section.directory article.entry .entry-image img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
/* line 155, ../sass/screen.scss */
|
||||
.container .content section.actuhome article.actu {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
max-width: 400px;
|
||||
}
|
||||
/* line 160, ../sass/screen.scss */
|
||||
.container .content section.actuhome article.actu .actu-header {
|
||||
position: relative;
|
||||
box-shadow: -4px 5px 1px rgba(0, 0, 0, 0.3);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 167, ../sass/screen.scss */
|
||||
.container .content section.actuhome article.actu .actu-header img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
z-index: -1;
|
||||
}
|
||||
/* line 177, ../sass/screen.scss */
|
||||
.container .content section.actuhome article.actu .actu-header h2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 150px;
|
||||
}
|
||||
|
||||
/* line 128, ../sass/screen.scss */
|
||||
/* line 194, ../sass/screen.scss */
|
||||
.calendar td, .calendar th {
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
border: 2px solid transparent;
|
||||
padding: 1px;
|
||||
}
|
||||
/* line 135, ../sass/screen.scss */
|
||||
/* line 201, ../sass/screen.scss */
|
||||
.calendar th {
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 140, ../sass/screen.scss */
|
||||
/* line 206, ../sass/screen.scss */
|
||||
.calendar td.out {
|
||||
opacity: 0.3;
|
||||
}
|
||||
/* line 143, ../sass/screen.scss */
|
||||
/* line 209, ../sass/screen.scss */
|
||||
.calendar td.today {
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
|
13
gestioncof/cms/static/cofcms/js/script.js
Normal file
13
gestioncof/cms/static/cofcms/js/script.js
Normal file
|
@ -0,0 +1,13 @@
|
|||
$(function() {
|
||||
$(".facteur").on("click", function(){
|
||||
var $this = $(this);
|
||||
var sticker = $this.attr('data-mref')
|
||||
.replace('pont', '.')
|
||||
.replace('arbre', '@')
|
||||
.replace(/(.)-/g, '$1');
|
||||
|
||||
var boite = $("<a>", {href:"ma"+"il"+"to:"+sticker}).text(sticker);
|
||||
$(this).before(boite)
|
||||
.remove();
|
||||
})
|
||||
});
|
|
@ -10,7 +10,7 @@
|
|||
@import "_colors";
|
||||
|
||||
*, *:after, *:before {
|
||||
box-sizing: content-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -120,6 +120,72 @@ header {
|
|||
article + h2 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
&.directory {
|
||||
article.entry {
|
||||
width: 80%;
|
||||
max-width: 600px;
|
||||
max-height: 100%;
|
||||
position: relative;
|
||||
padding-right: 120px;
|
||||
|
||||
.entry-image {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
background: #fff;
|
||||
box-shadow: -4px 4px 1px rgba(#000, 0.2);
|
||||
padding: 1px;
|
||||
overflow: hidden;
|
||||
right: 100px;
|
||||
transform: translateX(90%);
|
||||
top: -15px;
|
||||
|
||||
img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.actuhome {
|
||||
article.actu {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
max-width: 400px;
|
||||
|
||||
.actu-header {
|
||||
position: relative;
|
||||
box-shadow: -4px 5px 1px rgba(#000, 0.3);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
|
||||
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-top: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.actu-misc {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue