header updates

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

@ -31,7 +31,7 @@
</head> </head>
<body> <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="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <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}" /> <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"; @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 &.active {
.dropdown-toggle { color: #558;
i { text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
@-webkit-keyframes glow -webkit-animation:glow 1.5s infinite linear;
{ animation:glow 1.5s infinite linear;
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;
} }
} }
} }

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

Loading…
Cancel
Save