ajout font et variable css
This commit is contained in:
parent
6d00b6c547
commit
f5633610a9
|
@ -85,12 +85,16 @@ class ConfigType extends AbstractType
|
|||
"Chewy-Regular" => "Chewy-Regular",
|
||||
"Courgette-Regular" => "Courgette-Regular",
|
||||
"FredokaOne-Regular" => "FredokaOne-Regular",
|
||||
"Gothic-Bold" => "Gothic-Bold",
|
||||
"Gothic-Regular" => "Gothic-Regular",
|
||||
"Grandstander" => "Grandstander",
|
||||
"Helvetica" => "Helvetica",
|
||||
"Justanotherhand-Regular" => "Justanotherhand-Regular",
|
||||
"Lato-Regular" => "Lato-Regular",
|
||||
"LexendDeca-Regular" => "LexendDeca-Regular",
|
||||
"LuckiestGuy-Regular" => "LuckiestGuy-Regular",
|
||||
"Marianne-Bold" => "Marianne-Bold",
|
||||
"Marianne-Regular" => "Marianne-Regular",
|
||||
"Overpass-Black" => "Overpass-Black",
|
||||
"PassionOne" => "PassionOne",
|
||||
"Peacesans" => "Peacesans",
|
||||
|
|
|
@ -1,10 +1,7 @@
|
|||
|
||||
@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-family: 'ABeeZee-Regular';
|
||||
src: url('../fonts/typo/ABeeZee-Regular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
@ -20,53 +17,6 @@
|
|||
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-family: 'AlfaSlabOne-Regular';
|
||||
src: url('../fonts/typo/AlfaSlabOne-Regular.ttf') format('truetype');
|
||||
|
@ -81,48 +31,6 @@
|
|||
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-family: 'Baloo-Regular';
|
||||
src: url('../fonts/typo/Baloo-Regular.ttf') format('truetype');
|
||||
|
@ -151,6 +59,52 @@
|
|||
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-family: 'LexendDeca-Regular';
|
||||
src: url('../fonts/typo/LexendDeca-Regular.ttf') format('truetype');
|
||||
|
@ -158,6 +112,85 @@
|
|||
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-family: 'RubikMonoOne-Regular';
|
||||
src: url('../fonts/typo/RubikMonoOne-Regular.ttf') format('truetype');
|
||||
|
@ -172,23 +205,23 @@
|
|||
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: 'Viga-Regular';
|
||||
src: url('../fonts/typo/Viga-Regular.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: 'PassionOne';
|
||||
src: url('../fonts/typo/PassionOne-Regular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 7.9 KiB |
|
@ -0,0 +1,3 @@
|
|||
name: Métice
|
||||
author: Pierre Cadéot
|
||||
version: 1.0
|
Binary file not shown.
After Width: | Height: | Size: 556 KiB |
|
@ -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; }
|
|
@ -8,6 +8,37 @@
|
|||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![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 %}
|
||||
{% stylesheets
|
||||
'@CadolesCoreBundle/Resources/public/css/bootstrap.min.css'
|
||||
|
@ -42,19 +73,6 @@
|
|||
<link href="{{ asset_url }}" rel="stylesheet" media="screen" />
|
||||
{% 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>
|
||||
body,
|
||||
.navbar-default ,
|
||||
|
@ -72,11 +90,11 @@
|
|||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
|
||||
.btn-primary
|
||||
{
|
||||
background-color: #{{ color['main'] }}
|
||||
background-color: var(--main)
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
background-color: #{{ color['colorbody'] }}
|
||||
background-color: var(--colorbody)
|
||||
}
|
||||
|
||||
.navbar-default,
|
||||
|
@ -93,7 +111,7 @@
|
|||
.bootstrap-switch.bootstrap-switch-focused,
|
||||
.btn-primary
|
||||
{
|
||||
border-color: #{{ color['main'] }}
|
||||
border-color: var(--main)
|
||||
}
|
||||
|
||||
h1,
|
||||
|
@ -104,7 +122,7 @@
|
|||
.modal-dialog,
|
||||
a
|
||||
{
|
||||
color: #{{ color['main'] }}
|
||||
color: var(--main)
|
||||
}
|
||||
|
||||
.nav>li>a:focus,
|
||||
|
@ -119,19 +137,19 @@
|
|||
.btn-primary:active,
|
||||
.btn-primary:focus
|
||||
{
|
||||
background-color: #{{ color['dark'] }} !important;
|
||||
background-color: var(--dark) !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus
|
||||
{
|
||||
border-color: #{{ color['dark'] }} !important;
|
||||
border-color: var(--dark) !important;
|
||||
}
|
||||
|
||||
.form-control:focus
|
||||
{
|
||||
border-color: #{{ color['light'] }}
|
||||
border-color: var(--light)
|
||||
}
|
||||
.form-control:focus,
|
||||
.bootstrap-switch.bootstrap-switch-focused {
|
||||
|
@ -143,7 +161,7 @@
|
|||
a:focus,
|
||||
.pagination>li>a:hover
|
||||
{
|
||||
color: #{{ color['dark'] }}
|
||||
color: var(--dark)
|
||||
}
|
||||
|
||||
.header a,
|
||||
|
@ -153,7 +171,7 @@
|
|||
.pagemenu a,
|
||||
.grid .grid-preview .caption,
|
||||
.grid .grid-preview .caption h1 {
|
||||
color: #{{ color['fontcolorhover'] }}
|
||||
color: var(--fontcolorhover)
|
||||
}
|
||||
|
||||
.header a:hover,
|
||||
|
@ -161,28 +179,37 @@
|
|||
.navbar-default .navbar-brand:hover,
|
||||
.navbar-default a:hover,
|
||||
.pagemenu a:hover {
|
||||
color: #{{ color['fontcolorhoverdark'] }}
|
||||
color: var(--fontcolorhoverdark)
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header .title,
|
||||
.panel-heading,
|
||||
.widgetheader,
|
||||
h1 {
|
||||
font-family: {{ app.session.get('fontfacetitle') }};
|
||||
font-family: var(--fontfacetitle);
|
||||
}
|
||||
|
||||
body,
|
||||
.slick .slicksubtitle,
|
||||
.slick .slicklink {
|
||||
font-family: {{ app.session.get('fontfacebody') }};
|
||||
font-family: var(--fontfacebody);
|
||||
}
|
||||
|
||||
.dropdown-submenu a
|
||||
{
|
||||
color: #{{ color['main'] }}
|
||||
color: var(--main)
|
||||
}
|
||||
</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 %}
|
||||
</head>
|
||||
|
|
|
@ -24,8 +24,6 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
|
||||
{{ include('@CadolesCore/Include/head.html.twig') }}
|
||||
|
||||
<style>
|
||||
|
@ -33,6 +31,7 @@
|
|||
{% block localstyle %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</style>
|
||||
|
||||
{% if maxwidth is defined and maxwidth %}
|
||||
|
|
Loading…
Reference in New Issue