239 lines
5.8 KiB
PHP
239 lines
5.8 KiB
PHP
<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="#" 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 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()){ ?>
|
|
<div class="col-md-5 hidden-xs hidden-sm">
|
|
<div class="topbar-search">
|
|
<form method="get" action="<?php echo ossn_site_url("search");?>">
|
|
<input type="text" name="q" placeholder="<?php echo ossn_print('ossn:search');?>" onblur="if (this.value=='') { this.value=Ossn.Print('ossn:search'); }" onFocus="if (this.value==Ossn.Print('ossn:search')) { this.value='' };"/>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
|
|
<div class="topbar-menu-right text-right right-side">
|
|
<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>
|
|
<?php
|
|
if(ossn_isLoggedin()){
|
|
$hide_loggedin = "hidden-xs hidden-sm";
|
|
}
|
|
return;
|
|
?>
|