header updates

v1.18.x
psychobunny 12 years ago
parent 7796c9269c
commit 6fe5a93a73

@ -31,7 +31,7 @@
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="header-menu">
<div class="navbar navbar-inverse navbar-fixed-top header" role="navigation" id="header-menu">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@ -93,6 +93,4 @@
<input id="csrf_token" type="hidden" template-variable="csrf" value="{csrf}" />
<div class="container" id="content">
<div class="container" id="content">

@ -1,27 +1,28 @@
@import "../vanilla/header";
.header {
//glowing animation for active state
.dropdown-toggle {
i {
@-webkit-keyframes glow
{
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
}
@keyframes glow
{
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
}
//glowing animation for active state
.dropdown-toggle {
i {
@-webkit-keyframes glow
{
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
}
@keyframes glow
{
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
}
&.active {
color: #558;
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
-webkit-animation:glow 1.5s infinite linear;
animation:glow 1.5s infinite linear;
&.active {
color: #558;
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
-webkit-animation:glow 1.5s infinite linear;
animation:glow 1.5s infinite linear;
}
}
}
}

@ -40,15 +40,18 @@
}
}
.dropdown-toggle {
i {
&.active {
color: #558;
.header {
.dropdown-toggle {
i {
&.active {
color: #558;
}
}
}
}
.breadcrumb {
li {
max-width: 35%;

Loading…
Cancel
Save