fixed logo
This commit is contained in:
@@ -1,13 +1,195 @@
|
||||
<style>
|
||||
.topbar .site-name a {
|
||||
font-family:'Conv_Halfomania-Regular', Sans-Serif !important;
|
||||
color: #fff;
|
||||
font-size:3em;
|
||||
font-weight: 100;
|
||||
margin-top: -18px;
|
||||
/*animation: glitch-p 11s infinite alternate;*/
|
||||
}
|
||||
.topbar .site-name a::before, .topbar .site-name a::after {
|
||||
color: #000!important;
|
||||
}
|
||||
.topbar .site-name a::before {
|
||||
animation: glitch-b 1.7s infinite alternate-reverse;
|
||||
}
|
||||
.topbar .site-name a::after {
|
||||
animation: glitch-a 3.1s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes glitch-p {
|
||||
17% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 0px #ff0000,
|
||||
0px 0px 2px #ff0000,
|
||||
0px 2px 8px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
36% {
|
||||
text-shadow: 0px 0px 0px #000;
|
||||
color: #222 }
|
||||
37% {
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
38% {
|
||||
text-shadow: 0px 0px 0px #000;
|
||||
color: #0000}
|
||||
47% {
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 0px #ff0000;
|
||||
}
|
||||
87% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 50px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
}
|
||||
@keyframes glitch-a {
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 1px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 8px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
0% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 0px #ff0000,
|
||||
0px 0px 0px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
20% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 2px #ff0000,
|
||||
0px 2px 2px #ff0000,
|
||||
0px 2px 50px #ff0000,
|
||||
0px 2px 6px #ff0000; }
|
||||
40% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 210px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 0px #ff0000;
|
||||
}
|
||||
60% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 21px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
80% {
|
||||
text-shadow: 0px 0px 0px #000; }
|
||||
100% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 21px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
}
|
||||
@keyframes glitch-b {
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 21px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 63px #ff0000;}
|
||||
0% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
20% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 21px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
40% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 50px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
60% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 21px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
80% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 28px #ff0000,
|
||||
0px 2px 5px #ff0000,
|
||||
0px 2px 3px #ff0000;
|
||||
}
|
||||
100% {
|
||||
text-shadow: 1px 1px 10px #ff0000,
|
||||
-1px -1px 10px #ff0000,
|
||||
0px 0px 1px #ff0000,
|
||||
0px 2px 0px #ff0000,
|
||||
0px 2px 50px #ff0000,
|
||||
0px 2px 63px #ff0000;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="topbar">
|
||||
<?php if(ossn_isLoggedin()){ ?>
|
||||
<div class="topbar-menu-left">
|
||||
<li id="sidebar-toggle" data-toggle='0'>
|
||||
<a role="button" data-target="#"> <i class="fa fa-th-list"></i></a>
|
||||
<a role="button" data-target="#" style="padding: 15px 5px 5px 5px">
|
||||
<img src="<?php echo ossn_theme_url(); ?>images/logo_animated.svg" style="width: 40px;height:40px;">
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<div class="container-fluid">
|
||||
<div class="col-md-2 col-sm-4 col-lg-3 hidden-xs site-name <?php echo $hide_loggedin;?>">
|
||||
<div class="col-md-2 col-sm-4 col-lg-3 site-name <?php echo $hide_loggedin;?>">
|
||||
<span><a href="<?php echo ossn_site_url();?>"><?php echo ossn_site_settings('site_name');?></a></span>
|
||||
</div>
|
||||
<?php if(ossn_isLoggedin()){ ?>
|
||||
@@ -20,8 +202,8 @@
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="col-md-4 col-lg-3 col-sm-6 text-right right-side">
|
||||
<div class="topbar-menu-right">
|
||||
|
||||
<div class="topbar-menu-right text-right right-side">
|
||||
<ul>
|
||||
<li class="ossn-topbar-dropdown-menu">
|
||||
<div class="dropdown">
|
||||
@@ -45,7 +227,7 @@
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,50 +236,4 @@
|
||||
$hide_loggedin = "hidden-xs hidden-sm";
|
||||
}
|
||||
return;
|
||||
?>
|
||||
<!-- ossn topbar -->
|
||||
<div class="topbar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-2 left-side left">
|
||||
<?php if(ossn_isLoggedin()){ ?>
|
||||
<div class="topbar-menu-left">
|
||||
<li id="sidebar-toggle" data-toggle='0'>
|
||||
<a role="button" data-target="#"> <i class="fa fa-th-list"></i></a>
|
||||
</li>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="col-md-7 site-name text-center <?php echo $hide_loggedin;?>">
|
||||
<span><a href="<?php echo ossn_site_url();?>"><?php echo ossn_site_settings('site_name');?></a></span>
|
||||
</div>
|
||||
<div class="col-md-3 text-right right-side">
|
||||
<div class="topbar-menu-right">
|
||||
<ul>
|
||||
<li class="ossn-topbar-dropdown-menu">
|
||||
<div class="dropdown">
|
||||
<?php
|
||||
if(ossn_isLoggedin()){
|
||||
echo ossn_plugin_view('output/url', array(
|
||||
'role' => 'button',
|
||||
'data-toggle' => 'dropdown',
|
||||
'data-target' => '#',
|
||||
'text' => '<i class="fa fa-sort-desc"></i>',
|
||||
));
|
||||
echo ossn_view_menu('topbar_dropdown');
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</li>
|
||||
<?php
|
||||
if(ossn_isLoggedin()){
|
||||
echo ossn_plugin_view('notifications/page/topbar');
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./ ossn topbar -->
|
||||
?>
|
||||
Reference in New Issue
Block a user