phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

chat: add simple background animation while a COMM channel is loading

Browse Source
This commit is contained in:
Jon Atkins
2015-01-24 01:59:07 +00:00
parent a820f41b43
commit dc44b5d61d
3 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
style.css
View File

@ -198,7 +198,7 @@ a:hover {
border-color: #FFCE00;
border-bottom-width:0px;
font-weight:bold;
background: rgb(8, 48, 78);1
background: rgb(8, 48, 78);
}
#chatcontrols a.active + a {
@ -220,6 +220,32 @@ a:hover {
border-top: 10px solid #FFCE00;
}
#chatcontrols .loading {
background-color: rgba(255,0,0,0.3);
-webkit-animation: chatloading 1.2s infinite linear;
-moz-animation: chatloading 1.2s infinite linear;
animation: chatloading 1.2s infinite linear;
}
@-webkit-keyframes chatloading {
0% { background-color: rgba(255,0,0,0.4) }
50% { background-color: rgba(255,0,0,0.1) }
100% { background-color: rgba(255,0,0,0.4) }
}
@-moz-keyframes chatloading {
0% { background-color: rgba(255,0,0,0.4) }
50% { background-color: rgba(255,0,0,0.1) }
100% { background-color: rgba(255,0,0,0.4) }
}
@keyframes chatloading {
0% { background-color: rgba(255,0,0,0.4) }
50% { background-color: rgba(255,0,0,0.1) }
100% { background-color: rgba(255,0,0,0.4) }
}
#chat {
position: absolute;