1.red { 2 color: #c30; 3} 4 5.red:hover { 6 color: #f30; 7} 8 9.bold { 10 font-weight: bold; 11} 12 13.graph-row td { 14 text-align: center; 15} 16 17.image-preview { 18 display: none; 19 position: absolute; 20 z-index: 100; 21 height: 240px; 22 width: 480px; 23} 24 25.white { 26 color:#fff; 27} 28 29.bubblingG { 30 text-align: center; 31 width:125px; 32 height:78px; 33} 34 35.bubblingG span { 36 display: inline-block; 37 vertical-align: middle; 38 width: 16px; 39 height: 16px; 40 margin: 39px auto; 41 background: #006FC4; 42 -moz-border-radius: 79px; 43 -moz-animation: bubblingG 0.9s infinite alternate; 44 -webkit-border-radius: 79px; 45 -webkit-animation: bubblingG 0.9s infinite alternate; 46 -ms-border-radius: 79px; 47 -ms-animation: bubblingG 0.9s infinite alternate; 48 -o-border-radius: 79px; 49 -o-animation: bubblingG 0.9s infinite alternate; 50 border-radius: 79px; 51 animation: bubblingG 0.9s infinite alternate; 52} 53 54#bubblingG_1 { 55 -moz-animation-delay: 0s; 56 -webkit-animation-delay: 0s; 57 -ms-animation-delay: 0s; 58 -o-animation-delay: 0s; 59 animation-delay: 0s; 60} 61 62#bubblingG_2 { 63 -moz-animation-delay: 0.27s; 64 -webkit-animation-delay: 0.27s; 65 -ms-animation-delay: 0.27s; 66 -o-animation-delay: 0.27s; 67 animation-delay: 0.27s; 68} 69 70#bubblingG_3 { 71 -moz-animation-delay: 0.54s; 72 -webkit-animation-delay: 0.54s; 73 -ms-animation-delay: 0.54s; 74 -o-animation-delay: 0.54s; 75 animation-delay: 0.54s; 76} 77 78@-moz-keyframes bubblingG { 79 0% { 80 width: 16px; 81 height: 16px; 82 background-color:#006FC4; 83 -moz-transform: translateY(0); 84 } 85 100% { 86 width: 38px; 87 height: 38px; 88 background-color:#FFFFFF; 89 -moz-transform: translateY(-33px); 90 } 91} 92 93@-webkit-keyframes bubblingG { 94 0% { 95 width: 16px; 96 height: 16px; 97 background-color:#006FC4; 98 -webkit-transform: translateY(0); 99 } 100 100% { 101 width: 38px; 102 height: 38px; 103 background-color:#FFFFFF; 104 -webkit-transform: translateY(-33px); 105 } 106} 107 108@-ms-keyframes bubblingG { 109 0% { 110 width: 16px; 111 height: 16px; 112 background-color:#006FC4; 113 -ms-transform: translateY(0); 114 } 115 100% { 116 width: 38px; 117 height: 38px; 118 background-color:#FFFFFF; 119 -ms-transform: translateY(-33px); 120 } 121} 122 123@-o-keyframes bubblingG { 124 0% { 125 width: 16px; 126 height: 16px; 127 background-color:#006FC4; 128 -o-transform: translateY(0); 129 } 130 100% { 131 width: 38px; 132 height: 38px; 133 background-color:#FFFFFF; 134 -o-transform: translateY(-33px); 135 } 136} 137 138@keyframes bubblingG { 139 0% { 140 width: 16px; 141 height: 16px; 142 background-color:#006FC4; 143 transform: translateY(0); 144 } 145 100% { 146 width: 38px; 147 height: 38px; 148 background-color:#FFFFFF; 149 transform: translateY(-33px); 150 } 151} 152 153.bubblingG { 154 position:absolute; 155 left:0; right:0; 156 top:0; bottom:0; 157 margin:auto; 158 max-width:100%; 159 max-height:100%; 160 overflow:auto; 161} 162 163.navbar-brand > img { 164 width: 30px; 165 height: 30px; 166 margin-right: 5px; 167 margin-top: -5px; 168 display: inline; 169}