commit
58a5a488fa
131 changed files with 28831 additions and 0 deletions
@ -0,0 +1,6 @@ |
|||||||
|
*.swp |
||||||
|
*.swo |
||||||
|
node_modules |
||||||
|
do-not-upload |
||||||
|
.tmp.drivedownload |
||||||
|
.tmp.driveupload |
||||||
@ -0,0 +1,339 @@ |
|||||||
|
GNU GENERAL PUBLIC LICENSE |
||||||
|
Version 2, June 1991 |
||||||
|
|
||||||
|
Copyright (C) 1989, 1991 Free Software Foundation, Inc., |
||||||
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
||||||
|
Everyone is permitted to copy and distribute verbatim copies |
||||||
|
of this license document, but changing it is not allowed. |
||||||
|
|
||||||
|
Preamble |
||||||
|
|
||||||
|
The licenses for most software are designed to take away your |
||||||
|
freedom to share and change it. By contrast, the GNU General Public |
||||||
|
License is intended to guarantee your freedom to share and change free |
||||||
|
software--to make sure the software is free for all its users. This |
||||||
|
General Public License applies to most of the Free Software |
||||||
|
Foundation's software and to any other program whose authors commit to |
||||||
|
using it. (Some other Free Software Foundation software is covered by |
||||||
|
the GNU Lesser General Public License instead.) You can apply it to |
||||||
|
your programs, too. |
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not |
||||||
|
price. Our General Public Licenses are designed to make sure that you |
||||||
|
have the freedom to distribute copies of free software (and charge for |
||||||
|
this service if you wish), that you receive source code or can get it |
||||||
|
if you want it, that you can change the software or use pieces of it |
||||||
|
in new free programs; and that you know you can do these things. |
||||||
|
|
||||||
|
To protect your rights, we need to make restrictions that forbid |
||||||
|
anyone to deny you these rights or to ask you to surrender the rights. |
||||||
|
These restrictions translate to certain responsibilities for you if you |
||||||
|
distribute copies of the software, or if you modify it. |
||||||
|
|
||||||
|
For example, if you distribute copies of such a program, whether |
||||||
|
gratis or for a fee, you must give the recipients all the rights that |
||||||
|
you have. You must make sure that they, too, receive or can get the |
||||||
|
source code. And you must show them these terms so they know their |
||||||
|
rights. |
||||||
|
|
||||||
|
We protect your rights with two steps: (1) copyright the software, and |
||||||
|
(2) offer you this license which gives you legal permission to copy, |
||||||
|
distribute and/or modify the software. |
||||||
|
|
||||||
|
Also, for each author's protection and ours, we want to make certain |
||||||
|
that everyone understands that there is no warranty for this free |
||||||
|
software. If the software is modified by someone else and passed on, we |
||||||
|
want its recipients to know that what they have is not the original, so |
||||||
|
that any problems introduced by others will not reflect on the original |
||||||
|
authors' reputations. |
||||||
|
|
||||||
|
Finally, any free program is threatened constantly by software |
||||||
|
patents. We wish to avoid the danger that redistributors of a free |
||||||
|
program will individually obtain patent licenses, in effect making the |
||||||
|
program proprietary. To prevent this, we have made it clear that any |
||||||
|
patent must be licensed for everyone's free use or not licensed at all. |
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and |
||||||
|
modification follow. |
||||||
|
|
||||||
|
GNU GENERAL PUBLIC LICENSE |
||||||
|
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION |
||||||
|
|
||||||
|
0. This License applies to any program or other work which contains |
||||||
|
a notice placed by the copyright holder saying it may be distributed |
||||||
|
under the terms of this General Public License. The "Program", below, |
||||||
|
refers to any such program or work, and a "work based on the Program" |
||||||
|
means either the Program or any derivative work under copyright law: |
||||||
|
that is to say, a work containing the Program or a portion of it, |
||||||
|
either verbatim or with modifications and/or translated into another |
||||||
|
language. (Hereinafter, translation is included without limitation in |
||||||
|
the term "modification".) Each licensee is addressed as "you". |
||||||
|
|
||||||
|
Activities other than copying, distribution and modification are not |
||||||
|
covered by this License; they are outside its scope. The act of |
||||||
|
running the Program is not restricted, and the output from the Program |
||||||
|
is covered only if its contents constitute a work based on the |
||||||
|
Program (independent of having been made by running the Program). |
||||||
|
Whether that is true depends on what the Program does. |
||||||
|
|
||||||
|
1. You may copy and distribute verbatim copies of the Program's |
||||||
|
source code as you receive it, in any medium, provided that you |
||||||
|
conspicuously and appropriately publish on each copy an appropriate |
||||||
|
copyright notice and disclaimer of warranty; keep intact all the |
||||||
|
notices that refer to this License and to the absence of any warranty; |
||||||
|
and give any other recipients of the Program a copy of this License |
||||||
|
along with the Program. |
||||||
|
|
||||||
|
You may charge a fee for the physical act of transferring a copy, and |
||||||
|
you may at your option offer warranty protection in exchange for a fee. |
||||||
|
|
||||||
|
2. You may modify your copy or copies of the Program or any portion |
||||||
|
of it, thus forming a work based on the Program, and copy and |
||||||
|
distribute such modifications or work under the terms of Section 1 |
||||||
|
above, provided that you also meet all of these conditions: |
||||||
|
|
||||||
|
a) You must cause the modified files to carry prominent notices |
||||||
|
stating that you changed the files and the date of any change. |
||||||
|
|
||||||
|
b) You must cause any work that you distribute or publish, that in |
||||||
|
whole or in part contains or is derived from the Program or any |
||||||
|
part thereof, to be licensed as a whole at no charge to all third |
||||||
|
parties under the terms of this License. |
||||||
|
|
||||||
|
c) If the modified program normally reads commands interactively |
||||||
|
when run, you must cause it, when started running for such |
||||||
|
interactive use in the most ordinary way, to print or display an |
||||||
|
announcement including an appropriate copyright notice and a |
||||||
|
notice that there is no warranty (or else, saying that you provide |
||||||
|
a warranty) and that users may redistribute the program under |
||||||
|
these conditions, and telling the user how to view a copy of this |
||||||
|
License. (Exception: if the Program itself is interactive but |
||||||
|
does not normally print such an announcement, your work based on |
||||||
|
the Program is not required to print an announcement.) |
||||||
|
|
||||||
|
These requirements apply to the modified work as a whole. If |
||||||
|
identifiable sections of that work are not derived from the Program, |
||||||
|
and can be reasonably considered independent and separate works in |
||||||
|
themselves, then this License, and its terms, do not apply to those |
||||||
|
sections when you distribute them as separate works. But when you |
||||||
|
distribute the same sections as part of a whole which is a work based |
||||||
|
on the Program, the distribution of the whole must be on the terms of |
||||||
|
this License, whose permissions for other licensees extend to the |
||||||
|
entire whole, and thus to each and every part regardless of who wrote it. |
||||||
|
|
||||||
|
Thus, it is not the intent of this section to claim rights or contest |
||||||
|
your rights to work written entirely by you; rather, the intent is to |
||||||
|
exercise the right to control the distribution of derivative or |
||||||
|
collective works based on the Program. |
||||||
|
|
||||||
|
In addition, mere aggregation of another work not based on the Program |
||||||
|
with the Program (or with a work based on the Program) on a volume of |
||||||
|
a storage or distribution medium does not bring the other work under |
||||||
|
the scope of this License. |
||||||
|
|
||||||
|
3. You may copy and distribute the Program (or a work based on it, |
||||||
|
under Section 2) in object code or executable form under the terms of |
||||||
|
Sections 1 and 2 above provided that you also do one of the following: |
||||||
|
|
||||||
|
a) Accompany it with the complete corresponding machine-readable |
||||||
|
source code, which must be distributed under the terms of Sections |
||||||
|
1 and 2 above on a medium customarily used for software interchange; or, |
||||||
|
|
||||||
|
b) Accompany it with a written offer, valid for at least three |
||||||
|
years, to give any third party, for a charge no more than your |
||||||
|
cost of physically performing source distribution, a complete |
||||||
|
machine-readable copy of the corresponding source code, to be |
||||||
|
distributed under the terms of Sections 1 and 2 above on a medium |
||||||
|
customarily used for software interchange; or, |
||||||
|
|
||||||
|
c) Accompany it with the information you received as to the offer |
||||||
|
to distribute corresponding source code. (This alternative is |
||||||
|
allowed only for noncommercial distribution and only if you |
||||||
|
received the program in object code or executable form with such |
||||||
|
an offer, in accord with Subsection b above.) |
||||||
|
|
||||||
|
The source code for a work means the preferred form of the work for |
||||||
|
making modifications to it. For an executable work, complete source |
||||||
|
code means all the source code for all modules it contains, plus any |
||||||
|
associated interface definition files, plus the scripts used to |
||||||
|
control compilation and installation of the executable. However, as a |
||||||
|
special exception, the source code distributed need not include |
||||||
|
anything that is normally distributed (in either source or binary |
||||||
|
form) with the major components (compiler, kernel, and so on) of the |
||||||
|
operating system on which the executable runs, unless that component |
||||||
|
itself accompanies the executable. |
||||||
|
|
||||||
|
If distribution of executable or object code is made by offering |
||||||
|
access to copy from a designated place, then offering equivalent |
||||||
|
access to copy the source code from the same place counts as |
||||||
|
distribution of the source code, even though third parties are not |
||||||
|
compelled to copy the source along with the object code. |
||||||
|
|
||||||
|
4. You may not copy, modify, sublicense, or distribute the Program |
||||||
|
except as expressly provided under this License. Any attempt |
||||||
|
otherwise to copy, modify, sublicense or distribute the Program is |
||||||
|
void, and will automatically terminate your rights under this License. |
||||||
|
However, parties who have received copies, or rights, from you under |
||||||
|
this License will not have their licenses terminated so long as such |
||||||
|
parties remain in full compliance. |
||||||
|
|
||||||
|
5. You are not required to accept this License, since you have not |
||||||
|
signed it. However, nothing else grants you permission to modify or |
||||||
|
distribute the Program or its derivative works. These actions are |
||||||
|
prohibited by law if you do not accept this License. Therefore, by |
||||||
|
modifying or distributing the Program (or any work based on the |
||||||
|
Program), you indicate your acceptance of this License to do so, and |
||||||
|
all its terms and conditions for copying, distributing or modifying |
||||||
|
the Program or works based on it. |
||||||
|
|
||||||
|
6. Each time you redistribute the Program (or any work based on the |
||||||
|
Program), the recipient automatically receives a license from the |
||||||
|
original licensor to copy, distribute or modify the Program subject to |
||||||
|
these terms and conditions. You may not impose any further |
||||||
|
restrictions on the recipients' exercise of the rights granted herein. |
||||||
|
You are not responsible for enforcing compliance by third parties to |
||||||
|
this License. |
||||||
|
|
||||||
|
7. If, as a consequence of a court judgment or allegation of patent |
||||||
|
infringement or for any other reason (not limited to patent issues), |
||||||
|
conditions are imposed on you (whether by court order, agreement or |
||||||
|
otherwise) that contradict the conditions of this License, they do not |
||||||
|
excuse you from the conditions of this License. If you cannot |
||||||
|
distribute so as to satisfy simultaneously your obligations under this |
||||||
|
License and any other pertinent obligations, then as a consequence you |
||||||
|
may not distribute the Program at all. For example, if a patent |
||||||
|
license would not permit royalty-free redistribution of the Program by |
||||||
|
all those who receive copies directly or indirectly through you, then |
||||||
|
the only way you could satisfy both it and this License would be to |
||||||
|
refrain entirely from distribution of the Program. |
||||||
|
|
||||||
|
If any portion of this section is held invalid or unenforceable under |
||||||
|
any particular circumstance, the balance of the section is intended to |
||||||
|
apply and the section as a whole is intended to apply in other |
||||||
|
circumstances. |
||||||
|
|
||||||
|
It is not the purpose of this section to induce you to infringe any |
||||||
|
patents or other property right claims or to contest validity of any |
||||||
|
such claims; this section has the sole purpose of protecting the |
||||||
|
integrity of the free software distribution system, which is |
||||||
|
implemented by public license practices. Many people have made |
||||||
|
generous contributions to the wide range of software distributed |
||||||
|
through that system in reliance on consistent application of that |
||||||
|
system; it is up to the author/donor to decide if he or she is willing |
||||||
|
to distribute software through any other system and a licensee cannot |
||||||
|
impose that choice. |
||||||
|
|
||||||
|
This section is intended to make thoroughly clear what is believed to |
||||||
|
be a consequence of the rest of this License. |
||||||
|
|
||||||
|
8. If the distribution and/or use of the Program is restricted in |
||||||
|
certain countries either by patents or by copyrighted interfaces, the |
||||||
|
original copyright holder who places the Program under this License |
||||||
|
may add an explicit geographical distribution limitation excluding |
||||||
|
those countries, so that distribution is permitted only in or among |
||||||
|
countries not thus excluded. In such case, this License incorporates |
||||||
|
the limitation as if written in the body of this License. |
||||||
|
|
||||||
|
9. The Free Software Foundation may publish revised and/or new versions |
||||||
|
of the General Public License from time to time. Such new versions will |
||||||
|
be similar in spirit to the present version, but may differ in detail to |
||||||
|
address new problems or concerns. |
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the Program |
||||||
|
specifies a version number of this License which applies to it and "any |
||||||
|
later version", you have the option of following the terms and conditions |
||||||
|
either of that version or of any later version published by the Free |
||||||
|
Software Foundation. If the Program does not specify a version number of |
||||||
|
this License, you may choose any version ever published by the Free Software |
||||||
|
Foundation. |
||||||
|
|
||||||
|
10. If you wish to incorporate parts of the Program into other free |
||||||
|
programs whose distribution conditions are different, write to the author |
||||||
|
to ask for permission. For software which is copyrighted by the Free |
||||||
|
Software Foundation, write to the Free Software Foundation; we sometimes |
||||||
|
make exceptions for this. Our decision will be guided by the two goals |
||||||
|
of preserving the free status of all derivatives of our free software and |
||||||
|
of promoting the sharing and reuse of software generally. |
||||||
|
|
||||||
|
NO WARRANTY |
||||||
|
|
||||||
|
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY |
||||||
|
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN |
||||||
|
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES |
||||||
|
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED |
||||||
|
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF |
||||||
|
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS |
||||||
|
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE |
||||||
|
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, |
||||||
|
REPAIR OR CORRECTION. |
||||||
|
|
||||||
|
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING |
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR |
||||||
|
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, |
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING |
||||||
|
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED |
||||||
|
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY |
||||||
|
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER |
||||||
|
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE |
||||||
|
POSSIBILITY OF SUCH DAMAGES. |
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS |
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs |
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest |
||||||
|
possible use to the public, the best way to achieve this is to make it |
||||||
|
free software which everyone can redistribute and change under these terms. |
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest |
||||||
|
to attach them to the start of each source file to most effectively |
||||||
|
convey the exclusion of warranty; and each file should have at least |
||||||
|
the "copyright" line and a pointer to where the full notice is found. |
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.> |
||||||
|
Copyright (C) <year> <name of author> |
||||||
|
|
||||||
|
This program is free software; you can redistribute it and/or modify |
||||||
|
it under the terms of the GNU General Public License as published by |
||||||
|
the Free Software Foundation; either version 2 of the License, or |
||||||
|
(at your option) any later version. |
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful, |
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||||
|
GNU General Public License for more details. |
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License along |
||||||
|
with this program; if not, write to the Free Software Foundation, Inc., |
||||||
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. |
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail. |
||||||
|
|
||||||
|
If the program is interactive, make it output a short notice like this |
||||||
|
when it starts in an interactive mode: |
||||||
|
|
||||||
|
Gnomovision version 69, Copyright (C) year name of author |
||||||
|
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. |
||||||
|
This is free software, and you are welcome to redistribute it |
||||||
|
under certain conditions; type `show c' for details. |
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate |
||||||
|
parts of the General Public License. Of course, the commands you use may |
||||||
|
be called something other than `show w' and `show c'; they could even be |
||||||
|
mouse-clicks or menu items--whatever suits your program. |
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or your |
||||||
|
school, if any, to sign a "copyright disclaimer" for the program, if |
||||||
|
necessary. Here is a sample; alter the names: |
||||||
|
|
||||||
|
Yoyodyne, Inc., hereby disclaims all copyright interest in the program |
||||||
|
`Gnomovision' (which makes passes at compilers) written by James Hacker. |
||||||
|
|
||||||
|
<signature of Ty Coon>, 1 April 1989 |
||||||
|
Ty Coon, President of Vice |
||||||
|
|
||||||
|
This General Public License does not permit incorporating your program into |
||||||
|
proprietary programs. If your program is a subroutine library, you may |
||||||
|
consider it more useful to permit linking proprietary applications with the |
||||||
|
library. If this is what you want to do, use the GNU Lesser General |
||||||
|
Public License instead of this License. |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
var browserSync = require('browser-sync'); |
||||||
|
|
||||||
|
browserSync({ |
||||||
|
proxy: 'https://islandlives2023.lndo.site', |
||||||
|
files: 'css/**/*.css', |
||||||
|
plugins: ['bs-rewrite-rules'], |
||||||
|
serveStatic: ['.'], |
||||||
|
rewriteRules: [ |
||||||
|
{ |
||||||
|
match: /\/themes\/custom\/robertsonlibrary_v1/g, |
||||||
|
replace: '' |
||||||
|
} |
||||||
|
] |
||||||
|
}); |
||||||
@ -0,0 +1,77 @@ |
|||||||
|
version 9.1.0 |
||||||
|
15 Dec 2021 |
||||||
|
+-----------------------------+ |
||||||
|
# Initial release of series 9.x.x |
||||||
|
|
||||||
|
|
||||||
|
version 9.1.1 |
||||||
|
15 Dec 2021 |
||||||
|
+-----------------------------+ |
||||||
|
# Minor improvements |
||||||
|
|
||||||
|
|
||||||
|
version 9.1.2 |
||||||
|
23 Dec 2021 |
||||||
|
+-----------------------------+ |
||||||
|
# Fixed minor known bugs. |
||||||
|
|
||||||
|
|
||||||
|
version 9.1.3 |
||||||
|
08 Feb 2022 |
||||||
|
+-----------------------------+ |
||||||
|
- Added two new css variables --color-text, --color-heading |
||||||
|
- Added new shortcode for light background "bg-light" |
||||||
|
- Changed scroll to top arrow icon path. |
||||||
|
|
||||||
|
|
||||||
|
version 9.2.0 |
||||||
|
29 August 2022 |
||||||
|
+-----------------------------+ |
||||||
|
- Theme now supports Drupal 10 |
||||||
|
- Added shortcode for text color - dark, light |
||||||
|
- Added shortcode section-small |
||||||
|
- Other minor changes and improvements. |
||||||
|
|
||||||
|
|
||||||
|
version 10.0.0 |
||||||
|
30 August 2023 |
||||||
|
+-----------------------------+ |
||||||
|
- Initial release of 10.x.x series |
||||||
|
- Minor improvements. |
||||||
|
|
||||||
|
|
||||||
|
version 10.0.1 |
||||||
|
30 August 2023 |
||||||
|
+-----------------------------+ |
||||||
|
- Add custom font icon library. https://drupar.com/node/2875/ |
||||||
|
- Updated Bootstrap Font Icons to version 1.10.5 |
||||||
|
- Updated FontAwesome 5 Font Icons to version 5.15.4 |
||||||
|
- Added styling for EU Cookie Compliance module. |
||||||
|
- Minor improvements. |
||||||
|
|
||||||
|
|
||||||
|
version 10.0.2 |
||||||
|
31 August 2023 |
||||||
|
+-----------------------------+ |
||||||
|
- Removed menu--main.html.twig template file. |
||||||
|
- Theme now uses menu.html.twig |
||||||
|
- New animated mobile menu icon. |
||||||
|
- Minor improvements. |
||||||
|
|
||||||
|
|
||||||
|
version 10.0.3 |
||||||
|
01 September 2023 |
||||||
|
+-----------------------------+ |
||||||
|
- New template file: header-primary-menu.html.twig |
||||||
|
- Minor improvements of main menu. |
||||||
|
|
||||||
|
|
||||||
|
version 10.0.4 |
||||||
|
05 September 2023 |
||||||
|
+-----------------------------+ |
||||||
|
- Removed padding from sidebar. |
||||||
|
- Removed margin-bottom from sidebar block. |
||||||
|
- Removed margin bottom from main. |
||||||
|
- Fixed display of contextual-links in header-top region. |
||||||
|
- Added a default background color for footer. |
||||||
|
- Added a default background color for sidebar blocks. |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
config: |
||||||
|
- system.menu.account |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_account_menu |
||||||
|
theme: vre2024 |
||||||
|
region: hidden |
||||||
|
weight: -7 |
||||||
|
provider: null |
||||||
|
plugin: 'system_menu_block:account' |
||||||
|
settings: |
||||||
|
id: 'system_menu_block:account' |
||||||
|
label: 'User account menu' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
level: 1 |
||||||
|
depth: 1 |
||||||
|
expand_all_items: false |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_branding |
||||||
|
theme: vre2024 |
||||||
|
region: header |
||||||
|
weight: 0 |
||||||
|
provider: null |
||||||
|
plugin: system_branding_block |
||||||
|
settings: |
||||||
|
id: system_branding_block |
||||||
|
label: 'Site branding' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
use_site_logo: true |
||||||
|
use_site_name: true |
||||||
|
use_site_slogan: true |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_breadcrumbs |
||||||
|
theme: vre2024 |
||||||
|
region: page_header |
||||||
|
weight: -7 |
||||||
|
provider: null |
||||||
|
plugin: system_breadcrumb_block |
||||||
|
settings: |
||||||
|
id: system_breadcrumb_block |
||||||
|
label: Breadcrumbs |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_content |
||||||
|
theme: vre2024 |
||||||
|
region: content |
||||||
|
weight: 0 |
||||||
|
provider: null |
||||||
|
plugin: system_main_block |
||||||
|
settings: |
||||||
|
id: system_main_block |
||||||
|
label: 'Main page content' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
config: |
||||||
|
- system.menu.footer |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_footer |
||||||
|
theme: vre2024 |
||||||
|
region: footer_four |
||||||
|
weight: -11 |
||||||
|
provider: null |
||||||
|
plugin: 'system_menu_block:footer' |
||||||
|
settings: |
||||||
|
id: 'system_menu_block:footer' |
||||||
|
label: 'Footer menu' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
level: 1 |
||||||
|
depth: 0 |
||||||
|
expand_all_items: false |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- help |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_help |
||||||
|
theme: vre2024 |
||||||
|
region: content |
||||||
|
weight: -30 |
||||||
|
provider: null |
||||||
|
plugin: help_block |
||||||
|
settings: |
||||||
|
id: help_block |
||||||
|
label: Help |
||||||
|
provider: help |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_local_actions |
||||||
|
theme: vre2024 |
||||||
|
region: content |
||||||
|
weight: -20 |
||||||
|
provider: null |
||||||
|
plugin: local_actions_block |
||||||
|
settings: |
||||||
|
id: local_actions_block |
||||||
|
label: 'Primary admin actions' |
||||||
|
provider: core |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_local_tasks |
||||||
|
theme: vre2024 |
||||||
|
region: content |
||||||
|
weight: -40 |
||||||
|
provider: null |
||||||
|
plugin: local_tasks_block |
||||||
|
settings: |
||||||
|
id: local_tasks_block |
||||||
|
label: Tabs |
||||||
|
provider: core |
||||||
|
label_display: '0' |
||||||
|
primary: true |
||||||
|
secondary: true |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
config: |
||||||
|
- system.menu.main |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_main_menu |
||||||
|
theme: vre2024 |
||||||
|
region: hidden |
||||||
|
weight: -8 |
||||||
|
provider: null |
||||||
|
plugin: 'system_menu_block:main' |
||||||
|
settings: |
||||||
|
id: 'system_menu_block:main' |
||||||
|
label: 'Main navigation' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
level: 1 |
||||||
|
depth: 1 |
||||||
|
expand_all_items: false |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_messages |
||||||
|
theme: vre2024 |
||||||
|
region: highlighted |
||||||
|
weight: 0 |
||||||
|
provider: null |
||||||
|
plugin: system_messages_block |
||||||
|
settings: |
||||||
|
id: system_messages_block |
||||||
|
label: 'Status messages' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_page_title |
||||||
|
theme: vre2024 |
||||||
|
region: page_header |
||||||
|
weight: -6 |
||||||
|
provider: null |
||||||
|
plugin: page_title_block |
||||||
|
settings: |
||||||
|
id: page_title_block |
||||||
|
label: 'Page title' |
||||||
|
provider: core |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_powered |
||||||
|
theme: vre2024 |
||||||
|
region: footer_bottom_left |
||||||
|
weight: -7 |
||||||
|
provider: null |
||||||
|
plugin: system_powered_by_block |
||||||
|
settings: |
||||||
|
id: system_powered_by_block |
||||||
|
label: 'Powered by Drupal' |
||||||
|
provider: system |
||||||
|
label_display: '0' |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
module: |
||||||
|
- search |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_search |
||||||
|
theme: vre2024 |
||||||
|
region: search_box |
||||||
|
weight: -8 |
||||||
|
provider: null |
||||||
|
plugin: search_form_block |
||||||
|
settings: |
||||||
|
id: search_form_block |
||||||
|
label: Search |
||||||
|
provider: search |
||||||
|
label_display: visible |
||||||
|
page_id: node_search |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
langcode: en |
||||||
|
status: true |
||||||
|
dependencies: |
||||||
|
config: |
||||||
|
- system.menu.tools |
||||||
|
module: |
||||||
|
- system |
||||||
|
theme: |
||||||
|
- vre2024 |
||||||
|
id: vre2024_tools |
||||||
|
theme: vre2024 |
||||||
|
region: hidden |
||||||
|
weight: -6 |
||||||
|
provider: null |
||||||
|
plugin: 'system_menu_block:tools' |
||||||
|
settings: |
||||||
|
id: 'system_menu_block:tools' |
||||||
|
label: Tools |
||||||
|
provider: system |
||||||
|
label_display: visible |
||||||
|
level: 1 |
||||||
|
depth: 0 |
||||||
|
expand_all_items: false |
||||||
|
visibility: { } |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
# Schema for the configuration files of vre2024 theme. |
||||||
|
|
||||||
|
vre2024.settings: |
||||||
|
type: theme_settings |
||||||
|
label: 'vre2024 Settings' |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
FontAwesome font icons |
||||||
|
+---------------------------+ |
||||||
|
https://fontawesome.com |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Bootstrap Icons |
||||||
|
+---------------------------+ |
||||||
|
https://icons.getbootstrap.com/ |
||||||
@ -0,0 +1,546 @@ |
|||||||
|
/* Font info |
||||||
|
---------------------------------------- */ |
||||||
|
|
||||||
|
/* Variables |
||||||
|
---------------------------------------- */ |
||||||
|
:root { |
||||||
|
--upei-red: #8c2004; |
||||||
|
--upei-green: #5C8727; |
||||||
|
--upei-yellow: #fbb040; |
||||||
|
|
||||||
|
--primary: #365AB5; |
||||||
|
--secondary: #D05700; |
||||||
|
--dark: #232742; |
||||||
|
--light: #D5DCEE; |
||||||
|
--border: #99A4C1; |
||||||
|
|
||||||
|
--color-text: #444444; |
||||||
|
--color-heading: #111111; |
||||||
|
} |
||||||
|
/* Default box sizing. |
||||||
|
---------------------------------------- */ |
||||||
|
*, |
||||||
|
*::before, |
||||||
|
*::after { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
/* Remove default margin */ |
||||||
|
body, |
||||||
|
h1, |
||||||
|
h2, |
||||||
|
h3, |
||||||
|
h4, |
||||||
|
h5, |
||||||
|
h6, |
||||||
|
figure, |
||||||
|
blockquote, |
||||||
|
dl, |
||||||
|
dd { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* HTML and Body |
||||||
|
---------------------------------------- */ |
||||||
|
html:focus-within { |
||||||
|
scroll-behavior: smooth; |
||||||
|
} |
||||||
|
html { |
||||||
|
font-size: 16px; |
||||||
|
scroll-behavior: smooth; |
||||||
|
} |
||||||
|
html, |
||||||
|
body { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
body { |
||||||
|
color: var(--color-text); |
||||||
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
min-height: 100vh; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
line-height: 1.6; |
||||||
|
text-rendering: optimizeSpeed; |
||||||
|
overflow-x: hidden; |
||||||
|
-webkit-font-smoothing: subpixel-antialiased; |
||||||
|
-webkit-text-size-adjust: 100%; |
||||||
|
-ms-text-size-adjust: 100%; |
||||||
|
} |
||||||
|
/* Regions |
||||||
|
---------------------------------------- */ |
||||||
|
article, |
||||||
|
aside, |
||||||
|
details, |
||||||
|
figcaption, |
||||||
|
figure, |
||||||
|
footer, |
||||||
|
header, |
||||||
|
hgroup, |
||||||
|
main, |
||||||
|
menu, |
||||||
|
nav, |
||||||
|
section { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
summary { |
||||||
|
display: list-item; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
details { |
||||||
|
padding: 1rem; |
||||||
|
margin-bottom: 1rem; |
||||||
|
border: 1px solid var(--border); |
||||||
|
} |
||||||
|
template, |
||||||
|
[hidden] { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
/* Typography |
||||||
|
---------------------------------------- */ |
||||||
|
h1, |
||||||
|
h2, |
||||||
|
h3, |
||||||
|
h4, |
||||||
|
h5, |
||||||
|
h6 { |
||||||
|
color: var(--color-heading); |
||||||
|
font-weight: 700; |
||||||
|
font-style: normal; |
||||||
|
line-height: 1.6; |
||||||
|
} |
||||||
|
h1 { |
||||||
|
font-size: 2.2rem; |
||||||
|
} |
||||||
|
h2 { |
||||||
|
font-size: 1.9rem; |
||||||
|
} |
||||||
|
h3 { |
||||||
|
font-size: 1.6rem; |
||||||
|
} |
||||||
|
h4 { |
||||||
|
font-size: 1.3rem; |
||||||
|
} |
||||||
|
h5 { |
||||||
|
font-size: 1.1rem; |
||||||
|
} |
||||||
|
h6 { |
||||||
|
font-size: 1.1rem; |
||||||
|
} |
||||||
|
p { |
||||||
|
margin: 0 0 1.2rem 0; |
||||||
|
} |
||||||
|
b, |
||||||
|
strong { |
||||||
|
font-weight: bolder; |
||||||
|
} |
||||||
|
dfn, |
||||||
|
cite { |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
del { |
||||||
|
text-decoration: line-through; |
||||||
|
} |
||||||
|
small { |
||||||
|
font-size: 80%; |
||||||
|
} |
||||||
|
big { |
||||||
|
font-size: 125%; |
||||||
|
} |
||||||
|
em { |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
a { |
||||||
|
background-color: transparent; |
||||||
|
text-decoration: none; |
||||||
|
color: var(--primary); |
||||||
|
} |
||||||
|
a:active, |
||||||
|
a:focus { |
||||||
|
text-decoration: none; |
||||||
|
border: 0; |
||||||
|
outline: 0; |
||||||
|
} |
||||||
|
a:hover { |
||||||
|
color: var(--secondary); |
||||||
|
} |
||||||
|
a:not([class]) { |
||||||
|
text-decoration-skip-ink: auto; |
||||||
|
} |
||||||
|
/* Typography-> code tags */ |
||||||
|
code, |
||||||
|
kbd, |
||||||
|
pre, |
||||||
|
samp { |
||||||
|
font-family: monospace, monospace; |
||||||
|
font-size: 1rem; |
||||||
|
} |
||||||
|
kbd, |
||||||
|
samp { |
||||||
|
display: inline-block; |
||||||
|
margin: 0; |
||||||
|
padding: 0 5px; |
||||||
|
} |
||||||
|
pre { |
||||||
|
overflow: auto; |
||||||
|
margin: 1rem 0; |
||||||
|
padding: 1rem; |
||||||
|
tab-size: 2; |
||||||
|
} |
||||||
|
sub, |
||||||
|
sup { |
||||||
|
position: relative; |
||||||
|
font-size: 75%; |
||||||
|
line-height: 0; |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
sub { |
||||||
|
bottom: -0.25em; |
||||||
|
} |
||||||
|
sup { |
||||||
|
top: -0.5em; |
||||||
|
} |
||||||
|
tt, |
||||||
|
var { |
||||||
|
font-family: monospace, monospace; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
mark { |
||||||
|
background: var(--primary); |
||||||
|
} |
||||||
|
acronym[title], abbr[title] { |
||||||
|
border-bottom: none; |
||||||
|
text-decoration: underline; |
||||||
|
-webkit-text-decoration: underline dotted; |
||||||
|
text-decoration: underline dotted; |
||||||
|
} |
||||||
|
abbr, |
||||||
|
acronym { |
||||||
|
cursor: help; |
||||||
|
} |
||||||
|
|
||||||
|
/* Media |
||||||
|
---------------------------------------- */ |
||||||
|
audio, |
||||||
|
canvas, |
||||||
|
progress, |
||||||
|
video { |
||||||
|
vertical-align: baseline; |
||||||
|
max-width:100%; |
||||||
|
} |
||||||
|
audio:not([controls]) { |
||||||
|
display: none; |
||||||
|
height: 0; |
||||||
|
} |
||||||
|
img, |
||||||
|
picture, |
||||||
|
svg { |
||||||
|
max-width: 100% !important; |
||||||
|
height: auto; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
border-style: none; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
svg:not(:root) { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
figure { |
||||||
|
max-width: 100%; |
||||||
|
height: auto; |
||||||
|
margin: 1rem 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
.align-left { |
||||||
|
margin: 0 1rem 0 0; |
||||||
|
} |
||||||
|
.align-right { |
||||||
|
margin: 0 0 0 1rem; |
||||||
|
} |
||||||
|
.align-center { |
||||||
|
margin-top: 1rem; |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
figcaption { |
||||||
|
padding: 4px; |
||||||
|
font-size: 0.8rem; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.image-field { |
||||||
|
margin: 0 0 1rem 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* Form |
||||||
|
---------------------------------------- */ |
||||||
|
form { |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
button, |
||||||
|
input, |
||||||
|
optgroup, |
||||||
|
select, |
||||||
|
textarea { |
||||||
|
font-family: inherit; |
||||||
|
font-size: 100%; |
||||||
|
line-height: 1.6; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
button, |
||||||
|
input { |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
button, |
||||||
|
select { |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
.button { |
||||||
|
display:inline-block; |
||||||
|
} |
||||||
|
.button, |
||||||
|
button, |
||||||
|
[type="button"], |
||||||
|
[type="reset"], |
||||||
|
[type="submit"] { |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
border: 0; |
||||||
|
padding: 8px 10px; |
||||||
|
line-height: 1.6; |
||||||
|
-webkit-appearance: button; |
||||||
|
} |
||||||
|
button::-moz-focus-inner, |
||||||
|
[type="button"]::-moz-focus-inner, |
||||||
|
[type="reset"]::-moz-focus-inner, |
||||||
|
[type="submit"]::-moz-focus-inner { |
||||||
|
border-style: none; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
button:-moz-focusring, |
||||||
|
[type="button"]:-moz-focusring, |
||||||
|
[type="reset"]:-moz-focusring, |
||||||
|
[type="submit"]:-moz-focusring { |
||||||
|
outline: 0; |
||||||
|
} |
||||||
|
button[disabled], |
||||||
|
html input[disabled] { |
||||||
|
cursor: not-allowed; |
||||||
|
opacity: 0.7; |
||||||
|
} |
||||||
|
::-webkit-file-upload-button { |
||||||
|
-webkit-appearance: button; |
||||||
|
font: inherit; |
||||||
|
} |
||||||
|
input, |
||||||
|
button, |
||||||
|
textarea, |
||||||
|
select { |
||||||
|
font: inherit; |
||||||
|
} |
||||||
|
input { |
||||||
|
line-height: normal; |
||||||
|
} |
||||||
|
input, |
||||||
|
textarea { |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
input[type="text"], |
||||||
|
input[type="email"], |
||||||
|
input[type="url"], |
||||||
|
input[type="password"], |
||||||
|
input[type="search"], |
||||||
|
textarea { |
||||||
|
padding: 10px; |
||||||
|
} |
||||||
|
input[type="text"]:focus, |
||||||
|
input[type="email"]:focus, |
||||||
|
input[type="url"]:focus, |
||||||
|
input[type="password"]:focus, |
||||||
|
input[type="search"]:focus, |
||||||
|
textarea:focus { |
||||||
|
outline: 0; |
||||||
|
} |
||||||
|
textarea { |
||||||
|
width: 100%; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
[type="checkbox"], |
||||||
|
[type="radio"] { |
||||||
|
padding: 0; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
-moz-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
[type="number"]::-webkit-inner-spin-button, |
||||||
|
[type="number"]::-webkit-outer-spin-button { |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
[type="search"] { |
||||||
|
-webkit-appearance: textfield; |
||||||
|
outline-offset: -2px; |
||||||
|
-webkit-appearance: textfield; |
||||||
|
-moz-appearance: textfield; |
||||||
|
} |
||||||
|
[type="search"]::-webkit-search-decoration { |
||||||
|
-webkit-appearance: none; |
||||||
|
} |
||||||
|
[type="file"] { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
fieldset { |
||||||
|
margin: 0 0 20px 0; |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
fieldset > :last-child { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
legend { |
||||||
|
box-sizing: border-box; |
||||||
|
color: inherit; |
||||||
|
display: table; |
||||||
|
max-width: 100%; |
||||||
|
padding: 0; |
||||||
|
white-space: normal; |
||||||
|
} |
||||||
|
optgroup { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
select { |
||||||
|
padding: 6px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
label[for] { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
/* Form */ |
||||||
|
.form-item { |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
.form-required:after { |
||||||
|
content: "*"; |
||||||
|
display: inline-block; |
||||||
|
padding-left: 4px; |
||||||
|
color: red; |
||||||
|
} |
||||||
|
.form-item label { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
label.option { |
||||||
|
display: inline; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
::-webkit-input-placeholder { |
||||||
|
color: var(--border); |
||||||
|
} |
||||||
|
:-moz-placeholder { |
||||||
|
color: var(--border); |
||||||
|
} |
||||||
|
::-moz-placeholder { |
||||||
|
color: var(--border); |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
:-ms-input-placeholder { |
||||||
|
color: var(--border); |
||||||
|
} |
||||||
|
.field--name-body input[type="text"], |
||||||
|
.field--name-body input[type="email"], |
||||||
|
.field--name-body input[type="url"], |
||||||
|
.field--name-body input[type="password"], |
||||||
|
.field--name-body input[type="search"], |
||||||
|
.field--name-body textarea { |
||||||
|
display: block; |
||||||
|
margin-bottom: 0.8rem; |
||||||
|
} |
||||||
|
/* Common HTML Elements |
||||||
|
---------------------------------------- */ |
||||||
|
hr { |
||||||
|
background-color: var(--border); |
||||||
|
clear: both; |
||||||
|
width: 100%; |
||||||
|
max-width: 100%; |
||||||
|
height: 2px; |
||||||
|
border: 0; |
||||||
|
-webkit-box-sizing: content-box; |
||||||
|
box-sizing: content-box; |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
address { |
||||||
|
margin: 0 0 1rem 0; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
/* Definition Lists */ |
||||||
|
dt { |
||||||
|
font-weight: 700; |
||||||
|
} |
||||||
|
dd { |
||||||
|
margin: 0 0 1.2rem 0; |
||||||
|
} |
||||||
|
blockquote { |
||||||
|
position: relative; |
||||||
|
background-color: var(--light); |
||||||
|
margin: 1rem 0; |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
blockquote > :last-child { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* List |
||||||
|
---------------------------------------- */ |
||||||
|
ul, |
||||||
|
ol { |
||||||
|
margin: 0; |
||||||
|
padding: 0 0 0.25rem 1rem; |
||||||
|
} |
||||||
|
[dir="rtl"] ul, |
||||||
|
[dir="rtl"] ol { |
||||||
|
padding: 0 1rem 0.25rem 0; |
||||||
|
} |
||||||
|
ol ol, |
||||||
|
ul ul { |
||||||
|
margin: 0; |
||||||
|
padding: 0 0 0.25rem 1rem; |
||||||
|
} |
||||||
|
[dir="rtl"] ol ol, |
||||||
|
[dir="rtl"] ul ul { |
||||||
|
padding: 0 1rem 0.25rem 0; |
||||||
|
} |
||||||
|
ul { |
||||||
|
list-style: disc; |
||||||
|
} |
||||||
|
li > ul, |
||||||
|
li > ol { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
[dir="rtl"] ul, |
||||||
|
[dir="rtl"] ol { |
||||||
|
padding: 0 1rem 0.25rem 0; |
||||||
|
} |
||||||
|
li { |
||||||
|
padding: 4px 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* Table |
||||||
|
---------------------------------------- */ |
||||||
|
table { |
||||||
|
width: 100%; |
||||||
|
margin-bottom: 1.2rem; |
||||||
|
border-spacing: 0; |
||||||
|
border-collapse: collapse; |
||||||
|
} |
||||||
|
th, |
||||||
|
tr, |
||||||
|
td { |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
th { |
||||||
|
margin: 0; |
||||||
|
padding: 5px; |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
td { |
||||||
|
padding: 5px; |
||||||
|
} |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
/* Common for all blocks */ |
||||||
|
.block, |
||||||
|
.block-title, |
||||||
|
.block-content { |
||||||
|
position: relative; |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,11 @@ |
|||||||
|
/* Clearing |
||||||
|
--------------------------------------*/ |
||||||
|
.clear { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.clear::before, |
||||||
|
.clear::after { |
||||||
|
content: ''; |
||||||
|
display: table; |
||||||
|
clear: both; |
||||||
|
} |
||||||
@ -0,0 +1,83 @@ |
|||||||
|
#comments { |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.comments-title i, |
||||||
|
.add-comment-title i { |
||||||
|
font-size: 1em; |
||||||
|
} |
||||||
|
/* Comment -> comment form */ |
||||||
|
.comment-form-wrap { |
||||||
|
position: relative; |
||||||
|
margin: 2rem 0 1rem 0; |
||||||
|
} |
||||||
|
.add-comment-title { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.comment-form label { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
/* Comments -> single comment */ |
||||||
|
.comment { |
||||||
|
position: relative; |
||||||
|
background-color: var(--light); |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
width: 100%; |
||||||
|
margin-bottom: 1rem; |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
.comment-header { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
width: 100%; |
||||||
|
border-bottom: 2px solid var(--border); |
||||||
|
padding: 1rem; |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
.comment-user-picture { |
||||||
|
position: relative; |
||||||
|
text-align: center; |
||||||
|
align-self: center; |
||||||
|
} |
||||||
|
.comment-user-picture img { |
||||||
|
max-width: 100px; |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
.comment-user-picture .image-field { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.comment-meta { |
||||||
|
padding-left: 1rem; |
||||||
|
} |
||||||
|
h3.comment-title { |
||||||
|
font-size: 1.2rem; |
||||||
|
margin: 0.1rem 0; |
||||||
|
} |
||||||
|
.comment-meta p { |
||||||
|
margin: 0 |
||||||
|
} |
||||||
|
.comment-body { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1; |
||||||
|
flex: 1 1; |
||||||
|
} |
||||||
|
#comments .indented { |
||||||
|
margin-left: 3rem; |
||||||
|
} |
||||||
|
.comment-body .links { |
||||||
|
display: flex; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
.comment-body .links a { |
||||||
|
padding: 4px 12px; |
||||||
|
border: 2px solid var(--border); |
||||||
|
border-radius: 4px; |
||||||
|
} |
||||||
|
.comment-body .links a:hover { |
||||||
|
background-color: #ffffff; |
||||||
|
} |
||||||
@ -0,0 +1,217 @@ |
|||||||
|
|
||||||
|
/* Admin Toolbar */ |
||||||
|
button.toolbar-item, |
||||||
|
button.toolbar-icon { |
||||||
|
background: none; |
||||||
|
} |
||||||
|
|
||||||
|
/* Drupal system message */ |
||||||
|
.message { |
||||||
|
position: relative; |
||||||
|
margin: 1rem 0; |
||||||
|
padding: 1rem 1rem 1rem 4rem; |
||||||
|
color: #ffffff; |
||||||
|
} |
||||||
|
.message a, |
||||||
|
.message a:visited { |
||||||
|
color: #ffffff; |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
.message p:last-child { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.message em { |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
.message-status { |
||||||
|
background: #89ad32; |
||||||
|
} |
||||||
|
.message-status::before { |
||||||
|
content: url(../images/icons/message/success.svg); |
||||||
|
background: #759625; |
||||||
|
} |
||||||
|
.message-error { |
||||||
|
background: #c94d1c; |
||||||
|
} |
||||||
|
.message-error::before { |
||||||
|
content: url(../images/icons/message/error.svg); |
||||||
|
background-color: #b3461b; |
||||||
|
} |
||||||
|
.message-warning { |
||||||
|
background: #cd5a0a; |
||||||
|
} |
||||||
|
.message-warning::before { |
||||||
|
content: url(../images/icons/message/warning.svg); |
||||||
|
background-color: #a44707; |
||||||
|
} |
||||||
|
.message::before { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 3.6rem; |
||||||
|
height: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
line-height: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* Main -> Admin Tabs */ |
||||||
|
ul.page-tabs { |
||||||
|
margin: 0 0 0.6rem 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
border-bottom: 2px solid var(--primary); |
||||||
|
} |
||||||
|
.page-tabs li { |
||||||
|
display: -webkit-inline-box; |
||||||
|
display: -ms-inline-flexbox; |
||||||
|
display: inline-flex; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.page-tabs li a { |
||||||
|
background-color: var(--dark); |
||||||
|
color: #ffffff; |
||||||
|
padding: 0.5rem 1rem; |
||||||
|
border-right: 2px solid var(--border); |
||||||
|
} |
||||||
|
.page-tabs li.active-page-tab a, |
||||||
|
.page-tabs li a:hover { |
||||||
|
color: var(--primary); |
||||||
|
} |
||||||
|
/* Node submitted details */ |
||||||
|
.node-submitted-details { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
.node-submitted-details { |
||||||
|
-webkit-flex: 1 1 auto; |
||||||
|
-ms-flex: 1 1 auto; |
||||||
|
flex: 1 1 auto; |
||||||
|
} |
||||||
|
/* Entity reference */ |
||||||
|
.node-taxonomy-container, .node-links-container { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
h3.term-title { |
||||||
|
font-size: 1.2em; |
||||||
|
} |
||||||
|
ul.taxonomy-terms { |
||||||
|
margin: 10px 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
li.taxonomy-term { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
padding: 0; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
li.taxonomy-term:not(:last-child) { |
||||||
|
margin-right: 1rem; |
||||||
|
} |
||||||
|
.taxonomy-term a { |
||||||
|
padding: 6px 14px; |
||||||
|
border: 2px solid var(--border); |
||||||
|
} |
||||||
|
/* Node Links */ |
||||||
|
.node-links-container ul.links { |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
.node-links-container .links { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
ul.inline, |
||||||
|
ul.links.inline { |
||||||
|
padding-left: 0; |
||||||
|
} |
||||||
|
ul.inline li { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
ul.inline li a { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
/* Pager */ |
||||||
|
.pager { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.pager ul.pager__items { |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
padding: 1rem 0; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
.pager__items { |
||||||
|
clear: both; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.pager__item { |
||||||
|
display: inline-block; |
||||||
|
padding: 12px 0; |
||||||
|
} |
||||||
|
.pager__item a { |
||||||
|
padding: 8px 14px; |
||||||
|
color: #fff; |
||||||
|
background: var(--dark); |
||||||
|
} |
||||||
|
.pager__item a:hover, |
||||||
|
.pager__item.is-active a { |
||||||
|
background: var(--primary); |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
/* vertical Tabs */ |
||||||
|
.vertical-tabs__panes { |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
/* components -> Scroll To Top. */ |
||||||
|
.scrolltop { |
||||||
|
position: fixed; |
||||||
|
display: none; |
||||||
|
bottom: 10px; |
||||||
|
right: 10px; |
||||||
|
width: 50px; |
||||||
|
height: 50px; |
||||||
|
border-radius: 50%; |
||||||
|
background: var(--primary); |
||||||
|
color: #ffffff; |
||||||
|
font-size: 20px; |
||||||
|
z-index: 20; |
||||||
|
cursor: pointer; |
||||||
|
text-align: center; |
||||||
|
padding: 4px; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.scrolltop:hover { |
||||||
|
background: var(--secondary); |
||||||
|
} |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
/** |
||||||
|
* Drupal core |
||||||
|
*/ |
||||||
|
/* Core -> contextual-links */ |
||||||
|
.header-top .contextual-links { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
/* Core -> Fields */ |
||||||
|
[dir] .field:not(:last-child){ |
||||||
|
margin-bottom:36px; |
||||||
|
} |
||||||
|
|
||||||
|
.field__label { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.field--label-inline .field__label, |
||||||
|
.field--label-inline .field__items { |
||||||
|
float: left; /* LTR */ |
||||||
|
} |
||||||
|
.field--label-inline .field__label, |
||||||
|
.field--label-inline > .field__item, |
||||||
|
.field--label-inline .field__items { |
||||||
|
padding-right: 0.5rem; |
||||||
|
} |
||||||
|
[dir="rtl"] .field--label-inline .field__label, |
||||||
|
[dir="rtl"] .field--label-inline .field__items { |
||||||
|
padding-right: 0; |
||||||
|
padding-left: 0.5rem; |
||||||
|
} |
||||||
|
.field--label-inline .field__label::after { |
||||||
|
content: ":"; |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
/* EU Cookie Compliance module */ |
||||||
|
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab { |
||||||
|
background-color: #ffffff; |
||||||
|
box-shadow: 0 0 6px 2px var(--border); |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
#sliding-popup { |
||||||
|
padding: 2rem; |
||||||
|
max-width: 540px; |
||||||
|
} |
||||||
|
#sliding-popup .popup-content { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-content { |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-message { |
||||||
|
float: none; |
||||||
|
margin: 0; |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
#sliding-popup div, |
||||||
|
#sliding-popup h2 { |
||||||
|
color: var( --color-heading); |
||||||
|
} |
||||||
|
#sliding-popup h2 { |
||||||
|
font-size: 1.2rem; |
||||||
|
} |
||||||
|
#sliding-popup p { |
||||||
|
display: block; |
||||||
|
color: var(--color-text); |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-message button { |
||||||
|
background-color: transparent; |
||||||
|
color: var(--primary); |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-message button:hover { |
||||||
|
background-color: transparent; |
||||||
|
color: var( --color-heading); |
||||||
|
} |
||||||
|
.eu-cookie-compliance-buttons { |
||||||
|
display: flex; |
||||||
|
gap: 1rem; |
||||||
|
float: none; |
||||||
|
margin: 0; |
||||||
|
max-width: 100%; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-buttons .button { |
||||||
|
background-color: transparent; |
||||||
|
background-image: none; |
||||||
|
color: var(--primary); |
||||||
|
font-weight: 400; |
||||||
|
margin: 0; |
||||||
|
padding: 8px 1rem; |
||||||
|
border: 2px solid var( --color-heading); |
||||||
|
text-shadow: none; |
||||||
|
box-shadow: none; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
.eu-cookie-compliance-buttons .button:hover { |
||||||
|
background-color: var( --color-heading); |
||||||
|
color: #ffffff; |
||||||
|
} |
||||||
@ -0,0 +1,166 @@ |
|||||||
|
/*! |
||||||
|
* The-X icon font. Generated by Iconly: https://iconly.io/ |
||||||
|
*/ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-display: auto; |
||||||
|
font-family: "vre2024"; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 400; |
||||||
|
src: url("../fonts/vre2024.woff2") format("woff2"); |
||||||
|
} |
||||||
|
|
||||||
|
[class="icon"], [class^="icon-"], [class*=" icon-"] { |
||||||
|
display: inline-block; |
||||||
|
font-family: "vre2024" !important; |
||||||
|
font-weight: 400; |
||||||
|
font-style: normal; |
||||||
|
font-variant: normal; |
||||||
|
text-rendering: auto; |
||||||
|
line-height: 1; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
} |
||||||
|
.icon-close:before { |
||||||
|
content: "\e000"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-search:before { |
||||||
|
content: "\e001"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-user:before { |
||||||
|
content: "\e002"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-calendar:before { |
||||||
|
content: "\e003"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-twitter:before { |
||||||
|
content: "\e004"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-facebook:before { |
||||||
|
content: "\e005"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-github:before { |
||||||
|
content: "\e006"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-linkedin:before { |
||||||
|
content: "\e007"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-comments:before { |
||||||
|
content: "\e008"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-file:before { |
||||||
|
content: "\e009"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-youtube:before { |
||||||
|
content: "\e00a"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-instagram:before { |
||||||
|
content: "\e00b"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-vk:before { |
||||||
|
content: "\e00c"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-whatsapp:before { |
||||||
|
content: "\e00d"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-vimeo:before { |
||||||
|
content: "\e00e"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-hashtag:before { |
||||||
|
content: "\e00f"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-telegram:before { |
||||||
|
content: "\e010"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-share:before { |
||||||
|
content: "\e011"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-mail:before { |
||||||
|
content: "\e012"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-map:before { |
||||||
|
content: "\e013"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-phone:before { |
||||||
|
content: "\e014"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-arrow-up:before { |
||||||
|
content: "\e015"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-horn:before { |
||||||
|
content: "\e016"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-bell:before { |
||||||
|
content: "\e017"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-info:before { |
||||||
|
content: "\e018"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-comment:before { |
||||||
|
content: "\e019"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-angle-left:before { |
||||||
|
content: "\e01a"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-angle-right:before { |
||||||
|
content: "\e01b"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-arrow-right:before { |
||||||
|
content: "\e01c"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-arrow-left:before { |
||||||
|
content: "\e01d"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-quote:before { |
||||||
|
content: "\e01e"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-clock:before { |
||||||
|
content: "\e01f"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-alert-circle:before { |
||||||
|
content: "\e020"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-alert:before { |
||||||
|
content: "\e021"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-check:before { |
||||||
|
content: "\e022"; |
||||||
|
} |
||||||
|
|
||||||
|
.icon-comment-add:before { |
||||||
|
content: "\e024"; |
||||||
|
} |
||||||
@ -0,0 +1,87 @@ |
|||||||
|
/** |
||||||
|
* footer |
||||||
|
*/ |
||||||
|
/* Footer */ |
||||||
|
.footer { |
||||||
|
position: relative; |
||||||
|
background-color: var(--light); |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.footer ul { |
||||||
|
list-style: none; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.footer .block p:last-of-type { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
/* Footer -> Footer Top */ |
||||||
|
.footer-top-container { |
||||||
|
position: relative; |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
.region-footer-top { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
gap: 1.5rem; |
||||||
|
} |
||||||
|
/* Footer -> 4 Column blocks */ |
||||||
|
.footer-blocks-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-ms-flex-wrap: wrap; |
||||||
|
flex-wrap: wrap; |
||||||
|
padding: 2rem 0; |
||||||
|
gap: 1.5rem; |
||||||
|
} |
||||||
|
.footer-block { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1 250px; |
||||||
|
flex: 1 1 250px; |
||||||
|
} |
||||||
|
.footer-block li { |
||||||
|
border-bottom: 1px solid var(--border); |
||||||
|
} |
||||||
|
/* Footer -> Footer Bottom */ |
||||||
|
.footer-bottom-blocks-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
padding: 1rem 0; |
||||||
|
gap: 2rem; |
||||||
|
} |
||||||
|
.footer-bottom-block { |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
.footer-bottom-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
padding: 1rem 0; |
||||||
|
gap: 2rem; |
||||||
|
} |
||||||
|
.footer-bottom-container p:last-child { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.footer-bottom-last-menu { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
.footer-bottom-last-menu li { |
||||||
|
display: inline-block; |
||||||
|
padding-left: 1rem; |
||||||
|
} |
||||||
@ -0,0 +1,418 @@ |
|||||||
|
/* |
||||||
|
* Header main |
||||||
|
*/ |
||||||
|
/* Header -> Header top */ |
||||||
|
.header-top, |
||||||
|
.header { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0.5rem 0; |
||||||
|
} |
||||||
|
.header-top-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
gap: 1rem; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
.region-header-top-left, |
||||||
|
.region-header-top-right { |
||||||
|
display: flex; |
||||||
|
gap: 1rem; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
.header-top-block p:last-of-type { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.header-top ul { |
||||||
|
display: flex; |
||||||
|
gap: 10px; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
.header-top-block .block-title { |
||||||
|
font-size: 1.2rem; |
||||||
|
} |
||||||
|
/* Header -> Header main */ |
||||||
|
.header-main { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.header-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
/* Header -> Site branding */ |
||||||
|
.site-branding { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
padding-right: 1rem; |
||||||
|
} |
||||||
|
.site-logo { |
||||||
|
padding-right: 5px; |
||||||
|
} |
||||||
|
.site-logo img { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.site-name-slogan { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.site-name, |
||||||
|
.site-slogan { |
||||||
|
line-height: 1.1; |
||||||
|
} |
||||||
|
|
||||||
|
/* Header -> header right */ |
||||||
|
.header-right { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
gap: 0.5rem; |
||||||
|
} |
||||||
|
.menu-wrap { |
||||||
|
position: fixed; |
||||||
|
background-color: var(--dark); |
||||||
|
color: #ffffff; |
||||||
|
top: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
margin: 0; |
||||||
|
width: 100%; |
||||||
|
max-width: 320px; |
||||||
|
box-shadow: none; |
||||||
|
z-index: 25; |
||||||
|
-webkit-transform: translateX(-100%); |
||||||
|
-ms-transform: translateX(-100%); |
||||||
|
transform: translateX(-100%); |
||||||
|
-webkit-transition: all 0.4s linear; |
||||||
|
-o-transition: all 0.4s linear; |
||||||
|
transition: all 0.4s linear; |
||||||
|
} |
||||||
|
.menu-wrap .menu { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
gap: 1rem; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
z-index: 30; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
.menu-wrap .menu li { |
||||||
|
position: relative; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.menu-wrap a { |
||||||
|
display: block; |
||||||
|
color: #ffffff; |
||||||
|
padding: 0.5rem 0; |
||||||
|
} |
||||||
|
.menu-wrap .menu > li a::after { |
||||||
|
content: none; |
||||||
|
} |
||||||
|
.menu-wrap .submenu { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
font-weight: 400; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
z-index: 30; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
.menu-wrap .submenu li a, |
||||||
|
.menu-wrap .submenu li > span { |
||||||
|
display: flex; |
||||||
|
width: 100%; |
||||||
|
padding: 0.5rem; |
||||||
|
} |
||||||
|
.menu-wrap .menu-item a, |
||||||
|
.menu-wrap .menu-item > span { |
||||||
|
border-bottom: 1px solid var(--border); |
||||||
|
} |
||||||
|
.menu-wrap .submenu li > a, |
||||||
|
.menu-wrap .submenu li > span { |
||||||
|
padding-left: 1.5rem; |
||||||
|
} |
||||||
|
.menu-wrap .submenu .submenu .menu-item > a, |
||||||
|
.menu-wrap .submenu .submenu .menu-item > span { |
||||||
|
padding-left: 3rem; |
||||||
|
} |
||||||
|
/* Mobile Menu */ |
||||||
|
.mobile-menu { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
width: 36px; |
||||||
|
height: 28px; |
||||||
|
overflow: hidden; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.mobile-menu span { |
||||||
|
width: 100%; |
||||||
|
height: 2px; |
||||||
|
background-color: var(--primary); |
||||||
|
transform-origin: left; |
||||||
|
transition: all 0.5s ease; |
||||||
|
} |
||||||
|
.mobile-menu span:nth-child(2) { |
||||||
|
background-color: var(--secondary); |
||||||
|
} |
||||||
|
.menu-icon-active span:first-child { |
||||||
|
transform: rotate(45deg); |
||||||
|
} |
||||||
|
.menu-icon-active span:last-child { |
||||||
|
transform: rotate(-45deg); |
||||||
|
} |
||||||
|
.menu-icon-active span:nth-child(2) { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.close-mobile-menu { |
||||||
|
display: grid; |
||||||
|
place-content: center; |
||||||
|
position: absolute; |
||||||
|
top: 4px; |
||||||
|
right: 4px; |
||||||
|
width: 34px; |
||||||
|
height: 34px; |
||||||
|
color: #ffffff; |
||||||
|
border: 2px solid var(--primary); |
||||||
|
border-radius: 50%; |
||||||
|
z-index: 48; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.active-menu .menu-wrap { |
||||||
|
overflow-y: scroll; |
||||||
|
-webkit-transform: translateX(0); |
||||||
|
-ms-transform: translateX(0); |
||||||
|
transform: translateX(0); |
||||||
|
-webkit-transition: all 0.4s linear; |
||||||
|
-o-transition: all 0.4s linear; |
||||||
|
transition: all 0.4s linear; |
||||||
|
padding: 1rem; |
||||||
|
box-shadow: 6px 0 1rem #111111; |
||||||
|
} |
||||||
|
.active-menu .menu { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
/*slide up */ |
||||||
|
@-webkit-keyframes slideUp { |
||||||
|
0% { |
||||||
|
-webkit-transform: translateY(20px); |
||||||
|
transform: translateY(20px); |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
100% { |
||||||
|
-webkit-transform: translateY(0px); |
||||||
|
transform: translateY(0px); |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
@keyframes slideUp { |
||||||
|
0% { |
||||||
|
-webkit-transform: translateY(20px); |
||||||
|
transform: translateY(20px); |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
100% { |
||||||
|
-webkit-transform: translateY(0px); |
||||||
|
transform: translateY(0px); |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
} |
||||||
|
/* Header -> header search form */ |
||||||
|
.full-page-search { |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.search-icon { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
cursor: pointer; |
||||||
|
width: 34px; |
||||||
|
height: 34px; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.search-icon i { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
.search-box { |
||||||
|
position: fixed; |
||||||
|
background-color: var(--light); |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
z-index: 50; |
||||||
|
-webkit-transform: translate(0, -100%); |
||||||
|
-ms-transform: translate(0, -100%); |
||||||
|
transform: translate(0, -100%); |
||||||
|
-webkit-transition: -webkit-transform 0.5s; |
||||||
|
transition: -webkit-transform 0.5s; |
||||||
|
-o-transition: transform 0.5s; |
||||||
|
transition: transform 0.5s; |
||||||
|
transition: transform 0.5s, -webkit-transform 0.5s; |
||||||
|
} |
||||||
|
.search-box.open { |
||||||
|
-webkit-transform: translate(0, 0); |
||||||
|
-ms-transform: translate(0, 0); |
||||||
|
transform: translate(0, 0); |
||||||
|
} |
||||||
|
.search-box-content { |
||||||
|
position: relative; |
||||||
|
padding: 2rem 0; |
||||||
|
text-align: center; |
||||||
|
z-index: 60; |
||||||
|
} |
||||||
|
.search-box-content form { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.header-search-close { |
||||||
|
position: absolute; |
||||||
|
top: 1rem; |
||||||
|
right: 0; |
||||||
|
width: 34px; |
||||||
|
height: 34px; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
color: var(--dark); |
||||||
|
border: 3px solid var(--dark); |
||||||
|
border-radius: 50%; |
||||||
|
cursor: pointer; |
||||||
|
font-weight: 700; |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
.search-box-content .block { |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
.search-box-content .block-title, |
||||||
|
.search-box-content form label { |
||||||
|
display: none; |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
.search-box-content input[type="search"] { |
||||||
|
width: 100%; |
||||||
|
margin: 2rem 0; |
||||||
|
padding: 0 2rem 4px 0; |
||||||
|
font-size: 1.4rem; |
||||||
|
background: url("../images/icons/search.svg") center right no-repeat; |
||||||
|
background-size: contain; |
||||||
|
border: 0; |
||||||
|
border-bottom: 2px solid var(--border); |
||||||
|
border-radius: 0; |
||||||
|
outline: 0; |
||||||
|
} |
||||||
|
.search-box-content input[type="submit"] { |
||||||
|
display: block; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 0.5rem 1.5rem; |
||||||
|
border-radius: 50px; |
||||||
|
} |
||||||
|
/* Header -> Page Header */ |
||||||
|
.page-header { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 2rem 0 1rem 0; |
||||||
|
} |
||||||
|
.region-page-header { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
/* Header -> Page Header-> breadcrumb */ |
||||||
|
.breadcrumb { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.breadcrumb-items { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
.breadcrumb-item { |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.breadcrumb-item span { |
||||||
|
font-size: 14px; |
||||||
|
margin: 0 5px; |
||||||
|
} |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
/* Highlighted Block Region */ |
||||||
|
.highlighted { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.region-highlighted { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.highlighted .block { |
||||||
|
position: relative; |
||||||
|
margin: 0; |
||||||
|
padding: 1em 0; |
||||||
|
} |
||||||
|
.highlighted p:last-child { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
.region-content-home-top, |
||||||
|
.region-content-home-bottom { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.region-content-home-top { |
||||||
|
margin-bottom: 2rem; |
||||||
|
} |
||||||
@ -0,0 +1,73 @@ |
|||||||
|
/* |
||||||
|
* Layout |
||||||
|
*/ |
||||||
|
/* Layout -> containers */ |
||||||
|
.container { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
max-width: 1170px; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 0 10px; |
||||||
|
} |
||||||
|
/* Layout -> Main wrapper (Main + Sidebar) */ |
||||||
|
.main-wrapper { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
padding: 2rem 0; |
||||||
|
} |
||||||
|
.main-container { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
gap: 1.5rem; |
||||||
|
} |
||||||
|
/* Main |
||||||
|
--------------------------------*/ |
||||||
|
#main { |
||||||
|
position: relative; |
||||||
|
-webkit-box-ordinal-group: 1; |
||||||
|
-ms-flex-order: 0; |
||||||
|
order: 0; |
||||||
|
} |
||||||
|
#sidebar-left { |
||||||
|
-webkit-box-ordinal-group: 2; |
||||||
|
-ms-flex-order: 1; |
||||||
|
order: 1; |
||||||
|
} |
||||||
|
#sidebar-right { |
||||||
|
-webkit-box-ordinal-group: 3; |
||||||
|
-ms-flex-order: 2; |
||||||
|
order: 2; |
||||||
|
} |
||||||
|
/* No sidebar + main */ |
||||||
|
.no-sidebar #main, |
||||||
|
.sidebar-left #main, |
||||||
|
.sidebar-right #main, |
||||||
|
.two-sidebar #main, |
||||||
|
#sidebar-left, |
||||||
|
#sidebar-right { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1 100%; |
||||||
|
flex: 1 1 100%; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
#front-main { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1 100%; |
||||||
|
flex: 1 1 100%; |
||||||
|
width: 100%; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/* Frontpage with Sidebar |
||||||
|
--------------------------------*/ |
||||||
|
.front-content-with-sidebar { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
} |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
#maintenance-page { |
||||||
|
position: relative; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
width: 100%; |
||||||
|
min-height: 100vh; |
||||||
|
background: #ffffff; |
||||||
|
color: #2d3436; |
||||||
|
} |
||||||
|
.maintenance-header { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
.site-name h4 { |
||||||
|
color: #f0932b; |
||||||
|
line-height: 1; |
||||||
|
font-weight: 700; |
||||||
|
} |
||||||
|
#maintenance { |
||||||
|
position: relative; |
||||||
|
margin: 0 auto; |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
.maintenance { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.maintenance-title { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
.maintenance-icon { |
||||||
|
padding: 2rem 0; |
||||||
|
} |
||||||
|
.maintenance-icon img { |
||||||
|
max-height: 50vh; |
||||||
|
} |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
/* Nodes */ |
||||||
|
.node, |
||||||
|
.node-promoted, |
||||||
|
.node-sticky, |
||||||
|
.node-view-mode-full, |
||||||
|
.node-unpublished { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.node-view-mode-teaser { |
||||||
|
position: relative; |
||||||
|
margin-bottom: 4rem; |
||||||
|
border-bottom: 4px double var(--border); |
||||||
|
} |
||||||
|
.node-view-mode-teaser.node-sticky { |
||||||
|
border: 2px solid var(--border); |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
.node-view-mode-full .node-taxonomy-container { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
@ -0,0 +1,272 @@ |
|||||||
|
@media (min-width: 576px) { |
||||||
|
.w10, |
||||||
|
.w20, |
||||||
|
.w30, |
||||||
|
.w40, |
||||||
|
.w50, |
||||||
|
.w60, |
||||||
|
.w70, |
||||||
|
.w80, |
||||||
|
.w90 { |
||||||
|
flex-basis: calc(50% - 5px); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media (min-width: 768px) { |
||||||
|
html { |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
/* Header */ |
||||||
|
.header-top-container { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
/* Header -> Search form */ |
||||||
|
.header-search-close { |
||||||
|
top: 2rem; |
||||||
|
} |
||||||
|
.search-box-content .block-title { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.breadcrumb-item span { |
||||||
|
margin: 0 10px; |
||||||
|
} |
||||||
|
/* Main */ |
||||||
|
.main-container { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
} |
||||||
|
#main { |
||||||
|
-webkit-box-ordinal-group: 2; |
||||||
|
-ms-flex-order: 1; |
||||||
|
order: 1; |
||||||
|
} |
||||||
|
#sidebar-left { |
||||||
|
-webkit-box-ordinal-group: 1; |
||||||
|
-ms-flex-order: 0; |
||||||
|
order: 0; |
||||||
|
} |
||||||
|
#sidebar-right { |
||||||
|
-webkit-box-ordinal-group: 3; |
||||||
|
-ms-flex-order: 2; |
||||||
|
order: 2; |
||||||
|
} |
||||||
|
/* one sidebar + main */ |
||||||
|
.sidebar-left #main, |
||||||
|
.sidebar-right #main { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1 70%; |
||||||
|
flex: 1 1 70%; |
||||||
|
} |
||||||
|
/* Both sidebar + main */ |
||||||
|
.two-sidebar #main { |
||||||
|
-webkit-box-flex: 1; |
||||||
|
-ms-flex: 1 1 40%; |
||||||
|
flex: 1 1 40%; |
||||||
|
} |
||||||
|
/* Sidebar |
||||||
|
--------------------------------*/ |
||||||
|
#sidebar-left { |
||||||
|
-webkit-box-flex: 0; |
||||||
|
-ms-flex: 0 1 30%; |
||||||
|
flex: 0 1 30%; |
||||||
|
} |
||||||
|
#sidebar-right { |
||||||
|
-webkit-box-flex: 0; |
||||||
|
-ms-flex: 0 1 30%; |
||||||
|
flex: 0 1 30%; |
||||||
|
} |
||||||
|
/* Footer */ |
||||||
|
.footer-container { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
} |
||||||
|
.footer-bottom-blocks-container { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
|
||||||
|
.footer-bottom-container { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.footer-bottom-last { |
||||||
|
-webkit-box-orient: horizontal; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: row; |
||||||
|
flex-direction: row; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.copyright { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
/* shortcodes -> content width */ |
||||||
|
.width30 { |
||||||
|
width: 30%; |
||||||
|
} |
||||||
|
.width40 { |
||||||
|
width: 40%; |
||||||
|
} |
||||||
|
.width50 { |
||||||
|
width: 50%; |
||||||
|
} |
||||||
|
.width60 { |
||||||
|
width: 60%; |
||||||
|
} |
||||||
|
.width70 { |
||||||
|
width: 70%; |
||||||
|
} |
||||||
|
.width80 { |
||||||
|
width: 80%; |
||||||
|
} |
||||||
|
.width90 { |
||||||
|
width: 90%; |
||||||
|
} |
||||||
|
/* shortcodes -> responsive column */ |
||||||
|
.w10 { |
||||||
|
flex-basis: calc(10% - 10px); |
||||||
|
} |
||||||
|
.w20 { |
||||||
|
flex-basis: calc(20% - 10px); |
||||||
|
} |
||||||
|
.w30 { |
||||||
|
flex-basis: calc(30% - 10px); |
||||||
|
} |
||||||
|
.w40 { |
||||||
|
flex-basis: calc(40% - 10px); |
||||||
|
} |
||||||
|
.w50 { |
||||||
|
flex-basis: calc(50% - 10px); |
||||||
|
} |
||||||
|
.w60 { |
||||||
|
flex-basis: calc(60% - 10px); |
||||||
|
} |
||||||
|
.w70 { |
||||||
|
flex-basis: calc(70% - 10px); |
||||||
|
} |
||||||
|
.w80 { |
||||||
|
flex-basis: calc(80% - 10px); |
||||||
|
} |
||||||
|
.w90 { |
||||||
|
flex-basis: calc(90% - 10px); |
||||||
|
} |
||||||
|
/* Shortcodes -> responsive view */ |
||||||
|
.view-in-mobile { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.view-in-desktop { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
@media (min-width: 992px) { |
||||||
|
th { |
||||||
|
padding: 10px; |
||||||
|
} |
||||||
|
td { |
||||||
|
padding: 5px 10px; |
||||||
|
} |
||||||
|
/* Header */ |
||||||
|
.header-right { |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
.menu-wrap { |
||||||
|
position: relative; |
||||||
|
background-color: transparent; |
||||||
|
max-width: 100%; |
||||||
|
-webkit-transform: translateX(0); |
||||||
|
-ms-transform: translateX(0); |
||||||
|
transform: translateX(0); |
||||||
|
-webkit-transition: none; |
||||||
|
-o-transition: none; |
||||||
|
transition: none; |
||||||
|
} |
||||||
|
.menu-wrap .menu { |
||||||
|
flex-direction: row; |
||||||
|
} |
||||||
|
.menu-wrap .menu, |
||||||
|
.menu-wrap .menu a { |
||||||
|
color: var(--primary); |
||||||
|
} |
||||||
|
.menu-wrap .menu-item a, |
||||||
|
.menu-wrap .menu-item > span { |
||||||
|
border-bottom: 0; |
||||||
|
} |
||||||
|
.menu-wrap .menu > li, |
||||||
|
.menu-wrap .collapsed, |
||||||
|
.menu-wrap .expanded, |
||||||
|
.menu-wrap .menu-item-has-children { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.menu-wrap .collapsed:hover, |
||||||
|
.menu-wrap .expanded:hover, |
||||||
|
.menu-wrap .menu-item-has-children:hover { |
||||||
|
background-color: var(--light); |
||||||
|
} |
||||||
|
.menu-wrap .collapsed::after, |
||||||
|
.menu-wrap .expanded::after, |
||||||
|
.menu-wrap .menu-item-has-children::after { |
||||||
|
content: '+'; |
||||||
|
} |
||||||
|
.menu-wrap .submenu { |
||||||
|
position: absolute; |
||||||
|
display: none; |
||||||
|
background-color: var(--light); |
||||||
|
font-size: 0.9rem; |
||||||
|
top: 100%; |
||||||
|
min-width: 180px; |
||||||
|
max-width: 200px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
.collapsed:hover > .submenu, |
||||||
|
.expanded:hover > .submenu, |
||||||
|
.menu-item-has-children:hover > .submenu { |
||||||
|
display: flex; |
||||||
|
-webkit-animation: slideUp 0.5s forwards; |
||||||
|
animation: slideUp 0.5s forwards; |
||||||
|
} |
||||||
|
.menu-wrap .submenu li { |
||||||
|
border-bottom: 1px solid var(--border); |
||||||
|
} |
||||||
|
.menu-wrap .submenu .submenu { |
||||||
|
top: 0; |
||||||
|
left: 100%; |
||||||
|
} |
||||||
|
.menu-wrap .submenu li > a, |
||||||
|
.menu-wrap .submenu li > span { |
||||||
|
padding: 0.5rem; |
||||||
|
} |
||||||
|
.menu-wrap .submenu .submenu .menu-item > a, |
||||||
|
.menu-wrap .submenu .submenu .menu-item > span { |
||||||
|
padding: 0.5rem; |
||||||
|
} |
||||||
|
.mobile-menu, |
||||||
|
.close-mobile-menu { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
/* Search result page |
||||||
|
--------------------------------------*/ |
||||||
|
.page-content input[type="search"] { |
||||||
|
width: 80%; |
||||||
|
} |
||||||
|
ol.search-results { |
||||||
|
margin: 1em 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
list-style-type: none; |
||||||
|
} |
||||||
|
ol.search-results li { |
||||||
|
margin: 0 0 1em 0; |
||||||
|
padding: 1rem; |
||||||
|
background: var(--light); |
||||||
|
} |
||||||
|
.search-advanced summary { |
||||||
|
margin: 10px 0; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.search-advanced .form-details-wrapper { |
||||||
|
padding: 0.5em 1.4em; |
||||||
|
border: 1px solid var(--border); |
||||||
|
} |
||||||
|
.search-advanced .form-wrapper { |
||||||
|
padding: 0.5em 1.4em; |
||||||
|
border: 1px solid var(--border); |
||||||
|
} |
||||||
@ -0,0 +1,330 @@ |
|||||||
|
/* Mobile and desktop display |
||||||
|
================================= */ |
||||||
|
.view-in-mobile { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.view-in-desktop { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
/* Color and background |
||||||
|
================================= */ |
||||||
|
.primary { |
||||||
|
color: var(--primary); |
||||||
|
} |
||||||
|
.secondary { |
||||||
|
color: var(--secondary); |
||||||
|
} |
||||||
|
.dark { |
||||||
|
color: var(--dark); |
||||||
|
} |
||||||
|
.light { |
||||||
|
color: var(--light); |
||||||
|
} |
||||||
|
.bg-light { |
||||||
|
background-color: var(--light); |
||||||
|
} |
||||||
|
/* Text Alignment |
||||||
|
================================= */ |
||||||
|
.text-left { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
.text-right { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.text-center { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.text-justify { |
||||||
|
text-align: justify; |
||||||
|
} |
||||||
|
.center { |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
/* Inline content |
||||||
|
================================= */ |
||||||
|
.inline { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.inline:not(:last-child) { |
||||||
|
padding-right: 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* Direction |
||||||
|
================================= */ |
||||||
|
.rtl { |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
.ltr { |
||||||
|
direction: ltr; |
||||||
|
} |
||||||
|
|
||||||
|
/* Font Size |
||||||
|
================================= */ |
||||||
|
.font-small { |
||||||
|
font-size: 0.75rem; |
||||||
|
} |
||||||
|
.font-medium { |
||||||
|
font-size: 1.25rem; |
||||||
|
} |
||||||
|
.font-large { |
||||||
|
font-size: 1.5rem; |
||||||
|
} |
||||||
|
.font-2x { |
||||||
|
font-size: 2rem; |
||||||
|
} |
||||||
|
.font-3x { |
||||||
|
font-size: 2.5rem; |
||||||
|
} |
||||||
|
.font-4x { |
||||||
|
font-size: 3rem; |
||||||
|
} |
||||||
|
.font-5x { |
||||||
|
font-size: 4rem; |
||||||
|
} |
||||||
|
.font-6x { |
||||||
|
font-size: 5rem; |
||||||
|
} |
||||||
|
.font-7x { |
||||||
|
font-size: 6rem; |
||||||
|
} |
||||||
|
.font-8x { |
||||||
|
font-size: 7rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* Font Icon Size |
||||||
|
================================= */ |
||||||
|
.size-xs { |
||||||
|
font-size: 0.5em; |
||||||
|
} |
||||||
|
.size-small { |
||||||
|
font-size: 0.75em; |
||||||
|
} |
||||||
|
.size-medium { |
||||||
|
font-size: 1.25em; |
||||||
|
} |
||||||
|
.size-large { |
||||||
|
font-size: 1.5em; |
||||||
|
} |
||||||
|
.size-2x { |
||||||
|
font-size: 2em; |
||||||
|
} |
||||||
|
.size-3x { |
||||||
|
font-size: 3em; |
||||||
|
} |
||||||
|
.size-4x { |
||||||
|
font-size: 4em; |
||||||
|
} |
||||||
|
.size-5x { |
||||||
|
font-size: 5em; |
||||||
|
} |
||||||
|
.size-6x { |
||||||
|
font-size: 6em; |
||||||
|
} |
||||||
|
.size-7x { |
||||||
|
font-size: 7em; |
||||||
|
} |
||||||
|
.size-8x { |
||||||
|
font-size: 8em; |
||||||
|
} |
||||||
|
.size-9x { |
||||||
|
font-size: 9em; |
||||||
|
} |
||||||
|
.size-10x { |
||||||
|
font-size: 10em; |
||||||
|
} |
||||||
|
|
||||||
|
/* image icons size |
||||||
|
================================= */ |
||||||
|
.icon-s { |
||||||
|
max-height: 1rem; |
||||||
|
} |
||||||
|
.icon-m { |
||||||
|
max-height: 1.5rem; |
||||||
|
} |
||||||
|
.icon-l { |
||||||
|
max-height: 2rem; |
||||||
|
} |
||||||
|
.icon-xl { |
||||||
|
max-height: 3rem; |
||||||
|
} |
||||||
|
.icon-x2 { |
||||||
|
max-height: 4rem; |
||||||
|
} |
||||||
|
.icon-x3 { |
||||||
|
max-height: 5rem; |
||||||
|
} |
||||||
|
.icon-x4 { |
||||||
|
max-height: 6rem; |
||||||
|
} |
||||||
|
.icon-x5 { |
||||||
|
max-height: 7rem; |
||||||
|
} |
||||||
|
.icon-x6 { |
||||||
|
max-height: 8rem; |
||||||
|
} |
||||||
|
.icon-x7 { |
||||||
|
max-height: 9rem; |
||||||
|
} |
||||||
|
.icon-x8 { |
||||||
|
max-height: 10rem; |
||||||
|
} |
||||||
|
/* Content width |
||||||
|
================================= */ |
||||||
|
.width30, |
||||||
|
.width40, |
||||||
|
.width50, |
||||||
|
.width60, |
||||||
|
.width70, |
||||||
|
.width80, |
||||||
|
.width90 { |
||||||
|
width: 100%; |
||||||
|
clear: both; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
/* Empty width and height |
||||||
|
================================= */ |
||||||
|
.w20px { |
||||||
|
display: inline-block; |
||||||
|
width: 20px; |
||||||
|
} |
||||||
|
.w30px { |
||||||
|
display: inline-block; |
||||||
|
width: 30px; |
||||||
|
} |
||||||
|
.w40px { |
||||||
|
display: inline-block; |
||||||
|
width: 40px; |
||||||
|
} |
||||||
|
.w50px { |
||||||
|
display: inline-block; |
||||||
|
width: 50px; |
||||||
|
} |
||||||
|
.w70px { |
||||||
|
display: inline-block; |
||||||
|
width: 70px; |
||||||
|
} |
||||||
|
.w100px { |
||||||
|
display: inline-block; |
||||||
|
width: 100px; |
||||||
|
} |
||||||
|
.empty, |
||||||
|
.spacer, |
||||||
|
.spacer-x2, |
||||||
|
.spacer-x3 { |
||||||
|
width: 100%; |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-box-direction: normal; |
||||||
|
-ms-flex-direction: column; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.empty, |
||||||
|
.spacer { |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
.spacer-x2 { |
||||||
|
padding: 2rem 0; |
||||||
|
} |
||||||
|
.spacer-x3 { |
||||||
|
padding: 3rem 0; |
||||||
|
} |
||||||
|
/* Responsive Columns |
||||||
|
================================= */ |
||||||
|
.section { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
padding: 3rem 0; |
||||||
|
} |
||||||
|
.section-small { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
padding: 1rem 0; |
||||||
|
} |
||||||
|
.items { |
||||||
|
display: grid; |
||||||
|
grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); |
||||||
|
grid-gap: 1rem; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
|
.item img { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.columns { |
||||||
|
display: -webkit-box; |
||||||
|
display: -ms-flexbox; |
||||||
|
display: flex; |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
-ms-flex-wrap: wrap; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
/* Create Equal width columns with no gap */ |
||||||
|
.column { |
||||||
|
flex: 1 1 230px; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
/* flex-items width */ |
||||||
|
.w10, |
||||||
|
.w20, |
||||||
|
.w30, |
||||||
|
.w40, |
||||||
|
.w50, |
||||||
|
.w60, |
||||||
|
.w70, |
||||||
|
.w80, |
||||||
|
.w90 { |
||||||
|
flex-basis: 100%; |
||||||
|
} |
||||||
|
/* Flex - Common for all |
||||||
|
================================= */ |
||||||
|
.space-between { |
||||||
|
-webkit-box-pack: justify; |
||||||
|
-ms-flex-pack: justify; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
.v-center { |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.h-center { |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
.vh-center { |
||||||
|
-webkit-box-pack: center; |
||||||
|
-ms-flex-pack: center; |
||||||
|
justify-content: center; |
||||||
|
-webkit-box-align: center; |
||||||
|
-ms-flex-align: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
/* Shortcodes -> box, icon box |
||||||
|
================================= */ |
||||||
|
.box, |
||||||
|
.icon-box { |
||||||
|
position: relative; |
||||||
|
display: block; |
||||||
|
padding: 1rem; |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
.box p:last-child, |
||||||
|
.icon-box p:last-child { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
/* Shortcodes -> grid column |
||||||
|
================================= */ |
||||||
|
.grid-row { |
||||||
|
display: grid; |
||||||
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
||||||
|
grid-gap: 1rem; |
||||||
|
gap: 1rem; |
||||||
|
} |
||||||
@ -0,0 +1,43 @@ |
|||||||
|
/* Sidebar |
||||||
|
--------------------------------*/ |
||||||
|
.sidebar { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.region-sidebar-first, |
||||||
|
.region-sidebar-second { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
gap: 2rem; |
||||||
|
} |
||||||
|
.sidebar .block { |
||||||
|
background-color: var(--light); |
||||||
|
padding: 1rem; |
||||||
|
} |
||||||
|
.sidebar ul, |
||||||
|
.sidebar ol { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style-position: inside; |
||||||
|
} |
||||||
|
.sidebar ul { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
.sidebar li { |
||||||
|
padding: 6px 0; |
||||||
|
border-bottom: 1px solid var(--border); |
||||||
|
} |
||||||
|
.sidebar .block p:last-of-type { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
/* Sidebr -> Form */ |
||||||
|
.sidebar input[type="text"], |
||||||
|
.sidebar input[type="email"], |
||||||
|
.sidebar input[type="url"], |
||||||
|
.sidebar input[type="password"], |
||||||
|
.sidebar input[type="search"], |
||||||
|
.sidebar textarea { |
||||||
|
width: 100%; |
||||||
|
max-width: 100%; |
||||||
|
border: 1px solid var(--border); |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,48 @@ |
|||||||
|
/* Load jQuery. |
||||||
|
--------------------------*/ |
||||||
|
jQuery(document).ready(function ($) { |
||||||
|
// Mobile menu.
|
||||||
|
$('.mobile-menu').click(function () { |
||||||
|
$(this).toggleClass('menu-icon-active'); |
||||||
|
$(this).next('.primary-menu-wrapper').toggleClass('active-menu'); |
||||||
|
}); |
||||||
|
$('.close-mobile-menu').click(function () { |
||||||
|
$(this).closest('.primary-menu-wrapper').toggleClass('active-menu'); |
||||||
|
$('.mobile-menu').removeClass('menu-icon-active'); |
||||||
|
}); |
||||||
|
// Header search form
|
||||||
|
$('.search-icon').on('click', function() { |
||||||
|
$('.search-box').toggleClass('open'); |
||||||
|
$('.search-box-content .form-search').focus(); |
||||||
|
return false; |
||||||
|
}); |
||||||
|
$('.search-box-content input[type="search"]').attr("placeholder", "Type your search"); |
||||||
|
|
||||||
|
$('.header-search-close').on('click', function() { |
||||||
|
$('.search-box').removeClass('open'); |
||||||
|
return false; |
||||||
|
}); |
||||||
|
$('.search-box').on( 'keydown', function(e) { |
||||||
|
if ( e.keyCode === 27 ) { |
||||||
|
$('.search-box.open').removeClass('open'); |
||||||
|
} |
||||||
|
}); |
||||||
|
$(document).on('click', function(event) { |
||||||
|
if(!$(event.target).closest(".search-box-content").length) { |
||||||
|
$('.search-box').removeClass('open'); |
||||||
|
} |
||||||
|
}) |
||||||
|
// Scroll To Top.
|
||||||
|
$(window).scroll(function () { |
||||||
|
if ($(this).scrollTop() > 80) { |
||||||
|
$('.scrolltop').css('display', 'flex'); |
||||||
|
} else { |
||||||
|
$('.scrolltop').fadeOut('slow'); |
||||||
|
} |
||||||
|
}); |
||||||
|
$('.scrolltop').click(function () { |
||||||
|
$('html, body').scrollTop(0); |
||||||
|
}); |
||||||
|
/* End document |
||||||
|
--------------------------*/ |
||||||
|
}); |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
{ |
||||||
|
"name": "vre2024", |
||||||
|
"version": "1.0.0", |
||||||
|
"description": "vre2024 - Drupal 8 and 9 Base Theme.", |
||||||
|
"main": "bs.js", |
||||||
|
"scripts": { |
||||||
|
"test": "echo \"Error: no test specified\" && exit 1", |
||||||
|
"bs": "node bs.js" |
||||||
|
}, |
||||||
|
"author": "", |
||||||
|
"license": "ISC", |
||||||
|
"devDependencies": { |
||||||
|
"browser-sync": "^3.0.2", |
||||||
|
"bs-rewrite-rules": "^2.1.2" |
||||||
|
} |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,38 @@ |
|||||||
|
{% extends "block.html.twig" %} |
||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a branding block. |
||||||
|
* |
||||||
|
* Each branding element variable (logo, name, slogan) is only available if |
||||||
|
* enabled in the block configuration. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - site_logo: Logo for site as defined in Appearance or theme settings. |
||||||
|
* - site_name: Name for site as defined in Site information settings. |
||||||
|
* - site_slogan: Slogan for site as defined in Site information settings. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% block content %} |
||||||
|
<div class="site-branding"> |
||||||
|
{% if site_logo %} |
||||||
|
<div class="site-logo"> |
||||||
|
<a href="{{ path('<front>') }}" rel="home"> |
||||||
|
<img src="{{ site_logo }}" alt="{{ 'Home'|t }}" /> |
||||||
|
</a> |
||||||
|
</div><!-- site-logo --> |
||||||
|
{% endif %} |
||||||
|
{% if site_name or site_slogan %} |
||||||
|
<div class="site-name-slogan"> |
||||||
|
{% if site_name %} |
||||||
|
<div class="site-name"> |
||||||
|
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if site_slogan %} |
||||||
|
<div class="site-slogan">{{ site_slogan }}</div> |
||||||
|
{% endif %} |
||||||
|
</div><!-- site-name-slogan --> |
||||||
|
{% endif %} |
||||||
|
</div><!-- site-branding --> |
||||||
|
{% endblock %} |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a menu block. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - plugin_id: The ID of the block implementation. |
||||||
|
* - label: The configured label of the block if visible. |
||||||
|
* - configuration: A list of the block's configuration values. |
||||||
|
* - label: The configured label for the block. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* - provider: The module or other provider that provided this block plugin. |
||||||
|
* - Block plugin specific settings will also be stored here. |
||||||
|
* - content: The content of this block. |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* - id: A valid HTML ID and guaranteed unique. |
||||||
|
* - title_attributes: HTML attributes for the title element. |
||||||
|
* - content_attributes: HTML attributes for the content element. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
* |
||||||
|
* Headings should be used on navigation menus that consistently appear on |
||||||
|
* multiple pages. When this menu block's label is configured to not be |
||||||
|
* displayed, it is automatically made invisible using the 'visually-hidden' CSS |
||||||
|
* class, which still keeps it visible for screen-readers and assistive |
||||||
|
* technology. Headings allow screen-reader and keyboard only users to navigate |
||||||
|
* to or skip the links. |
||||||
|
* See http://juicystudio.com/article/screen-readers-display-none.php and |
||||||
|
* http://www.w3.org/TR/WCAG-TECHS/H42.html for more information. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% set heading_id = attributes.id ~ '-menu'|clean_id %} |
||||||
|
<nav role="navigation" aria-labelledby="{{ heading_id }}"{{ attributes.addClass('block block-menu')|without('role', 'aria-labelledby') }}> |
||||||
|
{# Label. If not displayed, we still provide it for screen readers. #} |
||||||
|
{% if not configuration.label_display %} |
||||||
|
{% set title_attributes = title_attributes.addClass('visually-hidden') %} |
||||||
|
{% endif %} |
||||||
|
{{ title_prefix }} |
||||||
|
<h2{{ title_attributes.addClass('block-title').setAttribute('id', heading_id) }}>{{ configuration.label }}</h2> |
||||||
|
{{ title_suffix }} |
||||||
|
|
||||||
|
{# Menu. #} |
||||||
|
{% block content %} |
||||||
|
{{ content }} |
||||||
|
{% endblock %} |
||||||
|
</nav> |
||||||
@ -0,0 +1,39 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display a block. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - plugin_id: The ID of the block implementation. |
||||||
|
* - label: The configured label of the block if visible. |
||||||
|
* - configuration: A list of the block's configuration values. |
||||||
|
* - label: The configured label for the block. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* - provider: The module or other provider that provided this block plugin. |
||||||
|
* - Block plugin specific settings will also be stored here. |
||||||
|
* - content: The content of this block. |
||||||
|
* - attributes: array of HTML attributes populated by modules, intended to |
||||||
|
* be added to the main container tag of this template. |
||||||
|
* - id: A valid HTML ID and guaranteed unique. |
||||||
|
* - title_attributes: Same as attributes, except applied to the main title |
||||||
|
* tag that appears in the template. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
* |
||||||
|
* @see template_preprocess_block() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<div{{ attributes.addClass('block') }}> |
||||||
|
{{ title_prefix }} |
||||||
|
{% if label %} |
||||||
|
<h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2> |
||||||
|
{% endif %} |
||||||
|
{{ title_suffix }} |
||||||
|
<div class="block-content"> |
||||||
|
{% block content %} |
||||||
|
{{ content }} |
||||||
|
{% endblock %} |
||||||
|
</div><!--/.block-content --> |
||||||
|
</div><!--/.block --> |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a filter caption. |
||||||
|
* |
||||||
|
* Returns HTML for a captioned image, audio, video or other tag. |
||||||
|
* |
||||||
|
* Available variables |
||||||
|
* - string node: The complete HTML tag whose contents are being captioned. |
||||||
|
* - string tag: The name of the HTML tag whose contents are being captioned. |
||||||
|
* - string caption: The caption text. |
||||||
|
* - string classes: The classes of the captioned HTML tag. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<figure role="group" class="caption {%- if classes %} {{ classes }}{%- endif %}"> |
||||||
|
{{ node }} |
||||||
|
<figcaption>{{ caption }}</figcaption> |
||||||
|
</figure> |
||||||
@ -0,0 +1,99 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme implementation for comments. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - author: Comment author. Can be a link or plain text. |
||||||
|
* - content: The content-related items for the comment display. Use |
||||||
|
* {{ content }} to print them all, or print a subset such as |
||||||
|
* {{ content.field_example }}. Use the following code to temporarily suppress |
||||||
|
* the printing of a given child element: |
||||||
|
* @code |
||||||
|
* {{ content|without('field_example') }} |
||||||
|
* @endcode |
||||||
|
* - created: Formatted date and time for when the comment was created. |
||||||
|
* Preprocess functions can reformat it by calling format_date() with the |
||||||
|
* desired parameters on the 'comment.created' variable. |
||||||
|
* - changed: Formatted date and time for when the comment was last changed. |
||||||
|
* Preprocess functions can reformat it by calling format_date() with the |
||||||
|
* desired parameters on the 'comment.changed' variable. |
||||||
|
* - permalink: Comment permalink. |
||||||
|
* - submitted: Submission information created from author and created |
||||||
|
* during template_preprocess_comment(). |
||||||
|
* - user_picture: The comment author's profile picture. |
||||||
|
* - status: Comment status. Possible values are: |
||||||
|
* unpublished, published, or preview. |
||||||
|
* - title: Comment title, linked to the comment. |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* The attributes.class may contain one or more of the following classes: |
||||||
|
* - comment: The current template type; e.g., 'theming hook'. |
||||||
|
* - by-anonymous: Comment by an unregistered user. |
||||||
|
* - by-{entity-type}-author: Comment by the author of the parent entity, |
||||||
|
* eg. by-node-author. |
||||||
|
* - preview: When previewing a new or edited comment. |
||||||
|
* The following applies only to viewers who are registered users: |
||||||
|
* - unpublished: An unpublished comment visible only to administrators. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
* - content_attributes: List of classes for the styling of the comment content. |
||||||
|
* - title_attributes: Same as attributes, except applied to the main title |
||||||
|
* tag that appears in the template. |
||||||
|
* - threaded: A flag indicating whether the comments are threaded or not. |
||||||
|
* |
||||||
|
* These variables are provided to give context about the parent comment (if |
||||||
|
* any): |
||||||
|
* - comment_parent: Full parent comment entity (if any). |
||||||
|
* - parent_author: Equivalent to author for the parent comment. |
||||||
|
* - parent_created: Equivalent to created for the parent comment. |
||||||
|
* - parent_changed: Equivalent to changed for the parent comment. |
||||||
|
* - parent_title: Equivalent to title for the parent comment. |
||||||
|
* - parent_permalink: Equivalent to permalink for the parent comment. |
||||||
|
* - parent: A text string of parent comment submission information created from |
||||||
|
* 'parent_author' and 'parent_created' during template_preprocess_comment(). |
||||||
|
* This information is presented to help screen readers follow lengthy |
||||||
|
* discussion threads. You can hide this from sighted users using the class |
||||||
|
* visually-hidden. |
||||||
|
* |
||||||
|
* These two variables are provided for context: |
||||||
|
* - comment: Full comment object. |
||||||
|
* - entity: Entity the comments are attached to. |
||||||
|
* |
||||||
|
* @see template_preprocess_comment() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
status != 'published' ? status, |
||||||
|
comment.owner.anonymous ? 'comment-by-anonymous', |
||||||
|
author_id and author_id == commented_entity.getOwnerId() ? 'comment-by-author', |
||||||
|
] |
||||||
|
%} |
||||||
|
<article{{ attributes.addClass('js-comment comment', classes) }}> |
||||||
|
{# |
||||||
|
Hide the "new" indicator by default, let a piece of JavaScript ask the |
||||||
|
server which comments are new for the user. Rendering the final "new" |
||||||
|
indicator here would break the render cache. |
||||||
|
#} |
||||||
|
<header class="comment-header"> |
||||||
|
<div class="comment-user-picture"> |
||||||
|
{{ user_picture }} |
||||||
|
</div><!-- /comment-user-picture --> |
||||||
|
<div class="comment-meta"> |
||||||
|
{% if title %} |
||||||
|
{{ title_prefix }} |
||||||
|
<h3{{ title_attributes.addClass('comment-title') }}>{{ title }}</h3> |
||||||
|
{{ title_suffix }} |
||||||
|
{% endif %} |
||||||
|
<p>{{ author }} {{ created }} <mark class="hidden" data-comment-timestamp="{{ new_indicator_timestamp }}"></mark></p> |
||||||
|
{% if parent %} |
||||||
|
<p class="visually-hidden">{{ parent }}</p> |
||||||
|
{% endif %} |
||||||
|
</div><!-- /comment-meta --> |
||||||
|
</header> |
||||||
|
<div{{ content_attributes.addClass('comment-body') }}> |
||||||
|
{{ content }} |
||||||
|
</div> <!-- /.comment-body --> |
||||||
|
</article> |
||||||
@ -0,0 +1,103 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme implementation to display a node. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - node: The node entity with limited access to object properties and methods. |
||||||
|
* Only method names starting with "get", "has", or "is" and a few common |
||||||
|
* methods such as "id", "label", and "bundle" are available. For example: |
||||||
|
* - node.getCreatedTime() will return the node creation timestamp. |
||||||
|
* - node.hasField('field_example') returns TRUE if the node bundle includes |
||||||
|
* field_example. (This does not indicate the presence of a value in this |
||||||
|
* field.) |
||||||
|
* - node.isPublished() will return whether the node is published or not. |
||||||
|
* Calling other methods, such as node.delete(), will result in an exception. |
||||||
|
* See \Drupal\node\Entity\Node for a full list of public properties and |
||||||
|
* methods for the node object. |
||||||
|
* - label: The title of the node. |
||||||
|
* - content: All node items. Use {{ content }} to print them all, |
||||||
|
* or print a subset such as {{ content.field_example }}. Use |
||||||
|
* {{ content|without('field_example') }} to temporarily suppress the printing |
||||||
|
* of a given child element. |
||||||
|
* - author_picture: The node author user entity, rendered using the "compact" |
||||||
|
* view mode. |
||||||
|
* - metadata: Metadata for this node. |
||||||
|
* - date: Themed creation date field. |
||||||
|
* - author_name: Themed author name field. |
||||||
|
* - url: Direct URL of the current node. |
||||||
|
* - display_submitted: Whether submission information should be displayed. |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* The attributes.class element may contain one or more of the following |
||||||
|
* classes: |
||||||
|
* - node: The current template type (also known as a "theming hook"). |
||||||
|
* - node--type-[type]: The current node type. For example, if the node is an |
||||||
|
* "Article" it would result in "node--type-article". Note that the machine |
||||||
|
* name will often be in a short form of the human readable label. |
||||||
|
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a |
||||||
|
* teaser would result in: "node--view-mode-teaser", and |
||||||
|
* full: "node--view-mode-full". |
||||||
|
* The following are controlled through the node publishing options. |
||||||
|
* - node--promoted: Appears on nodes promoted to the front page. |
||||||
|
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in |
||||||
|
* teaser listings. |
||||||
|
* - node--unpublished: Appears on unpublished nodes visible only to site |
||||||
|
* admins. |
||||||
|
* - title_attributes: Same as attributes, except applied to the main title |
||||||
|
* tag that appears in the template. |
||||||
|
* - content_attributes: Same as attributes, except applied to the main |
||||||
|
* content tag that appears in the template. |
||||||
|
* - author_attributes: Same as attributes, except applied to the author of |
||||||
|
* the node tag that appears in the template. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
* - view_mode: View mode; for example, "teaser" or "full". |
||||||
|
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. |
||||||
|
* - page: Flag for the full page state. Will be true if view_mode is 'full'. |
||||||
|
* - readmore: Flag for more state. Will be true if the teaser content of the |
||||||
|
* node cannot hold the main body content. |
||||||
|
* - logged_in: Flag for authenticated user status. Will be true when the |
||||||
|
* current user is a logged-in member. |
||||||
|
* - is_admin: Flag for admin user status. Will be true when the current user |
||||||
|
* is an administrator. |
||||||
|
* |
||||||
|
* @see template_preprocess_node() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set node_classes = [ |
||||||
|
'node', |
||||||
|
'node-type-' ~ node.bundle|clean_class, |
||||||
|
node.isPromoted() ? 'node-promoted', |
||||||
|
node.isSticky() ? 'node-sticky', |
||||||
|
not node.isPublished() ? 'node-unpublished', |
||||||
|
view_mode ? 'node-view-mode-' ~ view_mode|clean_class, |
||||||
|
] |
||||||
|
%} |
||||||
|
<article{{ attributes.addClass(node_classes) }}> |
||||||
|
{{ title_prefix }} |
||||||
|
{% if not page %} |
||||||
|
<h2{{ title_attributes.addClass('node-title') }}> |
||||||
|
<a href="{{ url }}" rel="bookmark">{{ label }}</a> |
||||||
|
</h2> |
||||||
|
{% endif %} |
||||||
|
{{ title_suffix }} |
||||||
|
|
||||||
|
{% if display_submitted %} |
||||||
|
<header class="node-header clear"> |
||||||
|
{% if node_author_pic %} |
||||||
|
<div class="author-picture">{{ author_picture }}</div> |
||||||
|
{% endif %} |
||||||
|
<div{{ author_attributes.addClass('node-submitted-details') }}> |
||||||
|
{% set createdDate = node.getCreatedTime|date('j F Y') %} |
||||||
|
{% trans %}<span>{{ author_name }}</span> <span>{{ createdDate }}</span>{% endtrans %} |
||||||
|
{{ metadata }} |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
{% endif %} |
||||||
|
<div{{ content_attributes.addClass('node-content clear') }}> |
||||||
|
{{ content }} |
||||||
|
</div> |
||||||
|
</article> |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for page titles. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - title_attributes: HTML attributes for the page title element. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title: The page title, for use in the actual content. |
||||||
|
* - title_suffix: Additional output populated by modules, intended to be |
||||||
|
* displayed after the main title tag that appears in the template. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<div class="page-title-wrap"> |
||||||
|
{{ title_prefix }} |
||||||
|
{% if title %} |
||||||
|
<h1{{ title_attributes.addClass('page-title') }}>{{ title }}</h1> |
||||||
|
{% endif %} |
||||||
|
{{ title_suffix }} |
||||||
|
</div> <!--/.page-title-wrap --> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
{% extends "item-list.html.twig" %} |
||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for an item list of search results. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - items: A list of items. Each item contains: |
||||||
|
* - attributes: HTML attributes to be applied to each list item. |
||||||
|
* - value: The content of the list element. |
||||||
|
* - title: The title of the list. |
||||||
|
* - list_type: The tag for list element ("ul" or "ol"). |
||||||
|
* - attributes: HTML attributes to be applied to the list. |
||||||
|
* - empty: A message to display when there are no items. Allowed value is a |
||||||
|
* string or render array. |
||||||
|
* - context: An list of contextual data associated with the list. For search |
||||||
|
* results, the following data is set: |
||||||
|
* - plugin: The search plugin ID, for example "node_search". |
||||||
|
* |
||||||
|
* @see template_preprocess_item_list() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'search-results', |
||||||
|
context.plugin ~ '-results', |
||||||
|
] |
||||||
|
%} |
||||||
|
{% set attributes = attributes.addClass(classes) %} |
||||||
@ -0,0 +1,44 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for comment fields. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* - label_hidden: Whether to show the field label or not. |
||||||
|
* - title_attributes: HTML attributes for the title. |
||||||
|
* - label: The label for the field. |
||||||
|
* - title_prefix: Additional output populated by modules, intended to be |
||||||
|
* displayed in front of the main title tag that appears in the template. |
||||||
|
* - title_suffix: Additional title output populated by modules, intended to |
||||||
|
* be displayed after the main title tag that appears in the template. |
||||||
|
* - comments: List of comments rendered through comment.html.twig. |
||||||
|
* - content_attributes: HTML attributes for the form title. |
||||||
|
* - comment_form: The 'Add new comment' form. |
||||||
|
* - comment_display_mode: Is the comments are threaded. |
||||||
|
* - comment_type: The comment type bundle ID for the comment field. |
||||||
|
* - entity_type: The entity type to which the field belongs. |
||||||
|
* - field_name: The name of the field. |
||||||
|
* - field_type: The type of the field. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* |
||||||
|
* @see template_preprocess_field() |
||||||
|
* @see comment_preprocess_field() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<section{{ attributes }} id="comments"> |
||||||
|
{% if comments and not label_hidden %} |
||||||
|
{{ title_prefix }} |
||||||
|
<h2{{ title_attributes.addClass('comments-title') }}>{{ label }}</h2> |
||||||
|
{{ title_suffix }} |
||||||
|
{% endif %} |
||||||
|
|
||||||
|
{{ comments }} |
||||||
|
|
||||||
|
{% if comment_form %} |
||||||
|
<div class="comment-form-wrap"> |
||||||
|
<h2{{ content_attributes.addClass('add-comment-title') }}>{{ 'Add new comment'|t }}</h2> |
||||||
|
{{ comment_form }} |
||||||
|
</div> <!--/.comment-form --> |
||||||
|
{% endif %} |
||||||
|
</section> |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for term fields. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* - label_hidden: Whether to show the field label or not. |
||||||
|
* - title_attributes: HTML attributes for the label. |
||||||
|
* - label: The label for the field. |
||||||
|
* - content_attributes: HTML attributes for the content. |
||||||
|
* - items: List of all the field items. Each item contains: |
||||||
|
* - attributes: List of HTML attributes for each item. |
||||||
|
* - content: The field item's content. |
||||||
|
* - entity_type: The entity type to which the field belongs. |
||||||
|
* - field_name: The name of the field. |
||||||
|
* - field_type: The type of the field. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* |
||||||
|
* @see template_preprocess_field() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<div class="node-taxonomy-container"> |
||||||
|
{% if not label_hidden %} |
||||||
|
<h3{{ title_attributes.addClass('term-title') }}>{{ label }}</h3> |
||||||
|
{% endif %} |
||||||
|
<ul class="taxonomy-terms"> |
||||||
|
{% for item in items %} |
||||||
|
<li{{ item.attributes.addClass('taxonomy-term') }}>{{ item.content }}</li> |
||||||
|
{% endfor %} |
||||||
|
</ul> |
||||||
|
</div> <!--/.node-taxonomy-container --> |
||||||
@ -0,0 +1,80 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a field. |
||||||
|
* |
||||||
|
* To override output, copy the "field.html.twig" from the templates directory |
||||||
|
* to your theme's directory and customize it, just like customizing other |
||||||
|
* Drupal templates such as page.html.twig or node.html.twig. |
||||||
|
* |
||||||
|
* Instead of overriding the theming for all fields, you can also just override |
||||||
|
* theming for a subset of fields using |
||||||
|
* @link themeable Theme hook suggestions. @endlink For example, |
||||||
|
* here are some theme hook suggestions that can be used for a field_foo field |
||||||
|
* on an article node type: |
||||||
|
* - field--node--field-foo--article.html.twig |
||||||
|
* - field--node--field-foo.html.twig |
||||||
|
* - field--node--article.html.twig |
||||||
|
* - field--field-foo.html.twig |
||||||
|
* - field--text-with-summary.html.twig |
||||||
|
* - field.html.twig |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the containing element. |
||||||
|
* - label_hidden: Whether to show the field label or not. |
||||||
|
* - title_attributes: HTML attributes for the title. |
||||||
|
* - label: The label for the field. |
||||||
|
* - multiple: TRUE if a field can contain multiple items. |
||||||
|
* - items: List of all the field items. Each item contains: |
||||||
|
* - attributes: List of HTML attributes for each item. |
||||||
|
* - content: The field item's content. |
||||||
|
* - entity_type: The entity type to which the field belongs. |
||||||
|
* - field_name: The name of the field. |
||||||
|
* - field_type: The type of the field. |
||||||
|
* - label_display: The display settings for the label. |
||||||
|
* |
||||||
|
* |
||||||
|
* @see template_preprocess_field() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'field', |
||||||
|
'field--name-' ~ field_name|clean_class, |
||||||
|
'field--type-' ~ field_type|clean_class, |
||||||
|
'field--label-' ~ label_display, |
||||||
|
] |
||||||
|
%} |
||||||
|
{% |
||||||
|
set title_classes = [ |
||||||
|
'field__label', |
||||||
|
label_display == 'visually_hidden' ? 'visually-hidden', |
||||||
|
] |
||||||
|
%} |
||||||
|
|
||||||
|
{% if label_hidden %} |
||||||
|
{% if multiple %} |
||||||
|
<div{{ attributes }}> |
||||||
|
{% for item in items %} |
||||||
|
<div{{ item.attributes.addClass('field-item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
{% else %} |
||||||
|
{% for item in items %} |
||||||
|
<div{{ attributes.addClass(classes, 'field-item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
{% endif %} |
||||||
|
{% else %} |
||||||
|
<div{{ attributes.addClass(classes) }}> |
||||||
|
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div> |
||||||
|
{% if multiple %} |
||||||
|
<div class="field__items"> |
||||||
|
{% endif %} |
||||||
|
{% for item in items %} |
||||||
|
<div{{ item.attributes.addClass('field-item') }}>{{ item.content }}</div> |
||||||
|
{% endfor %} |
||||||
|
{% if multiple %} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override of an image. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the img tag. |
||||||
|
* - style_name: (optional) The name of the image style applied. |
||||||
|
* |
||||||
|
* @see template_preprocess_image() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<img{{ attributes.addClass('image-field') }} /> |
||||||
@ -0,0 +1,43 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a details element. |
||||||
|
* |
||||||
|
* Available variables |
||||||
|
* - attributes: A list of HTML attributes for the details element. |
||||||
|
* - errors: (optional) Any errors for this details element, may not be set. |
||||||
|
* - title: (optional) The title of the element, may not be set. |
||||||
|
* - description: (optional) The description of the element, may not be set. |
||||||
|
* - children: (optional) The children of the element, may not be set. |
||||||
|
* - value: (optional) The value of the element, may not be set. |
||||||
|
* |
||||||
|
* @see template_preprocess_details() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<details{{ attributes }}> |
||||||
|
{%- if title -%} |
||||||
|
{% |
||||||
|
set summary_classes = [ |
||||||
|
required ? 'js-form-required', |
||||||
|
required ? 'form-required', |
||||||
|
] |
||||||
|
%} |
||||||
|
<summary{{ summary_attributes.addClass(summary_classes) }}>{{ title }}</summary> |
||||||
|
{%- endif -%} |
||||||
|
<div class="form-details-wrapper"> |
||||||
|
{% if errors %} |
||||||
|
<div class="form-item--error-message"> |
||||||
|
<strong>{{ errors }}</strong> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{%- if description -%} |
||||||
|
<div class="details-description">{{ description }}</div> |
||||||
|
{%- endif -%} |
||||||
|
{%- if children -%} |
||||||
|
{{ children }} |
||||||
|
{%- endif -%} |
||||||
|
{%- if value -%} |
||||||
|
{{ value }} |
||||||
|
{%- endif -%} |
||||||
|
</div> |
||||||
|
</details> |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for the basic structure of a single Drupal page. |
||||||
|
* |
||||||
|
* Variables: |
||||||
|
* - logged_in: A flag indicating if user is logged in. |
||||||
|
* - root_path: The root path of the current page (e.g., node, admin, user). |
||||||
|
* - node_type: The content type for the current node, if the page is a node. |
||||||
|
* - head_title: List of text elements that make up the head_title variable. |
||||||
|
* May contain one or more of the following: |
||||||
|
* - title: The title of the page. |
||||||
|
* - name: The name of the site. |
||||||
|
* - slogan: The slogan of the site. |
||||||
|
* - page_top: Initial rendered markup. This should be printed before 'page'. |
||||||
|
* - page: The rendered page markup. |
||||||
|
* - page_bottom: Closing rendered markup. This variable should be printed after |
||||||
|
* 'page'. |
||||||
|
* - db_offline: A flag indicating if the database is offline. |
||||||
|
* - placeholder_token: The token for generating head, css, js and js-bottom |
||||||
|
* placeholders. |
||||||
|
* |
||||||
|
* @see template_preprocess_html() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{# Add class to body #} |
||||||
|
{% |
||||||
|
set body_classes = [ |
||||||
|
not root_path ? 'homepage' : 'site-page', |
||||||
|
node_type ? 'page-type-' ~ node_type|clean_class, |
||||||
|
logged_in ? 'user-logged-in' : 'user-guest', |
||||||
|
not page.sidebar_first and not page.sidebar_second ? 'no-sidebar', |
||||||
|
page.sidebar_first and not page.sidebar_second ? 'one-sidebar sidebar-left', |
||||||
|
page.sidebar_second and not page.sidebar_first ? 'one-sidebar sidebar-right', |
||||||
|
page.sidebar_first and page.sidebar_second ? 'two-sidebar' |
||||||
|
] |
||||||
|
%} |
||||||
|
<!DOCTYPE html> |
||||||
|
<html{{ html_attributes }}> |
||||||
|
<head> |
||||||
|
<head-placeholder token="{{ placeholder_token }}"> |
||||||
|
<title>{{ head_title|safe_join(' | ') }}</title> |
||||||
|
<css-placeholder token="{{ placeholder_token }}"> |
||||||
|
<js-placeholder token="{{ placeholder_token }}"> |
||||||
|
</head> |
||||||
|
<body{{ attributes.addClass(body_classes) }}> |
||||||
|
{# |
||||||
|
Keyboard navigation/accessibility link to main content section in |
||||||
|
page.html.twig. |
||||||
|
#} |
||||||
|
<a href="#main-content" class="visually-hidden focusable"> |
||||||
|
{{ 'Skip to main content'|t }} |
||||||
|
</a> |
||||||
|
{{ page_top }} |
||||||
|
{{ page }} |
||||||
|
{{ page_bottom }} |
||||||
|
<js-bottom-placeholder token="{{ placeholder_token }}"> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme implementation to display a single Drupal page while offline. |
||||||
|
* |
||||||
|
* All available variables are mirrored in page.html.twig. |
||||||
|
* |
||||||
|
* @see template_preprocess_maintenance_page() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<div id="maintenance-page"> |
||||||
|
<header class="maintenance-header" role="banner"> |
||||||
|
<div class="container"> |
||||||
|
<div class="site-branding"> |
||||||
|
{% if site_name or site_slogan %} |
||||||
|
<div class="site-name-slogan"> |
||||||
|
{% if site_name %} |
||||||
|
<div class="site-name"> |
||||||
|
<a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home"><h4>{{ site_name }}</h4></a> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if site_slogan %} |
||||||
|
<div class="site-slogan">{{ site_slogan }}</div> |
||||||
|
{% endif %} |
||||||
|
</div> <!--/.site-name-slogan --> |
||||||
|
{% endif %} |
||||||
|
</div> <!-- /.site-branding --> |
||||||
|
</div> <!--/.container --> |
||||||
|
</header> |
||||||
|
<main id="maintenance"> |
||||||
|
<div class="container maintenance"> |
||||||
|
<a id="main-content" tabindex="-1"></a> |
||||||
|
{% if title %} |
||||||
|
<h1 class="maintenance-title">{{ title }}</h1> |
||||||
|
{% endif %} |
||||||
|
<div class="maintenance-icon"> |
||||||
|
{{ source('@vre2024/../images/maintenance.svg') }} |
||||||
|
</div> |
||||||
|
<div class="maintenance-message"> |
||||||
|
{{ page.content }} |
||||||
|
</div> |
||||||
|
</div> <!-- /.container --> |
||||||
|
</main> <!-- /#maintenance --> |
||||||
|
</div><!-- /#maintenance-page --> |
||||||
|
<!-- Zuvi has custom styling for the maintenance page. --> |
||||||
|
{{ attach_library('vre2024/maintenance') }} |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
{% if page.header_top_left or page.header_top_right %} |
||||||
|
{% include '@vre2024/template-parts/header/header-top.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
{% include '@vre2024/template-parts/header/header.html.twig' %} |
||||||
|
{% if not is_front and page.page_header %} |
||||||
|
{% include '@vre2024/template-parts/header/header-page.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
{% if page.highlighted %} |
||||||
|
{% include '@vre2024/template-parts/highlighted.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
<div class="main-wrapper"> |
||||||
|
<div class="container"> |
||||||
|
<a id="main-content" tabindex="-1"></a> |
||||||
|
<div class="main-container"> |
||||||
|
<main id="main" class="main-content"> |
||||||
|
{% if page.content_top %} |
||||||
|
{% include '@vre2024/template-parts/content-parts/content_top.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
<div class="node-content"> |
||||||
|
{{ page.content }} |
||||||
|
</div> |
||||||
|
{% if page.content_bottom %} |
||||||
|
{% include '@vre2024/template-parts/content-parts/content_bottom.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
</main> |
||||||
|
{% if page.sidebar_first %} |
||||||
|
{% include '@vre2024/template-parts/sidebar/sidebar_left.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
{% if page.sidebar_second %} |
||||||
|
{% include '@vre2024/template-parts/sidebar/sidebar_right.html.twig' %} |
||||||
|
{% endif %} |
||||||
|
</div><!--/main-container --> |
||||||
|
</div><!--/container --> |
||||||
|
</div><!--/main-wrapper --> |
||||||
|
{% include '@vre2024/template-parts/footer/footer.html.twig' %} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display a region. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - content: The content for this region, typically blocks. |
||||||
|
* - attributes: HTML attributes for the region div. |
||||||
|
* - region: The name of the region variable as defined in the theme's |
||||||
|
* .info.yml file. |
||||||
|
* |
||||||
|
* @see template_preprocess_region() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'block-region', |
||||||
|
'region-' ~ region|clean_class, |
||||||
|
] |
||||||
|
%} |
||||||
|
{% if content %} |
||||||
|
<div{{ attributes.addClass(classes) }}> |
||||||
|
{{ content }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,53 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for status messages. |
||||||
|
* |
||||||
|
* Displays status, error, and warning messages, grouped by type. |
||||||
|
* |
||||||
|
* An invisible heading identifies the messages for assistive technology. |
||||||
|
* Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html |
||||||
|
* for info. |
||||||
|
* |
||||||
|
* Add an ARIA label to the contentinfo area so that assistive technology |
||||||
|
* user agents will better describe this landmark. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - message_list: List of messages to be displayed, grouped by type. |
||||||
|
* - status_headings: List of all status types. |
||||||
|
* - display: (optional) May have a value of 'status' or 'error' when only |
||||||
|
* displaying messages of that specific type. |
||||||
|
* - attributes: HTML attributes for the element, including: |
||||||
|
* - class: HTML classes. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<div data-drupal-messages class="messages-list"> |
||||||
|
{% for type, messages in message_list %} |
||||||
|
{% |
||||||
|
set classes = [ |
||||||
|
'message', |
||||||
|
'message-' ~ type, |
||||||
|
] |
||||||
|
%} |
||||||
|
<div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes.addClass(classes)|without('role', 'aria-label') }}> |
||||||
|
{% if type == 'error' %} |
||||||
|
<div role="alert" class="status-error"> |
||||||
|
{% endif %} |
||||||
|
{% if status_headings[type] %} |
||||||
|
<h2 class="visually-hidden">{{ status_headings[type] }}</h2> |
||||||
|
{% endif %} |
||||||
|
{% if messages|length > 1 %} |
||||||
|
<ul class="status-message-list"> |
||||||
|
{% for message in messages %} |
||||||
|
<li>{{ message }}</li> |
||||||
|
{% endfor %} |
||||||
|
</ul> |
||||||
|
{% else %} |
||||||
|
{{ messages|first }} |
||||||
|
{% endif %} |
||||||
|
{% if type == 'error' %} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
{% endfor %} |
||||||
|
</div>{# messages-list #} |
||||||
@ -0,0 +1,56 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to navigate books. |
||||||
|
* |
||||||
|
* Presented under nodes that are a part of book outlines. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - tree: The immediate children of the current node rendered as an unordered |
||||||
|
* list. |
||||||
|
* - current_depth: Depth of the current node within the book outline. Provided |
||||||
|
* for context. |
||||||
|
* - prev_url: URL to the previous node. |
||||||
|
* - prev_title: Title of the previous node. |
||||||
|
* - parent_url: URL to the parent node. |
||||||
|
* - parent_title: Title of the parent node. Not printed by default. Provided |
||||||
|
* as an option. |
||||||
|
* - next_url: URL to the next node. |
||||||
|
* - next_title: Title of the next node. |
||||||
|
* - has_links: Flags TRUE whenever the previous, parent or next data has a |
||||||
|
* value. |
||||||
|
* - book_id: The book ID of the current outline being viewed. Same as the node |
||||||
|
* ID containing the entire outline. Provided for context. |
||||||
|
* - book_url: The book/node URL of the current outline being viewed. Provided |
||||||
|
* as an option. Not used by default. |
||||||
|
* - book_title: The book/node title of the current outline being viewed. |
||||||
|
* |
||||||
|
* @see template_preprocess_book_navigation() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{{ attach_library('vre2024/book') }} |
||||||
|
{% if tree or has_links %} |
||||||
|
<nav class="book-navigation" role="navigation" aria-labelledby="book-label-{{ book_id }}"> |
||||||
|
{{ tree }} |
||||||
|
{% if has_links %} |
||||||
|
<h2 class="visually-hidden">{{ 'Book traversal links for'|t }} {{ book_title }}</h2> |
||||||
|
<ul class="book-pager"> |
||||||
|
{% if prev_url %} |
||||||
|
<li class="book-pager-item book-pager-item-previous"> |
||||||
|
<a href="{{ prev_url }}" rel="prev" title="{{ 'Go to previous page'|t }}"><span class="white-color">←</span> {{ prev_title }}</a> |
||||||
|
</li> |
||||||
|
{% endif %} |
||||||
|
{% if parent_url %} |
||||||
|
<li class="book-pager-item book-pager-item-center"> |
||||||
|
<a href="{{ parent_url }}" title="{{ 'Go to parent page'|t }}"><span class="white-color">⤊</span> {{ 'Up'|t }}</a> |
||||||
|
</li> |
||||||
|
{% endif %} |
||||||
|
{% if next_url %} |
||||||
|
<li class="book-pager-item book-pager-item-next"> |
||||||
|
<a href="{{ next_url }}" rel="next" title="{{ 'Go to next page'|t }}">{{ next_title }} <span class="white-color">→</span></a> |
||||||
|
</li> |
||||||
|
{% endif %} |
||||||
|
</ul> |
||||||
|
{% endif %} |
||||||
|
</nav> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,47 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display a book tree. |
||||||
|
* |
||||||
|
* Returns HTML for a wrapper for a book sub-tree. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - items: A nested list of book items. Each book item contains: |
||||||
|
* - attributes: HTML attributes for the book item. |
||||||
|
* - below: The book item child items. |
||||||
|
* - title: The book link title. |
||||||
|
* - url: The book link URL, instance of \Drupal\Core\Url. |
||||||
|
* - is_expanded: TRUE if the link has visible children within the current |
||||||
|
* book tree. |
||||||
|
* - is_collapsed: TRUE if the link has children within the current book tree |
||||||
|
* that are not currently visible. |
||||||
|
* - in_active_trail: TRUE if the link is in the active trail. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% import _self as book_tree %} |
||||||
|
|
||||||
|
{# |
||||||
|
We call a macro which calls itself to render the full tree. |
||||||
|
@see http://twig.sensiolabs.org/doc/tags/macro.html |
||||||
|
#} |
||||||
|
{{ book_tree.book_links(items, attributes, 0) }} |
||||||
|
|
||||||
|
{% macro book_links(items, attributes, menu_level) %} |
||||||
|
{% import _self as book_tree %} |
||||||
|
{% if items %} |
||||||
|
{% if menu_level == 0 %} |
||||||
|
<ul{{ attributes.addClass('menu') }}> |
||||||
|
{% else %} |
||||||
|
<ul class="menu"> |
||||||
|
{% endif %} |
||||||
|
{% for item in items %} |
||||||
|
<li{{ item.attributes.addClass('menu-book-item') }}> |
||||||
|
{{ link(item.title, item.url) }} |
||||||
|
{% if item.below %} |
||||||
|
{{ book_tree.book_links(item.below, attributes, menu_level + 1) }} |
||||||
|
{% endif %} |
||||||
|
</li> |
||||||
|
{% endfor %} |
||||||
|
</ul> |
||||||
|
{% endif %} |
||||||
|
{% endmacro %} |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a breadcrumb trail. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - breadcrumb: Breadcrumb trail items. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% if breadcrumb %} |
||||||
|
<nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> |
||||||
|
<ol class="breadcrumb-items"> |
||||||
|
{% for item in breadcrumb %} |
||||||
|
<li class="breadcrumb-item"> |
||||||
|
{% if item.url %} |
||||||
|
<a href="{{ item.url }}">{{ item.text }}</a><span><i class="icon-angle-right"></i></span> |
||||||
|
{% else %} |
||||||
|
{{ item.text }} |
||||||
|
{% endif %} |
||||||
|
</li> |
||||||
|
{% endfor %} |
||||||
|
</ol> |
||||||
|
</nav> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,57 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a set of links. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: Attributes for the UL containing the list of links. |
||||||
|
* - links: Links to be output. |
||||||
|
* Each link will have the following elements: |
||||||
|
* - title: The link text. |
||||||
|
* - href: The link URL. If omitted, the 'title' is shown as a plain text |
||||||
|
* item in the links list. If 'href' is supplied, the entire link is passed |
||||||
|
* to l() as its $options parameter. |
||||||
|
* - attributes: (optional) HTML attributes for the anchor, or for the <span> |
||||||
|
* tag if no 'href' is supplied. |
||||||
|
* - heading: (optional) A heading to precede the links. |
||||||
|
* - text: The heading text. |
||||||
|
* - level: The heading level (e.g. 'h2', 'h3'). |
||||||
|
* - attributes: (optional) A keyed list of attributes for the heading. |
||||||
|
* If the heading is a string, it will be used as the text of the heading and |
||||||
|
* the level will default to 'h2'. |
||||||
|
* |
||||||
|
* Headings should be used on navigation menus and any list of links that |
||||||
|
* consistently appears on multiple pages. To make the heading invisible use |
||||||
|
* the 'visually-hidden' CSS class. Do not use 'display:none', which |
||||||
|
* removes it from screen readers and assistive technology. Headings allow |
||||||
|
* screen reader and keyboard only users to navigate to or skip the links. |
||||||
|
* See http://juicystudio.com/article/screen-readers-display-none.php and |
||||||
|
* http://www.w3.org/TR/WCAG-TECHS/H42.html for more information. |
||||||
|
* |
||||||
|
* @see template_preprocess_links() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% if links -%} |
||||||
|
<div class="node-links-container"> |
||||||
|
{%- if heading -%} |
||||||
|
{%- if heading.level -%} |
||||||
|
<{{ heading.level }}{{ heading.attributes }}>{{ heading.text }}</{{ heading.level }}> |
||||||
|
{%- else -%} |
||||||
|
<h2{{ heading.attributes }}>{{ heading.text }}</h2> |
||||||
|
{%- endif -%} |
||||||
|
{%- endif -%} |
||||||
|
<ul{{ attributes }}> |
||||||
|
{%- for item in links -%} |
||||||
|
<li{{ item.attributes }}> |
||||||
|
{%- if item.link -%} |
||||||
|
{{ item.link }} |
||||||
|
{%- elseif item.text_attributes -%} |
||||||
|
<span{{ item.text_attributes }}>{{ item.text }}</span> |
||||||
|
{%- else -%} |
||||||
|
{{ item.text }} |
||||||
|
{%- endif -%} |
||||||
|
</li> |
||||||
|
{%- endfor -%} |
||||||
|
</ul> |
||||||
|
</div> <!--/.node-links-container --> |
||||||
|
{%- endif %} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override for a local task link. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - attributes: HTML attributes for the wrapper element. |
||||||
|
* - is_active: Whether the task item is an active tab. |
||||||
|
* - link: A rendered link element. |
||||||
|
* |
||||||
|
* Note: This template renders the content for each task item in |
||||||
|
* menu-local-tasks.html.twig. |
||||||
|
* |
||||||
|
* @see template_preprocess_menu_local_task() |
||||||
|
*/ |
||||||
|
#} |
||||||
|
<li{{ attributes.addClass(is_active ? 'active-page-tab') }}>{{ link }}</li> |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display primary and secondary local tasks. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - primary: HTML list items representing primary tasks. |
||||||
|
* - secondary: HTML list items representing primary tasks. |
||||||
|
* |
||||||
|
* Each item in these variables (primary and secondary) can be individually |
||||||
|
* themed in menu-local-task.html.twig. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% if primary %} |
||||||
|
<h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2> |
||||||
|
<ul class="page-tabs primary-tab">{{ primary }}</ul> |
||||||
|
{% endif %} |
||||||
|
{% if secondary %} |
||||||
|
<h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2> |
||||||
|
<ul class="page-tabs secondary-tab">{{ secondary }}</ul> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,57 @@ |
|||||||
|
{# |
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Theme override to display main menu. |
||||||
|
* |
||||||
|
* Available variables: |
||||||
|
* - menu_name: The machine name of the menu. |
||||||
|
* - items: A nested list of menu items. Each menu item contains: |
||||||
|
* - attributes: HTML attributes for the menu item. |
||||||
|
* - below: The menu item child items. |
||||||
|
* - title: The menu link title. |
||||||
|
* - url: The menu link url, instance of \Drupal\Core\Url |
||||||
|
* - localized_options: Menu link localized options. |
||||||
|
* - is_expanded: TRUE if the link has visible children within the current |
||||||
|
* menu tree. |
||||||
|
* - is_collapsed: TRUE if the link has children within the current menu tree |
||||||
|
* that are not currently visible. |
||||||
|
* - in_active_trail: TRUE if the link is in the active trail. |
||||||
|
*/ |
||||||
|
#} |
||||||
|
{% import _self as menus %} |
||||||
|
|
||||||
|
{# |
||||||
|
We call a macro which calls itself to render the full tree. |
||||||
|
@see http://twig.sensiolabs.org/doc/tags/macro.html |
||||||
|
#} |
||||||
|
{{ menus.menu_links(items, attributes, 0) }} |
||||||
|
|
||||||
|
{% macro menu_links(items, attributes, menu_level) %} |
||||||
|
{% import _self as menus %} |
||||||
|
{% if items %} |
||||||
|
{% if menu_level == 0 %} |
||||||
|
<ul{{ attributes.addClass('menu') }}> |
||||||
|
{% else %} |
||||||
|
<ul class="submenu"> |
||||||
|
{% endif %} |
||||||
|
{% for item in items %} |
||||||
|
{% |
||||||
|
set item_classes = [ |
||||||
|
'menu-item', |
||||||
|
'menu-item-level-' ~ (menu_level + 1), |
||||||
|
item.is_expanded ? 'expanded', |
||||||
|
item.is_collapsed ? 'collapsed', |
||||||
|
item.below ? 'menu-item-has-children', |
||||||
|
item.in_active_trail ? 'active', |
||||||
|
] |
||||||
|
%} |
||||||
|
<li{{ item.attributes.addClass(item_classes) }}> |
||||||
|
{{ link(item.title, item.url) }} |
||||||
|
{% if item.below %} |
||||||
|
{{ menus.menu_links(item.below, attributes, menu_level + 1) }} |
||||||
|
{% endif %} |
||||||
|
</li> |
||||||
|
{% endfor %} |
||||||
|
</ul> |
||||||
|
{% endif %} |
||||||
|
{% endmacro %} |
||||||
@ -0,0 +1 @@ |
|||||||
|
<div class="scrolltop"><i class="icon-arrow-up"></i></div> |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<div class="content-bottom"> |
||||||
|
{{ page.content_bottom }} |
||||||
|
</div><!--/.content bottom --> |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<div class="homepage-content homepage-content-bottom"> |
||||||
|
{{ page.content_home_bottom }} |
||||||
|
</div><!--/.homepage-content --> |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<div class="homepage-content homepage-content-top"> |
||||||
|
{{ page.content_home_top }} |
||||||
|
</div><!--/.homepage-content --> |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<div class="content-top"> |
||||||
|
{{ page.content_top }} |
||||||
|
</div><!--/.content top --> |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
<footer class="footer-blocks footer"> |
||||||
|
<div class="container"> |
||||||
|
<div class="footer-blocks-container"> |
||||||
|
{% if page.footer_one %} |
||||||
|
<div class="footer-block footer-one"> |
||||||
|
{{ page.footer_one }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if page.footer_two %} |
||||||
|
<div class="footer-block footer-two"> |
||||||
|
{{ page.footer_two }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if page.footer_three %} |
||||||
|
<div class="footer-block footer-three"> |
||||||
|
{{ page.footer_three }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if page.footer_four %} |
||||||
|
<div class="footer-block footer-four"> |
||||||
|
{{ page.footer_four }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div><!-- /footer-top-container --> |
||||||
|
</div><!-- /container --> |
||||||
|
</footer><!-- /footer-top --> |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
<footer class="footer-bottom-blocks footer"> |
||||||
|
<div class="container"> |
||||||
|
<div class="footer-bottom-blocks-container"> |
||||||
|
{% if page.footer_bottom_left %} |
||||||
|
<div class="footer-bottom-block footer-bottom-block-left"> |
||||||
|
{{ page.footer_bottom_left }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
{% if page.footer_bottom_right %} |
||||||
|
<div class="footer-bottom-block footer-bottom-block-right"> |
||||||
|
{{ page.footer_bottom_right }} |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
|
</div><!-- /footer-bottom-blocks-container --> |
||||||
|
</div><!-- /container --> |
||||||
|
</footer><!-- /footer-bottom-blocks --> |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
{% if page.footer_bottom_last %} |
||||||
|
<div class="footer-bottom-last"> |
||||||
|
{{ page.footer_bottom_last }} |
||||||
|
</div><!-- /footer-bottom-last --> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
<footer class="footer-bottom footer"> |
||||||
|
<div class="container"> |
||||||
|
<div class="footer-bottom-container"> |
||||||
|
<div class="website-copyright"> |
||||||
|
© {{ "now"|date("Y") }} {{ site_name }}, All rights reserved. |
||||||
|
</div> |
||||||
|
{% if page.footer_bottom_last %} |
||||||
|
<div class="footer-bottom-last"> |
||||||
|
{{ page.footer_bottom_last }} |
||||||
|
</div><!-- /footer-bottom-last --> |
||||||
|
{% endif %} |
||||||
|
</div><!-- /footer-bottom-container --> |
||||||
|
</div><!-- /container --> |
||||||
|
</footer><!-- /footer-bottom --> |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
<div class="website-copyright"> |
||||||
|
© {{ "now"|date("Y") }} {{ site_name }}, All rights reserved. |
||||||
|
</div> |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
<footer class="footer-top footer"> |
||||||
|
<div class="container"> |
||||||
|
<div class="footer-top-container"> |
||||||
|
{{ page.footer_top }} |
||||||
|
</div><!-- /footer-top-container --> |
||||||
|
</div><!-- /container --> |
||||||
|
</footer><!-- /footer-top --> |
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue