initial commit #2

This commit is contained in:
Schneider Roland 2024-12-29 06:36:02 +01:00
parent ae4bba3e1f
commit 6d1124b7b1
296 changed files with 18665 additions and 0 deletions

4
Dockerfile Normal file
View File

@ -0,0 +1,4 @@
FROM nginx:latest
COPY ./yogastic /usr/share/nginx/html

View File

@ -0,0 +1,35 @@
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* ie.css */
body {text-align:center;}
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
img {-ms-interpolation-mode:bicubic;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}
input.text, input.title {background-color:#fff;border:1px solid #bbb;}
input.text:focus, input.title:focus {border-color:#666;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.checkbox, input.radio {position:relative;top:.25em;}
form.inline div, form.inline p {vertical-align:middle;}
form.inline label {position:relative;top:-0.25em;}
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
button, input.button {position:relative;top:0.25em;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 655 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 455 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 B

View File

@ -0,0 +1,32 @@
Buttons
* Gives you great looking CSS buttons, for both <a> and <button>.
* Demo: particletree.com/features/rediscovering-the-button-element
Credits
----------------------------------------------------------------
* Created by Kevin Hale [particletree.com]
* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
Usage
----------------------------------------------------------------
1) Add this plugin to lib/settings.yml.
See compress.rb for instructions.
2) Use the following HTML code to place the buttons on your site:
<button type="submit" class="button positive">
<img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
</button>
<a class="button" href="/password/reset/">
<img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
</a>
<a href="#" class="button negative">
<img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
</a>

View File

@ -0,0 +1,97 @@
/* --------------------------------------------------------------
buttons.css
* Gives you some great CSS-only buttons.
Created by Kevin Hale [particletree.com]
* particletree.com/features/rediscovering-the-button-element
See Readme.txt in this folder for instructions.
-------------------------------------------------------------- */
a.button, button {
display:block;
float:left;
margin: 0.7em 0.5em 0.7em 0;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
}
button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
padding:4px 10px 4px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Button colors
-------------------------------------------------------------- */
/* Standard */
button:hover, a.button:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
a.button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Positive */
body .positive {
color:#529214;
}
a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* Negative */
body .negative {
color:#d12f19;
}
a.negative:hover, button.negative:hover {
background-color:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
a.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

View File

@ -0,0 +1,14 @@
Fancy Type
* Gives you classes to use if you'd like some
extra fancy typography.
Credits and instructions are specified above each class
in the fancy-type.css file in this directory.
Usage
----------------------------------------------------------------
1) Add this plugin to lib/settings.yml.
See compress.rb for instructions.

View File

@ -0,0 +1,71 @@
/* --------------------------------------------------------------
fancy-type.css
* Lots of pretty advanced classes for manipulating text.
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Indentation instead of line shifts for sibling paragraphs. */
/* p + p { text-indent:2em; margin-top:-1.5em; } */
form p + p { text-indent: 0; } /* Don't want this in forms. */
/* For great looking type, use this code instead of asdf:
<span class="alt">asdf</span>
Best used on prepositions and ampersands. */
.alt {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* For great looking quote marks in titles, replace "asdf" with:
<span class="dquo">&#8220;</span>asdf&#8221;
(That is, when the title starts with a quote mark).
(You may have to change this value depending on your font size). */
.dquo { margin-left: -.5em; }
/* Reduced size type with incremental leading
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
This could be used for side notes. For smaller type, you don't necessarily want to
follow the 1.5x vertical rhythm -- the line-height is too much.
Using this class, it reduces your font size and line-height so that for
every four lines of normal sized type, there is five lines of the sidenote. eg:
New type size in em's:
10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
New line-height value:
12px x 1.5 = 18px (old line-height)
18px x 4 = 72px
72px / 5 = 14.4px (new line height)
14.4px / 10px = 1.44 (new line height in em's) */
p.incr, .incr p {
font-size: 10px;
line-height: 1.44em;
margin-bottom: 1.5em;
}
/* Surround uppercase words and abbreviations with this class.
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
line-height:1%;
font-weight:bold;
padding:0 2px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 663 B

View File

@ -0,0 +1,18 @@
Link Icons
* Icons for links based on protocol or file type.
This is not supported in IE versions < 7.
Credits
----------------------------------------------------------------
* Marc Morgan
* Olav Bjorkoy [bjorkoy.com]
Usage
----------------------------------------------------------------
1) Add this line to your HTML:
<link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection">

View File

@ -0,0 +1,40 @@
/* --------------------------------------------------------------
link-icons.css
* Icons for links based on protocol or file type.
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon {
background:transparent none !important;
padding:0 !important;
margin:0 !important;
}
/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
padding:2px 22px 2px 0;
margin:-2px 0;
background-repeat: no-repeat;
background-position: right center;
}
/* External links */
a[href^="http:"] { background-image: url(icons/external.png); }
a[href^="mailto:"] { background-image: url(icons/email.png); }
a[href^="http:"]:visited { background-image: url(icons/visited.png); }
/* Files */
a[href$=".pdf"] { background-image: url(icons/pdf.png); }
a[href$=".doc"] { background-image: url(icons/doc.png); }
a[href$=".xls"] { background-image: url(icons/xls.png); }
/* Misc */
a[href$=".rss"],
a[href$=".rdf"] { background-image: url(icons/feed.png); }
a[href^="aim:"] { background-image: url(icons/im.png); }

View File

@ -0,0 +1,10 @@
RTL
* Mirrors Blueprint, so it can be used with Right-to-Left languages.
By Ran Yaniv Hartstein, ranh.co.il
Usage
----------------------------------------------------------------
1) Add this line to your HTML:
<link rel="stylesheet" href="css/blueprint/plugins/rtl/screen.css" type="text/css" media="screen, projection">

View File

@ -0,0 +1,109 @@
/* --------------------------------------------------------------
rtl.css
* Mirrors Blueprint for left-to-right languages
By Ran Yaniv Hartstein [ranh.co.il]
-------------------------------------------------------------- */
body .container { direction: rtl; }
body .column {
float: right;
margin-right: 0;
margin-left: 10px;
}
body div.last { margin-left: 0; }
body table .last { padding-left: 0; }
body .append-1 { padding-right: 0; padding-left: 40px; }
body .append-2 { padding-right: 0; padding-left: 80px; }
body .append-3 { padding-right: 0; padding-left: 120px; }
body .append-4 { padding-right: 0; padding-left: 160px; }
body .append-5 { padding-right: 0; padding-left: 200px; }
body .append-6 { padding-right: 0; padding-left: 240px; }
body .append-7 { padding-right: 0; padding-left: 280px; }
body .append-8 { padding-right: 0; padding-left: 320px; }
body .append-9 { padding-right: 0; padding-left: 360px; }
body .append-10 { padding-right: 0; padding-left: 400px; }
body .append-11 { padding-right: 0; padding-left: 440px; }
body .append-12 { padding-right: 0; padding-left: 480px; }
body .append-13 { padding-right: 0; padding-left: 520px; }
body .append-14 { padding-right: 0; padding-left: 560px; }
body .append-15 { padding-right: 0; padding-left: 600px; }
body .append-16 { padding-right: 0; padding-left: 640px; }
body .append-17 { padding-right: 0; padding-left: 680px; }
body .append-18 { padding-right: 0; padding-left: 720px; }
body .append-19 { padding-right: 0; padding-left: 760px; }
body .append-20 { padding-right: 0; padding-left: 800px; }
body .append-21 { padding-right: 0; padding-left: 840px; }
body .append-22 { padding-right: 0; padding-left: 880px; }
body .append-23 { padding-right: 0; padding-left: 920px; }
body .prepend-1 { padding-left: 0; padding-right: 40px; }
body .prepend-2 { padding-left: 0; padding-right: 80px; }
body .prepend-3 { padding-left: 0; padding-right: 120px; }
body .prepend-4 { padding-left: 0; padding-right: 160px; }
body .prepend-5 { padding-left: 0; padding-right: 200px; }
body .prepend-6 { padding-left: 0; padding-right: 240px; }
body .prepend-7 { padding-left: 0; padding-right: 280px; }
body .prepend-8 { padding-left: 0; padding-right: 320px; }
body .prepend-9 { padding-left: 0; padding-right: 360px; }
body .prepend-10 { padding-left: 0; padding-right: 400px; }
body .prepend-11 { padding-left: 0; padding-right: 440px; }
body .prepend-12 { padding-left: 0; padding-right: 480px; }
body .prepend-13 { padding-left: 0; padding-right: 520px; }
body .prepend-14 { padding-left: 0; padding-right: 560px; }
body .prepend-15 { padding-left: 0; padding-right: 600px; }
body .prepend-16 { padding-left: 0; padding-right: 640px; }
body .prepend-17 { padding-left: 0; padding-right: 680px; }
body .prepend-18 { padding-left: 0; padding-right: 720px; }
body .prepend-19 { padding-left: 0; padding-right: 760px; }
body .prepend-20 { padding-left: 0; padding-right: 800px; }
body .prepend-21 { padding-left: 0; padding-right: 840px; }
body .prepend-22 { padding-left: 0; padding-right: 880px; }
body .prepend-23 { padding-left: 0; padding-right: 920px; }
body .border {
padding-right: 0;
padding-left: 4px;
margin-right: 0;
margin-left: 5px;
border-right: none;
border-left: 1px solid #eee;
}
body .colborder {
padding-right: 0;
padding-left: 24px;
margin-right: 0;
margin-left: 25px;
border-right: none;
border-left: 1px solid #eee;
}
body .pull-1 { margin-left: 0; margin-right: -40px; }
body .pull-2 { margin-left: 0; margin-right: -80px; }
body .pull-3 { margin-left: 0; margin-right: -120px; }
body .pull-4 { margin-left: 0; margin-right: -160px; }
body .push-0 { margin: 0 18px 0 0; }
body .push-1 { margin: 0 18px 0 -40px; }
body .push-2 { margin: 0 18px 0 -80px; }
body .push-3 { margin: 0 18px 0 -120px; }
body .push-4 { margin: 0 18px 0 -160px; }
body .push-0, body .push-1, body .push-2,
body .push-3, body .push-4 { float: left; }
/* Typography with RTL support */
body h1,body h2,body h3,
body h4,body h5,body h6 { font-family: Arial, sans-serif; }
html body { font-family: Arial, sans-serif; }
body pre,body code,body tt { font-family: monospace; }
/* Mirror floats and margins on typographic elements */
body p img { float: right; margin: 1.5em 0 1.5em 1.5em; }
body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;}
body td, body th { text-align:right; }

View File

@ -0,0 +1,30 @@
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* print.css */
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
img {float:left;margin:1.5em 1.5em 1.5em 0;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}

View File

@ -0,0 +1,274 @@
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* custom.css */
.info { background:#fafcfc; }
.borderTop { border-top: 1px solid #eee;}
.append-0 {padding-right:20px;}
/* typography.css */
body {font-size:80%;color:#222;background:#f9f9f9;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;padding-top:30px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.6em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.9em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;line-height:1.65em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {
color: #fcb100;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:13px 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 3.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ol.alpha {list-style:upper-alpha;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.85em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.center {text-align:center;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
.container {width:790px;margin:0 auto;background:#fff; padding:40px; border-left: 5px solid #efaa15;
border-radius: 2px 2px 2px 2px;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {
width:270px;
}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {
width:430px;
}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {
padding-right:24px;
margin-right:25px;
border-right:1px solid #eee;
}
div.colborderTop {border-top:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

View File

@ -0,0 +1,65 @@
/* --------------------------------------------------------------
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:
* For text fields, use class .title or .text
* For inline forms, use .inline (even when using columns)
-------------------------------------------------------------- */
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border-color:#666;
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
margin:0.5em 0;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
position:relative; top:.25em;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

View File

@ -0,0 +1,281 @@
/* --------------------------------------------------------------
grid.css
* Sets up an easy-to-use grid of 24 columns.
By default, the grid is 950px wide, with 24 columns
spanning 30px, and a 10px margin between columns.
If you need fewer or more columns, namespaces or semantic
element names, use the compressor script (lib/compress.rb)
Note: Changes made in this file will not be applied when
using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
width: 950px;
margin: 0 auto;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
background: url(src/grid.png);
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float: left;
margin-right: 10px;
}
/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:950px; margin:0; }
/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
border-left-width: 1px!important;
border-right-width: 1px!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
input.span-1, textarea.span-1 { width: 18px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}
/* Border on right hand side of a column. */
div.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}
/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top {
margin-top:1.5em;
}
.append-bottom {
margin-bottom:1.5em;
}
/* Use a .box to create a padded box inside a column. */
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix, .container {display: block;}
/* Regular clearing
apply to column that should drop below previous ones. */
.clear { clear:both; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 B

View File

@ -0,0 +1,76 @@
/* --------------------------------------------------------------
ie.css
Contains every hack for Internet Explorer,
so that our core files stay sweet and nimble.
-------------------------------------------------------------- */
/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }
/* Fixes IE margin bugs */
* html .column, * html div.span-1, * html div.span-2,
* html div.span-3, * html div.span-4, * html div.span-5,
* html div.span-6, * html div.span-7, * html div.span-8,
* html div.span-9, * html div.span-10, * html div.span-11,
* html div.span-12, * html div.span-13, * html div.span-14,
* html div.span-15, * html div.span-16, * html div.span-17,
* html div.span-18, * html div.span-19, * html div.span-20,
* html div.span-21, * html div.span-22, * html div.span-23,
* html div.span-24 { overflow-x: hidden; }
/* Elements
-------------------------------------------------------------- */
/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:0px -8px 16px 0; padding:0; }
/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }
/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; }
/* IE 6&7 has problems with setting proper <hr> margins. */
hr { margin: -8px auto 11px; }
/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode: bicubic; }
/* Clearing
-------------------------------------------------------------- */
/* Makes clearfix actually work in IE */
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
/* Forms
-------------------------------------------------------------- */
/* Fixes padding on fieldset */
fieldset {padding-top: 0;}
/* Fixes rule that IE 6 ignores */
input.text, input.title {background-color:#fff;border:1px solid #bbb;}
input.text:focus, input.title:focus {border-color:#666;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.checkbox, input.radio {position:relative; top:.25em;}
/* Fixes alignment of inline form elements */
form.inline div, form.inline p {vertical-align:middle;}
form.inline label {position:relative;top:-0.25em;}
form.inline input.checkbox, form.inline input.radio,
form.inline input.button, form.inline button {
margin:0.5em 0;
}
button, input.button {position:relative;top:0.25em;}

View File

@ -0,0 +1,85 @@
/* --------------------------------------------------------------
print.css
* Gives you some sensible styles for printing pages.
* See Readme file in this directory for further instructions.
Some additions you'll want to make, customized to your markup:
#header, #footer, #navigation { display:none; }
-------------------------------------------------------------- */
body {
line-height: 1.5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#000;
background: none;
font-size: 10pt;
}
/* Layout
-------------------------------------------------------------- */
.container {
background: none;
}
hr {
background:#ccc;
color:#ccc;
width:100%;
height:2px;
margin:2em 0;
padding:0;
border:none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Text
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
code { font:.9em "Courier New", Monaco, Courier, monospace; }
img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }
p img.top { margin-top: 0; }
blockquote {
margin:1.5em;
padding:1em;
font-style:italic;
font-size:.9em;
}
.small { font-size: .9em; }
.large { font-size: 1.1em; }
.quiet { color: #999; }
.hide { display:none; }
/* Links
-------------------------------------------------------------- */
a:link, a:visited {
background: transparent;
font-weight:700;
text-decoration: underline;
}
a:link:after, a:visited:after {
content: " (" attr(href) ")";
font-size: 90%;
}
/* If you're having trouble printing relative links, uncomment and customize this:
(note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
/* a[href^="/"]:after {
content: " (http://www.yourdomain.com" attr(href) ") ";
} */

View File

@ -0,0 +1,38 @@
/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }

View File

@ -0,0 +1,105 @@
/* --------------------------------------------------------------
typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
font-size: 75%;
color: #222;
background: #fff;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

199
Documentation/index.html Normal file
View File

@ -0,0 +1,199 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Yogastic | Yoga & Fitness Website Template</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
</style>
</head>
<body>
<div class="container">
<h3 class="center alt">&ldquo;Yogastic | Yoga & Fitness Website Template&rdquo; Documentation by &ldquo;Designing Media Team&rdquo;</h3>
<hr>
<h1 class="center">&ldquo;Yogastic | Yoga & Fitness Website Template&rdquo;</h1>
<div class="borderTop">
<div class="span-6 colborder info prepend-1">
<p class="prepend-top">
<strong>
Created: 02 November, 2022<br>
By: DesigningMedia.com<br>
Support: <a href="//designingmedia.com/support">www.designingmedia.com/support</a>
<br>
Email: <a href="mailto:hello@designingmedia.com">hello@designingmedia.com</a><br>
</strong>
<strong>Twitter: <a href="//twitter.com/mediadesigning">twitter.com/mediadesigning</a> </strong>
</p>
</div><!-- end div .span-6 -->
<div class="span-12 last">
<p class="prepend-top append-0">Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on my support forum at <a href="http://designingmedia.com/support">http://designingmedia.com/support</a>. Thanks so much!</p>
</div>
</div><!-- end div .borderTop -->
<hr>
<h2 id="toc" class="alt"><img src="assets/images/01_screenshot.jpg" width="400" align="right"></h2>
<h2 class="alt">Table of Contents</h2>
<ol class="alpha">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#html">How to Edit HTML Files?</a></li>
<li><a href="#css">How to Edit CSS Files?</a></li>
<li><a href="#colorschemes">How to use Color Schemes?</a></li>
<li><a href="#loadingeffect">How to use Teams Slider?</a></li>
<li><a href="#Onloadanimation">How to use On Load Animation?</a></li>
<li><a href="#Resources-Used">Resources Used</a></li>
</ol>
<hr>
<h3 id="Introduction"><strong>A) Introduction</strong> - <a href="#toc">top</a></h3>
<p>The Yogastic HTML5 website template is a custom design package that is exclusively made forfor Yoga and Fitness. It provides the best solution for prenatal Yoga, Meditation, and Nutrition Consultation. It has a modern, clean, creative & unique design based on the latest technology.</p>
<p>It contains Home Page layouts and about page layout and 04+ valid HTML5 page templates designs and different Blog pages Styles. The Yogastic | Yoga & Fitness template features the coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. Its compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!</p>
<hr>
<h3 id="html"><strong>C) How to Edit HTML Files?</strong> - <a href="#toc">top</a></h3>
<p>We have included 04+ custom HTML templates like Home Page styles, about us styles, about styles and pricing page style etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.</p>
<hr>
<h3 id="css"><strong>D) How to Edit CSS Files?</strong> - <a href="#toc">top</a></h3>
<p>We have included some custom CSS styles like <strong>style.css</strong> (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner images open <strong>style.css</strong> and look at "<strong>.banner-con</strong>" for banner image and change your styles.</p>
<hr>
<h3 id="googlemap">&nbsp;</h3>
<h3><strong>F) </strong><strong> How to use Color Schemes?</strong> - <a href="#toc">top</a></h3>
<p>Please open<strong> style.css</strong> file from <strong>yogastic/assets/css </strong>folder with a text editor and build your own colors. <strong>#242b44</strong> this is our primary color, you can search and replace all to your new color code.</p>
<hr>
<h3 id="Onloadanimation">&nbsp;</h3>
<h3><strong>G) How to use On Load Animation?</strong> - <a href="#toc">top</a></h3>
<p>We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.</p>
<hr>
<h3>&nbsp;</h3>
<h3><strong> jQuery Files</strong></h3>
<ul>
<li><a href="http://jquery.com/download/">assets/js/jquery-3.6.0.min.js</a></li>
<li><a href="http://getbootstrap.com/">assets/js/bootstrap.min.js</a></li>
<li><a href="http://getbootstrap.com/">js/popper.min.js</a></li>
<li><a href="http://https://wowjs.uk/">js/wow.js</a></li>
</ul>
<h3><strong>Photos</strong></h3>
<ul>
<li><a href="https://elements.envato.com">Enveto Elements</a></li>
<li><a href="https://www.freepik.com">Freepik Photos</a></li>
</ul>
<h3><strong>Icons:</strong></h3>
<ul>
<li><a href="http://fortawesome.com">Font-Awesome</a></li>
</ul>
<h3><strong>font:</strong></h3>
<ul>
<li><a href="https://fonts.google.com/specimen/Playfair+Display">Playfair Display</a></li>
<li><a href="https://fonts.google.com/specimen/Karla">Karla</a></li>
</ul>
<hr>
<h3 id="Resources-Used"><strong>G) Resources Used</strong> - <a href="#toc">top</a></h3>
<hr>
<h3 id="item-description__global"><strong>Global</strong></h3>
<hr>
<h4 id="item-description__colors">
<br><strong>Colors:</strong>
</h4>
<ol>
<li>Primary: #242b44</li>
<li>Secondary: #ffffff</li>
<li>Text: #afb6d2</li>
</ol>
<hr>
<h4 id="item-description__font-sizes"><strong>Font Sizes:</strong></h4>
<h4 id="item-description__h1-gt-gt-60-pxh2-gt-gt-46-pxh3-gt-gt-30-pxh4-gt-gt-22-pxh5-gt-gt">
<br>h1 &gt;&gt; 64px<br>
<br>h2 &gt;&gt; 48px<br>
<br>h3 &gt;&gt; 22px<br>
<br>h4 &gt;&gt; 22px<br>
<br>h5 &gt;&gt; 20px<br>
<br>h6 &gt;&gt; 20px<br>
<br>P &gt;&gt; 20px<br>
<br>
</h4>
<hr>
<h3><strong>Image Links:</strong> </h3>
<hr>
<ul>
<li><a href="https://elements.envato.com/relaxation-exercises-woman-in-sportive-clothes-doi-P6YJZ46">https://elements.envato.com/b-letter-logo-M995K7%20z%20https://elements.envato.com/beatmusic-logo-b-letter-template-SZEPXM</a></li></a></li>
<li><a href="https://elements.envato.com/yoga-studio-logo-34M4FR">https://elements.envato.com/yoga-studio-logo-34M4FR</a></li>
<li><a href="https://www.freepik.com/free-vector/international-yoga-day-hand-drawn-flat-background_26174887.htm#page=3&query=Yoga%20background&position=22&from_view=search">https://www.freepik.com/free-vector/international-yoga-day-hand-drawn-flat-background_26174887.htm#page=3&query=Yoga%20background&position=22&from_view=search</a></li>
<li><a href="https://elements.envato.com/sea-sunrise-at-rocky-beach-PS89JMS">https://elements.envato.com/sea-sunrise-at-rocky-beach-PS89JMS</a></li>
<li><a href="https://elements.envato.com/pregnant-woman-stretching-5RYDK74">https://elements.envato.com/pregnant-woman-stretching-5RYDK74</a></li>
<li><a href="https://elements.envato.com/with-hands-raising-up-high-woman-in-sportive-cloth-3CBVYGN">https://elements.envato.com/with-hands-raising-up-high-woman-in-sportive-cloth-3CBVYGN</a></li>
<li><a href="https://elements.envato.com/young-girl-blogger-photographs-food-and-promotes-h-U3TFLUL">https://elements.envato.com/young-girl-blogger-photographs-food-and-promotes-h-U3TFLUL</a></li>
<li><a href="https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--6JQ43H8">https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--6JQ43H8</a></li>
<li><a href="https://elements.envato.com/standing-and-holding-mat-woman-in-sportive-clothes-3B2PJNB">https://elements.envato.com/standing-and-holding-mat-woman-in-sportive-clothes-3B2PJNB</a></li>
<li><a href="https://elements.envato.com/sky-nature-background-NBZM6YA">https://elements.envato.com/sky-nature-background-NBZM6YA</a></li>
<li><a href="https://elements.envato.com/side-view-woman-in-sportive-clothes-doing-yoga-ind-B79G8WZ">https://elements.envato.com/side-view-woman-in-sportive-clothes-doing-yoga-ind-B79G8WZ</a></li>
<li><a href="https://elements.envato.com/with-fitness-mat-woman-in-sportive-clothes-doing-y-E3DAQMK">https://elements.envato.com/with-fitness-mat-woman-in-sportive-clothes-doing-y-E3DAQMK</a></li>
<li><a href="https://elements.envato.com/yoga-session-women-in-sportive-clothes-standing-in-K4R9JJX">https://elements.envato.com/yoga-session-women-in-sportive-clothes-standing-in-K4R9JJX</a></li>
<li><a href="https://elements.envato.com/doing-plank-exercise-young-woman-with-slim-body-ty-P2X2C8J">https://elements.envato.com/doing-plank-exercise-young-woman-with-slim-body-ty-P2X2C8J</a></li>
<li><a href="https://elements.envato.com/good-stretch-woman-in-sportive-clothes-doing-yoga--93BBNY5">https://elements.envato.com/good-stretch-woman-in-sportive-clothes-doing-yoga--93BBNY5</a></li>
<li><a href="https://elements.envato.com/yoga-icons-WV82D5/preview/6">https://elements.envato.com/yoga-icons-WV82D5/preview/6</a></li>
<li><a href="https://elements.envato.com/women-QLDBEB4">https://elements.envato.com/women-QLDBEB4</a></li>
<li><a href="https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--AD5KXPW">https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--AD5KXPW</a></li>
<li><a href="https://elements.envato.com/doing-abs-young-woman-in-sportive-wear-and-with-sl-NB44BSX">https://elements.envato.com/doing-abs-young-woman-in-sportive-wear-and-with-sl-NB44BSX</a></li>
<li><a href="https://elements.envato.com/showing-her-body-woman-in-sportive-clothes-doing-y-WRDGKKL">https://elements.envato.com/showing-her-body-woman-in-sportive-clothes-doing-y-WRDGKKL</a></li>
<li><a href="https://elements.envato.com/conception-of-hobbies-woman-in-sportive-clothes-do-2V8J838">https://elements.envato.com/conception-of-hobbies-woman-in-sportive-clothes-do-2V8J838</a></li>
<li><a href="https://elements.envato.com/group-meditation-for-girls-creates-a-circle-with-t-WC5SGQ8">https://elements.envato.com/group-meditation-for-girls-creates-a-circle-with-t-WC5SGQ8</a></li>
<li><a href="https://elements.envato.com/five-women-meditate-group-of-sportive-girls-in-a-s-UC6RRP4">https://elements.envato.com/five-women-meditate-group-of-sportive-girls-in-a-s-UC6RRP4</a></li>
<li><a href="https://elements.envato.com/athletic-young-woman-practicing-yoga-on-a-fitness--JRMMLUN">https://elements.envato.com/athletic-young-woman-practicing-yoga-on-a-fitness--JRMMLUN</a></li>
<li><a href="https://elements.envato.com/attractive-young-woman-posing-after-doing-fitness--D7RUDAD">https://elements.envato.com/attractive-young-woman-posing-after-doing-fitness--D7RUDAD</a></li>
<li><a href="https://elements.envato.com/portrait-of-male-personal-trainer-working-out-in-c-CHVAE9Q">https://elements.envato.com/portrait-of-male-personal-trainer-working-out-in-c-CHVAE9Q</a></li>
<li><a href="https://elements.envato.com/portrait-of-cheerful-female-fitness-trainer-with-c-G8YKEBU">https://elements.envato.com/portrait-of-cheerful-female-fitness-trainer-with-c-G8YKEBU</a></li>
<li><a href="https://elements.envato.com/portrait-of-beautiful-female-personal-coach-in-gym-4Y6HHKK">https://elements.envato.com/portrait-of-beautiful-female-personal-coach-in-gym-4Y6HHKK</a></li>
<li><a href="https://elements.envato.com/portrait-of-young-caucasian-man-with-beard-standin-RLBDSDX">https://elements.envato.com/portrait-of-young-caucasian-man-with-beard-standin-RLBDSDX</a></li>
<li><a href="https://elements.envato.com/woman-fitness-trainer-portrait-on-a-gym-background-QQ6NU8F">https://elements.envato.com/woman-fitness-trainer-portrait-on-a-gym-background-QQ6NU8F</a></li>
<li><a href="https://elements.envato.com/smiling-young-brunette-white-man-in-sportswear-5U5UFM7">https://elements.envato.com/smiling-young-brunette-white-man-in-sportswear-5U5UFM7</a></li>
<li><a href="https://elements.envato.com/contact-icons-R8K8B8">https://elements.envato.com/contact-icons-R8K8B8</a></li>
<p>&nbsp;</p>
<hr>
<p><strong>Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.</strong></p>
<p>Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
<p class="append-bottom alt large"><strong>Designing Media Team</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr class="space">
<p>Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
<p class="append-bottom alt large"><strong>Designing Media Team</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr class="space">
</div><!-- end div .container -->
</body>
</html>

1
Documentation/readme.txt Normal file
View File

@ -0,0 +1 @@
Please open the index.html with your browser to read the help file.

View File

@ -0,0 +1,5 @@
services:
yogastic:
image: docker.rschneider.hu/infra/yogastic:202412282019.ae4bba3
ports:
- "84:80"

View File

@ -0,0 +1,54 @@
# Building the docker image
## Dockerfile
The Dockerfile can be found in the root folder of the project.
## Available Environment Variables
| property name | description | values |
|----------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------|
| DB_TYPE | type of the db enginge. | mysql, h2 |
| DB_URL | jdbc url of the db | "jdbc:mysql://ucs-intranet-db-author:3306/magnolia" |
| DB_USER | username for the db | root |
| DB_PASSWORD | password for the db | root |
| CATALINA_OPTS_APPEND | Java options form tomcat | "-Xms512M -Xmx2048M " |
| JAVA_OPTS | addition java options for application | "-agentlib:jdwp=transport=dt_socket,address=*:54455,server=y,suspend=n" |
| MAGNOLIA_UPDATE_AUTO | set the property 'magnolia.update.auto' in magnolia.properties | ${MAGNOLIA_UPDATE_AUTO} |
| MAGNOLIA_AUTHORINSTANCE_URL | public accessible url of the author instance | http://author.ucsintranet.at |
| MAGNOLIA_UCSWEBSITE_AUTHORINSTANCE_URL | public accessible url of the author instance of the UCS website | http://author.ucsintranet.at |
| MAGNOLIA_PUBLICINSTANCE_URL | public accessible url of the public instance | http://public.ucsintranet.at |
| MAGNOLIA_PROFILE | the magnolia profile to use (see: https://docs.magnolia-cms.com/product-docs/6.2/releases/release-notes-for-magnolia-cms-6.2.2/#_profile_based_configuration_of_property_files) | magnoliaAuthor, magnoliaPublic |
| KEYCLOAK_REALM | the keycloak realm to use | magnolia |
| KEYCLOAK_CLIENT_ID_AUTHOR | the author keycloak client id | author.ucsintranet |
| KEYCLOAK_CLIENT_ID_PUBLIC | the author keycloak client id | author.ucsintranet |
| KEYCLOAK_AUTH_URL | <TBD> | ${KEYCLOAK_AUTH_URL} |
| KEYCLOAK_SSL_REQUIRED | <TBD> | external |
| KEYCLOAK_CREDENTIALS_SECRET_AUTHOR | author keycloak secret | |
| KEYCLOAK_CREDENTIALS_SECRET_PUBLIC | public keycloak secret | |
## About the image
The image is based on the cli provided by magnolia ( a.k.a mgnl).
To get more information about the mgnl cli tool, please visit the [mgnl documentation](https://docs.magnolia-cms.com/magnolia-cli/4.x/)
The project generated by the mgnl tool, already includes the author and public instances!
Be sure, that in production you restrict the access to the author instance, and to the admin components
The image is set up so, that it uses the folder "/magnolia/light-modules" as resources dir.
While build the image, the <PROJECT_ROOT>/magnolia/modules will be copied in to the image as "/magnolia/light-modules".
For development, the <PROJECT_ROOT>/magnolia/modules can be mounted, so the changes in the lightmodules are "live/instant"
## Building & pushing the image
The easiest way to build and pusht the image is, to run the next commands
```bash
npm run docker:build
```
```bash
npm run docker:push
```
For more details, pls examine the package.json file, and the scripts in docker/magnolia/scripts folder

View File

@ -0,0 +1,5 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/build.docker.build.step.inc.version.sh"
source "${CURRENT_DIR}/build.docker.build.step.build.sh"

View File

@ -0,0 +1,12 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
# build docker image
source "${CURRENT_DIR}/build.docker.env.sh"
PROJECT_ROOT=$(readlink -f "${CURRENT_DIR}/../../../../..")
echo "build image ${TAG} from folder ${PROJECT_ROOT}"
cd $PROJECT_ROOT
docker build -t $TAG .

View File

@ -0,0 +1,17 @@
#!/usr/bin/env bash
# set the actual commit date and commit hash in version.txt
GIT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
GIT_BRANCH_SHORT=$(echo $GIT_BRANCH | cut -d "/" -f 1)
GIT_COMMIT_DATE=$(git log -1 --format=%cd --date=format:%Y%m%d%H%M)
GIT_COMMIT_ID_SHORT=$(git rev-parse --short HEAD)
VERSION=$GIT_COMMIT_DATE.$GIT_COMMIT_ID_SHORT
CURRENT_DIR=$(dirname "$0")
VERSION_FILE="${CURRENT_DIR}/version.txt"
echo "Saving version ${VERSION} to file ${VERSION_FILE}"
echo $VERSION
echo $VERSION > $VERSION_FILE

View File

@ -0,0 +1,9 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
VERSION_FILE="${CURRENT_DIR}/version.txt"
echo "Reading version file: ${VERSION_FILE}"
export VERSION=$(cat "${VERSION_FILE}")
export TAG=docker.rschneider.hu/infra/yogastic:$VERSION

View File

@ -0,0 +1,7 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
# push docker image
source "${CURRENT_DIR}/build.docker.env.sh"
echo "push image ${TAG}"
docker push $TAG

View File

@ -0,0 +1,9 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/build.docker.env.sh"
source "${CURRENT_DIR}/start.docker.env.sh"
cd ${ENV_DEV_DIR}
docker-compose down

View File

@ -0,0 +1,4 @@
#!/usr/bin/env bash
ENV_DEV_DIR=$(readlink -f "${CURRENT_DIR}/../../../environments/dev/docker-compose")
COMPOSE_FILE=$(readlink -f "/docker-compose.yml")

View File

@ -0,0 +1,8 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/start.docker.compose.env.sh"
cd "${ENV_DEV_DIR}"
echo "starting compose file in ${ENV_DEV_DIR}"
docker compose up -d

View File

@ -0,0 +1,18 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/build.docker.env.sh"
source "${CURRENT_DIR}/start.docker.compose.env.sh"
echo "updating image version to ${VERSION} in compose file ${COMPOSE_FILE}"
#export TAG=docker.rschneider.hu/infra/yogastic:$VERSION
case $(uname) in
"Darwin")
echo "Detected macOS"
sed -i'' -e "s/docker.rschneider.hu\\/infra\\/yogastic:.*/docker.rschneider.hu\\/infra\\/yogastic:$VERSION/g" $COMPOSE_FILE
;;
*)
sed -i "s/docker.rschneider.hu\\/infra\\/yogastic:.*/docker.rschneider.hu\\/infra\\/yogastic:$VERSION/g" $COMPOSE_FILE
#sed -i "s/docker.rschneider.hu\\/infra\\/yogastic:.*/docker.rschneider.hu\\/infra\\/yogastic:$VERSION/g" $COMPOSE_FILE
;;
esac

View File

@ -0,0 +1,10 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/build.docker.env.sh"
source "${CURRENT_DIR}/start.docker.compose.env.sh"
cd ${ENV_DEV_DIR}
echo "Destroy compose in ${ENV_DEV_DIR}"
docker compose down -v

View File

@ -0,0 +1,10 @@
#!/usr/bin/env bash
CURRENT_DIR=$(dirname "$0")
source "${CURRENT_DIR}/build.docker.env.sh"
source "${CURRENT_DIR}/start.docker.compose.env.sh"
cd ${ENV_DEV_DIR}
echo "Stopping compose in ${ENV_DEV_DIR}"
docker compose down

View File

@ -0,0 +1 @@
202412282019.ae4bba3

View File

@ -0,0 +1,29 @@
services:
vaultwarden:
labels:
- traefik.http.routers.vaultwarden.rule=Host(`vaultwarden.rschneider.net`)
- traefik.http.routers.vaultwarden.tls=true
- traefik.http.routers.vaultwarden.service=vaultwarden
- traefik.http.services.vaultwarden.loadbalancer.server.port=80
- traefik.http.routers.vaultwarden-public.rule=Host(`password.rschneider.hu`)
- traefik.http.routers.vaultwarden-public.tls=true
- traefik.http.routers.vaultwarden-public.service=vaultwarden-public
- traefik.http.services.vaultwarden-public.loadbalancer.server.port=80
# - traefik.http.middlewares.test-redirectscheme.redirectscheme.scheme=https
# - traefik.http.middlewares.test-redirectscheme.redirectscheme.permanent=true
image: vaultwarden/server:latest
container_name: vaultwarden
restart: always
environment:
# DOMAIN: "https://vaultwarden.example.com" # required when using a reverse proxy; your domain; vaultwarden needs to know it's https to work properly with attachments
SIGNUPS_ALLOWED: "true" # Deactivate this with "false" after you have created your account so that no strangers can register
volumes:
- ./vw-data:/data # the path before the : can be changed
ports:
- 4111:80 # you can replace the 11001 with your preferred port
networks:
traefik_traefik:
networks:
traefik_traefik:
external: true

26
environment/infra/jenkins/Jenkinsfile vendored Normal file
View File

@ -0,0 +1,26 @@
pipeline {
agent any
stages {
stage('Git pull && docker compose restart') {
steps {
sshPublisher(publishers: [sshPublisherDesc(configName: 'infra.1', transfers: [sshTransfer(cleanRemote: false, excludes: '', execCommand: '''cd /home/rschneider/infra
git pull
cd /home/rschneider/infra/grafana/docker-compose/grafana
docker compose down
docker compose up -d
''', execTimeout: 120000,
flatten: false,
makeEmptyDirs: false,
noDefaultExcludes: false,
patternSeparator: '[, ]+',
remoteDirectory: '',
remoteDirectorySDF: false,
removePrefix: '', sourceFiles: '')],
usePromotionTimestamp: false,
useWorkspaceInPromotion: false,
verbose: true)])
}
}
}
}

12
package.json Normal file
View File

@ -0,0 +1,12 @@
{
"name": "yogastic",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build.docker.image": "cd environment/dev/docker/yogastic/scripts && bash build.docker.build.sh"
},
"author": "",
"license": "ISC",
"description": ""
}

479
yogastic/about.html Normal file
View File

@ -0,0 +1,479 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>About | Yogastic</title>
<!-- /SEO Ultimate -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta charset="utf-8">
<link rel="apple-touch-icon" sizes="57x57" href="./assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./assets/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Latest compiled and minified CSS -->
<link href="assets/bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/js/bootstrap.min.js">
<!-- Font Awesome link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- StyleSheet link CSS -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/css/mediaqueries.css" rel="stylesheet" type="text/css">
<link href="assets/css/custom-style.css" rel="stylesheet" type="text/css">
<link href="assets/css/special-classes.css" rel="stylesheet" type="text/css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
</head>
<body>
<div class="sub-banner-section">
<header>
<div class="main_header">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light p-0">
<a class="navbar-brand" href="./index.html"><figure class="mb-0"><img src="./assets/images/yogastic_logo.png" alt=""></figure></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="./about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> Pages </a>
<div class="dropdown-menu drop-down-content">
<ul class="list-unstyled drop-down-pages">
<li class="nav-item">
<a class="dropdown-item nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./faq.html">Faq</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./team.html">Team</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"> Blog </a>
<div class="dropdown-menu drop-down-content">
<ul class="list-unstyled drop-down-pages">
<li class="nav-item">
<a class="dropdown-item nav-link" href="./single-post.html">Single Post</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./infinite-scroll.html">Infinite Scroll</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./load-more.html">Load More</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./one-column.html">One Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./two-column.html">Two Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./three-column.html">Three Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./three-colum-sidbar.html">Three Column Sidebar</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./four-column.html">Four Column</a>
</li>
<li class="nav-item">
<a class="dropdown-item nav-link" href="./six-column.html">Six Column</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link contact_us" href="./contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- SUB BANNER SECTION -->
<section class="banner-section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="banner-section-content">
<h1 data-aos="fade-up">About Us</h1>
<p data-aos="fade-right">Duis aute irure dolor in reprehenderit in volurate velit cillum nulla pariatur nostrud exercitation.</p>
<div class="btn_wrapper">
<span class="sub_home_span">Home </span><i class="fa-solid fa-angles-right" aria-hidden="true"></i><span class="sub_span"> About</span>
</div>
</div>
</div>
</div>
<figure class="banner_left_top_shape left_shape mb-0">
<img src="./assets/images/banner_left_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_left_bottom_shape left_shape mb-0">
<img src="./assets/images/banner_left_bottom_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_right_top_shape right_shape mb-0">
<img src="./assets/images/banner_right_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="banner_right_bottom_shape right_shape mb-0">
<img src="./assets/images/banner_right_bottom_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
</div>
<!-- ABOUT US SECTION -->
<section class="aboutpage_aboutus_section">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="aboutpage_aboutus_image">
<figure class="mb-0"><img src="./assets/images/about_page_aboutus_image.png" alt="" class="img-fluid"></figure>
</div>
<figure class="aboutus_top_shape left_shape mb-0">
<img src="./assets/images/aboutus_top_shape.png" alt="" class="img-fluid">
</figure>
<figure class="aboutus_bottom_shape left_shape mb-0">
<img src="./assets/images/aboutus_bottom_shape.png" alt="" class="img-fluid">
</figure>
</div>
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12" data-aos="fade-right">
<div class="aboutpage_aboutus_content">
<h5>About us</h5>
<h2>Take Your Yoga to the Next Level</h2>
<p>Quis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<p class="margin_bottom">Duis aute irure dolor in reprehenderit in voluta velit esse cillum dolore pariatur.</p>
<div class="box_wrapper">
<div class="box">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Live classes twice a week</span>
</div>
<div class="box mr-0">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Personal care on phone</span>
</div>
</div>
<div class="box_wrapper">
<div class="box">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>24 hours chat support</span>
</div>
<div class="box mr-0">
<i class="fa-solid fa-check" aria-hidden="true"></i>
<span>Free e-books for clients</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- DISCOUNT SECTION -->
<section class="discount_section">
<div class="container">
<div class="row" data-aos="fade-up">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="discount_content">
<h2>Get <span>10%</span> Discount For All Yoga Classes</h2>
<p>Taciti fames lacinia orci finibus metus elit tempus faucibus urna nunc dui rhoncus vea porttitor volutrat felis massa feugiat</p>
<div class="btn_wrapper">
<a href="./services.html" class="text-decoration-none get_started">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- OUR MISSION SECTION -->
<section class="mission_section">
<div class="container">
<div class="mission_box">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" data-aos="fade-up">
<div class="mission_content">
<h5>incididunt</h5>
<h2>Our Mission</h2>
<p>Quis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<div class="btn_wrapper">
<a href="./pricing.html" class="text-decoration-none read_more_btn">Read more</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="mission_image">
<figure class="mb-0"><img src="./assets/images/our_mission_image.png" alt="" class="img-fluid"></figure>
</div>
</div>
</div>
</div>
<figure class="mission_right_shape right_shape mb-0">
<img src="./assets/images/our_mission_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- OUR VISION SECTION -->
<section class="vision_section">
<div class="container">
<div class="vision_box">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="vision_image">
<figure class="mb-0"><img src="./assets/images/our_vision_image.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" data-aos="fade-up">
<div class="vision_content">
<h5>tempora</h5>
<h2>Our Vision</h2>
<p>Ruis autem vel eum iure reprehenderit qui in eao voluptate velit esse quam nihil molestiae consequatur vel illum.</p>
<div class="btn_wrapper">
<a href="./pricing.html" class="text-decoration-none read_more_btn">Read more</a>
</div>
</div>
</div>
</div>
</div>
<figure class="vision_left_shape left_shape mb-0">
<img src="./assets/images/our_vision_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- ACHIEVEMENTS SECTION -->
<section class="achievement_section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="achievement_content">
<h5>Achievements</h5>
<h2>Our Honorable Awards</h2>
<p>Molestiae non recusandae itaque earum rerum hic teneaur a sapiente delectus, rae aut reiciendis officia deserunt mollitia animi omnis dolor</p>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper craft">
<figure class="mb-0"><img src="./assets/images/achievement_1.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper">
<figure class="mb-0"><img src="./assets/images/achievement_2.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper q-power">
<figure class="mb-0"><img src="./assets/images/achievement_3.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper logo">
<figure class="mb-0"><img src="./assets/images/achievement_4.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper minimum">
<figure class="mb-0"><img src="./assets/images/achievement_5.png" alt="" class="img-fluid"></figure>
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div class="logo_wrapper logoipsum">
<figure class="mb-0"><img src="./assets/images/achievement_6.png" alt="" class="img-fluid"></figure>
</div>
</div>
</div>
</div>
</section>
<!-- BLOG POSTS SECTION -->
<section class="blog_posts_section">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="blog_posts_content">
<h5>Blog Posts</h5>
<h2>Our News Feed</h2>
<p>Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur vel illum qui dolorem eum fugiat</p>
</div>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="blog_posts_image position-relative">
<figure class="mb-0"><img src="./assets/images/blog_posts_1.png" alt="" class="img-fluid"></figure>
<div class="blog_posts_image_content">
<span>YOGA</span>
<h4>Yoga Effects on Brain Health: A Systematic Review of the Current Literature</h4>
<div class="icon_wrapper">
<a href="./single-post.html" class="text-decoration-none"><i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="blog_posts_image position-relative">
<figure class="mb-0"><img src="./assets/images/blog_posts_2.png" alt="" class="img-fluid"></figure>
<div class="blog_posts_image_content">
<span>FITNESS</span>
<h4>Maintaining a regular yoga practice can provide physical health</h4>
<div class="icon_wrapper">
<a href="./single-post.html" class="text-decoration-none"><i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="btn_wrapper">
<a href="./single-post.html" class="text-decoration-none view_blog">View All Blogs</a>
</div>
<figure class="blog_posts_left_shape left_shape mb-0">
<img src="./assets/images/blog_posts_left_shape.png" alt="" class="img-fluid">
</figure>
<figure class="blog_posts_right_shape right_shape mb-0">
<img src="./assets/images/blog_posts_right_shape.png" alt="" class="img-fluid">
</figure>
</div>
</section>
<!-- SUBSCRIBE SECTION -->
<section class="subscribe_section">
<div class="container">
<div class="subscribe_background_image">
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-6 col-xs-12" data-aos="fade-right">
<div class="subscribe_content">
<h5>Subscribe now</h5>
<h2>Get the Latest Updates With Our Newletter</h2>
<form method="POST">
<div class="form-row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input type="email" name="email" id="emailadd" class="form-control" placeholder="Enter You Email">
<button type="submit" name="btnsubmit" id="submitbutton">Subscribe</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-6 col-xs-12">
<figure class="subscribe_image mb-0">
<img src="./assets/images/subscribe_image.png" alt="">
</figure>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER SECTION -->
<section class="footer-section">
<div class="container">
<div class="middle-portion">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-lg-block d-none">
<div class="footer_logo">
<a href="./index.html" class="text-decoration-none"><figure class="mb-0"><img src="./assets/images/footer_logo.png" alt="" class="img-fluid"></figure></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="about_col">
<h4>About Us</h4>
<ul class="list-unstyled">
<li>
<p>Quisuam est rui dolorem ipsum quia dolor sit amet, consectetur adipisci velit sea...</p>
</li>
<li class="icons"><a href="#"><i class="fa-brands fa-facebook-f" aria-hidden="true"></i></a></li>
<li class="icons"><a href="#"><i class="fa-brands fa-twitter" aria-hidden="true"></i></a></li>
<li class="icons"><a href="#"><i class="fa-brands fa-linkedin-in mr-0" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-md-block d-none">
<div class="links_col">
<h4>Quick Links</h4>
<ul class="list-unstyled">
<li>
<a href="./index.html">Home</a>
</li>
<li>
<a href="./about.html">About Us</a>
</li>
<li>
<a href="./services.html">Services</a>
</li>
<li>
<a href="./team.html">Team</a>
</li>
<li>
<a href="./contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-sm-block d-none">
<div class="contact_col">
<h4>Contact Info</h4>
<ul class="list-unstyled">
<li class="contact_icons">
<i class="fa-solid fa-phone"></i>
<a href="tel:+61383766284" class="text-decoration-none">+61 3 8376 6284</a>
</li>
<li class="contact_icons">
<i class="fa-sharp fa-solid fa-envelope"></i>
<a href="mailto:Info@yogastic.om" class="text-decoration-none">Info@yogastic.om</a>
</li>
<li class="mb-0">
<i class="fa-solid fa-location-dot location"></i>
<span>21 King Street Melbourne, 3000, Australia</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-portion">
<div class="copyright col-xl-12">
<p>Copyright 2022, Yogastic.com All Rights Reserved.</p>
</div>
</div>
<div class="footer_shape right_shape">
<figure class="mb-0"><img src="./assets/images/footer_shape.png" alt="" class="img-fluid"></figure>
</div>
</section>
<!-- Latest compiled JavaScript -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/video-popup.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="assets/js/video-section.js"></script>
<script src="assets/js/animation.js"></script>
<script src="https://unpkg.com/ityped@0.0.10"></script>
<script src="assets/js/type.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,735 @@
body {
margin:0;
padding:0;
background: repeat-x top #fff;
}
:root {
--e-global-color-primary: #242424;
--e-global-color-secondary: #764979;
--e-global-color-text: #6b6b6b;
--e-global-color-accent: #413625;
--e-global-color-white: #ffffff;
--e-global-color-soft-orange: #e1ccad;
--e-global-color-desaturated-magenta: #543458;
--e-global-color-very-dark-desaturated-magenta: #5c3960;
--e-global-color-mostly-desaturated-magenta: #8a648d;
--e-global-color-pale-blue: #f4f7ff;
}
a {
outline:none;
color:#dddddd;
text-decoration:none;
}
/**************************************************
=-*=-*=-*=-*=-*=-*= Single Post =-*=-*=-*=-*=-*=-*=
**************************************************/
.single-post01 .post-image img,
.single-post01 .post-navigation,
.single-post01 .comment-list img,
.sidebar .widget,
.sidebar .widget-tweeter small,
.sidebar .widget-twitter small,
#loader-wrapper,
.post-image img,
.single-post01 .post-item-description .post-meta,
.sidebar .form-inline .input-group,
.sidebar .post-thumbnail-entry,
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed,
#blog .post-item.border > .post-item-wrap > .post-item-description,
#blog img,#blog audio,#blog iframe{
width: 100%;
}
.single-post01 .post-image img {
height: auto;
}
.single-post01 .post-item-description {
font-size: 16px;
padding: 22px 0;
line-height: 28px;
}
.single-post01 .post-item-description h2,
.single-post01 .post-item-description h2 > a {
font-size: 34px;
margin-top: 8px;
line-height: 38px;
margin-bottom: 12px;
}
.single-post01 .post-item-description .post-meta {
padding: 12px 0;
margin-bottom: 26px;
}
.single-post01 .post-item-description .post-meta-date,
.single-post01 .post-item-description .post-meta-date a,
.single-post01 .post-item-description .post-meta-category,
.single-post01 .post-item-description .post-meta-category a,
.single-post01 .post-item-description .post-meta-comments,
.single-post01 .post-item-description .post-meta-comments a,
.single-post01 .post-meta-share a,
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev,
.sidebar .post-thumbnail-list a,
.sidebar .tags a,
.load-more a,
#blog .post-item.border .post-image .post-meta-category a,
#blog .post-item .post-item-description > h2,
#blog .post-item .post-item-description > h2 > a,
.breadcrumb ol li a, .breadcrumb ul li a,
.sidebar .widget-categories ul li a, .post-meta-category a{
text-decoration: none; color: var(--e-global-color-soft-orange);
}
.load-more a{
color: var(--e-global-color-accent);
}
a.item-link{margin-top: 20px; display: inline-block}
.single-post01 .post-item-description .post-meta-date,
.single-post01 .post-item-description .post-meta-date a,
.single-post01 .post-item-description .post-meta-category,
.single-post01 .post-item-description .post-meta-category a,
.single-post01 .post-item-description .post-meta-comments,
.single-post01 .post-item-description .post-meta-comments a,
.single-post01 .post-tags a{
font-size: 13px;
margin-right: 16px;
}
.single-post01 .post-item-description .post-meta-category i,
.single-post01 .post-item-description .post-meta-comments i,
.single-post01 .post-item-description .post-meta-date i {
margin-right: 4px;
}
.single-post01 .post-meta-share a{
line-height: 16px;
}
.single-post01 .post-meta-share a i{
font-size: 30px;
}
.single-post01 .post-item-description .blockquote {
font-size: 16px;
margin: 0 0 20px 72px;
padding: 10px 20px;
font-style: italic;
}
.single-post01 .post-item-description .blockquote .small,
.single-post01 .post-item-description .blockquote small {
font-size: 80%;
}
.single-post01 .post-tags {
margin-bottom: 40px;
}
.single-post01 .post-tags a {
font-size: 12px;
padding: 3px 10px;
border-radius: 4px;
margin-bottom: 10px;
}
.single-post01 .post-navigation,
.sidebar .post-thumbnail-list,
#loader,
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
#blog .post-item .post-meta-date,
#blog .post-item.border .post-image,
.breadcrumb ol li, .breadcrumb ul li,
.sidebar .widget-categories ul li,
.single-post01 .comments .comment .text {
position: relative;
}
.single-post01 .post-navigation,
.sidebar .tags a {
display: inline-block;
}
.single-post01 .post-navigation {
min-height: 64px;
padding: 20px 0 0;
vertical-align: top;
}
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev,
.post-navigation .post-prev:before,
.post-navigation .post-all,
#loader:before,
#loader:after,
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed,
#blog .post-item.border .post-meta-category,
.sidebar .widget-categories ul li:before,
.player,
.sidebar .widget-tweeter:not([data-avatar="true"]) li::before,
.sidebar .widget-twitter:not([data-avatar="true"]) li::before,
.post-navigation .post-next:after{
position: absolute;
}
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev {
height: 44px;
max-width: 40%;
font-size: 16px;
}
.post-navigation .post-prev:before,
.post-navigation .post-next:after{
left: 0;
top:10px;
font-size: 20px;
padding-top: 2px;
content: "\f104";
font-family: 'FontAwesome';
transition: all .3s ease;
transform: translate3d(0,-50%,0);
}
.post-navigation .post-next:after {
right: 0;
left: inherit;
content: "\f105";
font-family: 'FontAwesome';
}
.post-navigation .post-prev-title {
padding-left: 25px;
}
.post-navigation .post-next span,
.post-navigation .post-prev span {
opacity: 0.7;
font-size: 11px;
margin-top: 3px;
margin-bottom: -6px;
text-transform: uppercase;
}
.post-navigation .post-all {
top: 32px;
right: 50%;
left: auto;
width: 12px;
opacity: .7;
font-size: 24px;
text-align: center;
}
.single-post01 .post-navigation .post-next {
right: 0;
text-align: right;
}
.post-navigation .post-next-title {
padding-right: 25px;
}
.single-post01 .comments {
padding: 40px 0;
}
.single-post01 .comments .comment {
padding: 10px 0;
}
.single-post01 .comments .comment_number {
font-size: 18px;
margin: 0 0 30px;
font-weight: 500;
color: var(--e-global-color-primary);
}
.single-post01 .comments .comment .image,
.sidebar .post-thumbnail-entry > img,
.sidebar .post-thumbnail-entry,
.single-post01 .post-item-description .post-meta,
.sidebar .widget{
float: left;
}
.single-post01 .comments .comment .image {
width: 64px;
height: 64px;
}
.single-post01 .comment-list img {
height: auto;
border-radius:100%;
}
.single-post01 .comments .comment .text {
min-height: 80px;
padding: 0 0 0 86px;
}
.single-post01 .comments .comment .text .name {
font-size: 20px;
}
.single-post01 .comments .comment .comment_date {
font-size: 12px;
}
.single-post01 .comments .comment .text .comment-reply-link {
opacity: 0.7;
font-size: 9px;
padding: 0 0 0 5px;
text-transform: uppercase;
}
.single-post01 .text_holder{
line-height: 24px;
}
.single-post01 .comment .comment {
margin-left: 90px;
}
.respond-form {
padding-top: 40px;
}
.respond-comment {
font-size: 18px;
margin: 0 0 30px;
color: var(--e-global-color-primary);
}
.single-post01 .form-group label:not(.error) {
font-size: 12px;
margin-bottom: 4px;
letter-spacing: .04em;
text-transform: uppercase;
}
.single-post01 .form-gray-fields .form-control {
background: transparent;
color: var(--e-global-color-text);
border-radius: 0;
border: none;
box-shadow: 1px 1px 50px rgb(0 0 0 / 15%);
outline: none;
}
.single-post01 .form-gray-fields .form-control:focus{
box-shadow: none;
outline: none;
border: none;
}
.single-post01 .form-control{
box-shadow: none;
line-height: 18px;
padding:10px 16px;
border-radius: 5px;
font-size: 12px;
transition: all .3s ease;
}
.form-gray-fields .btn{
font-size: 12px;
padding:13px 22px 10px;
text-transform: uppercase;
}
.sidebar {
font-size: 12px;
}
.sidebar .widget {
margin-bottom: 30px;
padding-bottom: 30px;
}
.widget-newsletter .form-control{
font-size: 14px;
box-shadow: none;
line-height: 18px;
padding: 10px 16px;
border-radius: 5px; height: auto;
}
.widget-newsletter .btn {
font-weight: 600;
height: 40px;
padding: 8px 16px;
}
.widget-newsletter .btn{
border-radius: 0 5px 5px 0;
}
.sidebar .nav-tabs {
margin-bottom: 30px;
}
.sidebar .nav-tabs .nav-item {
margin-bottom: -2px;
}
.tabs .nav-tabs .nav-link {
border: 0;
padding: 14px 24px;
transition: .3s ease;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sidebar .widget .tabs li > a {
padding: 10px;
font-size: 14px;
}
.sidebar .post-thumbnail-entry > img {
height: 60px;
width: 80px;
margin-right: 16px;
border-radius: 2px;
}
.sidebar .post-thumbnail-entry {
padding-bottom: 10px;
margin-bottom: 10px;
}
.sidebar .post-thumbnail-entry:last-child,
.sidebar .widget-categories ul li:last-child{
margin: 0;
padding-bottom:0;
border-bottom: none;
}
.sidebar .post-thumbnail-entry > img {
height: 48px;
width: 64px;
margin-right: 10px;
}
.sidebar .post-thumbnail-entry img + .post-thumbnail-content {
padding-left: 72px;
}
.sidebar .post-thumbnail-list a {
margin: -4px 0 0;
}
.sidebar .post-thumbnail-entry .post-category i,
.sidebar .post-thumbnail-entry .post-date i {
margin-right: 2px;
}
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date {
font-size: 10px;
}
.sidebar .widget-title,
.sidebar > h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
}
.sidebar .widget-tweeter ul,
.sidebar .widget-twitter ul,
.sidebar .widget-categories ul{
list-style: none;
}
.sidebar .widget-tweeter ul,
.sidebar .widget-twitter ul {
margin-bottom: 0;
padding-left: 22px;
}
.sidebar .widget-tweeter li,
.sidebar .widget-twitter li {
font-size: 12px;
margin-bottom: 18px;
color: var(--e-global-color-primary);
}
.sidebar .widget-tweeter:not([data-avatar="true"]) li::before,
.sidebar .widget-twitter:not([data-avatar="true"]) li::before {
content: "\f099";
margin-left: -22px;
font-family: 'Font Awesome 5 Brands';
}
.sidebar .tags a {
padding: 5px 14px;
border-radius: 50px;
margin: 0 2px 5px 0;
}
.sidebar .widget-categories ul{
padding:0;
}
.sidebar .widget-categories ul li{
margin-bottom: 10px;
padding:0 0 10px 28px;
}
.sidebar .widget-categories ul li:before{
position: absolute ; content: "";
left:0;
top: 12px;
font-size: 20px;
padding-top: 2px;
background: url("../images/icon-folder.png"); width: 16px; height: 14px;
transition: all .3s ease;
transform: translate3d(0,-50%,0);
}
.sidebar .cat-count-span{
float: right;
}
/************ PRELOADER CSS ************/
/* ==== Preloader styles ==== */
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 9999999999999;
}
#loader {
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
z-index: 1001;
animation: spin 2s linear infinite;
}
#loader:before {
content: "";
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
top: 15px;
right: 15px;
left: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
animation: spin 1.5s linear infinite;
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
z-index: 1000;
transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loaded #loader-wrapper .loader-section.section-left {
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
opacity: 0;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
transform: translateY(-100%);
transition: all 0.3s 1s ease-out;
}
/*************************************************
=-*=-*=-*=-*=-*=-*= One Column =-*=-*=-*=-*=-*=-*=
**************************************************/
.breadcrumb,
#loader,
.sidebar .widget-tweeter small,
.sidebar .widget-twitter small,
.post-navigation .post-next span,
.post-navigation .post-prev span,
.sidebar .post-thumbnail-entry .post-category{
display: block;
}
.breadcrumb {
font-size: 10px;
margin-bottom: 10px;
letter-spacing: .5px;
background-color: transparent;
padding: 10px 0;
}
.breadcrumb ol, .breadcrumb ul{
margin:0;
padding: 0;
}
.breadcrumb ol li, .breadcrumb ul li {
opacity: .8;
display: inline;
}
.breadcrumb ol li + li::before,
.breadcrumb ul li + li::before {
margin: 0 5px;
content: ">";
background-color: transparent;
}
.breadcrumb ol li.active,
.breadcrumb ol li:hover,
.breadcrumb ol li:last-child,
.breadcrumb ul li.active,
.breadcrumb ul li:hover,
.breadcrumb ul li:last-child {
opacity: 1;
}
#blog .post-item.border > .post-item-wrap > .post-item-description {
padding: 24px;
line-height: 28px;
}
#blog .post-item.border .post-meta-category{
top: 11px;
right: 10px;
font-size: 13px;
padding:7px 16px 7px;
border-radius: 50px;
}
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
#blog .post-item .post-meta-date {
top: -4px;
font-size: 12px;
margin-right: 8px;
}
#blog .post-item .post-item-description > h2,
#blog .post-item .post-item-description > h2 > a {
font-size: 22px;
font-weight: 600;
line-height: 30px;
margin-bottom: 16px;
letter-spacing: 0px;
font-family: 'Playfair Display', serif;
}
.blog-posts p {
font-size: 16px;
line-height: 24px;
color: var(--e-global-color-text);
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
top: 0;
left: 0;
height: 100%;
}
.fluid-width-video-wrapper{
padding-top:56.3%;
}
.player{
top:0;
}
.post-audio audio{
bottom: 0;
left: 0;
}
.pagination{
padding-left:15px;
}
.fluid-width-video-wrapper {
padding-top: 66.8%;
}
.hide-blog{
display: none;
}
.load-more a{
padding: 12px 25px;
border-radius: 30px;
}
.load-more a:hover{
background: none;
}
/*************************************************************
=-*=-*=-*=-*=-*=-*= Responsive Single Post =-*=-*=-*=-*=-*=-*=
*************************************************************/
@media screen and (max-width: 1199px) {
.widget-newsletter .form-control {
font-size: 12px;
padding: 10px 10px;
}
.sidebar .widget .tabs li > a {
font-size: 13px;
padding: 10px 8px;
}
.sidebar .widget {
margin-bottom: 20px;
padding-bottom: 20px;
}
.single-post01 .post-item-description,
.single-post01 .post-item-description .blockquote{
font-size: 14px;
line-height: 26px;
}
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev {
font-size: 14px;
}
.single-post01 .post-item-description h2,
.single-post01 .post-item-description h2 > a {
margin-top: 0;
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 991px) {
.respond-form {
padding-top: 0;
}
.single-post01 .post-item-description .post-meta-date, .single-post01 .post-item-description .post-meta-date a, .single-post01 .post-item-description .post-meta-category, .single-post01 .post-item-description .post-meta-category a, .single-post01 .post-item-description .post-meta-comments, .single-post01 .post-item-description .post-meta-comments a {
margin-right: 5px;
}
.single-post01 .comments .comment .text {
padding: 0;
}
.single-post01 .comments .comment .image {
width: 48px;
height: 48px;
margin-right: 14px;
}
.single-post01 .text_holder {
font-size: 12px;
margin: 10px 0 0;
}
.single-post01 .comment .comment {
margin-left: 30px;
}
.single-post01 .comments{
padding: 30px 0 0;
}
.sidebar {
margin: 20px 0 0;
}
.page-title h1 {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.single-post01 .post-item-description h2,
.single-post01 .post-item-description h2 > a {
font-size: 24px;
line-height: 26px;
}
#blog .post-item.border > .post-item-wrap > .post-item-description {
line-height: 20px;
font-size: 12px;
}
.blog-posts p {
font-size: 16px;
line-height: 22px;
}
.single-post01 .post-item-description .blockquote {
margin-left: 25px;
}
}
@media screen and (max-width: 575px) {
.single-post01 .text_holder p{
margin: 0 0 8px;
}
.single-post01 .comments .comment .comment_date {
font-size: 11px;
}
.single-post01 .post-item-description,
.single-post01 .post-item-description .blockquote {
font-size: 13px;
line-height: 24px;
}
.single-post01 .post-item-description h2,
.single-post01 .post-item-description h2 > a{
margin:0;
}
.single-post01 .post-meta-share ul{
margin:5px 0 0;
}
.single-post01 .post-item-description .post-meta-date, .single-post01 .post-item-description .post-meta-date a, .single-post01 .post-item-description .post-meta-category, .single-post01 .post-item-description .post-meta-category a, .single-post01 .post-item-description .post-meta-comments, .single-post01 .post-item-description .post-meta-comments a {
font-size: 12px;
}
.single-post01 .respond-comment {
font-size: 16px;
}
.page-title h1 {
font-size: 1.8rem;
padding: 1rem;
padding-bottom: 0;
}
#blog .post-item .post-item-description > h2,
#blog .post-item .post-item-description > h2 > a{
font-size: 20px;
line-height: 24px;
}
.single-post01 .comments .comment .text .name {
font-size: 18px;
}
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,210 @@
.single-post01 .post-item-description,
.post-item.border > .post-item-wrap > .post-item-description{
color: var(--e-global-color-secondary);
}
.single-post01 .post-item-description h2,
.single-post01 .comments .comment .text .name,
.sidebar .widget-title,
.sidebar > h4,
.page-title h1{
color: var(--e-global-color-primary);
}
.color01,.color01 a{
color: #777;
}
.single-post01 .blockquote {
border-left: 3px solid var(--e-global-color-secondary);
}
.single-post01 .post-tags a,
.post-next span,
.post-prev span,
.single-post01 .post-navigation .post-next,
.single-post01 .post-navigation .post-prev,
.sidebar .post-thumbnail-content a,
.sidebar .widget-categories ul li a,
.sidebar .nav-tabs .nav-link,
.breadcrumb ol li a,
.breadcrumb ul li a,
.pagination .page-item:not(.disabled).active > .page-link,
.pagination .page-item:not(.disabled):active > .page-link,
.pagination .page-item:not(.disabled):focus > .page-link,
.pagination .page-item:not(.disabled):hover > .page-link,
.pagination .page-item:not(.disabled) > .page-link,
#blog .post-item.border .post-item-wrap .post-item-description a{
color: var(--e-global-color-accent);
}
.single-post01 .post-tags a {
display: inline-block;
background-color: var(--e-global-color-soft-orange);
}
.single-post01 .post-tags a:hover {
border: none;
}
.single-post01 .comments,.single-post01 .post-navigation {
border-top: 1px solid var(--e-global-color-mostly-desaturated-magenta);
}
.single-post01 .post-item-description .post-meta {
border-bottom: 1px solid var(--e-global-color-mostly-desaturated-magenta);
}
.single-post01 .comment .comment_date {
color: var(--e-global-color-secondary);
}
.single-post01 .text .comment-reply-link,
.respond-comment span,
.single-post01 .comment_number span,
.sidebar .nav-tabs .nav-link.active,
.sidebar .widget-tweeter li a,
.sidebar .widget-twitter li a,
.sidebar .cat-count-span,
.single-post01 .post-item-description .post-meta-date:hover,
.single-post01 .post-item-description .post-meta-date a:hover,
.single-post01 .post-item-description .post-meta-category:hover,
.single-post01 .post-item-description .post-meta-category a:hover, .single-post01 .post-item-description .post-meta-comments:hover, .single-post01 .post-item-description .post-meta-comments a:hover,
.single-post01 .post-tags a:hover,
.post-navigation .post-prev-title:hover span,
.post-navigation .post-next-title:hover span,
.post-navigation .post-prev:hover,
.post-navigation .post-next:hover,
.single-post01 .post-navigation .post-prev:hover,
.single-post01 .post-navigation .post-next:hover,
.post-navigation .post-next:hover span,
.post-navigation .post-prev:hover span,
.sidebar .post-thumbnail-list a:hover,
.sidebar .widget-categories ul li a:hover,
#blog .post-item .post-item-description .post-meta-comments a:hover,
#blog .post-item .post-item-description > h2 > a:hover,
.load-more a:hover,
#blog .post-item.border .post-item-wrap .post-item-description a:hover{
color: var(--e-global-color-soft-orange);
}
.sidebar .widget-tweeter li a{
color: var(--e-global-color-secondary);
}
.single-post01 .text .comment-reply-link{
color: var(--e-global-color-primary);
}
.sidebar .cat-count-span{
color: var(--e-global-color-secondary);
}
.single-post01 .post-tags a:hover{
color: var(--e-global-color-accent);
}
.form-group label:not(.error),
#blog .post-item .post-item-description > h2,
#blog .post-item .post-item-description > h2 > a{
color: var(--e-global-color-primary);
}
.form-gray-fields .form-control {
color: var(--e-global-color-white);
background-color: rgba(238,238,238,.6);
}
.form-gray-fields .btn:hover,
.widget-newsletter .btn:hover{
color: var(--e-global-color-white);
background: var(--e-global-color-secondary);
}
.single-post01 .form-control{
border: 1px solid #ececec;
}
.sidebar .widget {
border-bottom: 1px solid var(--e-global-color-mostly-desaturated-magenta);
}
.sidebar .nav-tabs,.sidebar .nav-tabs .nav-link {
border-bottom: 2px solid var(--e-global-color-mostly-desaturated-magenta);
}
.sidebar .nav-tabs .nav-link.active {
background-color: transparent;
border-bottom: 2px solid var(--e-global-color-soft-orange);
}
.sidebar .post-thumbnail-entry,
.sidebar .widget-categories ul li{
border-bottom: 1px solid var(--e-global-color-mostly-desaturated-magenta);
}
.sidebar .post-thumbnail-entry .post-category,
.sidebar .post-thumbnail-entry .post-date {
color: var(--e-global-color-secondary);
}
.sidebar .widget-tweeter small,
.sidebar .widget-twitter small {
color: var(--e-global-color-text);
}
.sidebar .tags a {
color: var(--e-global-color-accent);
background-color: var(--e-global-color-soft-orange);
border: 2px solid var(--e-global-color-soft-orange);
}
.sidebar .tags a.active,
.sidebar .tags a:active,
.sidebar .tags a:focus,
.sidebar .tags a:hover,
.form-gray-fields .btn,
.widget-newsletter .btn{
background-color: var(--e-global-color-soft-orange);
}
.single-post01 .form-gray-fields .form-control:focus{
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.post-item.border .post-meta-category,
.load-more a{
background-color:var(--e-global-color-accent);
}
.load-more a {
background-color: var(--e-global-color-soft-orange);
}
.post-item.border .post-meta-category:hover{
background-color: var(--e-global-color-secondary);
}
.post-item.border .post-meta-category:hover a{
color: var(--e-global-color-white);
}
#loader,#loader:before,
#loader:after{
border-top-color: #3795d2;
}
#loader-wrapper .loader-section {
background: #222;
}
#blog .post-item.border .post-meta-category,
.sidebar .tags a.active,
.sidebar .tags a:active,
.sidebar .tags a:focus,
.sidebar .tags a:hover,
.form-gray-fields .btn,
.widget-newsletter .btn,
#blog .post-item.border .post-meta-category a:hover{
color: var(--e-global-color-accent);
}
#blog .post-item.border .post-meta-category a:hover{
color: var(--e-global-color-white);
}
.border {
border: none !important;
box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
}
#blog .post-item .post-meta-category,
#blog .post-item .post-meta-comments,
.single-post01 .post-item-description .post-meta-category a,
#blog .post-item.border .post-item-wrap .post-item-description .post-meta-comments a,
#blog .post-item .post-item-description .post-meta-date,
#blog .post-item-description .post-meta-comments a{
color: var(--e-global-color-secondary);
}
.pagination .page-item:not(.disabled).active > .page-link, .pagination .page-item:not(.disabled):active > .page-link, .pagination .page-item:not(.disabled):focus > .page-link, .pagination .page-item:not(.disabled):hover > .page-link {
background-color: #edf1f6;
border-color: #e4e4e4;
box-shadow: none;
}
.pagination .page-item:not(.disabled) > .page-link {
border-color: #ececec;
}
.load-more a:hover{
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-white);
}
.sidebar .tags a:hover{
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-white);
border: 2px solid var(--e-global-color-secondary);
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 470 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 647 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 493 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 937 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 619 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 937 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 B

View File

@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>

After

Width:  |  Height:  |  Size: 215 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 589 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Some files were not shown because too many files have changed in this diff Show More