Skip to content
This repository has been archived by the owner on Feb 23, 2021. It is now read-only.

[*] FO: Refactor maintenance page #186

Merged
merged 1 commit into from
Apr 11, 2016
Merged

[*] FO: Refactor maintenance page #186

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 12 additions & 11 deletions themes/community-theme-16/maintenance.tpl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,21 @@
{/if}
<meta name="robots" content="{if isset($nobots)}no{/if}index,follow">
<link rel="shortcut icon" href="{$favicon_url}">
<link href="{$css_dir}global.css" rel="stylesheet">
<link href="{$css_dir}maintenance.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div id="maintenance">
<div class="logo"><img src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if} alt="logo" /></div>
{$HOOK_MAINTENANCE}
<div id="message">
<h1 class="maintenance-heading">{l s='We\'ll be back soon.'}</h1>
{l s='We are currently updating our shop and will be back really soon.'}
<br />
{l s='Thanks for your patience.'}
</div>
</div>

<div id="maintenance" class="text-center">
<img class="center-block img-responsive" src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if}>
<h1>{l s='We\'ll be back soon.'}</h1>
{$HOOK_MAINTENANCE}
<p>
{l s='We are currently updating our shop and will be back really soon.'}
<br>
{l s='Thanks for your patience.'}
</p>
</div>

</body>
</html>
53 changes: 3 additions & 50 deletions themes/community-theme-16/sass/maintenance.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,57 +2,10 @@
@import "theme_variables";
@import "vendor_variables";

#body {
background-color: #F7F7F7;
}
#maintenance {
margin: 50px 0 0 0;
background-color: #fff;
@include box-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
@media (min-width: $screen-lg) { // > 1200
margin: 126px 0 0 0;
padding: 50px;
}
.logo {
margin: 0 0 31px 0;
text-align: center;
}
padding: 30px 15px;
font-size: 1.3em;
h1 {
font-size: 24px;
padding: 0 0 14px 0;
margin: 0 0 19px 0;
}
#message {
font-size: 14px;
padding: 0 0 0 18px;
color: #555454;
text-align: center;
}
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 500px;
}
}
@media (min-width: 992px) {
.container {
width: 500px;
}
}
@media (min-width: 1200px) {
.container {
width: 500px;
}
}
@media only screen and (min-width: 1200px) {
.container {
padding-left: 0;
padding-right: 0;
font-size: 2.5em;
}
}