%PDF- %PDF-
Direktori : /home/nailstv/public_html/ua.nails.tv/smarty/templates_old/admin/ |
Current File : /home/nailstv/public_html/ua.nails.tv/smarty/templates_old/admin/video_akademia_activator.tpl.html |
<style> {literal} .button { display: inline-block; position: relative; color: #888; text-shadow: 0 1px 0 rgba(255,255,255, 0.8); text-decoration: none; text-align: center; padding: 24px 28px; font-size: 20px; font-weight: 700; font-family: helvetica, arial, sans-serif; border-radius: 4px; border: 1px solid #bcbcbc; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12); box-shadow: 0 1px 3px rgba(0,0,0,0.12); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%); } .button:hover { color: #555; } .button:active,.button:active:after,.button:active:before { -webkit-box-shadow: none; box-shadow: none; } /* Back Button */ .button.back { border-left: none; } .button.back:after { content: ''; position: absolute; height: 50%; width: 15px; border-left: 1px solid #bcbcbc; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); left: -5px; top: 1px; -webkit-transform: skew(-35deg, 0); -moz-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); transform: skew(-35deg, 0); } .button.back:before { content: ''; position: absolute; height: 48%; width: 15px; border-left: 1px solid #bcbcbc; bottom: 1px; left: -5px; -webkit-transform: skew(35deg, 0); -moz-transform: skew(35deg, 0); -o-transform: skew(35deg, 0); -ms-transform: skew(35deg, 0); transform: skew(35deg, 0); background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); -webkit-box-shadow: -2px 1px 2px rgba(100,100,100,0.1); box-shadow: -2px 1px 2px rgba(100,100,100,0.1); } /* Next Button */ .button.next { border-right: none; } .button.next:after { content: ''; position: absolute; height: 48%; width: 15px; border-right: 1px solid #bcbcbc; background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%); right: -5px; bottom: 1px; -webkit-transform: skew(-35deg, 0); -moz-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); transform: skew(-35deg, 0); -webkit-box-shadow: 2px 1px 2px rgba(100,100,100,0.1); box-shadow: 2px 1px 2px rgba(100,100,100,0.1); } .button.next:before { content: ''; position: absolute; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%); height: 50%; width: 15px; border-right: 1px solid #bcbcbc; top: 1px; right: -5px; -webkit-transform: skew(35deg, 0); -moz-transform: skew(35deg, 0); -o-transform: skew(35deg, 0); -ms-transform: skew(35deg, 0); transform: skew(35deg, 0); } {/literal} </style> <div style="margin-top:20px;"></div> {foreach from=$list item=item} <div style="margin-top:20px;"> <a class="button" {if $active == $item.id} style="background-image:none;text-shadow:0px;background-color: green !important;"{/if} href="{$wwwroot}/admin/video_akademia_activator.php?id={$item.id}">{$item.name} aktiválás</a> </div> {/foreach} <div style="margin-top:20px;"> <a class="button next" {if $active == 0} style="background-image:none;text-shadow:0px;background-color: green !important;"{/if} href="{$wwwroot}/admin/video_akademia_activator.php?id=0">Deaktivál</a> </div>