Patch #32106 » new-ajax-indicator.patch
| public/stylesheets/application.css (working copy) | ||
|---|---|---|
| 985 | 985 | |
| 986 | 986 |
/***** Ajax indicator ******/ |
| 987 | 987 |
#ajax-indicator {
|
| 988 |
position: absolute; /* fixed not supported by IE */ |
|
| 989 |
background-color:#eee; |
|
| 990 |
border: 1px solid #bbb; |
|
| 991 |
top:35%; |
|
| 992 |
left:40%; |
|
| 993 |
width:20%; |
|
| 994 |
font-weight:bold; |
|
| 995 |
text-align:center; |
|
| 996 |
padding:0.6em; |
|
| 997 |
z-index:100; |
|
| 998 |
opacity: 0.5; |
|
| 988 |
position: absolute; |
|
| 989 |
background-color: #ddd; |
|
| 990 |
top: 0%; |
|
| 991 |
left: 50%; |
|
| 992 |
width: 100px; |
|
| 993 |
font-weight: bold; |
|
| 994 |
text-align: center; |
|
| 995 |
padding: 0.6em; |
|
| 996 |
z-index: 100; |
|
| 997 |
opacity: 0.5; |
|
| 998 |
user-select: none; |
|
| 999 |
border-radius: 0px 0px 20px 20px; |
|
| 999 | 1000 |
} |
| 1001 |
#ajax-indicator::before, #ajax-indicator::after {position: absolute; height: 20px; width: 20px; top: 0px; content: "";}
|
|
| 1002 |
#ajax-indicator::after {right: -20px;border-radius: 12px 0px 0px 0px;box-shadow: -2px -8px 0px 0px #ddd;}
|
|
| 1003 |
#ajax-indicator::before {left: -20px;border-radius: 0px 12px 0px 0px;box-shadow: 2px -8px 0px 0px #ddd;}
|
|
| 1000 | 1004 | |
| 1001 | 1005 |
html>body #ajax-indicator { position: fixed; }
|
| 1002 | 1006 | |
