CDPP / AMDA_IHM

Commit 01295ae1cc84e6e426d1e20adb91ddfb2667de78

Authored by Elena.Budnik
1 parent 0c2112c7
Exists in master and in 100 other branches 10098, 10178, 5390, 6629, 6728, 6920, 7494, 7497, 7616, 8459, 8528, 8928, 9014, 9016Bis, 9017, 9049, 9084, 9259, 9326, 9345, 9505, 9660, 9750, 9750.bck, 9800, 9980, FER_10285, FER_10400, FER_10435, FER_10557, FER_10663, FER_10765, FER_10828, FER_10828_2, FER_10829, FER_10836, FER_10852, FER_10934, FER_11100, FER_11242, FER_11478, FER_11500, FER_11537, FER_11586, FER_11588, FER_5119, FER_5165, FER_6265, FER_6860, FER_6899, FER_6951, FER_7618, FER_7862, FER_8455, FER_9629, FER_9660, FER_9915, FER_CR41, FER_CR42, FER_CR43, FER_TFCat, Histo1D2D, MAZ_10936, MAZ_11362, MAZ_11427, MAZ_6018, MAZ_9016_New, MAZ_FIX_9016, New_ColorMaps, SpeasyGet, akkodis/amdadev, amdadev, amdadev_test, anr_tempete, catalog-histo, create-user, cu2022, density_maps, develop, epn-tap, expression-parser-bre, frames-transformation, hapi, homePage, master_vge, mlplasmas, multiplot, new-save-plot-request, openam, plot-request, remoteData, rm_5776, rm_6912, rm_6912_bis, rm_7926, rm_8932, save-other-requests, special-params, test-merge, ws_get_catalog

nice loader

Showing 1 changed file with 11 additions and 19 deletions   Show diff stats
Inline Side-by-side
js/resources/css/login.css
  Diff comments   View file @01295ae
... ... @@ -25,36 +25,28 @@ input, textarea { font-family:verdana,tahoma,arial,verdana,sans-serif; font-size
25 25  
26 26 .loader {
27 27 display: inline-block;
28   - position: absolute;
29   - left: 60%;
30   - top: 50%;
31 28 width: 64px;
32 29 height: 64px;
33   - cursor: wait;
  30 + position: absolute;
  31 + left: 60%;
  32 + top: 50%;
34 33 }
35 34 .loader:after {
36 35 content: " ";
37 36 display: block;
  37 + width: 46px;
  38 + height: 46px;
  39 + margin: 1px;
38 40 border-radius: 50%;
39   - width: 0;
40   - height: 0;
41   - margin: 6px;
42   - box-sizing: border-box;
43   - border: 26px solid #fff;
  41 + border: 5px solid #fff;
44 42 border-color: #fff transparent #fff transparent;
45   - animation: loader 1.2s infinite;
  43 + animation: loader 1.2s linear infinite;
46 44 }
47   -
48   -@keyframes loader{
  45 +@keyframes loader {
49 46 0% {
50   - transform: rotate(0);
51   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
52   - }
53   - 50% {
54   - transform: rotate(900deg);
55   - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  47 + transform: rotate(0deg);
56 48 }
57 49 100% {
58   - transform: rotate(1800deg);
  50 + transform: rotate(360deg);
59 51 }
60 52 }
... ...