Use Bootstrap 5 as Layout base
parent
7e69629242
commit
21516682be
|
@ -0,0 +1,8 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
|
@ -0,0 +1 @@
|
|||
templateDetails.xml
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/simplepage.iml" filepath="$PROJECT_DIR$/.idea/simplepage.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="PhpProjectSharedConfiguration" php_language_level="7.1">
|
||||
<option name="suggestChangeDefaultLanguageLevel" value="false" />
|
||||
</component>
|
||||
</project>
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
|
@ -8,7 +8,8 @@
|
|||
font-weight: 400;
|
||||
font-display: block;
|
||||
src: url("../webfonts/fa-regular-400.eot");
|
||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
|
||||
}
|
||||
|
||||
.far {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,426 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
background-color: currentColor;
|
||||
border: 0;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
hr:not([size]) {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-bs-original-title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.2em;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0d6efd;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
color: #0a58ca;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
direction: ltr /* rtl:ignore */;
|
||||
unicode-bidi: bidi-override;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: #d63384;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.2rem 0.4rem;
|
||||
font-size: 0.875em;
|
||||
color: #fff;
|
||||
background-color: #212529;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]::-webkit-calendar-picker-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
/* rtl:raw:
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
*/
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,8 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,423 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
background-color: currentColor;
|
||||
border: 0;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
hr:not([size]) {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-bs-original-title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.2em;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0d6efd;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
color: #0a58ca;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
direction: ltr ;
|
||||
unicode-bidi: bidi-override;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: #d63384;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.2rem 0.4rem;
|
||||
font-size: 0.875em;
|
||||
color: #fff;
|
||||
background-color: #212529;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #6c757d;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]::-webkit-calendar-picker-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: right;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,8 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-right:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-right:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:right}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:right;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:right}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=email],[type=number],[type=tel],[type=url]{direction:ltr}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.rtl.min.css.map */
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,24 +1,64 @@
|
|||
:root {
|
||||
--colPrimary: #E3000F;
|
||||
--colSecondary: #980267;
|
||||
--colTertiary: #B61C3E;
|
||||
--colQuart: #00B4CC;
|
||||
}
|
||||
|
||||
.bg-content, .blog-item, .item-page {
|
||||
background-color: rgba( var(--bs-background-content-rgb), var(--bs-background-content-opacity) );
|
||||
}
|
||||
|
||||
.bg-content.solid, .blog-item.solid, , .item-page.solid {
|
||||
background-color: var(--bs-background-content);
|
||||
}
|
||||
|
||||
.bg-content .bg-content, .bg-content .blog-item, .bg-content .item-page {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.blog-item, .item-page {
|
||||
padding: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.bg-header {
|
||||
background-color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.bg-viewport {
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
/*
|
||||
.top {
|
||||
background-color: var(--colPrimary);
|
||||
}
|
||||
|
||||
.background {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--colContentBackground);
|
||||
z-index: -1;
|
||||
opacity: 0.95;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#header {
|
||||
background-color: var(--colTertiary);
|
||||
}
|
||||
|
||||
#footers {
|
||||
background-color: var(--colTertiary);
|
||||
background-color: var(--colPrimary);
|
||||
}
|
||||
#footers .nav li.active a, #footers .nav a:hover {
|
||||
margin-top: 2px;
|
||||
border-top: 2px solid white;
|
||||
border-bottom: none;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
h1 {
|
||||
color: var(--colH1);
|
||||
}
|
||||
h2, h3 {
|
||||
color: var(--colTertiary);
|
||||
}
|
||||
|
||||
|
@ -30,4 +70,7 @@ a {
|
|||
|
||||
.muted {
|
||||
color: #808080;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
@ -28,7 +28,7 @@ div.blog {
|
|||
}
|
||||
|
||||
.item-image, p>img {
|
||||
padding: 8px;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.cols-2 {
|
||||
|
|
|
@ -2,29 +2,14 @@
|
|||
@import 'awesome/solid.css';
|
||||
@import 'awesome/fontawesome.css';
|
||||
|
||||
|
||||
.body {
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 180%;
|
||||
}
|
||||
h2 {
|
||||
font-size: 150%;
|
||||
}
|
||||
h3 {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
.nav {
|
||||
font-size: 100%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: white;
|
||||
@font-face {
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
text-decoration: none;
|
||||
/*font-weight: 400;*/
|
||||
font-display: block;
|
||||
src: url("../fonts/quicksand-variable.ttf") format('truetype');
|
||||
}
|
||||
|
||||
:root {
|
||||
--bs-body-font-family: 'Quicksand';
|
||||
}
|
||||
|
|
|
@ -1,11 +1,12 @@
|
|||
:root {
|
||||
--rspDesktopWidth: 1300px;
|
||||
--rspTabletWidth: 900px;
|
||||
--gutterMinWidth: 30px;
|
||||
/*--rspDesktopWidth: 1300px;*/
|
||||
/*--rspTabletWidth: 900px;*/
|
||||
/*--gutterMinWidth: 30px;*/
|
||||
|
||||
--contentWidth: calc(var(--rspDesktopWidth) - (2 * var(--gutterMinWidth)));
|
||||
/*--contentWidth: calc(var(--rspDesktopWidth) - (2 * var(--gutterMinWidth)));*/
|
||||
}
|
||||
|
||||
/*
|
||||
body {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
|
@ -16,312 +17,447 @@ body {
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.collapse {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
#above, #header, main {
|
||||
display: block;
|
||||
height: 60px;
|
||||
}
|
||||
#above > .wrapper, #header > .wrapper, main > .wrapper, #footers > .wrapper, footer > .wrapper {
|
||||
*/
|
||||
|
||||
/*
|
||||
.visually-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[role="tooltip"] {
|
||||
display: none;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
#above > .wrapper, main > .wrapper, #footers > .wrapper, footer > .wrapper {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: auto;
|
||||
|
||||
width: var(--contentWidth);
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
#header > .wrapper, #footers > .wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div.site-logo {
|
||||
display: block;
|
||||
height: 60px;
|
||||
float: left;
|
||||
|
||||
padding: 0 5px;
|
||||
background-color: white;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
order: 2;
|
||||
}
|
||||
img.site-logo {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
|
||||
}
|
||||
|
||||
/****************************************************
|
||||
Vertical Distribution
|
||||
****************************************************/
|
||||
|
||||
.body {
|
||||
/* display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;*/
|
||||
width: 100%;
|
||||
}
|
||||
.body > section, .body > header, .body > main, .body > footer {
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
.body > main {
|
||||
flex-grow: 1;
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
/****************************************************
|
||||
Header
|
||||
****************************************************/
|
||||
|
||||
#header {
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
#header.sticky {
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
#topleft, #topright {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#topleft {
|
||||
padding-right: 30px;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
#topright {
|
||||
padding-left: 30px;
|
||||
order: 3;
|
||||
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#above, #topright {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/****************************************************
|
||||
Component Area
|
||||
****************************************************/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
position: relative;
|
||||
height: min-content;
|
||||
}
|
||||
main > .wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#left {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
width: 25%;
|
||||
|
||||
order: 1;
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
#right {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: right;
|
||||
|
||||
width: 25%;
|
||||
|
||||
order: 3;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
#left, #right {
|
||||
width: 25%;
|
||||
box-sizing: content-box;
|
||||
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
#component {
|
||||
order: 2;
|
||||
padding-bottom: 80px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
/****************************************************/
|
||||
|
||||
/****************************************************
|
||||
Footer Area
|
||||
****************************************************/
|
||||
|
||||
|
||||
#footers {
|
||||
display: block;
|
||||
height: 40px;
|
||||
|
||||
.body.background {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: -100;
|
||||
|
||||
top: 0px;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
filter: opacity(25%);
|
||||
}
|
||||
*/
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Vertical Distribution*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*.body {*/
|
||||
/* position: relative;*/
|
||||
/* width: 100%;*/
|
||||
/*}*/
|
||||
/*.body > section, .body > header, .body > main, .body > footer {*/
|
||||
/* flex-shrink: 0;*/
|
||||
/* flex-grow: 0;*/
|
||||
/*}*/
|
||||
/*.body > main {*/
|
||||
/* flex-grow: 1;*/
|
||||
/* flex-basis: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Header*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*#header {*/
|
||||
/* width: 100%;*/
|
||||
/* z-index: 1;*/
|
||||
/*}*/
|
||||
/*#header.sticky {*/
|
||||
/* position: sticky;*/
|
||||
/* top: 0px;*/
|
||||
/*}*/
|
||||
|
||||
/*.top {*/
|
||||
/* height: 60px;*/
|
||||
/*}*/
|
||||
|
||||
/*.top.left, .top.right {*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
|
||||
/*.top.left {*/
|
||||
/* padding-right: 30px;*/
|
||||
/* order: 1;*/
|
||||
/*}*/
|
||||
|
||||
/*.top.right {*/
|
||||
/* padding-left: 30px;*/
|
||||
/* order: 3;*/
|
||||
/*}*/
|
||||
|
||||
/*.top.wrapper {*/
|
||||
/* order: 2;*/
|
||||
/* width: var(--contentWidth);*/
|
||||
/* height: 60px;*/
|
||||
/* background-color: unset;*/
|
||||
|
||||
/* display: flex;*/
|
||||
/* flex-direction: row;*/
|
||||
/*}*/
|
||||
|
||||
/*#top {*/
|
||||
/* order: 2;*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
/*.top.logo {*/
|
||||
/* display: block;*/
|
||||
/* float: left;*/
|
||||
/* padding: 0 5px;*/
|
||||
/* box-sizing: border-box;*/
|
||||
|
||||
/* order: 1;*/
|
||||
/* flex-grow: 0;*/
|
||||
/*}*/
|
||||
/*img.logo {*/
|
||||
/* display: inline-block;*/
|
||||
/* position: relative;*/
|
||||
/* width: 60px;*/
|
||||
/* height: 60px;*/
|
||||
|
||||
/*}*/
|
||||
|
||||
/*#above {*/
|
||||
/* position: relative;*/
|
||||
/* display: block;*/
|
||||
/*}*/
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Component Area*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*#content {*/
|
||||
/* position: relative;*/
|
||||
/* margin: 0px 24px;*/
|
||||
/*}*/
|
||||
|
||||
/*main {*/
|
||||
/* display: block;*/
|
||||
/* position: relative;*/
|
||||
/* height: min-content;*/
|
||||
|
||||
/* padding: 0px 24px;*/
|
||||
/*}*/
|
||||
/*.main {*/
|
||||
/* display: flex;*/
|
||||
/* flex-direction: row;*/
|
||||
/*}*/
|
||||
|
||||
/*.main > .left {*/
|
||||
/* order: 1;*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
/*.main > .right {*/
|
||||
/* order: 3;*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
/*.main > section {*/
|
||||
/* display: block;*/
|
||||
/* order: 2;*/
|
||||
/* flex-grow: 0;*/
|
||||
/* width: var(--contentWidth);*/
|
||||
/*}*/
|
||||
|
||||
|
||||
#footers .nav a {
|
||||
display: block;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
/*#left {*/
|
||||
/* display: block;*/
|
||||
/* position: relative;*/
|
||||
/* float: left;*/
|
||||
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
/* width: 25%;*/
|
||||
|
||||
margin-top: 4px;
|
||||
/* order: 1;*/
|
||||
/* padding-right: 40px;*/
|
||||
/*}*/
|
||||
|
||||
text-transform: uppercase;
|
||||
|
||||
border-bottom: none;
|
||||
}
|
||||
/*#right {*/
|
||||
/* display: block;*/
|
||||
/* position: relative;*/
|
||||
/* float: right;*/
|
||||
|
||||
#footers .nav li.active a, #footers .nav a:hover {
|
||||
margin-top: 2px;
|
||||
border-bottom: none;
|
||||
}
|
||||
/* width: 25%;*/
|
||||
|
||||
/* order: 3;*/
|
||||
/* padding-left: 40px;*/
|
||||
/*}*/
|
||||
|
||||
/*#left, #right {*/
|
||||
/* width: 25%;*/
|
||||
/* box-sizing: content-box;*/
|
||||
|
||||
/* flex-shrink: 0;*/
|
||||
/* flex-grow: 0;*/
|
||||
/*}*/
|
||||
|
||||
/*#component {*/
|
||||
/* order: 2;*/
|
||||
/* padding-bottom: 80px;*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
|
||||
/*!****************************************************!*/
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Footer Area*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*#footer > .wrapper {*/
|
||||
/* margin: auto;*/
|
||||
/* border-top: 1px solid var(--colPrimary);*/
|
||||
/* width: var(--contentWidth);*/
|
||||
/* padding: 8px 0px;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
#footers > .wrapper > section {
|
||||
flex-grow: 1;
|
||||
}
|
||||
/*#footers {*/
|
||||
/* display: block;*/
|
||||
/* height: 40px;*/
|
||||
|
||||
#footer-4 > .wrapper {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
}
|
||||
/* position: fixed;*/
|
||||
/* bottom: 0px;*/
|
||||
/* left: 0px;*/
|
||||
/* right: 0px;*/
|
||||
/*}*/
|
||||
|
||||
/****************************************************/
|
||||
|
||||
/*#footers .nav a {*/
|
||||
/* display: block;*/
|
||||
/* float: left;*/
|
||||
/* box-sizing: border-box;*/
|
||||
|
||||
/* line-height: 30px;*/
|
||||
/* padding: 0;*/
|
||||
|
||||
/* margin-top: 4px;*/
|
||||
|
||||
/* text-transform: uppercase;*/
|
||||
/* */
|
||||
/* border-bottom: none;*/
|
||||
/*}*/
|
||||
|
||||
/*#footers .nav li.active a, #footers .nav a:hover {*/
|
||||
/* margin-top: 2px;*/
|
||||
/* border-bottom: none;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/*#footers > .wrapper > section {*/
|
||||
/* flex-grow: 1;*/
|
||||
/*}*/
|
||||
|
||||
/*#footer-4 > .wrapper {*/
|
||||
/* position: absolute;*/
|
||||
/* right: 0px;*/
|
||||
/*}*/
|
||||
|
||||
/*!****************************************************!*/
|
||||
|
||||
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Breadcrumbs*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*#breadcrumbs {*/
|
||||
/* font-size: 1.2em;*/
|
||||
|
||||
/* padding: 0px 24px;*/
|
||||
|
||||
/* border-bottom: 1px solid var(--colSecondary);*/
|
||||
/*}*/
|
||||
|
||||
/*.icon-location::after {*/
|
||||
/* display: inline-block;*/
|
||||
/*}*/
|
||||
|
||||
/*ol.breadcrumb, .breadcrumb li {*/
|
||||
/* list-style: none;*/
|
||||
/* display: inline-block;*/
|
||||
/* padding: unset;*/
|
||||
/*}*/
|
||||
|
||||
/*.breadcrumb-item::after {*/
|
||||
/* display: inline-block;*/
|
||||
/* content: '>';*/
|
||||
/* color: var(--colTertiary);*/
|
||||
/*}*/
|
||||
/*.breadcrumb-item.active::after {*/
|
||||
/* display: none;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Navigation*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*.navbar-toggler {*/
|
||||
/* display: none;*/
|
||||
/*}*/
|
||||
|
||||
/*.burger-menu, .sub-menu {*/
|
||||
/* display: none;*/
|
||||
/* -webkit-appearance: none;*/
|
||||
/* -moz-appearance: none;*/
|
||||
/* appearance: none;*/
|
||||
|
||||
/* box-sizing: border-box;*/
|
||||
/* margin: 0;*/
|
||||
/* line-height: 55px;*/
|
||||
/* height: 60px;*/
|
||||
|
||||
/* float: right;*/
|
||||
/* */
|
||||
/*}*/
|
||||
/*.burger-menu:focus, .sub-menu:focus {*/
|
||||
/* outline: none;*/
|
||||
/*}*/
|
||||
|
||||
/*.nav, .mod-menu__sub {*/
|
||||
/* display: block;*/
|
||||
/* list-style: none;*/
|
||||
/* box-sizing: border-box;*/
|
||||
|
||||
/* margin: 0;*/
|
||||
/* padding-left: 0px;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/*.nav > li, .mod-menu__sub > li {*/
|
||||
/* display: block;*/
|
||||
/* position: relative;*/
|
||||
/* list-style-type: none;*/
|
||||
/* text-align: unset;*/
|
||||
|
||||
/* float: left;*/
|
||||
/*}*/
|
||||
/*.nav > li {*/
|
||||
/* margin: 0px 15px;*/
|
||||
/*}*/
|
||||
|
||||
/*.mod-menu__sub {*/
|
||||
/* visibility: hidden;*/
|
||||
/* position: absolute;*/
|
||||
/* top: 100%;*/
|
||||
/* width: fit-content;*/
|
||||
|
||||
/* padding: 20px;*/
|
||||
|
||||
/* background-color: #404040;*/
|
||||
|
||||
/* transition-delay: 100ms;*/
|
||||
/* transition-duration: 200ms;*/
|
||||
/* transition-property: opacity;*/
|
||||
/* opacity: 0;*/
|
||||
/*}*/
|
||||
|
||||
/*.mod-menu__sub > li {*/
|
||||
/* display: block;*/
|
||||
/* clear: both;*/
|
||||
/*}*/
|
||||
|
||||
/*.parent:hover > .mod-menu__sub {*/
|
||||
/* visibility: visible;*/
|
||||
/* opacity: 1;*/
|
||||
/*}*/
|
||||
|
||||
/*.nav li > a, .nav li > span {*/
|
||||
/* position: relative;*/
|
||||
/* display: block;*/
|
||||
/* float: left;*/
|
||||
|
||||
/* line-height: 55px;*/
|
||||
/* padding: 0;*/
|
||||
|
||||
/* text-transform: uppercase;*/
|
||||
/* white-space: nowrap;*/
|
||||
|
||||
/* border-bottom: 2px solid transparent;*/
|
||||
/*}*/
|
||||
|
||||
/*.mod-menu__sub > li > a {*/
|
||||
/* line-height: 2em;*/
|
||||
/* border-bottom: 1px solid transparent;*/
|
||||
/*}*/
|
||||
|
||||
/*.nav > li:hover > a, .nav > li.active > a, .nav > li:hover > span, .nav > li.active > span {*/
|
||||
/* border-bottom: 2px solid white;*/
|
||||
/*}*/
|
||||
|
||||
/*.mod-menu__sub > li:hover > a, .mod-menu__sub > li.active > a {*/
|
||||
/* border-bottom: 1px solid white;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/*.parent > a::after, .sub-menu::after, .parent > span::after {*/
|
||||
/* font-family: 'Font Awesome 5 Free';*/
|
||||
/* font-weight: 900;*/
|
||||
/* content: '\f0d7';*/
|
||||
/* line-height: 55px;*/
|
||||
/* padding-left: 8px;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
|
||||
/*!*****************************************************/
|
||||
/* Content*/
|
||||
/*****************************************************!*/
|
||||
|
||||
/*.blog-items {*/
|
||||
/* display: grid;*/
|
||||
/* grid-template-columns: repeat(1, 1fr);*/
|
||||
/* grid-gap: 24px;*/
|
||||
/* grid-auto-rows: minmax(140px, auto);*/
|
||||
/*}*/
|
||||
/*.blog-items.columns-2 {*/
|
||||
/* grid-template-columns: repeat(2, 1fr);*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/****************************************************
|
||||
Navigation
|
||||
****************************************************/
|
||||
|
||||
.burger-menu, .sub-menu {
|
||||
display: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
line-height: 55px;
|
||||
height: 60px;
|
||||
|
||||
float: right;
|
||||
|
||||
}
|
||||
.burger-menu:focus, .sub-menu:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.nav, .nav-child {
|
||||
display: block;
|
||||
list-style: none;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin: 0;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
|
||||
.nav > li, .nav-child > li {
|
||||
display: block;
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
text-align: unset;
|
||||
|
||||
float: left;
|
||||
}
|
||||
.nav > li {
|
||||
margin: 0px 15px;
|
||||
}
|
||||
|
||||
.nav-child {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
width: fit-content;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
background-color: #404040;
|
||||
|
||||
transition-delay: 100ms;
|
||||
transition-duration: 200ms;
|
||||
transition-property: opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.nav-child > li {
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.parent:hover > .nav-child {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav li > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
|
||||
line-height: 55px;
|
||||
padding: 0;
|
||||
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
.nav-child > li > a {
|
||||
line-height: 2em;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
.nav > li:hover > a, .nav > li.active > a {
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
|
||||
.nav-child > li:hover > a, .nav-child > li.active > a {
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
|
||||
.parent > a::after, .sub-menu::after {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
content: '\f0d7';
|
||||
line-height: 55px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
/*.blog-item {*/
|
||||
/* position: relative;*/
|
||||
/* display: block;*/
|
||||
/* clear: both;*/
|
||||
/* margin-bottom: 24px;*/
|
||||
/*}*/
|
||||
|
||||
/*.item-image {*/
|
||||
/* display: block;*/
|
||||
/* margin: 3em 12px;*/
|
||||
/* top: 1.5em;*/
|
||||
/*}*/
|
||||
|
||||
/*.item-image.left {*/
|
||||
/* float: left;*/
|
||||
/*}*/
|
||||
/*.item-image.right {*/
|
||||
/* float: right;*/
|
||||
/*}*/
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
:root {
|
||||
--contentWidth: 100%;
|
||||
--contentWidth: 90%;
|
||||
}
|
||||
|
||||
|
||||
|
@ -190,12 +190,32 @@ main > .wrapper > :last-child {
|
|||
Content
|
||||
****************************************************/
|
||||
|
||||
.cols-2 {
|
||||
display: block;
|
||||
grid-template-columns: unset;
|
||||
column-gap: unset;
|
||||
.blog-items.columns-2 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
div.blog > div {
|
||||
border-bottom: 1px solid #C0C0C0;
|
||||
.blog-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
clear: both;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.blog-item img {
|
||||
display: block;
|
||||
float: unset;
|
||||
}
|
||||
.blog-item img + * {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.item-image {
|
||||
display: block;
|
||||
margin: 0.5em;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.item-image.left, .item-image.right {
|
||||
float: unset;
|
||||
}
|
||||
|
||||
|
|
Before Width: | Height: | Size: 713 KiB After Width: | Height: | Size: 713 KiB |
Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB |
Before Width: | Height: | Size: 893 KiB After Width: | Height: | Size: 893 KiB |
Binary file not shown.
|
@ -0,0 +1 @@
|
|||
<a id="mi-<?=$item->id;?>" class="<?=$mi_class;?>" <?=$aattributes;?> data-bs-toggle="dropdown" aria-expanded="false"><?=$item->title;?></a>
|
|
@ -0,0 +1 @@
|
|||
<?php if ($hasChildren): ?><span id="mi-<?=$item->id;?>" class="<?=$mi_class;?>" <?=$aattributes;?> data-bs-toggle="dropdown" aria-expanded="false"><?php endif; ?><a class="nav-link d-inline" href="<?=$item->flink;?>"><?=$item->title;?></a><?php if ($hasChildren): ?></span><?php endif; ?>
|
|
@ -0,0 +1,72 @@
|
|||
<?php
|
||||
use Joomla\CMS\Helper\ModuleHelper;
|
||||
use Joomla\CMS\HTML\HTMLHelper;
|
||||
|
||||
$hasChildren = $item->hasChildren();
|
||||
$hasParent = $item->hasParent();
|
||||
|
||||
$itemParams = $item->getParams();
|
||||
$class = 'item-' . $item->id;
|
||||
$mi_class = 'nav-link';
|
||||
$aattributes = '';
|
||||
|
||||
if ($hasParent)
|
||||
{
|
||||
$mi_class .= " dropdown-item";
|
||||
} else {
|
||||
// $class .= " nav-item";
|
||||
}
|
||||
$class .= " nav-item";
|
||||
|
||||
if ($hasChildren)
|
||||
{
|
||||
$class .= " dropdown";
|
||||
$mi_class .= " dropdown-toggle";
|
||||
$aattributes .= ' role="button"';
|
||||
}
|
||||
if ($item->type === 'separator')
|
||||
{
|
||||
$class .= ' divider';
|
||||
}
|
||||
if ($item->id == $default_id)
|
||||
{
|
||||
$class .= ' default';
|
||||
}
|
||||
|
||||
if ($item->id == $active_id || ($item->type === 'alias' && $itemParams->get('aliasoptions') == $active_id))
|
||||
{
|
||||
$class .= ' current';
|
||||
}
|
||||
|
||||
echo '<li class="' . $class . '">';
|
||||
|
||||
switch ($item->type) :
|
||||
case 'heading':
|
||||
require ModuleHelper::getLayoutPath('mod_menu', 'item-heading');
|
||||
break;
|
||||
case 'component':
|
||||
case 'url':
|
||||
require ModuleHelper::getLayoutPath('mod_menu', 'item-url');
|
||||
break;
|
||||
case 'separator':
|
||||
default:
|
||||
require ModuleHelper::getLayoutPath('mod_menu', 'item-heading');
|
||||
break;
|
||||
endswitch;
|
||||
|
||||
if ($item->hasChildren())
|
||||
{
|
||||
echo '<ul class="dropdown-menu" aria-labelledby="mi-'.$item->id.'">';
|
||||
|
||||
foreach ($item->getChildren() as $i => &$item)
|
||||
{
|
||||
|
||||
require ModuleHelper::getLayoutPath('mod_menu', 'item');
|
||||
}
|
||||
|
||||
echo "</ul>";
|
||||
}
|
||||
|
||||
echo "</li>";
|
||||
|
||||
?>
|
|
@ -1,5 +1,15 @@
|
|||
<?php defined( '_JEXEC' ) or die;?>
|
||||
<?php $app = Jfactory::getApplication();
|
||||
<?php
|
||||
|
||||
include_once "tools.php";
|
||||
|
||||
use Joomla\CMS\HTML\HTMLHelper;
|
||||
use Joomla\CMS\Language\Text;
|
||||
|
||||
JHtml::_('bootstrap.framework');
|
||||
JHtml::_('bootstrap.loadCss', true);
|
||||
|
||||
$app = Jfactory::getApplication();
|
||||
$template = $app->getTemplate(true);
|
||||
$params = $template->params;
|
||||
|
||||
|
@ -10,11 +20,13 @@ if (! $sitelogo){
|
|||
$sitelogo = $this->baseurl . "/templates/" . $this->template . "images/site-logo.png";
|
||||
};
|
||||
|
||||
$sitebackground = $params->get('site-background');
|
||||
|
||||
$cntAbove = $this->countModules("above");
|
||||
$cntTop = $this->countModules("top");
|
||||
$cntTopLeft = $this->countModules("topleft");
|
||||
$cntBreadCrumb = $this->countModules("breadcrumb");
|
||||
$cntTopLeft = $this->countModules("topright");
|
||||
$cntBreadCrumb = $this->countModules("breadcrumbs");
|
||||
$cntMessage = $this->countModules("message");
|
||||
$cntLeft = $this->countModules("left");
|
||||
$cntRight= $this->countModules("right");
|
||||
|
@ -24,13 +36,15 @@ $cntFooter3 = $this->countModules("footer-3");
|
|||
$cntFooter4 = $this->countModules("footer-4");
|
||||
$cntFooter = $this->countModules("footer");
|
||||
|
||||
//$this->addStyleSheet($tmplBase . '/css/bootstrap/bootstrap.css', array('version' => 'auto'));
|
||||
|
||||
$this->addStyleSheet($tmplBase . '/css/colors.css', array('version' => 'auto'));
|
||||
$this->addStyleSheet($tmplBase . '/css/fonts.css', array('version' => 'auto'));
|
||||
$this->addStyleSheet($tmplBase . '/css/defaults.css', array('version' => 'auto'));
|
||||
$this->addStyleSheet($tmplBase . '/css/layout.css', array('version' => 'auto'));
|
||||
|
||||
$this->addStyleSheet($tmplBase . '/template.css', array('version' => 'auto'));
|
||||
|
||||
//$this->addScript($tmplBase . "/js/bootstrap.bundle.js");
|
||||
$this->addScript($tmplBase . "/js/template.js");
|
||||
|
||||
|
||||
|
@ -44,67 +58,94 @@ $this->addStyleDeclaration(':root {
|
|||
--rspDesktopWidth: ' . $rspDesktopWidth . ';
|
||||
--rspTabletWidth: ' . $rspTabletWidth . ';
|
||||
--gutterMinWidth: ' . $rspGutterWidth . ';
|
||||
--colPrimary: ' . $params->get('colorPrimary') . ';
|
||||
--colSecondary: ' . $params->get('colorSecondary') . ';
|
||||
--colTertiary: ' . $params->get('colorTertiary') . ';
|
||||
--colQuart: ' . $params->get('colorQuart') . ';
|
||||
--colH1: ' . $params->get('colorH1') . ';
|
||||
|
||||
--bs-primary: ' . $params->get('colorPrimary') . ';
|
||||
--bs-secondary: ' . $params->get('colorSecondary') . ';
|
||||
--bs-background: ' . $params->get('colorBackground') . ';
|
||||
--bs-background-content: ' . $params->get('colorContentBackground') . ';
|
||||
--bs-background-content-rgb: ' . hex2rgb($params->get('colorContentBackground')) . ';
|
||||
--bs-background-content-opacity: ' .$params->get('colorContentBackgroundOpacity') . ';
|
||||
|
||||
}');
|
||||
|
||||
JHtml::_('behavior.caption');
|
||||
if (!$params->get('solidTopSides')) {
|
||||
$this->addStyleDeclaration('.top.left, .top.right {
|
||||
background-color: unset !important;
|
||||
}
|
||||
');
|
||||
};
|
||||
if (!$params->get('solidTopLogo')) {
|
||||
$this->addStyleDeclaration('.top.logo {
|
||||
background-color: unset !important;
|
||||
}
|
||||
');
|
||||
};
|
||||
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
|
||||
<head>
|
||||
<jdoc:include type="head" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(window).on('scroll', function() {
|
||||
sptScroll();
|
||||
});
|
||||
jQuery(window).on('load', function() {
|
||||
sptLoad();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="body" id="top">
|
||||
<?php if ($cntAbove): ?><section id="above"><div class="wrapper">
|
||||
<jdoc:include type="modules" name="above" style="html5" /></div>
|
||||
</section><?php endif; ?>
|
||||
<header id="header" class="sticky"><div class="wrapper">
|
||||
<?php if ($cntTopLeft): ?><div id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div><?php endif; ?>
|
||||
<?php if ($sitelogo): ?><div id="site-logo" class="site-logo">
|
||||
<img class="site-logo" src="<?php echo $sitelogo;?>">
|
||||
</div><?php endif; ?>
|
||||
<?php if ($cntTop): ?><div id="topright"><jdoc:include type="modules" name="top" style="html5" /></div><?php endif; ?>
|
||||
</div></header>
|
||||
<?php if ($cntBreadCrumb): ?><section id="breadcrumb">
|
||||
<jdoc:include type="modules" name="breadcrumb" style="html5" />
|
||||
</section><?php endif; ?>
|
||||
<?php if ($cntMessage): ?><section id="message">
|
||||
<jdoc:include type="modules" name="message" style="html5" />
|
||||
</section><?php endif; ?>
|
||||
<main><div class="wrapper">
|
||||
<section id="component">
|
||||
<jdoc:include type="component" />
|
||||
</section>
|
||||
<?php if ($cntLeft): ?><section id="left"><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
|
||||
<?php if ($cntRight): ?><section id="right"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
|
||||
</div></main>
|
||||
<?php if ($cntFooter1 || $cntFooter2 || $cntFooter3 || $cntFooter4): ?>
|
||||
<section id="footers">
|
||||
<div class="wrapper">
|
||||
<?php if ($cntFooter1): ?><section id="footer-1"><div class="wrapper"><jdoc:include type="modules" name="footer-1" style="html5" /></div></section><?php endif; ?>
|
||||
<?php if ($cntFooter2): ?><section id="footer-2"><div class="wrapper"><jdoc:include type="modules" name="footer-2" style="html5" /></div></section><?php endif; ?>
|
||||
<?php if ($cntFooter3): ?><section id="footer-3"><div class="wrapper"><jdoc:include type="modules" name="footer-3" style="html5" /></div></section><?php endif; ?>
|
||||
<?php if ($cntFooter4): ?><section id="footer-4"><div class="wrapper"><jdoc:include type="modules" name="footer-4" style="html5" /></div></section><?php endif; ?>
|
||||
<body class="bg-viewport" style="background-color: var(--bs-background); <?php if ($sitebackground): ?>background-image: url(<?php echo $this->baseurl.'/'.$sitebackground; ?>);<?php endif; ?>">
|
||||
<?php if ($cntAbove): ?><section id="above" class="container">
|
||||
<jdoc:include type="modules" name="above" style="html5" />
|
||||
</section><?php endif; ?>
|
||||
|
||||
<header id="header" class="container-fluid sticky-top">
|
||||
<!--div class="" id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div-->
|
||||
|
||||
<div class="container bg-header">
|
||||
<?php if ($sitelogo): ?><img class="float-start" src="<?php echo $sitelogo;?>"><?php endif; ?>
|
||||
<jdoc:include type="modules" name="top" style="html5" />
|
||||
<!--div class="container" id="top"></div-->
|
||||
</div>
|
||||
|
||||
<!--div class="" id="topright"><jdoc:include type="modules" name="topright" style="html5" /></div-->
|
||||
<?php if ($cntBreadCrumb): ?><section id="breadcrumbs" class="container bg-content solid">
|
||||
<jdoc:include type="modules" name="breadcrumbs" style="html5" />
|
||||
</section><?php endif; ?>
|
||||
|
||||
</header>
|
||||
|
||||
<section class="main">
|
||||
<aside class="side left">
|
||||
<jdoc:include type="modules" name="sideleft" style="html5" />
|
||||
</aside>
|
||||
|
||||
<section id="content" class="container <?php if ($params->get('solidContentBackground')) { echo 'bg-content '; } ?>py-3 mb-5">
|
||||
<?php if ($cntMessage): ?><section id="message">
|
||||
<jdoc:include type="modules" name="message" style="html5" />
|
||||
</section><?php endif; ?>
|
||||
<main>
|
||||
<section id="component">
|
||||
<jdoc:include type="component" />
|
||||
</section>
|
||||
<?php if ($cntLeft): ?><section id="left"><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
|
||||
<?php if ($cntRight): ?><section id="right"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
|
||||
</main>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
<section id="filler" class="spacer"></section>
|
||||
|
||||
<aside class="side right">
|
||||
<jdoc:include type="modules" name="sideright" style="html5" />
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<?php if ($cntFooter): ?>
|
||||
<footer id="footer">
|
||||
<footer id="footer" class="fixed-bottom" style="background-color: var(--bs-background);">
|
||||
<div class="container-fluid">
|
||||
<jdoc:include type="modules" name="footer" style="html5" />
|
||||
</footer>
|
||||
</div>
|
||||
</footer>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<!--script src="<?php echo $tmplBase . "/js/bootstrap.bundle.js"; ?>"></script-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,5 @@
|
|||
TPL_SITE_LOGO="Logo der Webseite"
|
||||
TPL_SITE_BACKGROUND="Hintergrundbild der Webseite"
|
||||
|
||||
|
||||
TPL_COLOR_CONTENT_BACKGROUND="Hintergrundfarbe des Inhaltsbereichs"
|
|
@ -1,2 +1,27 @@
|
|||
:root {
|
||||
}
|
||||
|
||||
.spacer {
|
||||
display: block;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
line-height: 3em;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding-top: unset;
|
||||
padding-bottom: unset;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown-menu > .nav-item {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
.columns-2 {
|
||||
display: grid;
|
||||
grid-gap: 1em;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
|
|
@ -17,33 +17,53 @@
|
|||
<folder>css</folder>
|
||||
<folder>js</folder>
|
||||
<folder>fonts</folder>
|
||||
<folder>language</folder>
|
||||
</files>
|
||||
<positions>
|
||||
<position>above</position>
|
||||
|
||||
<position>top</position>
|
||||
<position>topleft</position>
|
||||
<position>search</position>
|
||||
<position>topright</position>
|
||||
|
||||
<position>breadcrumbs</position>
|
||||
<position>left</position>
|
||||
<position>right</position>
|
||||
|
||||
<position>sideleft</position>
|
||||
<position>sideright</position>
|
||||
|
||||
<position>breadcrumb</position>
|
||||
<position>left</position>
|
||||
<position>right</position>
|
||||
|
||||
<position>footer-1</position>
|
||||
<position>footer-2</position>
|
||||
<position>footer-3</position>
|
||||
<position>footer-4</position>
|
||||
<position>footer</position>
|
||||
</positions>
|
||||
<config>
|
||||
<fields name="params">
|
||||
<fieldset name="advanced">
|
||||
<field name="rspTabletWidth" type="text" default="900px"/>
|
||||
<field name="rspDesktopWidth" type="text" default="1200px"/>
|
||||
<field name="rspGutterWidth" type="text" default="30px"/>
|
||||
<field name="rspTabletWidth" label="TPL_TABLET_WIDTH" type="text" default="900px"/>
|
||||
<field name="rspDesktopWidth" label="TPL_DESKTOP_WIDTH" type="text" default="1200px"/>
|
||||
<field name="rspGutterWidth" label="TPL_GUTTER_WIDTH" type="text" default="30px"/>
|
||||
</fieldset>
|
||||
<fieldset name="advanced">
|
||||
<field name="site-logo" type="media" default=""/>
|
||||
<field name="site-logo" label="TPL_SITE_LOGO" type="media" default=""/>
|
||||
<field name="site-background" label="TPL_SITE_BACKGROUND" type="media" default=""/>
|
||||
</fieldset>
|
||||
<fieldset name="colors">
|
||||
<field name="colorBackground" label="TPL_COLOR_BACKGROUND" type="color" default="#FFFFFF" />
|
||||
<field name="colorContentBackground" label="TPL_COLOR_CONTENT_BACKGROUND" type="color" default="#FFFFFF" />
|
||||
<field name="colorContentBackgroundOpacity" label="TPL_COLOR_CONTENT_BACKGROUND_OPACITY" type="float" default="1.0" min="0" max="1"/>
|
||||
<field name="colorPrimary" label="TPL_COLOR_PRIMARY" type="color" default="#00d5ff" />
|
||||
<field name="colorSecondary" label="TPL_COLOR_SECONDARY" type="color" default="#ffe100" />
|
||||
<field name="colorTertiary" label="TPL_COLOR_TERTIARY" type="color" default="#11ff00" />
|
||||
<field name="colorQuart" label="TPL_COLOR_QUART" type="color" default="#e635a5" />
|
||||
<field name="colorH1" label="TPL_COLOR_H1" type="color" default="#000000" />
|
||||
</fieldset>
|
||||
<fieldset name="layout">
|
||||
<field name="solidTopSides" label="TPL_SOLID_BG_TOP_SIDES" type="checkbox" default="true" />
|
||||
<field name="solidTopLogo" label="TPL_SOLID_BG_TOP_LOGO" type="checkbox" default="true" />
|
||||
<field name="solidContentBackground" label="TPL_SOLID_CONTENT_BG" type="checkbox" default="true" />
|
||||
</fieldset>
|
||||
</fields>
|
||||
</config>
|
||||
<languages folder="language">
|
||||
<language tag="de-DE">de-DE/de-DE.tpl_simplepage.sys.ini</language>
|
||||
</languages>
|
||||
</extension>
|
Loading…
Reference in New Issue