Small animation for the MISP logo

pull/226/head
iglocska 2014-03-06 11:29:59 +01:00
parent eb69a6e78f
commit ffe033c20c
2 changed files with 25 additions and 6 deletions

View File

@ -26,10 +26,10 @@
echo Configure::read('MISP.welcome_text_top');
}?></span><br /><br />
<div class="nav" style="font-weight:bold; font-size:30px;text-align:center;">
<span style="color: #0088cc;">M</span><span style="color: #000000;">alware</span>
<span style="color: #0088cc;">I</span><span style="color: #000000;">nformation </span>
<span style="color: #0088cc;">S</span><span style="color: #000000;">haring</span>
<span style="color: #0088cc;">P</span><span style="color: #000000;">latform</span>
<span class="logoBlueBig">M</span><span style="color: #000000;">alware</span>
<span class="logoBlueBig">I</span><span style="color: #000000;">nformation </span>
<span class="logoBlueBig">S</span><span style="color: #000000;">haring</span>
<span class="logoBlueBig">P</span><span style="color: #000000;">latform</span>
</div>
<?php
if (true == Configure::read('MISP.welcome_text_bottom')) {

View File

@ -406,14 +406,33 @@ dd {
/* fonts for logo */
.logoBlue {
color: #0088cc;
text-shadow: #0088cc 0 0 5px;
-webkit-animation-name: bluePulse;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bluePulse {
from { color: #007d9a; text-shadow: #333 0 0 9px; }
50% { color: #0088cc; text-shadow: #0088cc 0 0 18px; }
to { color: #007d9a; text-shadow: #333 0 0 9px; }
}
.logoGray {
color: #999999;
}
.logoBlueBig {
-webkit-animation-name: bluePulseBig;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bluePulseBig {
from { color: #007d9a; text-shadow: #0088cc 0 0 3px; }
50% { color: #0088cc; text-shadow: #0088cc 0 0 6px; }
to { color: #007d9a; text-shadow: #0088cc 0 0 3px; }
}
.glass {
width: 100%;
height: 100%;