ajout font et variable css

This commit is contained in:
afornerot 2020-11-06 14:03:52 +01:00
parent 6d00b6c547
commit f5633610a9
14 changed files with 261 additions and 142 deletions

View File

@ -85,12 +85,16 @@ class ConfigType extends AbstractType
"Chewy-Regular" => "Chewy-Regular", "Chewy-Regular" => "Chewy-Regular",
"Courgette-Regular" => "Courgette-Regular", "Courgette-Regular" => "Courgette-Regular",
"FredokaOne-Regular" => "FredokaOne-Regular", "FredokaOne-Regular" => "FredokaOne-Regular",
"Gothic-Bold" => "Gothic-Bold",
"Gothic-Regular" => "Gothic-Regular",
"Grandstander" => "Grandstander", "Grandstander" => "Grandstander",
"Helvetica" => "Helvetica", "Helvetica" => "Helvetica",
"Justanotherhand-Regular" => "Justanotherhand-Regular", "Justanotherhand-Regular" => "Justanotherhand-Regular",
"Lato-Regular" => "Lato-Regular", "Lato-Regular" => "Lato-Regular",
"LexendDeca-Regular" => "LexendDeca-Regular", "LexendDeca-Regular" => "LexendDeca-Regular",
"LuckiestGuy-Regular" => "LuckiestGuy-Regular", "LuckiestGuy-Regular" => "LuckiestGuy-Regular",
"Marianne-Bold" => "Marianne-Bold",
"Marianne-Regular" => "Marianne-Regular",
"Overpass-Black" => "Overpass-Black", "Overpass-Black" => "Overpass-Black",
"PassionOne" => "PassionOne", "PassionOne" => "PassionOne",
"Peacesans" => "Peacesans", "Peacesans" => "Peacesans",

View File

@ -1,10 +1,7 @@
@font-face { @font-face {
font-family: 'Redressed'; font-family: 'ABeeZee-Regular';
src: url('../fonts/typo/Redressed-webfont.eot'); src: url('../fonts/typo/ABeeZee-Regular.ttf') format('truetype');
src: url('../fonts/typo/Redressed-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Redressed-webfont.woff') format('woff'),
url('../fonts/typo/Redressed-webfont.ttf') format('truetype'),
url('../fonts/typo/Redressed-webfont.svg#redressedregular') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -20,53 +17,6 @@
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Peacesans';
src: url('../fonts/typo/Peacesans-webfont.eot');
src: url('../fonts/typo/Peacesans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Peacesans-webfont.woff') format('woff'),
url('../fonts/typo/Peacesans-webfont.ttf') format('truetype'),
url('../fonts/typo/Peacesans-webfont.svg#peacesans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('../fonts/typo/Roboto-Regular-webfont.eot');
src: url('../fonts/typo/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Roboto-Regular-webfont.woff') format('woff'),
url('../fonts/typo/Roboto-Regular-webfont.ttf') format('truetype'),
url('../fonts/typo/Roboto-Regular-webfont.svg#peacesansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Justanotherhand-Regular';
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot');
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.woff') format('woff'),
url('../fonts/typo/Justanotherhand-Regular-webfont.ttf') format('truetype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.svg#justanotherhandregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Regular';
src: url('../fonts/typo/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ABeeZee-Regular';
src: url('../fonts/typo/ABeeZee-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'AlfaSlabOne-Regular'; font-family: 'AlfaSlabOne-Regular';
src: url('../fonts/typo/AlfaSlabOne-Regular.ttf') format('truetype'); src: url('../fonts/typo/AlfaSlabOne-Regular.ttf') format('truetype');
@ -81,48 +31,6 @@
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'FredokaOne-Regular';
src: url('../fonts/typo/FredokaOne-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Overpass-Black';
src: url('../fonts/typo/Overpass-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Righteous-Regular';
src: url('../fonts/typo/Righteous-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Signika-Regular';
src: url('../fonts/typo/Signika-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Teko-Bold';
src: url('../fonts/typo/Teko-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LuckiestGuy-Regular';
src: url('../fonts/typo/LuckiestGuy-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'Baloo-Regular'; font-family: 'Baloo-Regular';
src: url('../fonts/typo/Baloo-Regular.ttf') format('truetype'); src: url('../fonts/typo/Baloo-Regular.ttf') format('truetype');
@ -151,6 +59,52 @@
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'FredokaOne-Regular';
src: url('../fonts/typo/FredokaOne-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gothic-Regular';
src: url('../fonts/typo/Gothic-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gothic-Bold';
src: url('../fonts/typo/Gothic-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Grandstander';
src: url('../fonts/typo/Grandstander-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Justanotherhand-Regular';
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot');
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.woff') format('woff'),
url('../fonts/typo/Justanotherhand-Regular-webfont.ttf') format('truetype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.svg#justanotherhandregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Regular';
src: url('../fonts/typo/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'LexendDeca-Regular'; font-family: 'LexendDeca-Regular';
src: url('../fonts/typo/LexendDeca-Regular.ttf') format('truetype'); src: url('../fonts/typo/LexendDeca-Regular.ttf') format('truetype');
@ -158,6 +112,85 @@
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Marianne-Bold';
src: url('../fonts/typo/Marianne-Bold.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Marianne-Regular';
src: url('../fonts/typo/Marianne-Regular.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Justanotherhand-Regular';
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot');
src: url('../fonts/typo/Justanotherhand-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.woff') format('woff'),
url('../fonts/typo/Justanotherhand-Regular-webfont.ttf') format('truetype'),
url('../fonts/typo/Justanotherhand-Regular-webfont.svg#justanotherhandregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Overpass-Black';
src: url('../fonts/typo/Overpass-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PassionOne';
src: url('../fonts/typo/PassionOne-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Peacesans';
src: url('../fonts/typo/Peacesans-webfont.eot');
src: url('../fonts/typo/Peacesans-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Peacesans-webfont.woff') format('woff'),
url('../fonts/typo/Peacesans-webfont.ttf') format('truetype'),
url('../fonts/typo/Peacesans-webfont.svg#peacesans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Redressed';
src: url('../fonts/typo/Redressed-webfont.eot');
src: url('../fonts/typo/Redressed-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Redressed-webfont.woff') format('woff'),
url('../fonts/typo/Redressed-webfont.ttf') format('truetype'),
url('../fonts/typo/Redressed-webfont.svg#redressedregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Righteous-Regular';
src: url('../fonts/typo/Righteous-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('../fonts/typo/Roboto-Regular-webfont.eot');
src: url('../fonts/typo/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/typo/Roboto-Regular-webfont.woff') format('woff'),
url('../fonts/typo/Roboto-Regular-webfont.ttf') format('truetype'),
url('../fonts/typo/Roboto-Regular-webfont.svg#peacesansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'RubikMonoOne-Regular'; font-family: 'RubikMonoOne-Regular';
src: url('../fonts/typo/RubikMonoOne-Regular.ttf') format('truetype'); src: url('../fonts/typo/RubikMonoOne-Regular.ttf') format('truetype');
@ -172,23 +205,23 @@
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Signika-Regular';
src: url('../fonts/typo/Signika-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Teko-Bold';
src: url('../fonts/typo/Teko-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'Viga-Regular'; font-family: 'Viga-Regular';
src: url('../fonts/typo/Viga-Regular.ttf') format('truetype'); src: url('../fonts/typo/Viga-Regular.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Grandstander';
src: url('../fonts/typo/Grandstander-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PassionOne';
src: url('../fonts/typo/PassionOne-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@ -0,0 +1,3 @@
name: Métice
author: Pierre Cadéot
version: 1.0

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 KiB

View File

@ -0,0 +1,53 @@
div.header {
background-image: linear-gradient(90deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%),var(--header) !important;
}
.avatar { background-color: var(--main) !important; }
#logo {
height: 79px !important;
float: left !important;
top: -8px !important;
left: -10px !important;
position: relative !important;
}
div.header > a > span {
color: black !important;
}
nav#appmenu > ul > li.active > a.active, .nav>li>a:hover {
background-color: white !important;
color: var(--main);
font-weight: bold;
}
.navbar-default, .grid-item, .widgetheader {
background-color: var(--main) !important;
}
.grid-item-content {
background-color: var(--dark) !important;
}
.widget-mini > .widgetheader {
background-color: var(--light) !important;
}
.navbar-default { border-color: var(--light) !important }
.nav > li > a:hover {
background:none !important;
}
.nav.navbar-top-links.navbar-left>li>a:hover {
text-shadow: var(--light) 0px 0px 20px;
color: var(--main) !important;
background-color: var(--light) !important;
}
.nav.navbar-top-links.navbar-right>li>a:hover {
text-shadow: white 0px 0px 20px;
color: var(--main) !important;
background: none !important;
}
nav#appmenu { zoom: 0.68; font-weight: bold; }

View File

@ -8,6 +8,37 @@
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<style>
:root{
--colorbody: #{{ color['colorbody'] }};
--main: #{{ color['main'] }};
--mainR: {{ color['mainrgb']['r'] }};
--mainG: {{ color['mainrgb']['g'] }};
--mainB: {{ color['mainrgb']['b'] }};
--dark: #{{ color['dark'] }};
--darkR: {{ color['darkrgb']['r'] }};
--darkG: {{ color['darkrgb']['g'] }};
--darkB: {{ color['darkrgb']['b'] }};
--light: #{{ color['light'] }};
--lightR: {{ color['lightrgb']['r'] }};
--lightG: {{ color['lightrgb']['g'] }};
--lightB: {{ color['lightrgb']['b'] }};
--fontcolorhover: #{{ color['fontcolorhover'] }};
--fontcolorhoverdark: #{{ color['fontcolorhoverdark'] }};
--fontfacetitle: {{ app.session.get('fontfacetitle') }};
--fontfacebody: {{ app.session.get('fontfacebody') }};
--header: url(/{{ alias }}/{{ header }});
--logo: url(/{{ alias }}/{{ logo }});
{% if not app.session.get('sublogo') is empty %}
--sublogo: url(/{{ alias }}/{{ app.session.get('sublogo') }});
{% else %}
--sublogo: url();
{% endif %}
--fgheader: {{ fgheader }};
--heightheader: {{ heightheader }};
}
</style>
{% block stylesheets %} {% block stylesheets %}
{% stylesheets {% stylesheets
'@CadolesCoreBundle/Resources/public/css/bootstrap.min.css' '@CadolesCoreBundle/Resources/public/css/bootstrap.min.css'
@ -42,19 +73,6 @@
<link href="{{ asset_url }}" rel="stylesheet" media="screen" /> <link href="{{ asset_url }}" rel="stylesheet" media="screen" />
{% endstylesheets %} {% endstylesheets %}
{% set theme = app.session.get('theme') %}
{% if theme is not empty %}
<link href="/{{ alias }}/bundles/cadolescore/themes/{{theme}}/style.css" rel="stylesheet" media="screen" />
{% endif %}
<link rel="shortcut icon" href="/{{ alias }}/{{ app.session.get('logo') }}" />
<style>
</style>
<style> <style>
body, body,
.navbar-default , .navbar-default ,
@ -72,11 +90,11 @@
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.btn-primary .btn-primary
{ {
background-color: #{{ color['main'] }} background-color: var(--main)
} }
#page-wrapper { #page-wrapper {
background-color: #{{ color['colorbody'] }} background-color: var(--colorbody)
} }
.navbar-default, .navbar-default,
@ -93,7 +111,7 @@
.bootstrap-switch.bootstrap-switch-focused, .bootstrap-switch.bootstrap-switch-focused,
.btn-primary .btn-primary
{ {
border-color: #{{ color['main'] }} border-color: var(--main)
} }
h1, h1,
@ -104,7 +122,7 @@
.modal-dialog, .modal-dialog,
a a
{ {
color: #{{ color['main'] }} color: var(--main)
} }
.nav>li>a:focus, .nav>li>a:focus,
@ -119,19 +137,19 @@
.btn-primary:active, .btn-primary:active,
.btn-primary:focus .btn-primary:focus
{ {
background-color: #{{ color['dark'] }} !important; background-color: var(--dark) !important;
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:active, .btn-primary:active,
.btn-primary:focus .btn-primary:focus
{ {
border-color: #{{ color['dark'] }} !important; border-color: var(--dark) !important;
} }
.form-control:focus .form-control:focus
{ {
border-color: #{{ color['light'] }} border-color: var(--light)
} }
.form-control:focus, .form-control:focus,
.bootstrap-switch.bootstrap-switch-focused { .bootstrap-switch.bootstrap-switch-focused {
@ -143,7 +161,7 @@
a:focus, a:focus,
.pagination>li>a:hover .pagination>li>a:hover
{ {
color: #{{ color['dark'] }} color: var(--dark)
} }
.header a, .header a,
@ -153,7 +171,7 @@
.pagemenu a, .pagemenu a,
.grid .grid-preview .caption, .grid .grid-preview .caption,
.grid .grid-preview .caption h1 { .grid .grid-preview .caption h1 {
color: #{{ color['fontcolorhover'] }} color: var(--fontcolorhover)
} }
.header a:hover, .header a:hover,
@ -161,28 +179,37 @@
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover,
.navbar-default a:hover, .navbar-default a:hover,
.pagemenu a:hover { .pagemenu a:hover {
color: #{{ color['fontcolorhoverdark'] }} color: var(--fontcolorhoverdark)
} }
.header .title, .header .title,
.panel-heading, .panel-heading,
.widgetheader, .widgetheader,
h1 { h1 {
font-family: {{ app.session.get('fontfacetitle') }}; font-family: var(--fontfacetitle);
} }
body, body,
.slick .slicksubtitle, .slick .slicksubtitle,
.slick .slicklink { .slick .slicklink {
font-family: {{ app.session.get('fontfacebody') }}; font-family: var(--fontfacebody);
} }
.dropdown-submenu a .dropdown-submenu a
{ {
color: #{{ color['main'] }} color: var(--main)
} }
</style> </style>
{% set theme = app.session.get('theme') %}
{% if theme is not empty %}
<link href="/{{ alias }}/bundles/cadolescore/themes/{{theme}}/style.css" rel="stylesheet" media="screen" />
{% endif %}
<link rel="shortcut icon" href="/{{ alias }}/{{ app.session.get('logo') }}" />
{% endblock %} {% endblock %}
</head> </head>

View File

@ -24,8 +24,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{ include('@CadolesCore/Include/head.html.twig') }} {{ include('@CadolesCore/Include/head.html.twig') }}
<style> <style>
@ -33,6 +31,7 @@
{% block localstyle %} {% block localstyle %}
{% endblock %} {% endblock %}
</style> </style>
{% if maxwidth is defined and maxwidth %} {% if maxwidth is defined and maxwidth %}