parent
8e86d6bb86
commit
debc2a5ff8
@ -0,0 +1,155 @@ |
||||
<!DOCTYPE HTML> |
||||
<html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/theme.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/custom.css"}}" /> |
||||
</head> |
||||
|
||||
<body class="tm-isblog"> |
||||
|
||||
<div class="tm-wrapper"> |
||||
|
||||
|
||||
<div id="tm-header" class="tm-block-header"> |
||||
|
||||
<div class="tm-navbar-wrapper "> |
||||
|
||||
<div class="tm-navbar uk-navbar"> |
||||
|
||||
<div class="uk-container uk-container-center tm-navbar-container"> |
||||
|
||||
<div class="tm-navbar-left uk-flex uk-flex-middle" style="padding: 15px 0;"> |
||||
<a href="{{.IndexUrl}}" class="uk-navbar-brand uk-flex uk-flex-middle uk-hidden-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" width="150" /></div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="tm-navbar-center uk-flex uk-flex-center uk-flex-middle uk-hidden-medium"> |
||||
<ul class="uk-navbar-nav uk-hidden-small"> |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div |
||||
class="tm-navbar-small uk-flex uk-flex-middle uk-flex-center uk-flex-space-between uk-hidden-large"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="tm-logo-small uk-navbar-brand uk-flex uk-flex-middle uk-visible-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" /></div> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="tm-main" class="tm-block-main uk-block uk-block-default uk-block-large "> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
|
||||
<div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> |
||||
|
||||
<div class="tm-main uk-width-medium-1-1"> |
||||
|
||||
|
||||
<main id="tm-content" class="tm-content"> |
||||
<h1 id="page-title">{{lang "about"}}</h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="tm-footer" class="tm-block-footer tm-footer-centered uk-block-muted"> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
<ul class="navbar-nav mr-auto"> |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="uk-grid"> |
||||
<div> |
||||
<footer class="tm-footer"> |
||||
<div class="uk-panel"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,6 @@ |
||||
{ |
||||
"creator": "孙艺岭", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.pipestonegolf.com/blog/", |
||||
"devices": ["pc", "pad", "phone"] |
||||
} |
||||
@ -0,0 +1,171 @@ |
||||
<!DOCTYPE HTML> |
||||
<html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/theme.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/custom.css"}}" /> |
||||
</head> |
||||
|
||||
<body class="tm-isblog"> |
||||
|
||||
<div class="tm-wrapper"> |
||||
|
||||
|
||||
<div id="tm-header" class="tm-block-header"> |
||||
|
||||
<div class="tm-navbar-wrapper "> |
||||
|
||||
<div class="tm-navbar uk-navbar"> |
||||
|
||||
<div class="uk-container uk-container-center tm-navbar-container"> |
||||
|
||||
<div class="tm-navbar-left uk-flex uk-flex-middle" style="padding: 15px 0;"> |
||||
<a href="{{.IndexUrl}}" class="uk-navbar-brand uk-flex uk-flex-middle uk-hidden-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" width="150" /></div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="tm-navbar-center uk-flex uk-flex-center uk-flex-middle uk-hidden-medium"> |
||||
<ul class="uk-navbar-nav uk-hidden-small"> |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div |
||||
class="tm-navbar-small uk-flex uk-flex-middle uk-flex-center uk-flex-space-between uk-hidden-large"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="tm-logo-small uk-navbar-brand uk-flex uk-flex-middle uk-visible-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" /></div> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="tm-main" class="tm-block-main uk-block uk-block-default uk-block-large "> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
|
||||
<div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> |
||||
|
||||
<div class="tm-main uk-width-medium-1-1"> |
||||
|
||||
|
||||
<main id="tm-content" class="tm-content"> |
||||
<h1 id="page-title">{{lang "contact"}}</h1> |
||||
<div> |
||||
{{.Contact}} |
||||
<form class="col-12 col-lg-6" style="padding: 0;"> |
||||
<div class="form-group"> |
||||
<label for="emailInput">{{lang "about_email"}}</label> |
||||
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="nameInput">{{lang "about_name"}}</label> |
||||
<input type="name" class="form-control" id="nameInput" placeholder="your name"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label> |
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" |
||||
placeholder="what do you want to say"></textarea> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button> |
||||
</form> |
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="tm-footer" class="tm-block-footer tm-footer-centered uk-block-muted"> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
<ul class="navbar-nav mr-auto"> |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="uk-grid"> |
||||
<div> |
||||
<footer class="tm-footer"> |
||||
<div class="uk-panel"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,664 @@ |
||||
/* Copyright (C) 121 Marketing - 121marketing.com */ |
||||
|
||||
/* ======================================================================== |
||||
1-2-1 Modifications - Master |
||||
========================================================================== */ |
||||
|
||||
/* =========================== Fonts ================================ */ |
||||
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-subnav > * > *, .uk-heading-large, h3, .uk-h3, .uk-panel-title, #header_oc #cart .heading h4 {line-height: 1.2;} |
||||
|
||||
h3, .uk-h3, .uk-panel-title {margin-top: 0;} |
||||
|
||||
a:hover, .uk-link:hover, a:focus { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
small {display: inline-block;} |
||||
|
||||
/* =========================== Backgrounds ================================ */ |
||||
.uk-button.uk-button-secondary, .tm-navbar, form#contact-form .form-actions, .uk-offcanvas-bar:after, .uk-offcanvas-bar-flip:after, .uk-nav-offcanvas > li > a, .uk-panel-box .uk-nav-side > li > a, .uk-nav-side > li > a { |
||||
background: none; |
||||
} |
||||
.uk-dropdown-navbar, .tm-toolbar, .uk-button-link, html .uk-nav.uk-nav-offcanvas > li.uk-active > a, .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:not(.uk-button):hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, .uk-nav-offcanvas > li > a:active, .uk-form-danger { |
||||
background: none !important; |
||||
} |
||||
/* =========================== Text & Box Shadowing ================================ */ |
||||
|
||||
.tm-wrapper {position: relative;} |
||||
|
||||
.uk-dropdown {box-shadow: 0 2px 5px rgba(0,0,0,.1);} |
||||
|
||||
/* -- Buttons -- */ |
||||
.btn, .btn-primary, .uk-button, .uk-button-primary, .cb_template input[type="submit"] {text-shadow: none; border: 2px solid transparent} |
||||
.uk-button:active, .uk-button.uk-active {box-shadow: none;} |
||||
|
||||
.uk-navbar-nav > li > a.uk-button, .uk-button, .uk-button-large, .cb_template input[type="submit"] {min-height: 46px;line-height: 46px;padding: 0 30px;} |
||||
|
||||
.btn .icon-sigProEditorButton {margin-top: 4px;} |
||||
|
||||
.uk-button-link, a.uk-button.uk-button-link {padding: 0;min-height: 30px;height: 30px;line-height: 30px;position: relative; border: none;} |
||||
.uk-button-link:hover, .uk-button-link:focus, a.uk-button.uk-button-link:hover, a.uk-button.uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled {padding: 0;text-decoration: none;} |
||||
|
||||
.uk-button-link:before, .uk-button-link:hover:before, .uk-button-link:focus:before, .uk-button-link:active:before, .uk-button-link.uk-active:before, .uk-button-link:disabled:before {content: '';position: absolute;left: 0;top: auto;right: 0;bottom: 0;height: 3px;width: 100%;margin: 0;opacity: 1;} |
||||
.uk-button-link:before { opacity:0;} |
||||
.uk-button-link:after, .uk-button-link:hover:after, .uk-button-link:focus:after, .uk-button-link:active:after, .uk-button-link.uk-active:after, .uk-button-link:disabled:after {content: none} |
||||
|
||||
|
||||
/* Toolbar */ |
||||
.tm-toolbar {margin-top: 35px;z-index: -1;position: relative;} |
||||
.tm-toolbar .uk-container, .tm-navbar .uk-container {max-width: 100%} |
||||
.tm-toolbar .uk-container {padding: 0 35px} |
||||
|
||||
/* Social Icons */ |
||||
.social-icons {margin-top: 20px;} |
||||
.social-icons [class*='uk-icon-'] {font-size: 14px;border: 1px solid #fff;border-radius: 50%;height: 32px; width: 32px;line-height: 32px;text-align: center;} |
||||
.social-icons [class*='uk-icon-'] + [class*='uk-icon-'] {margin-left:10px;} |
||||
.social-icons [class*='uk-icon-']:first-child {margin-left: 0;} |
||||
.social-icons [class*='uk-icon-']:last-child {margin-right: 0;} |
||||
|
||||
/* Nav */ |
||||
body:not(.homepage) .tm-toolbar, body:not(.homepage) .tm-navbar {position: absolute;z-index: 20;left: 0;right: 0;top: 50px;} |
||||
body:not(.homepage) .tm-navbar {top: 0px;background-color: #666a25;} |
||||
.tm-navbar-wrapper-animate:not(.uk-active) .uk-navbar {margin-top: 35px;} |
||||
.tm-navbar-sticky .tm-navbar-wrapper, .tm-navbar-sticky .tm-navbar-wrapper-animate {border: none;} |
||||
.tm-navbar .tm-navbar-container {min-height: 50px;} |
||||
.uk-navbar-nav > li {margin: 0 6px;} |
||||
.uk-navbar-nav > li > a {height: 50px;line-height: 50px;position: relative;} |
||||
.uk-navbar-nav > li > a:not(.uk-button) {padding: 0 4px;} |
||||
.uk-navbar-nav > li > a.uk-button {margin-left: 70px} |
||||
.uk-navbar-nav > li.uk-active > a:not(.uk-button):after, .uk-navbar-nav > li:hover > a:not(.uk-button):after, .uk-navbar-nav > li > a:not(.uk-button):focus:after, .uk-navbar-nav > li.uk-open > a:not(.uk-button):after {content:"";display:block;position: absolute;height: 3px;width: 100%;background: #fff;left: 0;right: 0;bottom: 5px;} |
||||
|
||||
.tm-navbar-wrapper-animate.uk-active .tm-navbar-left, .tm-navbar-wrapper-animate.uk-active .tm-navbar-right, .tm-navbar-wrapper-animate.uk-active .uk-navbar-nav > li > a:after, .tm-navbar-wrapper-animate.uk-active .tm-toolbar {visibility: hidden; height: 0; width: 0; float: left;padding: 0; margin: 0;} |
||||
|
||||
.uk-navbar-nav > li:last-child {margin-right: 0;} |
||||
.uk-navbar-nav:not(.tm-nav-secondary) .uk-dropdown {left: 0px !important;} |
||||
|
||||
/* Dropdowns */ |
||||
.uk-dropdown:not(.uk-dropdown-small), .uk-dropdown-blank:not(.uk-dropdown-small) {width: 240px;} |
||||
.uk-dropdown-navbar:after {content:"";display:block;position: absolute;top:0;left:0;right: 0;bottom:0;z-index:-1;opacity: .9;} |
||||
.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank {animation: 0s;} |
||||
.uk-dropdown-small {z-index: 20;position: absolute;padding: 0 5px;margin: 0;width: 100%;} |
||||
.uk-dropdown-navbar {margin-top: 5px;} |
||||
.tm-navbar-wrapper-animate.uk-active .uk-dropdown-navbar {margin-top: 0} |
||||
.uk-navbar-nav > li.uk-open:last-child > .uk-dropdown, .uk-navbar-nav > li.uk-open:nth-last-child(2) > .uk-dropdown {left: auto !important; right: 0;} |
||||
|
||||
.tm-navbar ul.uk-nav-sub {padding: 5px 0 5px 15px;margin: 0 25px;} |
||||
|
||||
.uk-nav-navbar > li > a:before, .uk-nav-navbar ul a:before {content: '\f101';font-family: 'FontAwesome'; font-style: normal; margin:0; -webkit-transition: all ease .25s;transition: all ease .25s; opacity: 0;} |
||||
.uk-nav-navbar > li.uk-active > a:before, .uk-nav-navbar ul a:hover:before, .uk-nav-navbar > li > a:hover:before, .uk-nav-navbar > li > a:focus:before {opacity: 1; margin-right: 5px;} |
||||
|
||||
.uk-nav-navbar ul a {padding: 0;} |
||||
.uk-nav > li > a {padding: 0px 25px;} |
||||
|
||||
.tm-navbar-left {left: 35px;} |
||||
.tm-navbar-right {right: 35px;} |
||||
|
||||
/* Logo */ |
||||
.uk-navbar-brand {padding: 0;} |
||||
.tm-navbar-small {position: absolute;top: 0;bottom: 0;left: 0;right:0;padding: 0;} |
||||
.tm-navbar-small .uk-navbar-brand {line-height: 80px;height: 80px; } |
||||
.tm-logo-small img {width: 100%;} |
||||
|
||||
/* Header */ |
||||
.homepage .tm-header-container {background: #000; position: relative;} |
||||
.homepage-slideshow:after, .tm-header-container .uk-slideshow > li .uk-overlay-panel:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: .5;display: block;} |
||||
.homepage-slideshow > div > :last-child {padding: 0 35px 70px;z-index: 1;} |
||||
.homepage-slideshow .uk-dotnav > * > * {opacity: .75;} |
||||
|
||||
.homepage-slideshow .uk-slidenav {display: block !important;top: calc(50% - 25px) !important;margin: 0;width: 50px;height: 50px;line-height: 50px;font-size: 50px;transform: none;} |
||||
.homepage-slideshow .uk-slidenav-previous::before, .homepage-slideshow .uk-slidenav-next::before {font-family: "FontAwesome"; opacity: .5} |
||||
.homepage-slideshow .uk-slidenav.uk-slidenav-next:before {content:"\f101"} |
||||
.homepage-slideshow .uk-slidenav.uk-slidenav-previous:before {content:'\f100'} |
||||
.homepage-slideshow .uk-slidenav:hover, .homepage-slideshow .uk-slidenav:focus {opacity: 1} |
||||
|
||||
.slideshow-overlay {padding-bottom: 35px !important;} |
||||
.slideshow-overlay h5 {position:relative; z-index: 2;} |
||||
.slideshow-overlay .uk-h1 {margin: 5px 0 10px;} |
||||
.slideshow-overlay:before {content: "";display: block;width: 200px;height: 200px;border: 2px solid;position: absolute;transform: rotate(45deg) !important;margin: 0 auto;left: 0;right: 0;z-index: 0;top: calc(50% - 100px);} |
||||
.slideshow-overlay *, .uk-navbar-nav > li > a:not(.uk-button), .tm-toolbar {text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);} |
||||
|
||||
/* Homepage Buttons */ |
||||
.homepage-buttons .uk-slideset {-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;overflow: hidden;} |
||||
|
||||
.homepage-buttons .uk-panel-teaser {margin: 0;} |
||||
.homepage-buttons .button-wrapper {border-top: 4px solid #000;padding: 20px 30px 30px;width: calc(100% - 40px);box-sizing:border-box;margin: -30px 20px 30px !important;position: relative;} |
||||
.homepage-buttons .button-wrapper h3 {margin: 0;} |
||||
.homepage-buttons .button-wrapper div {margin: 15px 0 0;text-align:left;} |
||||
.homepage-buttons img {width: 100%;} |
||||
|
||||
.homepage-buttons .uk-panel:hover .button-wrapper {box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.25);} |
||||
|
||||
.homepage-buttons .uk-slideset-nav {margin: 0 25px;padding: 0;} |
||||
.homepage-buttons .uk-slideset-nav > li:first-child {padding: 0;} |
||||
.homepage-buttons .uk-slidenav-previous::before, .homepage-buttons .uk-slidenav-next::before {font-family: "FontAwesome"; } |
||||
.homepage-buttons .uk-slidenav.uk-slidenav-next:before {content:"\f101"} |
||||
.homepage-buttons .uk-slidenav.uk-slidenav-previous:before {content:'\f100'} |
||||
.homepage-buttons .uk-slidenav:after {content: none; display: none;} |
||||
|
||||
|
||||
/*Testimonial Slider */ |
||||
.testimonial-slider {max-width: 100%;margin: 0 5%;} |
||||
.testimonial-slider .uk-slideshow, .testimonial-slider .uk-slideshow > li {display: block;height: auto !important;min-height: 0 !important;position: relative;} |
||||
|
||||
.testimonial-slider .uk-overlay-panel > div {text-align:center;} |
||||
.testimonial-slider .uk-overlay-panel > div:before {content: open-quote;display: block;margin: 0 auto;height: 40px;width: 40px;text-align: center;line-height: 80px;font-size: 90px;} |
||||
|
||||
.testimonial-slider .uk-slideshow > li > img, .testimonial-slider .uk-slideshow > li > img + video {visibility: visible;opacity: 1 !important;position: absolute;left: auto;right: 0;pointer-events: auto !important;} |
||||
.testimonial-slider .uk-slideshow > li > div + img {position: relative;left: auto;right: auto;} |
||||
.testimonial-slider .uk-slideshow > li > img + video {left: auto; transform: none;top: auto;min-width: 0;min-height: 0;width: 100%;position: relative !important;} |
||||
|
||||
.testimonial-slider.grayscale .uk-slideshow > li > img, .testimonial-slider.grayscale .uk-slideshow > li > img + video, .testimonial-slider.grayscale .uk-slideshow > li > .embed-container iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);} |
||||
|
||||
.testimonial-slider h3.quote-title, .testimonial-slider h3.quote-title + p {max-width: 55%;text-align:right;margin: 0 0 15px;} |
||||
.testimonial-slider h3.quote-title:before {content:"";display: inline-block;height: 1px;width: 50px;background: #000;margin: 0;position: relative;top: -5px;left: -20px;} |
||||
|
||||
.testimonial-slider .embed-container + .uk-cover-background { display: none;} |
||||
|
||||
.uk-slideset-nav {margin-top: 10px;padding: 5px;position: relative;} |
||||
.uk-slideset-nav li {margin-top: 2px;padding-left: 10px;} |
||||
.uk-dotnav > * > * {border: none !important;box-shadow: none !important;height: 15px;width: 15px;border-radius: 0;transform: rotate(45deg);margin: 4px;} |
||||
|
||||
/* -- Main -- */ |
||||
.mod-title h1 { margin: 0; position: relative; z-index: 2} |
||||
|
||||
.tm-main {margin: 0 auto;} |
||||
body:not(.frame-wrapper) .tm-main {max-width: 800px;} |
||||
body.homepage .tm-content {padding-top: 40px;text-align:justify;} |
||||
|
||||
.uk-article .pagenavcounter {text-align:right;} |
||||
.homepage .uk-article .uk-button{ margin: 10px 20px 0 0} |
||||
|
||||
/* Header Line Style */ |
||||
.uk-header-line {padding: 0 0 30px;margin: 0 0 40px;position: relative;} |
||||
.uk-header-line:before {content:"";height: 20px;width: 20px;position: absolute;bottom: -10px;left: 0;right: 0;margin: 0 auto;background: #000;transform:rotate(45deg);box-shadow: 0 0 0 10px #fff;z-index: 1;} |
||||
.uk-header-line:after {content:"";margin: 0 auto;height: 1px;width: 80%;max-width: 250px;position: absolute;background: #000;left: 0;right: 0;bottom: 0;z-index:0;} |
||||
|
||||
|
||||
/* Store - Mijoshop */ |
||||
#header_oc #cart {border: none;top: 0;left: 0;position: relative;float: left;min-width: 250px;} |
||||
#button-payment-method {padding: 0;} |
||||
#header_oc #cart .content_oc {margin: 0px;min-height: 40px;} |
||||
#header_oc #search_oc input {background: none;box-shadow: none;border: none;border-radius: 0;padding: 7.5px;height: 40px;line-height: 40px;margin: 0;width: 100%;} |
||||
#header_oc #search_oc {top: 0; width: 245px;} |
||||
div#header_oc {min-height: 170px;} |
||||
#header_oc .links {padding: 0} |
||||
#header_oc #cart .heading {text-align:center;} |
||||
|
||||
/* ACY */ |
||||
#acymodifyform div.inputVal, #acymodifyform div.acyListInfo, .acymailing_buttonCountryCode {float: none;} |
||||
.acymailing_divCountryCode + input {max-width: 270px !important} |
||||
.captchafieldcomponent input {width: 100% !important;} |
||||
#acyuserinfo label, #acyusersubscription label {line-height: 55px;} |
||||
|
||||
/* Rsform Calendar Button */ |
||||
.rsform-calendar-button{color: inherit !important;border: 1px solid !important;border-color: #e0e0e0 !important;} |
||||
|
||||
/* Event Registration */ |
||||
.event-registration form > h2 { display: none;} |
||||
|
||||
/* Home Gallery */ |
||||
.home-gallery {margin-top: -215px;display:block;float:none;} |
||||
.home-gallery > div:first-child {width: 100%;overflow: hidden;} |
||||
.home-gallery > div:nth-child(n+2) {width: 50%; overflow: hidden;} |
||||
.home-gallery > div:nth-child(n+2), .home-gallery > div:nth-child(n+2) > div {height: 15vw;max-height: 190px;} |
||||
.home-gallery > div:first-child, .home-gallery > div:first-child > div, .home-gallery > div:nth-child(2), .home-gallery > div:nth-child(2) > div {height: calc(30vw + 35px);max-height: 415px;} |
||||
|
||||
.home-gallery .uk-panel-teaser {height: 100%;} |
||||
.home-gallery .uk-panel-teaser, .home-gallery figure {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;} |
||||
|
||||
/* Sidebars & Panels */ |
||||
.uk-panel-box, #header_oc #cart, blockquote {padding: 50px;} |
||||
.uk-panel-box-primary {border: none;} |
||||
.uk-panel-box .uk-panel-title, #header_oc #cart .heading h4 {margin-bottom: 25px; text-align:center} |
||||
.uk-panel-box-primary .uk-panel-title {text-align:center;} |
||||
|
||||
.uk-panel-box.panel-fixed.uk-active {animation: none; transition: none;} |
||||
|
||||
/* Sidebar Menu */ |
||||
.uk-panel-box > .uk-nav-side {margin: 0;} |
||||
.uk-panel-box .uk-nav-side > li > a, .uk-nav-side > li > a {padding: 0;margin: 5px 0;} |
||||
aside .uk-panel-box .uk-nav-side > li > a {text-align:center;} |
||||
.uk-panel-box .uk-nav-side ul.uk-nav-sub {padding: 0 0 0 10px;} |
||||
.uk-panel-box .uk-nav-side.uk-nav ul a {padding: 0;} |
||||
|
||||
/* Blockquotes */ |
||||
blockquote {border: none; padding-top: 50px} |
||||
blockquote::before {left: 35px;top: 20px;font-size: 100px;font-style: normal;line-height: 70px;width: 30px;height: 30px;} |
||||
blockquote h6 {margin: 10px 0 0;} |
||||
|
||||
/* Upcoming Events */ |
||||
.events-121 {border: none;} |
||||
.events-121 .uk-panel-title {padding: 25px;text-align:center;} |
||||
.events-121 .mod_events_latest_content {display: block;} |
||||
.events-121 .mod_events_latest_callink > a:after {content: none; } |
||||
.events-121 .link-121 {display:inline-block;} |
||||
.events-121 .link-121 span {display: none;} |
||||
|
||||
/* Iconic Theme Calendar */ |
||||
.jev_gray .jevdateicon,.jev_pagination,.jev_toprow div.currentmonth span,#jevents_body .event_legend_container,.jev_toprow div.previousmonth span,.jev_toprow div.nextmonth span,.jev_toprow,#jevents_body .jev_listview .jev_listrow div.jevleft,#jevents_body .tableh1{ |
||||
border:none !important;} |
||||
.jev_gray .jevdateicon1,.jev_gray .jevdateicon2,.jev_gray .jevdateicon,.jev_gray .jev_toprow div.previousmonth, .jev_gray .jev_toprow div.nextmonth,#jevents_body .tableh1,.jev_pagination [class^="icon-"], .jev_pagination [class*=" icon-"],.jev_daysnames,.jev_gray .jev_toprow div.previousmonth a,.jev_gray .jev_toprow div.nextmonth a{ |
||||
background:none !important;background-color: none !important;} |
||||
.jev_toprow div.currentmonth,.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth,.jev_listview .jev_toprow,#jevents_body .tableh1,.jev_daysnames,.jev_toprow{height:auto;} |
||||
.jev_listview .previousmonth, .jev_listview .nextmonth,.jev_header,.homepage span.jevdateicon,.tm-sidebar-a span.jevdateicon1, .tm-sidebar-a span.jevdateicon2{display:none !important;} |
||||
.jev_listview .jev_listrow {display: flex;} |
||||
span.jevdateicon1, span.jevdateicon2 {display: inline;} |
||||
#jevents_body .jev_listview .jev_listrow div.jevleft {float: left;width: 40%;} |
||||
.jev_gray .jevdateicon1 {margin-right: 5px;} |
||||
#jevents_body .jev_listview .jev_listrow div.jevright {margin: 0px;padding: 10px 0; |
||||
width: 60%;} |
||||
.jevdateicon {margin: 10px auto;} |
||||
a.ev_link_row {padding-left: 15px;} |
||||
#jevents_body .tableh1 {padding: 25px 12px;} |
||||
.jev_listview .jev_daysnames {padding: 5px 0;} |
||||
.jev_listview .jev_toprow {padding: 15px 0;} |
||||
.jev_listview .jev_toprow div.currentmonth {width: 100%;} |
||||
.jev_daysnames > span {display: block;border-width: 1px 1px 1px 0px;padding: 8px 0;} |
||||
.jev_daysnames0 > span {border-width: 1px 1px 1px 1px;} |
||||
.jev_week {width: 99.4%;} |
||||
div#jevents_body {overflow: hidden;} |
||||
.jev_toprow div.previousmonth span,.jev_toprow div.nextmonth span{padding: 15px 0;} |
||||
.jev_toprow div.currentmonth span {padding: 15px 0;} |
||||
.events-121 .mod_events_latest_callink {position: relative;} |
||||
#jevents_body a.cal_titlelink {padding-left: 5px;line-height: 22px;} |
||||
#jevents_body .eventstyle {border-width: 0px 0px 0px 5px;border-radius: 0;} |
||||
#jevents_body .eventstyle{padding:0px;} |
||||
|
||||
@media (max-width: 767px) { |
||||
#jevents_body .jev_listrow .eventfull {margin-top: 0 !important;} |
||||
.jev_listrow {margin: 10px 0 !important;padding: 10px !important;border: 1px solid #e5e4e4;} |
||||
#jevents_body .eventstyle {padding: 0px 10px;} |
||||
span.jevdateicon1 {padding-right: 5px;} |
||||
#jevents_body .eventfull {margin: 0;padding: 0px 0 0 5px;;} |
||||
.jevdateicon {margin: 0px auto;} |
||||
} |
||||
|
||||
/* Calendar */ |
||||
.cal_td_daysnames {padding: 13px 15px !important;} |
||||
|
||||
/* EClub Signup */ |
||||
.eclub-121 {margin-top:0;position: relative; z-index: 1;} |
||||
.eclub-121 .uk-panel-title {margin-bottom: 5px;} |
||||
.eclub-121 .uk-form-horizontal .uk-form-controls {margin: 0 auto;} |
||||
.eclub-121 .uk-form select, .eclub-121 .uk-form textarea, .eclub-121 .uk-form input:not([type]), .eclub-121 .uk-form input[type="text"], .eclub-121 .uk-form input[type="password"], .eclub-121 .uk-form input[type="datetime"], .eclub-121 .uk-form input[type="datetime-local"], .eclub-121 .uk-form input[type="date"], .eclub-121 .uk-form input[type="month"], .eclub-121 .uk-form input[type="time"], .eclub-121 .uk-form input[type="week"], .eclub-121 .uk-form input[type="number"], .eclub-121 .uk-form input[type="email"], .eclub-121 .uk-form input[type="url"], .eclub-121 .uk-form input[type="search"], .eclub-121 .uk-form input[type="tel"], .eclub-121 .uk-form input[type="color"] {max-width: 100%;width: 100% !important;} |
||||
.eclub-121 fieldset.uk-form .uk-form-row {text-align: left;} |
||||
.eclub-121 fieldset.uk-form .uk-form-row:first-child {margin-top: 0 !Important} |
||||
.eclub-121 form {margin: 10px 0 0;} |
||||
.eclub-121 .uk-grid-width-medium-1-2 > * {width: 100% !important;} |
||||
.eclub-121 fieldset.uk-form .uk-form-row:last-child {margin: 25px 0 0 !important;} |
||||
.eclub-121 .uk-form-horizontal .uk-form-label {margin: 0;top: 2px;} |
||||
|
||||
/* Home Parallax */ |
||||
.home-parallax {min-height: 400px; position: relative;} |
||||
.home-parallax:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: .2;display: block;} |
||||
|
||||
/* Tables */ |
||||
.ev_table td.ev_td_left {text-align:center;} |
||||
.uk-article table:not(.yui-calendar):not(.myForm) th, .uk-article table:not(.yui-calendar):not(.myForm) td {padding: 13px 15px;} |
||||
.uk-article table:not(.yui-calendar):not(.myForm) tr:not(:last-child) {border: 1px solid; border-width: 0 0 1px 0; } |
||||
.uk-article table:not(.yui-calendar):not(.myForm) tr > td:not(:first-child) {border-width: 0 0 0 1px;} |
||||
.uk-article table:not(.yui-calendar):not(.myForm) th, .uk-article table:not(.yui-calendar):not(.myForm) tr > td:first-child {border: none;} |
||||
|
||||
|
||||
/* Awards Container */ |
||||
.awards-container {-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;} |
||||
.awards-container > * {width: 50%} |
||||
.awards-container h3 {margin: 0} |
||||
|
||||
|
||||
/* -- Footer -- */ |
||||
.footer-top {float:right;width: 80%;margin: 0 10%;} |
||||
.uk-pull-1-2 .tm-footer {padding: 0;min-height: 0;float: left;} |
||||
|
||||
.tm-footer-centered {padding-top: 70px;padding-bottom: 70px;} |
||||
|
||||
.uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover {text-decoration: none;} |
||||
.uk-block-secondary + .tm-block-footer, .uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary {border: none;} |
||||
|
||||
.uk-subnav {margin: 0;} |
||||
.uk-subnav > * {padding: 0;margin: 20px 10px 0;line-height: 1;} |
||||
.uk-subnav-line > :before {content: none;} |
||||
.footer-social {margin-top: 20px;} |
||||
|
||||
.tm-block-footer [class*='uk-icon-'] {font-size: 16px;border: 1px solid #000;border-radius: 50%;height: 30px;width: 30px;line-height: 30px;text-align:center;} |
||||
.tm-block-footer [class*='uk-icon-'] + [class*='uk-icon-'] {margin-left:10px;} |
||||
|
||||
/* -- Offcanvas -- */ |
||||
#offcanvas {display: block;visibility: hidden;transition-duration: .3s;background: rgba(0,0,0,.2);} |
||||
#offcanvas.uk-offcanvas.uk-active {visibility: visible;} |
||||
.uk-offcanvas-bar {width: 240px;} |
||||
#offcanvas .uk-offcanvas-bar {width: 100%; padding: 0;} |
||||
#offcanvas .uk-close-alt:after {font-size: 26px;position: relative;top: -2px;} |
||||
#offcanvas .uk-offcanvas-close {padding: 10px;display: block;text-align: center;text-transform: uppercase;text-decoration: none;color: #fff;line-height: 1;} |
||||
#offcanvas .uk-offcanvas-close .uk-close-alt {background: none;width: auto;border-radius: 0;line-height: 1 !important;} |
||||
#offcanvas .uk-nav-parent-icon > .uk-parent > a:after {margin-right: 0;} |
||||
.tm-navbar-small .uk-navbar-toggle {padding: 0;font-size: 32px;height: 80px;width: 80px;text-align: center;} |
||||
.uk-nav-offcanvas > li > a {margin: 0;padding: 10px 5px;border-bottom: 1px solid;} |
||||
.uk-nav-offcanvas ul.uk-nav-sub {padding: 5px 0 5px 20px;} |
||||
|
||||
.mobile-icon {font-size: 30px;position: relative;} |
||||
.mobile-icon a {width: 80px;height: 80px;line-height: 80px;text-align:center;} |
||||
|
||||
.uk-offcanvas-bar:after, .uk-offcanvas-bar-flip:after {box-shadow: 0 0 30px 20px rgba(0, 0, 0, 0.05);} |
||||
html .uk-nav.uk-nav-offcanvas > li.uk-active > a, .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, .uk-nav-offcanvas > li > a:active {box-shadow: none;} |
||||
|
||||
#offcanvas .uk-nav:after {content: ""; height: 0px; width: 100%; display:block; margin-top: 20px; border-bottom: 1px solid;} |
||||
#offcanvas .uk-nav, #offcanvas .toolbar-assets {padding: 20px 40px 0;} |
||||
|
||||
#offcanvas .toolbar-assets > div, #offcanvas .toolbar-assets > div > * {display: block; margin: 25px 0} |
||||
|
||||
.toolbar-assets > div:not(.social-icons) > a > i {margin: 0 10px 10px 0 !important;} |
||||
.toolbar-assets .social-icons {display: none;} |
||||
.toolbar-assets .social-icons a {margin: 0 !important;} |
||||
.toolbar-assets .social-icons a + a {margin-left: 10px !important;} |
||||
|
||||
.toolbar-assets {line-height: 1;} |
||||
.toolbar-assets a >[class*='uk-icon-'] {float:left;line-height: 1;height: 20px;margin: 0 15px 0 0 !important;} |
||||
.toolbar-assets > div:not(.social-icons) > a.uk-button {margin: 25px 0 40px !important;} |
||||
|
||||
/* To Top */ |
||||
.totop-scroller-container {padding: 15px 0;border-top: 2px solid;} |
||||
#tm-anchor-bottom {display: inline-block;width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none;} |
||||
#tm-anchor-bottom:before {content: '\f102';font-family: 'FontAwesome';font-size: 30px;} |
||||
|
||||
|
||||
/* -- Forms -- */ |
||||
form {margin-bottom: 0} |
||||
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"]{border: 2px solid; border-width:0 0 3px; padding: 7.5px 20px;height: 55px;box-sizing: border-box;width: 100%;} |
||||
#acymodifyform select, #acymodifyform textarea, #acymodifyform input[type="text"], #acymodifyform input[type="password"], #acymodifyform input[type="datetime"], #acymodifyform input[type="datetime-local"], #acymodifyform input[type="date"], #acymodifyform input[type="month"], #acymodifyform input[type="time"], #acymodifyform input[type="week"], #acymodifyform input[type="number"], #acymodifyform input[type="email"], #acymodifyform input[type="url"], #acymodifyform input[type="search"], #acymodifyform input[type="tel"], #acymodifyform input[type="color"], #acymodifyform .uneditable-input {max-width: 320px;} |
||||
.uk-form-horizontal .uk-form-label {top: 2px;} |
||||
fieldset.uk-form .uk-form-controls {position: relative;} |
||||
fieldset.uk-form .uk-form-row:first-child {margin-top: 0 !important;} |
||||
.uk-form input.rsform-calendar-box:not(.rsform-calendar-button) {width: 100% !important;position: relative;} |
||||
.uk-form input.rsform-calendar-box.rsform-calendar-button {position: absolute;right: 0;top: 0;bottom: 0;padding: 0 10px !important;background: rgba(0,0,0,.05) !important;color: inherit !important;} |
||||
.uk-form textarea {min-height: 100px;} |
||||
|
||||
/* Community Builder */ |
||||
.cb_template .radio input[type="radio"], .cb_template .radio-inline input[type="radio"], .cb_template .checkbox input[type="checkbox"], .cb_template .checkbox-inline input[type="checkbox"] {margin-top: 4px;} |
||||
.cb_template input[type="submit"] {width: auto !important} |
||||
|
||||
/* Course Tour 121 */ |
||||
.coursetour-121 {border: none;} |
||||
.coursetour-121 .uk-tab > li:not(.uk-tab-responsive) > a {padding: 20px 25px !important;box-sizing: border-box;line-height: 1.6;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;display: inline-flex;width: 11.11%;min-height: 80px;} |
||||
|
||||
/* Iframe Container */ |
||||
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} |
||||
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} |
||||
|
||||
|
||||
.uk-block:not(.uk-block-large) + .uk-block.uk-block-large:not(#tm-main) {padding-top: 0;} |
||||
|
||||
.tm-block-collapse { padding: 0 !important;} |
||||
.uk-grid-collapse {margin-left: 0 !important} |
||||
.uk-grid-collapse > * { padding-left: 0 !important;} |
||||
|
||||
.uk-overlay-panel {padding: 35px;} |
||||
|
||||
.uk-overlay-fade, |
||||
.uk-overlay-scale, |
||||
.uk-overlay-spin, |
||||
.uk-overlay-grayscale, |
||||
.uk-overlay-blur, |
||||
[class*='uk-overlay-slide'] { |
||||
transition-duration: 0.5s; |
||||
transition-timing-function: ease-out; |
||||
transition-property: opacity, transform, filter; |
||||
} |
||||
|
||||
.uk-alert h2 { margin-bottom: 10px;} |
||||
.uk-alert h2 + * {margin-top: 0;} |
||||
|
||||
/* =========================== Animations ================================ */ |
||||
|
||||
/* Hero Area */ |
||||
.homepage-slideshow:after, .homepage-slideshow > div > :last-child, .homepage-slideshow .uk-slidenav-position .uk-slidenav, .homepage .tm-navbar-left, .homepage .tm-navbar-center, .homepage .tm-navbar-right, .homepage .tm-toolbar, .slideshow-overlay {-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-iteration-count: 1;} |
||||
|
||||
.homepage .tm-navbar-left {animation-delay: 1.25s;-webkit-animation-name: uk-fade-left; animation-name: uk-fade-left; z-index: 1;} |
||||
.homepage .tm-navbar-center {animation-delay: 1.25s;-webkit-animation-name: uk-fade-top; animation-name: uk-fade-top;} |
||||
.homepage .tm-navbar-right, .homepage .tm-toolbar {animation-delay: 1.25s;-webkit-animation-name: uk-fade-right; animation-name: uk-fade-right;} |
||||
|
||||
|
||||
.slideshow-overlay {animation-delay: 2s;-webkit-animation-name: uk-fade; animation-name: uk-fade;} |
||||
.homepage-slideshow > div > :last-child {animation-delay: 2s;-webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom;} |
||||
.homepage-slideshow .uk-slidenav-position .uk-slidenav-previous {animation-delay: 2s;-webkit-animation-name: uk-fade-left; animation-name: uk-fade-left;} |
||||
.homepage-slideshow .uk-slidenav-position .uk-slidenav-next {animation-delay: 2s;-webkit-animation-name: uk-fade-right; animation-name: uk-fade-right;} |
||||
|
||||
.homepage-slideshow:after {animation-delay: .75s;-webkit-animation-name: slidein; animation-name: slidein; -webkit-animation-duration: 1s;animation-duration: 1s;} |
||||
|
||||
@-o-keyframes slidein {from {bottom: 100%;} to { bottom: 0;}} |
||||
@-moz-keyframes slidein {from {bottom: 100%;} to { bottom: 0;}} |
||||
@-webkit-keyframes slidein {from {bottom: 100%;} to { bottom: 0;}} |
||||
@keyframes slidein {from {bottom: 100%;} to { bottom: 0;}} |
||||
|
||||
/* Home Body */ |
||||
|
||||
.homepage-buttons.uk-active .uk-slideset > li > div , .homepage-buttons.uk-active .uk-slidenav-position + .uk-flex, .homepage .uk-article.uk-active *, .testimonial-slider.uk-active .uk-margin, .testimonial-slider.uk-active .quote-title, .testimonial-slider.uk-active .uk-button-link {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;} |
||||
|
||||
.homepage .uk-article.uk-active h1, .homepage .uk-article.uk-active h1 *, .testimonial-slider.uk-active .uk-margin {animation-delay: .5s;-webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom;} |
||||
.homepage .uk-article.uk-active *, .testimonial-slider.uk-active .quote-title {animation-delay: 1.5s; -webkit-animation-name: uk-fade;animation-name: uk-fade;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-timing-function: linear!important;animation-timing-function: linear!important;} |
||||
.testimonial-slider.uk-active .uk-button-link {animation-delay: 2s;-webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom;} |
||||
|
||||
.homepage .tm-navbar > div > div.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-top, .tm-toolbar.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-top {animation: none; opacity: 1;} |
||||
|
||||
.homepage-buttons.uk-active .uk-slideset > li > div {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: uk-fade; animation-name: uk-fade;} |
||||
.homepage-buttons.uk-active .uk-slideset > li > div {animation-delay: .5s; } |
||||
.homepage-buttons.uk-active .uk-slideset > li:nth-child(3n+2) > div {animation-delay: 1s; } |
||||
.homepage-buttons.uk-active .uk-slideset > li:nth-child(3n+3) > div {animation-delay: 1.5s; } |
||||
.homepage-buttons.uk-active .uk-slidenav-position + .uk-flex {animation-delay: 2s; -webkit-animation-name: uk-fade; animation-name: uk-fade;} |
||||
|
||||
|
||||
.homepage .uk-article:not(.uk-active), .testimonial-slider:not(.uk-active), .homepage-buttons:not(.uk-active) {opacity: 0;} |
||||
.tm-navbar-wrapper-animate.uk-active .tm-navbar-left *, .tm-navbar-wrapper-animate.uk-active .tm-navbar-right * {display: none !important; animation: none !important;} |
||||
|
||||
/* =========================== Responsive ================================ */ |
||||
|
||||
@media (min-width: 1220px) { |
||||
.uk-container {max-width: 1200px;padding: 0 70px;} |
||||
.uk-grid {margin-left: -35px;} |
||||
.uk-grid > * {padding-left: 35px;} |
||||
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px;} |
||||
.uk-block { padding-top: 35px;padding-bottom: 35px;} |
||||
.uk-block-large { padding-top: 80px;padding-bottom: 80px;} |
||||
|
||||
.homepage .uk-slideshow-fullscreen, .homepage .uk-slideshow-fullscreen > li {height: calc(100vh + 100px) !important;min-height: 700px !important;} |
||||
} |
||||
|
||||
@media (max-width: 1219px) { |
||||
.uk-container {padding: 0 50px;} |
||||
.uk-grid {margin-left: -35px;} |
||||
.uk-grid > * {padding-left: 35px;} |
||||
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px;} |
||||
.uk-block { padding-top: 35px;padding-bottom: 35px;} |
||||
.uk-block-large { padding-top: 80px;padding-bottom: 80px;} |
||||
|
||||
.uk-navbar-nav > li {margin: 0 4px} |
||||
.tm-navbar-right .uk-button {padding: 0 20px; min-height: 40px; height: 40px; line-height: 36px;} |
||||
|
||||
.home-gallery {margin-top: -165px;} |
||||
.homepage .uk-slideshow-fullscreen, .homepage .uk-slideshow-fullscreen > li {height: calc(100vh + 50px) !important;min-height: 700px !important;} |
||||
} |
||||
|
||||
@media (min-width: 1025px) { |
||||
.tm-header-container .uk-slideshow-fullscreen > li .uk-cover-background {background-attachment: fixed;} |
||||
|
||||
.tm-navbar-wrapper-animate:not(.uk-active) .uk-navbar {position: fixed;left: 0;right: 0;} |
||||
.homepage-slideshow > div > :last-child, .homepage-slideshow .uk-slidenav, .slideshow-overlay {position: fixed;} |
||||
.homepage .tm-block-header .uk-sticky-placeholder {z-index: unset;} |
||||
.tm-wrapper > div:not(#tm-header), .tm-navbar-sticky .tm-navbar-wrapper-animate:not(.uk-active), .homepage #tm-footer, .totop-scroller-container {z-index: 1;position: relative;} |
||||
} |
||||
|
||||
@media (max-width: 1024px) { |
||||
.uk-container {padding: 0 35px;} |
||||
.tm-toolbar, .tm-navbar .uk-hidden-small {display: none !important;} |
||||
.tm-navbar-small, .uk-visible-small {display: flex !important;} |
||||
.homepage .uk-slideshow-fullscreen, .homepage .uk-slideshow-fullscreen > li {height: 100vh !important; min-height: 700px !important;} |
||||
.uk-navbar-nav > li > a:not(.uk-button) {padding: 0 2px} |
||||
.tm-navbar-right .uk-button {padding: 0 15px;} |
||||
|
||||
.tm-toolbar .uk-hidden-small {display: block !Important;} |
||||
.social-icons {margin-top: 10px;} |
||||
|
||||
body.homepage .tm-content {padding-top: 0;} |
||||
|
||||
.home-gallery {margin-top: -115px;} |
||||
.home-gallery > div:nth-child(n+2), .home-gallery > div:nth-child(n+2) > div {height: 15vw;max-height: 200px;} |
||||
.home-gallery > div:nth-child(2), .home-gallery > div:nth-child(2) > div {height: calc(30vw + 35px);max-height: 425px;} |
||||
|
||||
|
||||
.footer-top {margin-left: 0; margin-right: 0; width: 100%;} |
||||
} |
||||
|
||||
@media (min-width: 960px) { |
||||
.testimonial-slider .uk-slideshow > li > img, .testimonial-slider .uk-slideshow > li > img + video, .testimonial-slider .uk-slideshow > li > .embed-container {float:right;width: 100%;max-width: 66.67%;margin-top: 100px;} |
||||
.testimonial-slider .uk-slideshow > li > .embed-container {padding-bottom: 33.5%;} |
||||
.testimonial-slider .uk-overlay-panel {width: 100%;max-width: 55%;padding: 0;} |
||||
body:not(.homepage) .tm-header-container .uk-slideshow {height: 350px !important;} |
||||
body:not(.homepage) .tm-header-container .uk-slideshow > li {height: 350px !important;min-height:350px !important;} |
||||
} |
||||
|
||||
@media (max-width: 959px) { |
||||
body:not(.homepage) .tm-navbar, .homepage .tm-navbar {top: 0;} |
||||
.tm-navbar-left {left: 20px;z-index: 1;} |
||||
.tm-navbar .tm-navbar-container {padding: 0 20px;min-height: 80px;} |
||||
.tm-more .uk-navbar-toggle {margin-left: 5px !important;} |
||||
|
||||
.homepage-slideshow > div > :last-child {padding: 0 25px 70px;} |
||||
|
||||
.uk-container {padding: 0 25px;} |
||||
|
||||
.home-gallery {margin-top: -85px;} |
||||
.home-gallery > div:nth-child(n+2), .home-gallery > div:nth-child(n+2) > div {height: 15vw;max-height: 200px;} |
||||
.home-gallery > div:nth-child(2), .home-gallery > div:nth-child(2) > div {height: calc(30vw + 25px);max-height: 425px;} |
||||
|
||||
.uk-grid {margin-left: -25px;} |
||||
.uk-grid > * {padding-left: 25px;} |
||||
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px;} |
||||
.uk-block { padding-top: 25px;padding-bottom: 25px;} |
||||
.uk-block-large, .tm-footer-centered { padding-top: 105px;padding-bottom: 50px;} |
||||
|
||||
.uk-panel-box {padding: 25px;} |
||||
|
||||
.testimonial-slider {margin: 0} |
||||
.testimonial-slider .uk-slideshow > li {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;margin: 0; padding: 0; list-style: none;} |
||||
.testimonial-slider .uk-overlay-panel {position: relative;-ms-flex-order: -1;-webkit-order: -1;order: -1;} |
||||
.testimonial-slider .uk-cover-background {display: none;} |
||||
.testimonial-slider .uk-slideshow > li > div + img {height: 100% !important} |
||||
.testimonial-slider .uk-slideshow > li > .embed-container {width: 100%;padding-bottom: 50%;} |
||||
.testimonial-slider h3.quote-title, .testimonial-slider h3.quote-title + p {max-width: 100%; text-align: center;} |
||||
.testimonial-slider h3.quote-title:before {display: none;} |
||||
|
||||
.awards-container {display: block;text-align: center;} |
||||
.awards-container h3 {margin-bottom: 25px;} |
||||
.awards-container > * {width: 100%} |
||||
} |
||||
|
||||
@media (min-width: 768px) and (max-width: 1024px){ |
||||
.homepage .uk-article { font-size: .8em; line-height: 2em;} |
||||
.tm-footer.uk-width-medium-2-3 {width: 50%;} |
||||
.homepage .uk-article .uk-button {margin-right: 0;} |
||||
.testimonial-slider .uk-overlay-panel {padding: 25px 85px;} |
||||
} |
||||
|
||||
@media (min-width: 768px) and (max-width: 959px){ |
||||
.uk-panel-body {padding: 20px 40px} |
||||
.tm-navbar-small .uk-visible-small {display: flex !important;} |
||||
.homepage-buttons.uk-active .uk-slideset > li > div {animation-delay: .5s !important} |
||||
.homepage-buttons.uk-active .uk-slideset > li:nth-child(2n+2) > div {animation-delay: 1s !important} |
||||
.homepage-buttons.uk-active .uk-slidenav-position + .uk-flex {animation-delay: 1.5s;} |
||||
} |
||||
|
||||
@media (min-width: 768px) { |
||||
.tm-header-container .uk-slideshow > li .uk-overlay-panel {padding-top: 100px} |
||||
body:not(.homepage) .tm-navbar-small {background: none !important;} |
||||
|
||||
.tm-block-fullwidth {padding: 0;} |
||||
#container_oc .buttons .center {text-align: right;} |
||||
#container_oc .buttons .center a{margin-right: 20px;} |
||||
|
||||
fieldset.uk-form .uk-form-row {margin: 5px 0 0!important;} |
||||
.uk-subnav {-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;margin: -20px 0 0 -10px !important;} |
||||
} |
||||
|
||||
@media (max-width: 767px) { |
||||
.uk-block-default + .uk-block-default {padding-top: 0} |
||||
body:not(.homepage) .tm-navbar {position: relative;} |
||||
|
||||
.homepage-slideshow > div > :last-child, .slideshow-overlay {padding: 25px !important} |
||||
.homepage-slideshow .uk-slidenav {top: calc(50% - 30px) !important;} |
||||
.slideshow-overlay:before {top: calc(50% - 100px)} |
||||
|
||||
.uk-overlay-panel {padding: 25px;} |
||||
|
||||
.tm-navbar-wrapper-animate:not(.uk-active) .uk-navbar {margin: 25px 0 0;} |
||||
.tm-footer-centered {padding: 25px 0;} |
||||
.uk-panel-box {padding: 25px;} |
||||
.uk-button, .uk-button-large {text-align: center; min-height: 50px; width: auto; padding: 15px 25px; line-height: 20px; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: inline-block;} |
||||
|
||||
#header_oc #cart {max-width: calc(100% - 100px);text-align:center;float: none;width: 100%;min-width: calc(100% - 100px);} |
||||
|
||||
.homepage .uk-article .uk-button {margin: 15px 20px 0 0} |
||||
|
||||
.eclub-121 .uk-form {margin: 0} |
||||
.eclub-121 .uk-form > .uk-form-row{width: 100%;} |
||||
|
||||
.testimonial-slider .uk-overlay-panel {padding: 25px 45px;} |
||||
|
||||
.home-gallery {margin-top: 0px} |
||||
|
||||
.homepage-buttons {max-width: 500px; margin: 0 auto} |
||||
.home-gallery > div:nth-child(n+2), .home-gallery > div:nth-child(n+2) > div {height: 30vw;max-height: 200px;} |
||||
.home-gallery > div:first-child, .home-gallery > div:first-child > div, .home-gallery > div:nth-child(2), .home-gallery > div:nth-child(2) > div {height: calc(60vw + 25px);max-height: 425px;} |
||||
|
||||
.footer-top, .tm-footer { width: 100%;} |
||||
.tm-footer {margin-top: 25px;} |
||||
.footer-social {margin-top: 10px;} |
||||
|
||||
.home-parallax {height: 300px !important;min-height: 300px !important;background-size: cover !important;background-position: 50% 50% !important;} |
||||
.footer-top {margin-top: 0 !important} |
||||
.eclub-121 {margin-top: -50px;} |
||||
|
||||
.homepage-buttons.uk-active .uk-slideset > li:nth-child(n) > div {animation-delay: .5s !important} |
||||
.homepage-buttons.uk-active .uk-slidenav-position + .uk-flex {animation-delay: 1s;} |
||||
} |
||||
|
||||
@media (max-width: 520px) { |
||||
.homepage .uk-article .uk-button {margin: 15px 0 0 0} |
||||
} |
||||
|
||||
@media (max-width: 500px) { |
||||
#container_oc .buttons .uk-button {display: block; text-align:center;} |
||||
.uk-form .uk-button, #acymodifyform .uk-button {width: 100%;} |
||||
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"], .acymodifybutton .uk-button { width: 100%;} |
||||
.acymailing_divCountryCode + input {max-width: 100% !important} |
||||
|
||||
.uk-subnav {display: block;flex: none;} |
||||
.uk-subnav > * {display: block;float: none;margin: 12.5px 0;} |
||||
.uk-subnav > *:first-child {margin-top: 0;} |
||||
.uk-subnav > *:last-child {margin-bottom: 0;} |
||||
|
||||
.homepage-buttons .uk-dotnav > * > * {width: 14px;height: 14px;margin: 0 4px;} |
||||
.homepage-buttons .uk-slidenav { font-size: 38px; width: 40px; height: 40px; line-height: 38px;} |
||||
.homepage-buttons .uk-slideset-nav {margin: 0;} |
||||
.homepage-buttons .uk-slideset-nav .uk-slideset-nav li {margin: 0;} |
||||
|
||||
.slideshow-overlay:before { height: 50vw; width: 50vw; top: calc(50% - 25vw);} |
||||
.homepage-slideshow .uk-slidenav-position .uk-slidenav {top: calc(50% - 20px) !important;width: 40px;height: 40px;font-size: 40px;line-height: 40px;} |
||||
.homepage-slideshow .uk-slidenav-position .uk-slidenav-previous {left: 5vw;} |
||||
.homepage-slideshow .uk-slidenav-position .uk-slidenav-next {right: 5vw;} |
||||
|
||||
.testimonial-slider .uk-overlay-panel {padding: 25px;} |
||||
} |
||||
|
||||
@media (min-width: 400px) { |
||||
.home-gallery figure, .home-gallery figure img {width: 140%; height: auto; max-width: 140%;} |
||||
} |
||||
|
||||
@media (max-width: 399px) { |
||||
.home-gallery > div, .home-gallery > div > div {width: 100% !Important; height: 200px !important;} |
||||
} |
||||
|
||||
@-moz-document url-prefix() { |
||||
@media (min-width: 400px) { |
||||
.home-gallery figure, .home-gallery figure img {width: auto; height: 100%; max-width: 140%;} |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,199 @@ |
||||
<!DOCTYPE HTML> |
||||
<html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/theme.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/custom.css"}}" /> |
||||
</head> |
||||
|
||||
<body class="tm-isblog"> |
||||
|
||||
<div class="tm-wrapper"> |
||||
|
||||
|
||||
<div id="tm-header" class="tm-block-header"> |
||||
|
||||
<div class="tm-navbar-wrapper "> |
||||
|
||||
<div class="tm-navbar uk-navbar"> |
||||
|
||||
<div class="uk-container uk-container-center tm-navbar-container"> |
||||
|
||||
<div class="tm-navbar-left uk-flex uk-flex-middle" style="padding: 15px 0;"> |
||||
<a href="{{.IndexUrl}}" class="uk-navbar-brand uk-flex uk-flex-middle uk-hidden-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" width="150" /></div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="tm-navbar-center uk-flex uk-flex-center uk-flex-middle uk-hidden-medium"> |
||||
<ul class="uk-navbar-nav uk-hidden-small"> |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div |
||||
class="tm-navbar-small uk-flex uk-flex-middle uk-flex-center uk-flex-space-between uk-hidden-large"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="tm-logo-small uk-navbar-brand uk-flex uk-flex-middle uk-visible-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" /></div> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="tm-main" class="tm-block-main uk-block uk-block-default uk-block-large "> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
|
||||
<div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> |
||||
|
||||
<div class="tm-main uk-width-medium-1-1"> |
||||
|
||||
|
||||
<main id="tm-content" class="tm-content"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<span>\ {{.Title}}</span> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h2 id="title">{{.Title}}</h2> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-12" style="padding: 0 20px;"> |
||||
<!-- article content start --> |
||||
<!-- span class="link" |
||||
section="shortcodeLink"><a |
||||
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the |
||||
iPhone</a></span> --> |
||||
<article id="article"> |
||||
<img width="100%" style="padding: 0 20px;" src="{{getCover .Article.Pictures}}" /> |
||||
<p class="speakableTextP1">{{.Article.Summary}}</p> |
||||
{{range .Article.Topics}} |
||||
<p><strong>{{.Topic}}</strong></p> |
||||
{{$tlen := len .Pictures}} |
||||
{{if ne $tlen 0}} |
||||
{{range .Pictures}} |
||||
<img width="100%" src="{{replaceImage .}}" /> |
||||
{{end}} |
||||
{{end}} |
||||
<p>{{.Content}}</p> |
||||
{{end}} |
||||
</article> |
||||
<!-- article content end --> |
||||
<div class="article-page"> |
||||
{{ if .Prev }} |
||||
<div class="hidden-text"> |
||||
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a> |
||||
</div> |
||||
{{ end }} |
||||
{{ if .Next }} |
||||
<div class="hidden-text"> |
||||
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a> |
||||
</div> |
||||
{{ end }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="tm-footer" class="tm-block-footer tm-footer-centered uk-block-muted"> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
<ul class="navbar-nav mr-auto"> |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="uk-grid"> |
||||
<div> |
||||
<footer class="tm-footer"> |
||||
<div class="uk-panel"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,193 @@ |
||||
<!DOCTYPE HTML> |
||||
<html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/theme.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/custom.css"}}" /> |
||||
</head> |
||||
|
||||
<body class="tm-isblog"> |
||||
|
||||
<div class="tm-wrapper"> |
||||
|
||||
|
||||
<div id="tm-header" class="tm-block-header"> |
||||
|
||||
<div class="tm-navbar-wrapper "> |
||||
|
||||
<div class="tm-navbar uk-navbar"> |
||||
|
||||
<div class="uk-container uk-container-center tm-navbar-container"> |
||||
|
||||
<div class="tm-navbar-left uk-flex uk-flex-middle" style="padding: 15px 0;"> |
||||
<a href="{{.IndexUrl}}" class="uk-navbar-brand uk-flex uk-flex-middle uk-hidden-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" width="150" /></div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="tm-navbar-center uk-flex uk-flex-center uk-flex-middle uk-hidden-medium"> |
||||
<ul class="uk-navbar-nav uk-hidden-small"> |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div |
||||
class="tm-navbar-small uk-flex uk-flex-middle uk-flex-center uk-flex-space-between uk-hidden-large"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="tm-logo-small uk-navbar-brand uk-flex uk-flex-middle uk-visible-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" /></div> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="tm-main" class="tm-block-main uk-block uk-block-default uk-block-large "> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
|
||||
<div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> |
||||
|
||||
<div class="tm-main uk-width-medium-1-1"> |
||||
|
||||
|
||||
<main id="tm-content" class="tm-content"> |
||||
|
||||
|
||||
<div id="system-message-container"> |
||||
</div> |
||||
{{ range .Articles }} |
||||
<div class="uk-grid tm-leading-article"> |
||||
<div class="uk-width-1-1"> |
||||
<article class="uk-article"> |
||||
|
||||
<a href="{{.Url}}" title=""><img src="{{getCover .Cover}}" style="width: 100%;"></a> |
||||
|
||||
<h1 class="uk-article-title"> |
||||
<a href="{{.Url}}" style=" |
||||
overflow: hidden; text-overflow: ellipsis; |
||||
display:-webkit-box; -webkit-box-orient:vertical; |
||||
-webkit-line-clamp:2;">{{.Title}}</a> |
||||
</h1> |
||||
<p style=" |
||||
overflow: hidden; text-overflow: ellipsis; |
||||
display:-webkit-box; -webkit-box-orient:vertical; |
||||
-webkit-line-clamp:4;">{{.Title}}{{.Summary}}</p> |
||||
|
||||
|
||||
<p> |
||||
<a href="{{.Url}}">{{.Views}} {{lang "views"}}</a> |
||||
</p> |
||||
|
||||
</article> |
||||
|
||||
</div> |
||||
</div> |
||||
{{end}} |
||||
|
||||
<ul class="uk-pagination"> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<li><a class="prev" href="{{.PrevUrl}}" title="prev">{{lang "prev"}}</a></li> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<li><a class="next" href="{{.NextUrl}}" title="Next">{{lang "next"}}</a></li> |
||||
{{ end }} |
||||
</ul> |
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="tm-footer" class="tm-block-footer tm-footer-centered uk-block-muted"> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
<ul class="navbar-nav mr-auto"> |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="uk-grid"> |
||||
<div> |
||||
<footer class="tm-footer"> |
||||
<div class="uk-panel"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,155 @@ |
||||
<!DOCTYPE HTML> |
||||
<html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>{{.Title}}</title> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<meta name="referrer" content="unsafe-url"> |
||||
<meta name="keywords" content="{{.Keywords}}"> |
||||
<meta name="description" content="{{.Description}}"> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/theme.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/index.css"}}" /> |
||||
<link type="text/css" rel="stylesheet" href="{{staticFile "css/custom.css"}}" /> |
||||
</head> |
||||
|
||||
<body class="tm-isblog"> |
||||
|
||||
<div class="tm-wrapper"> |
||||
|
||||
|
||||
<div id="tm-header" class="tm-block-header"> |
||||
|
||||
<div class="tm-navbar-wrapper "> |
||||
|
||||
<div class="tm-navbar uk-navbar"> |
||||
|
||||
<div class="uk-container uk-container-center tm-navbar-container"> |
||||
|
||||
<div class="tm-navbar-left uk-flex uk-flex-middle" style="padding: 15px 0;"> |
||||
<a href="{{.IndexUrl}}" class="uk-navbar-brand uk-flex uk-flex-middle uk-hidden-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" width="150" /></div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="tm-navbar-center uk-flex uk-flex-center uk-flex-middle uk-hidden-medium"> |
||||
<ul class="uk-navbar-nav uk-hidden-small"> |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="uk-parent"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
|
||||
<div |
||||
class="tm-navbar-small uk-flex uk-flex-middle uk-flex-center uk-flex-space-between uk-hidden-large"> |
||||
<a href="{{.IndexUrl}}" |
||||
class="tm-logo-small uk-navbar-brand uk-flex uk-flex-middle uk-visible-small"> |
||||
<div><img src="{{replaceImage .Logo}}" alt="logo" /></div> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="tm-main" class="tm-block-main uk-block uk-block-default uk-block-large "> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
|
||||
<div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> |
||||
|
||||
<div class="tm-main uk-width-medium-1-1"> |
||||
|
||||
|
||||
<main id="tm-content" class="tm-content"> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
|
||||
</main> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
<div id="tm-footer" class="tm-block-footer tm-footer-centered uk-block-muted"> |
||||
|
||||
<div class="uk-container uk-container-center"> |
||||
<ul class="navbar-nav mr-auto"> |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="nav-item"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
<div class="uk-grid"> |
||||
<div> |
||||
<footer class="tm-footer"> |
||||
<div class="uk-panel"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</footer> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
|
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
Loading…
Reference in new issue