first commit
This commit is contained in:
@@ -0,0 +1,121 @@
|
||||
# v1.2.5
|
||||
## 12/07/2018
|
||||
|
||||
1. [](#improved)
|
||||
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.7` version
|
||||
1. [](#bugfix)
|
||||
* Fixed missing `</html>` close tag in bae template [#76](https://github.com/getgrav/grav-theme-quark/pull/)
|
||||
|
||||
# v1.2.4
|
||||
## 11/12/2018
|
||||
|
||||
1. [](#improved)
|
||||
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.5` version
|
||||
* Added link support to modular `features` [#39](https://github.com/getgrav/grav-theme-quark/pull/39/)
|
||||
* Remove desktop menu when in mobile mode [#59](https://github.com/getgrav/grav-theme-quark/pull/59/)
|
||||
* Support modular `text` full-width if no image [#70](https://github.com/getgrav/grav-theme-quark/issues/70)
|
||||
* Shim for IE support of BrickLayer.js [#64](https://github.com/getgrav/grav-theme-quark/issues/64)
|
||||
1. [](#bugfix)
|
||||
* Fixed `continue_link:` showing up as toggled [#65](https://github.com/getgrav/grav-theme-quark/issues/65)
|
||||
* Fixed issue with modular pages not hidden in on-page menu with `visible: false` [#71](https://github.com/getgrav/grav-theme-quark/issues/71)
|
||||
|
||||
# v1.2.3
|
||||
## 11/05/2018
|
||||
|
||||
1. [](#improved)
|
||||
* Moved footer into standalone twig to allow for easier extensibility [#63](https://github.com/getgrav/grav-theme-quark/pull/63)
|
||||
1. [](#bugfix)
|
||||
* Fix variable name for prouction mode [#61](https://github.com/getgrav/grav-theme-quark/pull/61)
|
||||
* Fix layout size in features blueprint [#67](https://github.com/getgrav/grav-theme-quark/pull/67)
|
||||
* Fix active page logic in `nav` so there's no empty class attributes [#68](https://github.com/getgrav/grav-theme-quark/pull/68)
|
||||
* Fix for features blueprint because `class` didn't work [#69](https://github.com/getgrav/grav-theme-quark/pull/69)
|
||||
|
||||
# v1.2.2
|
||||
## 10/24/2018
|
||||
|
||||
1. [](#improved)
|
||||
* Changed nav macro to format supported by Twig 2.0
|
||||
* Updated `partials/form-messages.html.twig` to be more inline with latest Forms plugin
|
||||
1. [](#bugfix)
|
||||
* Make the theme to work with Twig auto-escaping turned on
|
||||
* Moved language strings under `THEME_QUARK`
|
||||
|
||||
# v1.2.1
|
||||
## 08/23/2018
|
||||
|
||||
1. [](#improved)
|
||||
* Added additional "mobile custom logo" support
|
||||
1. [](#bugfix)
|
||||
* Addressed some CSS issues by forcing logo height
|
||||
|
||||
# v1.2.0
|
||||
## 08/23/2018
|
||||
|
||||
1. [](#new)
|
||||
* Added new "custom logo" support [#3](https://github.com/getgrav/grav-theme-quark/issues/3)
|
||||
* Added option JSON feed syndication support in sidebar [#47](https://github.com/getgrav/grav-theme-quark/pull/47)
|
||||
* Added basic form field `array` styling
|
||||
|
||||
# v1.1.0
|
||||
## 07/25/2018
|
||||
|
||||
1. [](#new)
|
||||
* Responsive font sizing [#28](https://github.com/getgrav/grav-theme-quark/issues/28)
|
||||
1. [](#improved)
|
||||
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.3` version
|
||||
* Make blog settings toggleable [#38](https://github.com/getgrav/grav-theme-quark/pull/38)
|
||||
1. [](#bugfix)
|
||||
* Proper fix for sticky footer in IE10 and IE11 [#21](https://github.com/getgrav/grav-theme-quark/issues/21)
|
||||
* Fix for lists wrapping weirdly due to `outside` attribute
|
||||
* Updated checkbox + radio to take into account `client_side_validation` form option
|
||||
* Fixes for fallback values [#37](https://github.com/getgrav/grav-theme-quark/pull/37)
|
||||
* Fix inheritance for images folder [#30](https://github.com/getgrav/grav-theme-quark/pull/30)
|
||||
* Added blueprint option for `continue_link` [#45](https://github.com/getgrav/grav-theme-quark/issues/45)
|
||||
* Added blueprint option for Feature `class` [#14](https://github.com/getgrav/grav-theme-quark/issues/14)
|
||||
* Fixed `Duplicate ID` issues with modular sections. Might break CSS on first load, need to refresh to pick up new CSS [#24](https://github.com/getgrav/grav-theme-quark/issues/24)
|
||||
* Fixed Text feature alignment issue [#4](https://github.com/getgrav/grav-theme-quark/issues/4)
|
||||
* Overlapping menu and mobile button [#7](https://github.com/getgrav/grav-theme-quark/issues/7)
|
||||
|
||||
# v1.0.3
|
||||
## 05/11/2018
|
||||
|
||||
1. [](#new)
|
||||
* Added new primary button mixin
|
||||
1. [](#improved)
|
||||
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.1` version
|
||||
* Improved default login styling
|
||||
* Removed core Spectre.css override to make upgrading Spectre easier
|
||||
* Added screenshot to README.md
|
||||
* Override focus to prevent overzealous blue blurs
|
||||
1. [](#bugfix)
|
||||
* Fix for `highlight` plugin not changing background of code blocks
|
||||
* Removed extraneous `dump()` in Twig output
|
||||
|
||||
# v1.0.2
|
||||
## 02/19/2018
|
||||
|
||||
1. [](#new)
|
||||
* Added toggle options to enable Spectre.css _experimentals_ and _icons_ CSS files
|
||||
* Switched to a fork of LineAwesome icons compatible with FontAwesome 4.7.0
|
||||
1. [](#improved)
|
||||
* Font tweaks
|
||||
1. [](#bugfix)
|
||||
* Pagination fixes
|
||||
|
||||
# v1.0.1
|
||||
## 01/22/2018
|
||||
|
||||
1. [](#new)
|
||||
* Added blueprints for admin editing
|
||||
1. [](#improved)
|
||||
* Use default lang from `site.yaml`
|
||||
1. [](#bugfix)
|
||||
* Fixed Current path to address issues with extending Quark
|
||||
* Fixed parallax to start in same position as standard
|
||||
* Fixed modular image size
|
||||
|
||||
# v1.0.0
|
||||
## 12/28/2017
|
||||
|
||||
1. [](#new)
|
||||
* ChangeLog started...
|
||||
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2018 Trilby Media
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -0,0 +1,152 @@
|
||||
# Quark Theme
|
||||
|
||||
|
||||
|
||||
**Quark** is the new default theme for [Grav CMS](http://github.com/getgrav/grav). This theme is built with the [Spectre.css](https://picturepan2.github.io/spectre/) framework and provides a powerful base for developing your own themes. Quark uses functionality that is only available in Grav 1.4+, as such you cannot run Quark on earlier versions of Grav.
|
||||
|
||||
## Features
|
||||
|
||||
* Lightweight and minimal for optimal performance
|
||||
* Spectre CSS Framework
|
||||
* Fully responsive with full-page mobile navigation
|
||||
* SCSS based CSS source files for easy customization
|
||||
* Built-in support for on-page navigation
|
||||
* Multiple page template types
|
||||
* Fontawesome icon support
|
||||
|
||||
### Supported Page Templates
|
||||
|
||||
* Default view template `default.md`
|
||||
* Error view template `error.md`
|
||||
* Blog view template `blog.md`
|
||||
* Blog item view template `item.md`
|
||||
* Modular view templates: `modular.md`
|
||||
* Features Modular view template `features.md`
|
||||
* Hero Modular view template `hero.md`
|
||||
* Text Modular view template `text.md`
|
||||
|
||||
# Installation
|
||||
|
||||
Installing the Quark theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file.
|
||||
|
||||
The theme by itself is useful, but you may have an easier time getting up and running by installing a skeleton. The Quark theme can be found in both the [One-page](https://github.com/getgrav/grav-skeleton-onepage-site) and [Blog Site](https://github.com/getgrav/grav-skeleton-blog-site) which are self-contained repositories for a complete sites which include: sample content, configuration, theme, and plugins.
|
||||
|
||||
## GPM Installation (Preferred)
|
||||
|
||||
The simplest way to install this theme is via the [Grav Package Manager (GPM)](http://learn.getgrav.org/advanced/grav-gpm) through your system's Terminal (also called the command line). From the root of your Grav install type:
|
||||
|
||||
bin/gpm install quark
|
||||
|
||||
This will install the Quark theme into your `/user/themes` directory within Grav. Its files can be found under `/your/site/grav/user/themes/quark`.
|
||||
|
||||
## Manual Installation
|
||||
|
||||
To install this theme, just download the zip version of this repository and unzip it under `/your/site/grav/user/themes`. Then, rename the folder to `quark`. You can find these files either on [GitHub](https://github.com/getgrav/grav-theme-quark) or via [GetGrav.org](http://getgrav.org/downloads/themes).
|
||||
|
||||
You should now have all the theme files under
|
||||
|
||||
/your/site/grav/user/themes/quark
|
||||
|
||||
## Default Options
|
||||
|
||||
Quark comes with a few default options that can be set site-wide. These options are:
|
||||
|
||||
```yaml
|
||||
enabled: true # Enable the theme
|
||||
production-mode: true # In production mode, only minified CSS is used. When disabled, nested CSS with sourcemaps are enabled
|
||||
grid-size: grid-lg # The max-width of the theme, options include: `grid-xl`, `grid-lg`, and `grid-md`
|
||||
header-fixed: true # Cause the header to be fixed at the top of the browser
|
||||
header-animated: true # Allows the fixed header to resize to a smaller header when scrolled
|
||||
header-dark: false # Inverts the text/logo to work better on dark backgrounds
|
||||
header-transparent: false # Allows the fixed header to be transparent over the page
|
||||
sticky-footer: true # Causes the footer to be sticky at the bottom of the page
|
||||
blog-page: '/blog' # The route to the blog listing page, useful for a blog style layout with sidebar
|
||||
custom_logo: # A custom logo rather than the default (see below)
|
||||
custom_logo_mobile: # A custom logo to use for mobile navigation
|
||||
```
|
||||
|
||||
To make modifications, you can copy the `user/themes/quark/quark.yaml` file to `user/config/themes/` folder and modify, or you can use the admin plugin.
|
||||
|
||||
> NOTE: Do not modify the `user/themes/quark/quark.yaml` file directly or your changes will be lost with any updates
|
||||
|
||||
## Custom Logos
|
||||
|
||||
To add a custom logo, you should put the log into the `user/themes/quark/images/logo` folder. Standard image formats are support (`.png`,`.jpg`, `.gif`, `.svg`, etc.). Then reference the logo via the YAML like so:
|
||||
|
||||
```yaml
|
||||
custom_logo:
|
||||
- name: 'my-logo.png'
|
||||
custom_logo_mobile:
|
||||
- name: 'my-mobile-logo.png'
|
||||
```
|
||||
|
||||
Alternatively, you can you use the drag-n-drop "Custom Logo" field in the Quark theme options.
|
||||
|
||||
## Page Overrides
|
||||
|
||||
Quark has the ability to allow pages to override some of the default options by letting the user set `body_classes` for any page. The theme will merge the combination of the defaults with any `body_classes` set. For example:
|
||||
|
||||
```yaml
|
||||
body_classes: "header-dark header-transparent"
|
||||
```
|
||||
|
||||
On a particular page will ensure that page has those options enabled (assuming they are false by default).
|
||||
|
||||
## Hero Options
|
||||
|
||||
The hero template allows some options to be set in the page frontmatter. This is used by the modular `hero` as well as the blog and item templates to provide a more dynamic header.
|
||||
|
||||
```yaml
|
||||
hero_classes: text-light title-h1h2 parallax overlay-dark-gradient hero-large
|
||||
hero_image: road.jpg
|
||||
hero_align: center
|
||||
```
|
||||
|
||||
The `hero_classes` option allows a variety of hero classes to be set dynamically these include:
|
||||
|
||||
* `text-light` | `text-dark` - Controls if the text should be light or dark depending on the content
|
||||
* `title-h1h2` - Enforced a close matched h1/h2 title pairing
|
||||
* `parallax` - Enables a CSS-powered parallax effect
|
||||
* `overlay-dark-gradient` - Displays a transparent gradient which further darkens the underlying image
|
||||
* `overlay-light-gradient` - Displays a transparent gradient which further lightens the underlying image
|
||||
* `overlay-dark` - Displays a solid transparent overlay which further darkens the underlying image
|
||||
* `overlay-light` - Displays a solid transparent overlay which further darkens the underlying image
|
||||
* `hero-fullscreen` | `hero-large` | `hero-medium` | `hero-small` | `hero-tiny` - Size of the hero block
|
||||
|
||||
The `hero_image` should point to an image file in the current page folder.
|
||||
|
||||
## Features Modular Options
|
||||
|
||||
The features modular template provides the ability to set a class on the features, as well as an array of feature items. For example:
|
||||
|
||||
```yaml
|
||||
class: offset-box
|
||||
features:
|
||||
- header: Crazy Fast
|
||||
text: "Performance is not just an afterthought, we baked it in from the start!"
|
||||
icon: fighter-jet
|
||||
- header: Easy to build
|
||||
text: "Simple text files means Grav is trivial to install, and easy to maintain"
|
||||
icon: database
|
||||
- header: Awesome Technology
|
||||
text: "Grav employs best-in-class technologies such as Twig, Markdown & Yaml"
|
||||
icon: cubes
|
||||
- header: Super Flexible
|
||||
text: "From the ground up, with many plugin hooks, Grav is extremely extensible"
|
||||
icon: object-ungroup
|
||||
- header: Abundant Plugins
|
||||
text: "A vibrant developer community means over 200 themes available to download"
|
||||
icon: puzzle-piece
|
||||
- header: Free / Open Source
|
||||
text: "Grav is an open source project, so you can spend your money on other stuff"
|
||||
icon: money
|
||||
```
|
||||
|
||||
## Text Modular Options
|
||||
|
||||
The text box provides a single option to control if any image found in the page folder should be left or right aligned:
|
||||
|
||||
```yaml
|
||||
image_align: right
|
||||
```
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
@@ -0,0 +1,174 @@
|
||||
name: Gilles acezat
|
||||
version: 1.0
|
||||
description: New Grav Default Theme
|
||||
icon: microchip
|
||||
author:
|
||||
name: Kevin Tessier
|
||||
email: kevin@figureslibres.io
|
||||
url: http://figureslibres.cc
|
||||
homepage: https://github.com/getgrav/grav-theme-quark
|
||||
demo: https://demo.getgrav.org/onepage-skeleton
|
||||
keywords: quark, spectre, theme, core, modern, fast, responsive, html5, css3
|
||||
bugs: https://github.com/getgrav/grav-theme-quark/issues
|
||||
license: MIT
|
||||
|
||||
dependencies:
|
||||
- { name: grav, version: '>=1.5.0' }
|
||||
|
||||
form:
|
||||
validation: loose
|
||||
|
||||
fields:
|
||||
production-mode:
|
||||
type: toggle
|
||||
label: Production mode
|
||||
help: When enabled, Quark will render with minified CSS
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
grid-size:
|
||||
type: select
|
||||
label: Grid size
|
||||
help: The maximum width of the theme
|
||||
size: small
|
||||
options:
|
||||
'': None (full width)
|
||||
grid-xl: Extra Large
|
||||
grid-lg: Large
|
||||
grid-md: Medium
|
||||
|
||||
header_section:
|
||||
type: section
|
||||
title: Header Defaults
|
||||
underline: true
|
||||
|
||||
custom_logo:
|
||||
type: file
|
||||
label: Custom Logo
|
||||
size: large
|
||||
destination: 'theme://images/logo'
|
||||
multiple: false
|
||||
markdown: true
|
||||
description: Will be used instead of default logo `theme://images/grav-logo.svg`
|
||||
accept:
|
||||
- image/*
|
||||
|
||||
custom_logo_mobile:
|
||||
type: file
|
||||
label: Mobile Custom Logo
|
||||
size: large
|
||||
destination: 'theme://images/logo'
|
||||
multiple: false
|
||||
accept:
|
||||
- image/*
|
||||
|
||||
header-fixed:
|
||||
type: toggle
|
||||
label: Fixed header
|
||||
help: When enabled, the header will be fixed at the top of the browser
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header-animated:
|
||||
type: toggle
|
||||
label: Animated
|
||||
help: When enabled, the header will animate to a smaller header when scrolling
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header-dark:
|
||||
type: toggle
|
||||
label: Dark Style
|
||||
help: When enabled, a dark-friendly style will be used
|
||||
highlight: 0
|
||||
default: 0
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header-transparent:
|
||||
type: toggle
|
||||
label: Transparent
|
||||
help: When enabled, a transparent style will be used
|
||||
highlight: 0
|
||||
default: 0
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
footer_section:
|
||||
type: section
|
||||
title: Footer Defaults
|
||||
underline: true
|
||||
|
||||
sticky-footer:
|
||||
type: toggle
|
||||
label: Sticky footer
|
||||
help: When enabled, the footer will be sticky at the bottom of the browser
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
blog_section:
|
||||
type: section
|
||||
title: Blog Defaults
|
||||
underline: true
|
||||
|
||||
blog-page:
|
||||
type: text
|
||||
label: Blog Page
|
||||
help: The route to the blog page when working with blog sidebar
|
||||
size: medium
|
||||
default: '/blog'
|
||||
|
||||
spectre_section:
|
||||
type: section
|
||||
title: Spectre.css Options
|
||||
underline: true
|
||||
|
||||
spectre.exp:
|
||||
type: toggle
|
||||
label: Experimentals CSS
|
||||
help: When enabled, the `spectre-exp.css` file will be included
|
||||
highlight: 0
|
||||
default: 0
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
spectre.icons:
|
||||
type: toggle
|
||||
label: Icons CSS
|
||||
help: When enabled, the `spectre-icons.css` file will be included
|
||||
highlight: 0
|
||||
default: 0
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
@@ -0,0 +1,94 @@
|
||||
extends@: default
|
||||
child_type: item
|
||||
|
||||
rules:
|
||||
slug:
|
||||
pattern: "[a-z][a-z0-9_\-]+"
|
||||
min: 2
|
||||
max: 80
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
type: tabs
|
||||
active: 1
|
||||
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
overrides:
|
||||
fields:
|
||||
header.child_type:
|
||||
default: item
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Config
|
||||
|
||||
fields:
|
||||
|
||||
content_title:
|
||||
type: spacer
|
||||
title: Content Definition
|
||||
|
||||
header.content.items:
|
||||
type: textarea
|
||||
yaml: true
|
||||
label: Items
|
||||
default: '@self.children'
|
||||
validate:
|
||||
type: yaml
|
||||
|
||||
header.content.limit:
|
||||
type: text
|
||||
label: Max Item Count
|
||||
default: 5
|
||||
validate:
|
||||
required: true
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.content.order.by:
|
||||
type: select
|
||||
label: Order By
|
||||
default: date
|
||||
options:
|
||||
folder: Folder
|
||||
title: Title
|
||||
date: Date
|
||||
default: Default
|
||||
|
||||
header.content.order.dir:
|
||||
type: select
|
||||
label: Order
|
||||
default: desc
|
||||
options:
|
||||
asc: Ascending
|
||||
desc: Descending
|
||||
|
||||
header.content.pagination:
|
||||
type: toggle
|
||||
label: Pagination
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.content.url_taxonomy_filters:
|
||||
type: toggle
|
||||
label: URL Taxonomy Filters
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
import@:
|
||||
type: partials/blog-bits
|
||||
context: blueprints://pages
|
||||
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
extends@: default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
columns:
|
||||
fields:
|
||||
column1:
|
||||
fields:
|
||||
header.body_classes:
|
||||
markdown: true
|
||||
description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'
|
||||
@@ -0,0 +1,131 @@
|
||||
extends@: default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.mea:
|
||||
type: toggle
|
||||
label: Mettre en avant le projet
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.YES
|
||||
0: PLUGIN_ADMIN.NO
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.meaimg:
|
||||
type: filepicker
|
||||
folder: '@self'
|
||||
preview_images: true
|
||||
label: Sélectionnez une image
|
||||
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Item
|
||||
|
||||
fields:
|
||||
|
||||
header_options:
|
||||
type: section
|
||||
title: Header Options
|
||||
underline: true
|
||||
|
||||
header.continue_link:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: DF Style Link
|
||||
help: Daring Fireball style title link
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.header_image:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Display Header Image
|
||||
help: Enabled displaying of a header image
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.header_image_file:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image File
|
||||
help: image filename that exists in the page folder. If not provided, will use the first image found.
|
||||
placeholder: For example: myimage.jpg
|
||||
|
||||
header.header_image_width:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Width
|
||||
size: small
|
||||
help: Header width in px
|
||||
placeholder: Default is 900
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
header.header_image_height:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Height
|
||||
size: small
|
||||
help: Header height in px
|
||||
placeholder: Default is 300
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
summary:
|
||||
type: section
|
||||
title: Summary
|
||||
underline: true
|
||||
|
||||
header.summary.enabled:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Summary
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.summary.format:
|
||||
type: select
|
||||
toggleable: true
|
||||
label: Format
|
||||
classes: fancy
|
||||
options:
|
||||
'short': 'Use the first occurence of delimter or size'
|
||||
'long': 'Summary delimiter will be ignored'
|
||||
|
||||
header.summary.size:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Size
|
||||
classes: large
|
||||
placeholder: 300
|
||||
validate:
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.summary.delimiter:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Summary delimiter
|
||||
classes: large
|
||||
placeholder: ===
|
||||
|
||||
import@:
|
||||
type: partials/blog-bits
|
||||
@@ -0,0 +1,38 @@
|
||||
title: Features
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
features:
|
||||
type: tab
|
||||
title: Features
|
||||
fields:
|
||||
header.class:
|
||||
type: select
|
||||
label: Layout
|
||||
default: small
|
||||
size: medium
|
||||
options:
|
||||
small: Small = 4 / 3 / 2 columns
|
||||
standard: Standard = 3 / 2 / 1 columns
|
||||
|
||||
header.features:
|
||||
name: features
|
||||
type: list
|
||||
label: Features
|
||||
|
||||
fields:
|
||||
.icon:
|
||||
type: iconpicker
|
||||
label: Icon
|
||||
.header:
|
||||
type: text
|
||||
label: Header
|
||||
.text:
|
||||
type: text
|
||||
label: Text
|
||||
.url:
|
||||
type: text
|
||||
label: Link
|
||||
@@ -0,0 +1,23 @@
|
||||
title: Hero
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
buttons:
|
||||
type: tab
|
||||
title: Hero
|
||||
fields:
|
||||
header.hero_classes:
|
||||
type: text
|
||||
label: Hero Classes
|
||||
markdown: true
|
||||
description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
|
||||
header.hero_image:
|
||||
type: filepicker
|
||||
label: Hero Image
|
||||
preview_images: true
|
||||
description: 'If not specified, this defaults to the first image found in the page''s folder'
|
||||
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
title: Text
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
content:
|
||||
fields:
|
||||
header.media_order:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
header.image_align:
|
||||
type: select
|
||||
label: Image position
|
||||
classes: fancy
|
||||
default: left
|
||||
options:
|
||||
'left': 'Left'
|
||||
'right': 'Right'
|
||||
@@ -0,0 +1,64 @@
|
||||
form:
|
||||
fields:
|
||||
|
||||
hero_title:
|
||||
type: spacer
|
||||
title: Hero Section
|
||||
|
||||
header.hero_classes:
|
||||
type: text
|
||||
label: Hero Classes
|
||||
markdown: true
|
||||
description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
|
||||
|
||||
header.hero_image:
|
||||
type: filepicker
|
||||
label: Hero Image
|
||||
preview_images: true
|
||||
description: 'If not specified, this defaults to the first image found in the page''s folder'
|
||||
|
||||
toggles_title:
|
||||
type: spacer
|
||||
title: Configuration
|
||||
|
||||
header.blog_url:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Blog Route
|
||||
help: The route to the main blog page that contains the "Show ..." configuration
|
||||
default: '/blog'
|
||||
placeholder: '/blog'
|
||||
size: medium
|
||||
|
||||
header.show_sidebar:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Show Sidebar
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.show_breadcrumbs:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Show Breadcrumbs
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.show_pagination:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Show Pagination
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
+369
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+172
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+1242
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Executable
+49
@@ -0,0 +1,49 @@
|
||||
.bricklayer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*@media screen and (min-width: 1200px) {*/
|
||||
/*.bricklayer-column-sizer {*/
|
||||
/*width: 33.33333%;*/
|
||||
/*}*/
|
||||
/*}*/
|
||||
|
||||
.bricklayer-column {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.bx-wrapper{position:relative;padding:0;}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,751 @@
|
||||
.modal-open{
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#contentWrapper {display:unset;}
|
||||
|
||||
/***
|
||||
* Reset CSS
|
||||
*/
|
||||
#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
/*background: initial;*/
|
||||
text-align: initial;
|
||||
text-shadow: initial;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
#tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
|
||||
display: block;
|
||||
}
|
||||
#tarteaucitronRoot ol, #tarteaucitronRoot ul {
|
||||
list-style: none;
|
||||
}
|
||||
#tarteaucitronRoot blockquote, #tarteaucitronRoot q {
|
||||
quotes: none;
|
||||
}
|
||||
#tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
#tarteaucitronRoot table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot a:focus, #tarteaucitronRoot button:focus {
|
||||
/*outline: 2px solid #cb3333;*/
|
||||
}
|
||||
|
||||
/***
|
||||
* Better scroll management
|
||||
*/
|
||||
div#tarteaucitronMainLineOffset {
|
||||
margin-top: 0!important;
|
||||
}
|
||||
|
||||
div#tarteaucitronServices {
|
||||
margin-top: 21px!important;
|
||||
}
|
||||
|
||||
#tarteaucitronServices::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
#tarteaucitronServices::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
#tarteaucitronServices::-webkit-scrollbar-thumb {
|
||||
background-color: #ddd;
|
||||
outline: 0px solid slategrey;
|
||||
}
|
||||
|
||||
div#tarteaucitronServices {
|
||||
box-shadow: 0 0 35px #575757;
|
||||
}
|
||||
|
||||
/***
|
||||
* Responsive layout for the control panel
|
||||
*/
|
||||
@media screen and (max-width:479px) {
|
||||
#tarteaucitron .tarteaucitronLine .tarteaucitronName {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
#tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
|
||||
float: left !important;
|
||||
margin: 10px 15px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:767px) {
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
|
||||
background: #fff;
|
||||
border: 0 !important;
|
||||
bottom: 0 !important;
|
||||
height: 100% !important;
|
||||
left: 0 !important;
|
||||
margin: 0 !important;
|
||||
max-height: 100% !important;
|
||||
max-width: 100% !important;
|
||||
top: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#tarteaucitron .tarteaucitronBorder {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.tarteaucitronName .tarteaucitronH2 {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:991px) {
|
||||
#tarteaucitron {
|
||||
border: 0 !important;
|
||||
left: 0 !important;
|
||||
margin: 0 5% !important;
|
||||
max-height: 80% !important;
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/***
|
||||
* Common value
|
||||
*/
|
||||
#tarteaucitron * {
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot div#tarteaucitron {
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot button#tarteaucitronBack {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
#tarteaucitron .clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#tarteaucitron a {
|
||||
color: rgb(66, 66, 66);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot button {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,
|
||||
#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#tarteaucitron strong {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#tarteaucitron ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cookie-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
/***
|
||||
* Root div added just before </body>
|
||||
*/
|
||||
#tarteaucitronRoot {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot * {
|
||||
box-sizing: initial;
|
||||
color: #333;
|
||||
font-family: sans-serif !important;
|
||||
font-size: 14px;
|
||||
line-height: normal;
|
||||
vertical-align: initial;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronH1 {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 15px 0 28px;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot .tarteaucitronH2 {
|
||||
display: inline-block;
|
||||
margin: 12px 0 0 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/***
|
||||
* Control panel
|
||||
*/
|
||||
#tarteaucitronBack {
|
||||
background: #fff;
|
||||
display: none;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.7;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 2147483646;
|
||||
}
|
||||
|
||||
#tarteaucitron {
|
||||
display: none;
|
||||
max-height: 80%;
|
||||
left: 50%;
|
||||
margin: 0 auto 0 -430px;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
top: 6%;
|
||||
width: 860px;
|
||||
z-index: 2147483647;
|
||||
}
|
||||
|
||||
#tarteaucitron .tarteaucitronBorder {
|
||||
background: #fff;
|
||||
/* border: 2px solid #333; */
|
||||
border-top: 0;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
|
||||
#tarteaucitron #tarteaucitronClosePanel {
|
||||
background: #0093a3;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
padding: 4px 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronDisclaimer {
|
||||
color: #555;
|
||||
font-size: 12px;
|
||||
margin: 15px auto 0;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.tarteaucitronSelfLink, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
|
||||
background: rgba(51, 51, 51, 0.07);
|
||||
}a.tarteaucitronSelfLink {
|
||||
text-align: center!important;
|
||||
display: block;
|
||||
padding: 7px!important;
|
||||
}
|
||||
.tarteaucitronBorder .tarteaucitronSelfLink{
|
||||
display: none;
|
||||
}
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
|
||||
display: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
|
||||
#tarteaucitron #tarteaucitronInfo,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
margin: 20px 0px 0px;
|
||||
padding: 5px 20px;
|
||||
text-align: left;
|
||||
width: auto;
|
||||
background: #0093a3;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronInfo,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
|
||||
color: #fff;
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-top: 0;
|
||||
max-width: 100%;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
z-index: 2147483647;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronInfo a {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
|
||||
background: rgba(51, 51, 51, 0.2);
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
|
||||
background: rgba(51, 51, 51, 0.1);
|
||||
border-left: 5px solid transparent;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 15px 5px;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
|
||||
background: #0093a3;
|
||||
border: 3px solid #0093a3;
|
||||
border-left: 9px solid #0093a3;
|
||||
border-top: 5px solid #0093a3;
|
||||
margin-bottom: 0;
|
||||
margin-top: 21px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
|
||||
background: #0093a3;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
|
||||
margin-left: 15px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin: 7px 15px 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
|
||||
.tac_activate .tarteaucitronAllow {
|
||||
background: gray;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 6px 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#tarteaucitron .tarteaucitronH3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
|
||||
width: auto!important;
|
||||
margin-left: 0!important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/***
|
||||
* Big alert
|
||||
*/
|
||||
.tarteaucitronAlertBigTop {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.tarteaucitronAlertBigBottom {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#tarteaucitronRoot #tarteaucitronAlertBig {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
display: none;
|
||||
font-size: 15px !important;
|
||||
left: 0;
|
||||
padding: 5px 5%;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
box-sizing: content-box;
|
||||
z-index: 2147483645;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
|
||||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
|
||||
font: 15px verdana;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitron #tarteaucitronPrivacyUrl {
|
||||
background: #008300;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
padding: 5px 10px;
|
||||
text-decoration: none;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
margin-left: 7px;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
#tarteaucitronPercentage {
|
||||
background: #0A0!important;
|
||||
box-shadow: 0 0 2px #fff, 0 1px 2px #555;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
width: 0;
|
||||
z-index: 2147483644;
|
||||
}
|
||||
|
||||
/***
|
||||
* Small alert
|
||||
*/
|
||||
|
||||
.tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall {
|
||||
background: #333;
|
||||
display: none;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
z-index: 2147483646;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 11px !important;
|
||||
padding: 8px 10px 8px;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager:hover {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
|
||||
background-color: gray;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
height: 8px;
|
||||
margin-bottom: 1px;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 0%;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
|
||||
background-color: #1B870B;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
|
||||
background-color: #FBDA26;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
|
||||
background-color: #9C1A1A;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 30px;
|
||||
padding: 0px 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
|
||||
display: none;
|
||||
max-height: 70%;
|
||||
max-width: 500px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
|
||||
background: #fff;
|
||||
border: 2px solid #333;
|
||||
color: #333;
|
||||
font-size: 11px;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
|
||||
background: #333;
|
||||
margin-top: 21px;
|
||||
padding: 13px 0 9px 13px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
|
||||
background: rgba(51, 51, 51, 0.1);
|
||||
padding: 7px 5px 10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
|
||||
background: rgba(51, 51, 51, 0.2);
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
|
||||
color: darkred;
|
||||
}
|
||||
|
||||
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
|
||||
color: #333;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
margin-left: 10%;
|
||||
vertical-align: top;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
/***
|
||||
* Fallback activate link
|
||||
*/
|
||||
.tac_activate {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
display: table;
|
||||
font-size: 12px;
|
||||
height: 100%;
|
||||
line-height: initial;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tac_float {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tac_activate .tac_float strong {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tac_activate .tac_float .tarteaucitronAllow {
|
||||
background-color: #1B870B;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/***
|
||||
* CSS for services
|
||||
*/
|
||||
ins.ferank-publicite, ins.adsbygoogle {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.amazon_product {
|
||||
height:240px;
|
||||
width:120px;
|
||||
}
|
||||
.tarteaucitronIsAllowed .tarteaucitronDeny {
|
||||
opacity: 0.4!important;
|
||||
}.tarteaucitronIsDenied .tarteaucitronAllow {
|
||||
opacity: 0.4!important;
|
||||
}.tarteaucitronIsAllowed .tarteaucitronAllow {
|
||||
opacity: 1!important;
|
||||
}.tarteaucitronIsDenied .tarteaucitronDeny {
|
||||
opacity: 1!important;
|
||||
}
|
||||
.tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronAllow {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
div#tarteaucitronInfo {
|
||||
display: block!important;
|
||||
position: initial!important;
|
||||
text-align: center!important;
|
||||
max-width: 80%!important;
|
||||
padding: 15px 0!important;
|
||||
margin: -10px auto 40px!important;
|
||||
font-size: 1em!important;
|
||||
border-bottom: 1px solid;
|
||||
border-top: 1px solid;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
a.tarteaucitronSelfLink {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-top: 13px!important;
|
||||
display: block;
|
||||
text-shadow: 0 0 14px white;
|
||||
text-transform: uppercase;
|
||||
}.tarteaucitronMainLine .tarteaucitronH2 {
|
||||
font-size: 1.2em!important;
|
||||
margin-top: 4px!important;
|
||||
}
|
||||
|
||||
span.tarteaucitronTitle.tarteaucitronH3 {
|
||||
margin-top: 12px!important;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/* Webfont: Secuela-Bold */@font-face {
|
||||
font-family: 'Secuela';
|
||||
src: url('Secuela-Bold.eot'); /* IE9 Compat Modes */
|
||||
src: url('Secuela-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('Secuela-Bold.woff') format('woff'), /* Modern Browsers */
|
||||
url('Secuela-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,11 @@
|
||||
/* Webfont: Secuela-Italic */@font-face {
|
||||
font-family: 'Secuela';
|
||||
src: url('Secuela-Italic.eot'); /* IE9 Compat Modes */
|
||||
src: url('Secuela-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('Secuela-Italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('Secuela-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,11 @@
|
||||
/* Webfont: Secuela-Light */@font-face {
|
||||
font-family: 'SecuelaLight';
|
||||
src: url('Secuela-Light.eot'); /* IE9 Compat Modes */
|
||||
src: url('Secuela-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('Secuela-Light.woff') format('woff'), /* Modern Browsers */
|
||||
url('Secuela-Light.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,11 @@
|
||||
/* Webfont: Secuela-Medium */@font-face {
|
||||
font-family: 'SecuelaMed';
|
||||
src: url('Secuela-Medium.eot'); /* IE9 Compat Modes */
|
||||
src: url('Secuela-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('Secuela-Medium.woff') format('woff'), /* Modern Browsers */
|
||||
url('Secuela-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,11 @@
|
||||
/* Webfont: Secuela-Regular */@font-face {
|
||||
font-family: 'Secuela';
|
||||
src: url('Secuela-Regular.eot'); /* IE9 Compat Modes */
|
||||
src: url('Secuela-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('Secuela-Regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('Secuela-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
+56
@@ -0,0 +1,56 @@
|
||||
<?xml version='1.0' encoding='utf-8'?>
|
||||
<designspace format="3">
|
||||
<axes>
|
||||
<axis tag="wght" name="weight" minimum="300" default="800" maximum="800">
|
||||
<labelname xml:lang="en">Weight</labelname>
|
||||
</axis>
|
||||
</axes>
|
||||
<sources>
|
||||
<source name="ExtraBoldItalic" stylename="ExtraBoldItalic" filename="masters/Secuela-ExtraBoldItalic.ufo" familyname="Secuela">
|
||||
<lib copy="1"/>
|
||||
<groups copy="1"/>
|
||||
<info copy="1"/>
|
||||
<features copy="1"/>
|
||||
<location>
|
||||
<dimension name="weight" xvalue="800"/>
|
||||
</location>
|
||||
</source>
|
||||
<source name="LightItalic" stylename="LightItalic" filename="masters/Secuela-LightItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="300"/>
|
||||
</location>
|
||||
</source>
|
||||
</sources>
|
||||
<instances>
|
||||
<instance name="Light Italic" stylename="Light Italic" filename="instances/Secuela-LightItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="300"/>
|
||||
</location>
|
||||
</instance>
|
||||
<instance name="Italic" stylename="Italic" filename="instances/Secuela-Italic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="400"/>
|
||||
</location>
|
||||
</instance>
|
||||
<instance name="Medium Italic" stylename="Medium Italic" filename="instances/Secuela-MediumItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="500"/>
|
||||
</location>
|
||||
</instance>
|
||||
<instance name="Semi Bold Italic" stylename="Semi Bold Italic" filename="instances/Secuela-SemiBoldItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="600"/>
|
||||
</location>
|
||||
</instance>
|
||||
<instance name="Bold Italic" stylename="Bold Italic" filename="instances/Secuela-BoldItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="700"/>
|
||||
</location>
|
||||
</instance>
|
||||
<instance name="Extra Bold Italic" stylename="Extra Bold Italic" filename="instances/Secuela-ExtraBoldItalic.ufo" familyname="Secuela">
|
||||
<location>
|
||||
<dimension name="weight" xvalue="800"/>
|
||||
</location>
|
||||
</instance>
|
||||
</instances>
|
||||
</designspace>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-BoldItalic */@font-face {
|
||||
font-family: 'Secuela';
|
||||
src: url('Secuela-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Bold Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-BoldItalic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "Secuela", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-ExtraBoldItalic */@font-face {
|
||||
font-family: 'SecuelaExtBd';
|
||||
src: url('Secuela-ExtraBoldItalic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-ExtraBoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Extra Bold Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-ExtraBoldItalic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "SecuelaExtBd", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-Italic */@font-face {
|
||||
font-family: 'Secuela';
|
||||
src: url('Secuela-Italic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-Italic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "Secuela", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-LightItalic */@font-face {
|
||||
font-family: 'SecuelaLight';
|
||||
src: url('Secuela-LightItalic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-LightItalic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Light Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-LightItalic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "SecuelaLight", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-MediumItalic */@font-face {
|
||||
font-family: 'SecuelaMed';
|
||||
src: url('Secuela-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-MediumItalic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Medium Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-MediumItalic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "SecuelaMed", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
+9
@@ -0,0 +1,9 @@
|
||||
/* Webfont: Secuela-SemiBoldItalic */@font-face {
|
||||
font-family: 'SecuelaSemBd';
|
||||
src: url('Secuela-SemiBoldItalic.woff2') format('woff2'), /* Modern Browsers */
|
||||
url('Secuela-SemiBoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||
<meta content="en-us" http-equiv="Content-Language"/>
|
||||
<title>Secuela Semi Bold Italic - Web Font Specimen</title>
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="Secuela-SemiBoldItalic.css" />
|
||||
<style type="text/css" media="screen">
|
||||
body { font-size: 42px; font-family: "SecuelaSemBd", Georgia; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p contenteditable="true">The quick brown fox jumps over the lazy dog. $123.45!</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user