Attention ! Gitlab fournissant maintenant nativement des certificats Let’s Encrypt aux domaines personnalisés des Gitlab Pages, nous avons coupé notre service qui le faisait automatiquement pour vous.

Il est impératif, pour que votre domaine personnalisé continue à avoir un certificat Let’s Encrypt à jour, d’activer la fonctionnalité native dans les paramètres de votre projet. Cette activation remplacera votre certificat actuel par un nouveau certificat Let’s Encrypt géré par Gitlab.

Voir les détails sur https://docs.framasoft.org/fr/gitlab/gitlab-pages-le.html

Commit 50a515b6 authored by Julien Fastré's avatar Julien Fastré

write & layout website globally

parent 936d4939
.fa.bigger {
font-size: 5em;
margin-bottom: 0.3em;
&::after {
content:"\A";
white-space:pre;
}
}
.jumbotron {
background-color: inherit;
}
.label-chill-to-come {
.label-variant(@magenta);
}
p.next_meeting {
margin-top: 3em;
}
.panel h3 {
font-size: @font-size-base;
margin-bottom: 2px;
margin-top: 3px;
}
.module-plus {
i { color: @brown;}
color: darken(@brown, 30%);
text-align: center;
font-size: @font-size-h4;
}
.wrapper_modules {
h2 {
margin-bottom: 22px;
}
}
.know_more {
h2 {
margin-bottom: 22px;
}
& > div.container > div.row {
margin-bottom: 18px;
& > div {
text-align: center;
}
}
}
//define a panel with chill colors
.panel-chill {
.panel-variant(@brown; @dark; @brown; @brown);
}
@media all and (min-width: 1100px) {
.stickercontainer {
position: absolute;
top: 40px;
left: 20px;
width: 310px;
height: 310px;
margin: auto;
font-size: 400px;
-moz-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
transform: rotate(-25deg);
}
.sticker {
position: absolute;
width: 95%;
height: 95%;
top: -10%;
left: 2.5%;
background: -moz-radial-gradient(center, ellipse cover, #3f82e7 0%, #000 400%);
background: -webkit-radial-gradient(center, ellipse cover, #3f82e7 0%, #000 400%);
background: -o-radial-gradient(center, ellipse cover, #3f82e7 0%, #000 400%);
background: radial-gradient(center, ellipse cover, #3f82e7 0%, #000 400%);
box-shadow: 0px 1px 5px -1px #000;
border-radius: 50%;
}
.stickercrop {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.foldshadow {
position: absolute;
width: 80%;
height: 95%;
top: -85.5%;
left: 10%;
background-color: #000;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
border-radius: 50%;
}
.foldshadowcrop {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.fold {
position: absolute;
width: 95%;
height: 95%;
top: -85%;
left: 2.5%;
background: -moz-linear-gradient(top, #000 30%, #6899e3 100%);
background: -webkit-linear-gradient(top, #000 30%, #6899e3 100%);
background: -o-linear-gradient(top, #000 30%, #6899e3 100%);
background: linear-gradient(top, #000 30%, #6899e3 100%);
box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.foldcrop {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.text {
position: absolute;
width: 100%;
height: 100%;
top: 22%;
overflow: hidden;
text-align: center;
font-size: 25px;
color: white;
text-shadow: 0px 2px 3px #6899e3;
}
}
@media all and (max-width: 1099px) {
.stickercontainer {
display: hidden;
}
}
//import open sans
//TODO : remove import from google fonts !
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,800,800italic,400italic);
h2, .h2 {
font-weight: 700;
}
h3, .h3 {
font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
&.centered {
text-align: center;
}
}
......@@ -4,4 +4,30 @@
// == chill colors
//
@yellow: yellow;
@yellow: #edc74b;
@yellow_outer: #edc74b;
@orange: #e27a3e;
@orange_outer: #e89463;
@red: #de4849;
@red_outer: #e57469;
@grey: #ebebeb;
@grey_outer: #efefef;
@brown: #c9b99e;
@brown_outer: #d3c7b1;
@magenta: #d50b51;
@magenta_outer: #dc516d;
@dark: #333333;
@dark_outer: #333333;
@cyan: #43b09b;
@cyan_outer: #79c0af;
// == override bootstrap values
@font-family-sans-serif: 'Open Sans', sans-serif;
@font-size-base: 16px;
@font-size-h1: floor((@font-size-base * 3.2)); // ~36px
@font-size-h2: floor((@font-size-base * 2.8)); // ~30px
.wrapper {
padding: 1em 0 2em 0;
&.wrapper_jumbotron {
background-color: lighten(@cyan_outer, 10%);
}
&.wrapper_to_do_what {
background-color: @grey_outer;
color: @dark;
}
&.wrapper_how {
background-color: @red_outer;
color: @grey_outer;
}
&.wrapper_modules {
background-color: @grey_outer;
color: @dark;
//set background color inside panel
.panel-body {
background-color: lighten(@grey_outer, 10%);
}
}
&.wrapper_meetings {
background-color: @cyan;
color: @grey_outer;
a { color: darken(@brand-primary, 15%) };
a:hover { color: darken(@brand-primary, 30%) };
}
&.wrapper_know_more {
background-color: @grey_outer;
color: @dark;
}
}
......@@ -9,7 +9,7 @@
// Reset and dependencies
@import "normalize.less";
@import "print.less";
@import "glyphicons.less";
//@import "glyphicons.less";
// Core CSS
@import "scaffolding.less";
......@@ -30,7 +30,7 @@
//@import "breadcrumbs.less";
//@import "pagination.less";
//@import "pager.less";
//@import "labels.less";
@import "labels.less";
//@import "badges.less";
@import "jumbotron.less";
//@import "thumbnails.less";
......@@ -38,7 +38,7 @@
//@import "progress-bars.less";
//@import "media.less";
//@import "list-group.less";
//@import "panels.less";
@import "panels.less";
//@import "responsive-embed.less";
//@import "wells.less";
//@import "close.less";
......@@ -53,3 +53,17 @@
@import "utilities.less";
@import "responsive-utilities.less";
//customization
@import "chill_typography.less";
@import "chill_icons.less";
@import "chill_jumbotron.less";
@import "chill_wrapper.less";
@import "chill_sticker.less";
@import "chill_panel.less";
@import "chill_label.less";
@import "chill_buttons.less";
@import "chill_misc.less";
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment