Jump to content

Help with "MaintenanceTool" Module

Vinilizados
 Share

Recommended Posts

Vinilizados Newbie

Vinilizados

Posted
Posted

Hi, i need to move and remove some bits here, i tried the things i've read but can't get what i want, so here are the details.

I need to move the next things to those places and remove the red line from the top

 

post-877094-0-47963500-1443525550_thumb.jpg

 

Here i leave the CSS and the TLP

CSS:

body{background:#f8f8f8 url(../img/pattern/pattern.jpg);text-align:left;font-family;font-family:'PT Sans', Arial, sans-serif;color:#555;font-weight:400;border-top:2px solid #e75967;overflow-x:hidden;}
strong{font-weight:700;}
a{color:#999;}
a:hover{text-decoration:none;}
::-moz-selection{background:#e75967;color:#fff;text-shadow:none;}
::selection{background:#e75967;color:#fff;text-shadow:none;}
.logo h1{margin-top:7px;padding-left:50px;font-size:38px;font-weight:400;color:#555;}
.logo h1 span{color:#e75967;}
.logo a{color:#555;text-decoration:none;transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;}
.logo a:hover{color:#e75967;}
.img-responsive{display:block;height:auto;max-height:60px;max-width:100%;width:auto;}
.call-us{font-size:18px;text-align:right;}
.call-us p{margin-top:18px;padding-right:50px;}
.call-us p span{color:#888;}
.coming-soon{margin:0 auto;text-align:center;color:#fff;}
.inner-bg{padding:55px 0 60px 0;background:url(../img/pattern/pattern-3.png);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.3) inset;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.3) inset;box-shadow:0 1px 5px 0 rgba(0,0,0,.3) inset;}
.coming-soon h2{font-size:60px;font-weight:700;text-transform:uppercase;text-shadow:0 1px 7px rgba(0,0,0,.2);}
.coming-soon div.content p {margin-top:20px;font-size:38px;line-height:36px;text-shadow:0 1px 7px rgba(0,0,0,.2);}
.timer{margin-top:40px;text-shadow:0 1px 5px rgba(0,0,0,.1);}
.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper{display:inline-block;width:140px;height:140px;margin:0 10px;padding-top:20px;background:#2d2d2d;background:rgba(45,45,45,.7);font-size:18px;-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;}
.timer .days-wrapper:hover,
.timer .hours-wrapper:hover,
.timer .minutes-wrapper:hover,
.timer .seconds-wrapper:hover{background:#e75967 url(../img/pattern/pattern-2.png);text-shadow:none;}
.timer .days,
.timer .hours,
.timer .minutes,
.timer .seconds{font-size:60px;line-height:70px;}
.subscribe{margin-top:30px;text-align:center;}
.subscribe h3{font-size:32px;font-weight:400;color:#4D4D4D;line-height:40px;text-transform:uppercase;text-shadow:1px 2px 1px #fff;}
.subscribe p{font-size:18px;font-weight:400;line-height:36px;}
.subscribe form{margin-top:24px;margin-bottom:24px;}
.subscribe form input{width:310px;height:46px;margin:0;padding:0 10px;background:#fff;font-family:'PT Sans', Arial, sans-serif;font-size:18px;line-height:46px;color:#888;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.15);box-shadow:0 1px 3px 0 rgba(0,0,0,.15);}
.subscribe form input:focus{-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.15);box-shadow:0 1px 3px 0 rgba(0,0,0,.15);}
.subscribe form input:-moz-placeholder{color:#888;}
.subscribe form input:-ms-input-placeholder{color:#888;}
.subscribe form input::-webkit-input-placeholder{color:#888;}
.subscribe form button.submit, .modal-close{width:130px;height:46px;vertical-align:top;margin:0;padding:0;background:#e75967;border:0;font-family:'PT Sans', Arial, sans-serif;font-size:18px;line-height:46px;color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.3);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.25);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.25);box-shadow:0 1px 3px 0 rgba(0,0,0,.25);transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;}
.subscribe form button:hover{background:#e75967;color:#fff;}
.subscribe form button:active{background:#e75967;color:#fff;}
#check-conditions{vertical-align:inherit;width:auto;height:auto;}
label{font-weight:normal;}
#conditions{color:#999;padding-left:0;}
#conditions:hover{background:transparent;color:#4D4D4D;}
#newsletter-condition{text-align:left;}
.subscribe-msg{margin:20px auto 0;max-width:440px;}
.alert{font-weight:bold;}
.alert ul, .alert ol{padding-left:15px;margin-left:27px;}
.alert ul li, .alert ol li{list-style-type:decimal;font-weight:normal;}
.alert.alert-success{text-shadow:1px 1px rgba(0, 0, 0, 0.1);}
.alert.alert-danger{text-shadow:1px 1px rgba(0, 0, 0, 0.1);}
.social{margin-top:10px;padding-bottom:10px;text-align:center;}
.social a{display:inline-block;width:48px;height:48px;margin:3px;opacity:0.5;transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;}
.social a:hover{opacity:1;}
.social a.facebook{background:url(../img/social-icons/facebook.png);}
.social a.twitter{background:url(../img/social-icons/twitter.png);}
.social a.youtube{background:url(../img/social-icons/youtube.png);}
.social a.googleplus{background:url(../img/social-icons/googleplus.png);}
.social a.pinterest{background:url(../img/social-icons/pinterest.png);}
.social a.vimeo{background:url(../img/social-icons/vimeo.png);}
.social a.flickr{background:url(../img/social-icons/flickr.png);}
.social a.instagram{background:url(../img/social-icons/instagram.png);}
.social a.github{background:url(../img/social-icons/github.png);}
.languages{text-align:center;padding-top:10px;padding-bottom:10px;}
.language{display:inline;padding:5px;}
.language a{color:#999;}
.selected_language{color:#4D4D4D;}
.imprint{text-align:center;margin-top:20px;margin-bottom:20px;}
.modal-lg{max-width:1140px;}
.modal-body, .modal-body p{font-size:13px;line-height:normal;}
.modal-open{margin-right:16px;}
.responsive-player{position:relative;padding-bottom:56.25%;height:0;margin-bottom:20px;margin-top:20px;}
.responsive-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (min-width:768px) and (max-width:979px){.logo h1{padding-left:0;}
.call-us p{padding-right:0;}
.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper{width:120px;height:120px;margin:0 7px;padding-top:20px;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;}
.timer .days,
.timer .hours,
.timer .minutes,
.timer .seconds{font-size:40px;line-height:50px;}
}
@media (max-width:767px){body{padding-left:0;padding-right:0;}
.logo h1{padding-left:0;text-align:center;}
.img-responsive{margin:0 auto;max-height:100%;}
.call-us{padding-bottom:7px;text-align:center;}
.call-us p{padding-right:0;}
.inner-bg{padding:45px 0 50px 0;}
.coming-soon h2{font-size:36px;padding:0 20px;}
.coming-soon p{padding:0 20px;}
.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper{width:120px;height:120px;margin:7px;padding-top:20px;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;}
.timer .days,
.timer .hours,
.timer .minutes,
.timer .seconds{font-size:40px;line-height:50px;}
.subscribe h3{padding:0 20px;font-size:28px;}
.subscribe p{padding:0 20px;}
}
@media (max-width:480px){.img-responsive{margin:0 auto;max-height:100%;}
.coming-soon h2{font-size:30px;padding:0 20px;}
.subscribe form{padding:0 20px;}
.subscribe form input{width:90%;}
.subscribe form button{width:90%!important;margin-top:10px;}
#newsletter-form p{line-height:10px;margin-top:10px;}
}

TPL:

 

{*

* Maintenance Tools v2.0 (Prestashop 1.6)
* @author kik-off.com <[email protected]>
*}
<!-- Header -->
    <div class="header row">
        <div class="logo col-md-7">
            <h1>
   <a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
   <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
   </a>
   </h1>
        </div>
        <div class="call-us col-md-8">
            <p>{if isset($shop_phone) && $shop_phone}{l s='Tel' mod='maintenancetools'}: <span>{$shop_phone}</span>{/if}{if isset($shop_phone) && $shop_phone && isset($shop_email) && $shop_email} | {/if}{if isset($shop_email) && $shop_email}{l s='E-mail' mod='maintenancetools'}: <span>{$shop_email}</span>{/if}</p>
            </div>
        </div>
    </div>
<!-- Content -->
    <div class="coming-soon">
        <div class="inner-bg">
            <div class="container">
                <div class="row">
                    <h2>{$maintenance.title|escape:'html':'UTF-8'}</h2>
                    <div class="content">{$maintenance.content}</div>
{if $mt['PS_MAINTENANCE_COUNT'] == 1 && $date > $smarty.now|date_format:'%Y/%m/%d %H:%M:%S'}
                    <div class="timer">
                        <div class="days-wrapper">
                            <span class="days"></span> <br>{l s='days' mod='maintenancetools'}
                        </div>
                        <div class="hours-wrapper">
                            <span class="hours"></span> <br>{l s='hours' mod='maintenancetools'}
                        </div>
                        <div class="minutes-wrapper">
                            <span class="minutes"></span> <br>{l s='minutes' mod='maintenancetools'}
                        </div>
                        <div class="seconds-wrapper">
                            <span class="seconds"></span> <br>{l s='seconds' mod='maintenancetools'}
                        </div>
                    </div>
   {/if}
                </div>
            </div>
        </div>
    </div>
<!-- Newsletter -->
{if Module::isEnabled('blocknewsletter') && $mt['PS_MAINTENANCE_NEWS'] == 1}
    <div class="container">
        <div class="row">
            <div class="span12 subscribe">
                <h3>{l s='Subscribe to our newsletter' mod='maintenancetools'}</h3>
                <p>{l s='Stay tuned for news and updates.' mod='maintenancetools'}</p>
                <form id="newsletter-form" class="form-inline" action="{$link->getPageLink('index.php')}" method="post">
                    {assign var=unique_id value=sha1(md5(time()))}
<input type="text" name="email" placeholder="{l s='Enter your email...' mod='maintenancetools'}" />
<input type="text" id="url-{$unique_id}" size="20" autocomplete="off" class="hidden" name="url" />
<input name="action" type="hidden" value="0" />
<input name="submitNewsletter" type="hidden" value="1" />
                    <button type="submit" class="btn btn-default submit">{l s='Subscribe' mod='maintenancetools'}</button>
{if $mt['PS_MAINTENANCE_NEWS_C'] == 1 && $mt['PS_MAINTENANCE_NEWS_C_ID'] > 0}
<p><input type="checkbox" id="check-conditions" name="conditions" /> <label for="check-conditions">{l s='I read and accept them' mod='maintenancetools'}</label>
   <button id="conditions" rel="nofollow" rel="tooltip" data-placement="bottom" data-original-title="{l s='Newsletter conditions' mod='maintenancetools'}" type="button" class="btn-link">{l s='conditions' mod='maintenancetools'}.</button>
</p>
{/if}
                </form>
{if $mt['PS_MAINTENANCE_NEWS_C'] == 1 && $mt['PS_MAINTENANCE_NEWS_C_ID'] > 0}
           <div id="newsletter-condition" class="modal fade" tabindex="-1" aria-hidden="true" role="dialog">
               <div class="modal-dialog modal-lg">
                   <div class="modal-content">
                         <div class="modal-header">
                           <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="$('#newsletter-condition').modal('hide')">×</button>
                           <h4 class="modal-title">{$conditions.title|escape:'html':'UTF-8'}</h4>
                         </div>
                         <div class="modal-body">{$conditions.content}</div>
<div class="modal-footer">
                                    <button type="button" class="btn btn-default modal-close" data-dismiss="modal" onclick="$('#newsletter-condition').modal('hide')">{l s='Close' mod='maintenancetools'}</button>
                                </div>
                            </div>
                        </div>
                    </div>
<script type="text/javascript">
   $('#conditions').on('click', function (e) {
                            $('#newsletter-condition').modal({
   backdrop: false
});
                        });
</script>
{/if}
   </div>
{if isset($msg) && $msg}
   <div class="subscribe-msg"><p class="alert {if $nw_error}alert-danger{else}alert-success{/if}">{$msg}</p></div>
       {/if}
        </div>
    </div>
{/if}
<!-- Socials -->
{if $mt['PS_MAINTENANCE_FB'] == 1 ||
    $mt['PS_MAINTENANCE_TW'] == 1 ||
$mt['PS_MAINTENANCE_GO'] == 1 ||
$mt['PS_MAINTENANCE_PIN'] == 1 ||
$mt['PS_MAINTENANCE_YT'] == 1 ||
$mt['PS_MAINTENANCE_VIM'] == 1 ||
$mt['PS_MAINTENANCE_INST'] == 1 ||
$mt['PS_MAINTENANCE_FLICKR'] == 1 ||
$mt['PS_MAINTENANCE_GT'] == 1}
<div class="container">
    <div class="row">
        <div class="span12 social">
            {if $mt['PS_MAINTENANCE_FB'] == 1}
<a href="{$mt['PS_MAINTENANCE_FB_URL']}" class="facebook" rel="tooltip" data-placement="top" data-original-title="Facebook" target="_blank"></a>
{/if}
            {if $mt['PS_MAINTENANCE_TW'] == 1}
<a href="{$mt['PS_MAINTENANCE_TW_URL']}" class="twitter" rel="tooltip" data-placement="top" data-original-title="Twitter" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_GO'] == 1}
            <a href="{$mt['PS_MAINTENANCE_GO_URL']}" class="googleplus" rel="tooltip" data-placement="top" data-original-title="Google Plus" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_FLICKR'] == 1}
            <a href="{$mt['PS_MAINTENANCE_FLICKR_URL']}" class="flickr" rel="tooltip" data-placement="top" data-original-title="Flickr" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_INST'] == 1}
            <a href="{$mt['PS_MAINTENANCE_INST_URL']}" class="instagram" rel="tooltip" data-placement="top" data-original-title="Instagram" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_PIN'] == 1}
            <a href="{$mt['PS_MAINTENANCE_PIN_URL']}" class="pinterest" rel="tooltip" data-placement="top" data-original-title="Pinterest" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_YT'] == 1}
            <a href="{$mt['PS_MAINTENANCE_YT_URL']}" class="youtube" rel="tooltip" data-placement="top" data-original-title="Youtube" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_VIM'] == 1}
            <a href="{$mt['PS_MAINTENANCE_VIM_URL']}" class="vimeo" rel="tooltip" data-placement="top" data-original-title="Vimeo" target="_blank"></a>
{/if}
{if $mt['PS_MAINTENANCE_GT'] == 1}
            <a href="{$mt['PS_MAINTENANCE_GT_URL']}" class="github" rel="tooltip" data-placement="top" data-original-title="Github" target="_blank"></a>
{/if}
        </div>
    </div>
</div>
{/if}
<!-- Languages -->
{if count($languages) > 1}
<div class="languages container">
{foreach from=$languages key=k item=language name="languages"}
<div class="language{if $language.iso_code == $lang_iso} selected_language{/if}">
{if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
<a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}" rel="tooltip" data-placement="top" data-original-title="{$language.name}">
{else}
<a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}" rel="tooltip" data-placement="top" data-original-title="{$language.name}">
{/if}
{/if}
{$language.iso_code|upper}
{if $language.iso_code != $lang_iso}
</a>
{/if}
</div>
{/foreach}
</div>
{/if}
<!-- Imprint -->
{if isset($maintenance.imprint) && $maintenance.imprint}
    <div class="container">
   <p class="imprint">{$maintenance.imprint|escape:'html':'UTF-8'}</p>
    </div>
{/if}

 
Thanks.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...