add styles
|
|
@ -0,0 +1,43 @@
|
|||
VERSION=`git describe | sed 's/^v//; s/-/./g' `
|
||||
NAME="cut-publik-theme"
|
||||
|
||||
prefix = /usr
|
||||
|
||||
all: css
|
||||
|
||||
css:
|
||||
cd static/grandlyon-cut/ && sass style.scss:style.css
|
||||
rm -rf static/*/.sass-cache/
|
||||
|
||||
clean:
|
||||
rm -rf sdist
|
||||
|
||||
DIST_FILES = \
|
||||
Makefile static\
|
||||
templates themes.json \
|
||||
publik-base-theme
|
||||
|
||||
dist: clean
|
||||
-mkdir sdist
|
||||
rm -rf sdist/$(NAME)-$(VERSION)
|
||||
mkdir -p sdist/$(NAME)-$(VERSION)
|
||||
for i in $(DIST_FILES); do \
|
||||
cp -R "$$i" sdist/$(NAME)-$(VERSION); \
|
||||
done
|
||||
|
||||
install:
|
||||
mkdir -p $(DESTDIR)$(prefix)/share/publik/themes/grandlyon-cut
|
||||
cp -r static themes.json $(DESTDIR)$(prefix)/share/publik/themes/grandlyon-cut
|
||||
|
||||
dist-bzip2: dist
|
||||
-mkdir sdist
|
||||
cd sdist && tar cfj ../sdist/$(NAME)-$(VERSION).tar.bz2 $(NAME)-$(VERSION)
|
||||
|
||||
version:
|
||||
@(echo $(VERSION))
|
||||
|
||||
name:
|
||||
@(echo $(NAME))
|
||||
|
||||
fullname:
|
||||
@(echo $(NAME)-$(VERSION))
|
||||
|
|
@ -0,0 +1,684 @@
|
|||
body {
|
||||
background: $body-background;
|
||||
}
|
||||
|
||||
@mixin header($width) {
|
||||
@extend %title;
|
||||
width: $width;
|
||||
}
|
||||
|
||||
a.button {
|
||||
background: $footer-background;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
div#header {
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
h1#logo {
|
||||
border-top: 25px solid $primary-color;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border-top: 3px solid $primary-color;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
div#return {
|
||||
background: $primary-color;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
top: 10%;
|
||||
}
|
||||
a {
|
||||
color: #000;
|
||||
background: #fff url(images/back.png) center left no-repeat;
|
||||
background-size: contain;
|
||||
padding: 10px 0 10px 70px;
|
||||
}
|
||||
}
|
||||
div#help {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
right: 3%;
|
||||
a {
|
||||
background: url(images/help.png) center right no-repeat;
|
||||
background-size: contain;
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#main-content {
|
||||
padding: 3ex 0 0 0;
|
||||
font-size: 16px;
|
||||
div.a2-container, div.a2-continue {
|
||||
width: 30em;
|
||||
margin: 0 auto 3ex auto;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
margin: 0 0.5em 3ex 0.5em;
|
||||
}
|
||||
}
|
||||
div.a2-continue {
|
||||
text-align: center;
|
||||
}
|
||||
#messages {
|
||||
ul {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
@each $i in (info, warning) {
|
||||
li.#{$i} {
|
||||
color: #fff;
|
||||
background: rgba(5,5,5,0.5);
|
||||
padding-left: 1em;
|
||||
margin-top: 3em;
|
||||
&::before {
|
||||
content: '';
|
||||
background: url(images/#{$i}.png) center left no-repeat;
|
||||
background-size: contain;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
top: -0.8em;
|
||||
left: -1.35em;
|
||||
z-index: -99999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
br.clear {
|
||||
display: none;
|
||||
}
|
||||
#cut-account br.clear {
|
||||
display: block;
|
||||
}
|
||||
div#login-page h2, div#frontend-registration-email h2, div#login-footer h2 {
|
||||
@include header(100%);
|
||||
}
|
||||
|
||||
div#registration_complete {
|
||||
padding: 5em 0;
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
margin: 3em 0;
|
||||
}
|
||||
}
|
||||
div#registration_completion {
|
||||
width: 60em;
|
||||
margin: 0 auto;
|
||||
h2 {
|
||||
@include header(100%);
|
||||
padding-bottom: 2ex;
|
||||
}
|
||||
h3 {
|
||||
padding-bottom: 1ex;
|
||||
border-bottom: 2px solid #b3b3b3;
|
||||
}
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
form {
|
||||
label {
|
||||
font-weight: bold;
|
||||
}
|
||||
> div {
|
||||
margin: 5ex 0 0 0;
|
||||
column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
column-gap: 3em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
column-gap: 0;
|
||||
}
|
||||
> div {
|
||||
width: 100%;
|
||||
height: 8.5em;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
input[type=submit] {
|
||||
width: 25%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
}
|
||||
p.complete_profile::after {
|
||||
content: '';
|
||||
background: url(images/down.png) no-repeat;
|
||||
background-size: contain;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
display: block;
|
||||
margin: 2ex auto;
|
||||
}
|
||||
ul.errorlist {
|
||||
margin: 0;
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
}
|
||||
input {
|
||||
width: 100%;
|
||||
border-radius: 0.1em;
|
||||
padding: 1ex 1em;
|
||||
margin: 1ex 0;
|
||||
}
|
||||
input[type=submit] {
|
||||
margin-top: 1ex;
|
||||
}
|
||||
a, input {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
label {
|
||||
text-align: left;
|
||||
}
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
div.separator {
|
||||
color: $link-color;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
padding: 1ex 0;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
&::before, &::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid $link-color;
|
||||
width: 50%;
|
||||
margin: 0 .5em 0 -45%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&::after {
|
||||
margin: 0 -45% 0 .5em;
|
||||
}
|
||||
}
|
||||
div#columns > div.a2-block,
|
||||
div#columns > div.separator {
|
||||
width: 30em;
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
div#login-page, div#registration {
|
||||
font-weight: normal;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
&.methods2 {
|
||||
> div.block {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
width: 30em;
|
||||
background: inherit;
|
||||
padding: 0 1em;
|
||||
}
|
||||
}
|
||||
div#methods {
|
||||
width: 30em;
|
||||
margin: 0 auto 3ex auto;
|
||||
padding: 0 1em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
&.fc-authenticated {
|
||||
div#fc-button-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
div.separator {
|
||||
display: none;
|
||||
}
|
||||
div#methods {
|
||||
width: 55%;
|
||||
column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
div.block {
|
||||
width: 70%;
|
||||
margin: 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div.a2-block {
|
||||
background: transparent;
|
||||
h2 {
|
||||
@include header(100%);
|
||||
}
|
||||
}
|
||||
form#a2-oidc-authorization-form {
|
||||
width: 60em;
|
||||
margin: 0 auto;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 5ex;
|
||||
}
|
||||
input[type=submit] {
|
||||
width: auto;
|
||||
margin: 0 0.8em;
|
||||
}
|
||||
}
|
||||
ul#id_title, ul#id_edit-profile-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
list-style-type: none;
|
||||
display: inline-block;
|
||||
label {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#toplinks {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 3%;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
max-width: 100%;
|
||||
}
|
||||
span.login {
|
||||
display: none;
|
||||
}
|
||||
span.logged-in {
|
||||
background: $body-background;
|
||||
border-radius: 1.5em;
|
||||
padding: 1.2ex 2em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border-radius: 0 0 1.5em 1.5em;
|
||||
}
|
||||
a {
|
||||
font-size: 1.4em;
|
||||
&.logout {
|
||||
background: url(images/logout.png) no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center right;
|
||||
color: transparent;
|
||||
display: inline-block;
|
||||
width: 1.2em;
|
||||
height: 2ex;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.last-login {
|
||||
margin-top: 2ex;
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#login-footer {
|
||||
background: #b3b3b3;
|
||||
width: $width;
|
||||
padding-bottom: 2rem;
|
||||
a {
|
||||
background: url(images/forward.png) no-repeat;
|
||||
background-position: right;
|
||||
background-size: 9px;
|
||||
display: inline-block;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
h1#logo a {
|
||||
display: block;
|
||||
background-size: auto 50%;
|
||||
height: 140px;
|
||||
line-height: 160px;
|
||||
width: 600px;
|
||||
margin: 0 auto;
|
||||
text-indent: -9999px;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
text-indent: -1000px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div#footer-wrapper {
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div#footer {
|
||||
margin: 3rem auto;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
width: 60em;
|
||||
h3 {
|
||||
background: rgba(5,5,5,0.5);
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
margin: 5rem 0 1rem 5rem;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
@each $i in (simple, rapide, securise) {
|
||||
.#{$i} {
|
||||
background: url(images/#{$i}.png) no-repeat;
|
||||
background-size: 30%;
|
||||
background-position: top center;
|
||||
}
|
||||
}
|
||||
.securise {
|
||||
background-size: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
div#footnote {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
max-width: $width;
|
||||
margin: 10px auto;
|
||||
text-align: center;
|
||||
color: $link-color;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#cut-nav {
|
||||
float: left;
|
||||
width: 22%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
float: none;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
|
||||
div.cut-back {
|
||||
text-align: right;
|
||||
margin: 5ex 3em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
text-align: left;
|
||||
margin: 0 0 5ex 0;
|
||||
}
|
||||
a::after {
|
||||
content: '';
|
||||
background: url(images/fast-back.png) no-repeat;
|
||||
background-size: contain;
|
||||
display: inline-block;
|
||||
width: 0.8em;
|
||||
height: 0.8em;
|
||||
vertical-align: middle;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin: 0 5%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 5ex 0;
|
||||
a {
|
||||
padding: 0.3ex 0;
|
||||
&:hover {
|
||||
border-bottom: 4px solid $link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.cut-edit {
|
||||
column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
}
|
||||
label {
|
||||
font-weight: bold;
|
||||
}
|
||||
> div {
|
||||
width: 100%;
|
||||
height: 6em;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
#cut-account {
|
||||
float: left;
|
||||
width: 70%;
|
||||
border-left: 1px solid #ccc;
|
||||
margin: 3ex 0;
|
||||
padding-left: 5%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
margin: 0 0.5em;
|
||||
border: 0;
|
||||
}
|
||||
.associated-email {
|
||||
color: $link-color;
|
||||
span {
|
||||
display: block;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
h2.cut-edit-title {
|
||||
border-bottom: 3px solid #ccc;
|
||||
}
|
||||
div.progress {
|
||||
float: left;
|
||||
padding-right: 20%;
|
||||
border-right: 1px solid #ccc;
|
||||
width: 50%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
float: none;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
ul.profile {
|
||||
padding: 2.5ex 5em 2.5ex 14em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
background: url(images/check-nok.png) no-repeat;
|
||||
background-size: contain;
|
||||
margin: 3ex 0;
|
||||
padding: 0 0 0 2.3em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@each $status in (completed, fc-validated, guichet-validated) {
|
||||
@each $i in (1, 2, 3) {
|
||||
&.profile-#{$status}-#{$i}-3 {
|
||||
background: url(images/profile-#{$status}-#{$i}-3.png) no-repeat;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
background-image: none;
|
||||
}
|
||||
background-size: contain;
|
||||
@for $j from 1 through $i {
|
||||
li:nth-child(#{$j}) {
|
||||
background-image: url(images/check-ok.png);
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div.fc-validated, div.guichet-validated {
|
||||
background: #034ea2;
|
||||
color: #fff;
|
||||
padding: 1ex 1em;
|
||||
border-radius: 0.3em;
|
||||
margin: 4ex 0;
|
||||
div.info {
|
||||
float: left;
|
||||
width: 20em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
div.fc-block {
|
||||
width: 40%;
|
||||
float: right;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
p.more-info {
|
||||
text-align: right;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
background: url(images/more.png) top right no-repeat;
|
||||
background-size: 65%;
|
||||
padding-top: 6ex;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
background: #034ea2;
|
||||
content: "";
|
||||
display: block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
transform: rotate(45deg);
|
||||
margin: -1em 4em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.guichet-validated {
|
||||
background: #00a8a7;
|
||||
&::before {
|
||||
background: #00a8a7;
|
||||
}
|
||||
}
|
||||
}
|
||||
div#account-management {
|
||||
float: right;
|
||||
width: 25%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
.block {
|
||||
margin: 0 0 0 5%;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
margin: 1ex 0;
|
||||
}
|
||||
ul {
|
||||
margin: 3ex 0;
|
||||
li {
|
||||
margin: 1ex 0;
|
||||
a {
|
||||
color: #fff;
|
||||
&:hover {
|
||||
background: $footer-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div#account-management-fc {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
div#profile {
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
ul {
|
||||
margin: 5ex 0;
|
||||
padding: 0 0 0 1em;
|
||||
li {
|
||||
&:first-child {
|
||||
border-top: 2px solid #ccc;
|
||||
}
|
||||
list-style-type: none;
|
||||
padding: 2.5ex 0;
|
||||
border-bottom: 2px solid #ccc;
|
||||
span.field-value {
|
||||
float: right;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div.edit {
|
||||
width: 20em;
|
||||
margin: 5ex auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
div.password-reset-form, div#registration_complete {
|
||||
margin: 0 auto 3ex auto;
|
||||
width: 30em;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: auto;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
span.help_text {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
div.fc-authenticated div#methods {
|
||||
> div {
|
||||
padding: 1ex 0;
|
||||
margin: 0 3em;
|
||||
}
|
||||
.certified {
|
||||
color: #000;
|
||||
}
|
||||
div#fc-button-wrapper {
|
||||
padding: 1ex 0;
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
div#fc-button img {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#methods div#fc-button-wrapper {
|
||||
margin: 2ex auto;
|
||||
div#fc-button {
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
a.button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
p:last-child {
|
||||
display: none;
|
||||
}
|
||||
div#fc-connecting a {
|
||||
color: #034ea2;
|
||||
}
|
||||
}
|
||||
|
||||
div#fc-linking {
|
||||
ul.fond {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div#fc-connecting {
|
||||
margin: 4ex 1em 1ex 1em;
|
||||
border: 1px solid #034ea2;
|
||||
border-right: 2px solid #034ea2;
|
||||
border-bottom: 3px solid #034ea2;
|
||||
padding: 0.5em 0;
|
||||
text-align: center;
|
||||
a {
|
||||
padding: 7% 0 7% 6em;
|
||||
display: inline-block;
|
||||
background: #fff url(/static/authentic2_auth_fc/img/fc_logo_micro.png) left center no-repeat;
|
||||
background-size: contain;
|
||||
text-align: left;
|
||||
margin: 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
div.fc-unlink {
|
||||
background: #fff url(/static/authentic2_auth_fc/img/fc_logo_mini.png) 10px center no-repeat;
|
||||
background-size: 20%;
|
||||
color: #034ea2;
|
||||
padding: 2ex 1em 2ex 5em;
|
||||
border-radius: 0.3em;
|
||||
a {
|
||||
color: #034ea2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
$width: 100%;
|
||||
$mobile-limit: 800px;
|
||||
$body-background: #f2f2f2;
|
||||
$top-logo-width: -70px;
|
||||
$font-size: 13px;
|
||||
$font-family: Arial, sans-serif;
|
||||
$border-radius: 0;
|
||||
$primary-color: #e42320;
|
||||
$link-color: #666666;
|
||||
$nav-background: transparent;
|
||||
$nav-submenu-background: white;
|
||||
$nav-submenu-color: #DA0000;
|
||||
$nav-item-background: transparent;
|
||||
$nav-color: #050707;
|
||||
$nav-active-color: white;
|
||||
$nav-item-selected-color: $primary-color;
|
||||
$nav-menu-color: $primary-color;
|
||||
$button-background: $link-color;
|
||||
$title-color: #000;
|
||||
$footer-background: $link-color;
|
||||
$footer-color: #FFF;
|
||||
$dashboard-selected-color: $primary-color;
|
||||
$title-border-bottom: 1px solid #C5C5B6;
|
||||
$cell-border: 0px solid transparent;
|
||||
$cell-background: $body-background;
|
||||
$title-background: $body-background;
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 572 B |
|
After Width: | Height: | Size: 534 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 449 B |
|
After Width: | Height: | Size: 654 B |
|
After Width: | Height: | Size: 457 B |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 914 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,18 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import 'vars';
|
||||
@import '../../publik-base-theme/static/includes/publik';
|
||||
|
||||
%title {
|
||||
@extend %title;
|
||||
font-size: 19px;
|
||||
margin: 0 auto;
|
||||
padding-top: 2rem;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@import "fc";
|
||||
@import 'custom';
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
[
|
||||
{"id": "grandlyon-cut",
|
||||
"label": "Grand Lyon CUT",
|
||||
"variables": {
|
||||
"css_variant": "grandlyon-cut",
|
||||
"no_extra_js": true,
|
||||
"theme_color": "#E42320"
|
||||
}
|
||||
}
|
||||
]
|
||||