Revision d725fb12
| b/ui/static/main.css | ||
|---|---|---|
| 852 | 852 |
width: 35px; |
| 853 | 853 |
} |
| 854 | 854 |
|
| 855 |
/* Confirmation boxes */ |
|
| 855 | 856 |
div.confirm {
|
| 856 | 857 |
display: none; |
| 857 | 858 |
background-color: #DCDCDC; |
| 859 |
color: orange; |
|
| 860 |
font-size: 9pt; |
|
| 858 | 861 |
} |
| 859 | 862 |
|
| 860 |
#single {
|
|
| 861 |
float: right; |
|
| 862 |
width: 90px; |
|
| 863 |
height: 70px; |
|
| 864 |
margin: -65px -165px 0 0; |
|
| 865 |
} |
|
| 866 |
|
|
| 867 |
#single button{
|
|
| 863 |
div.confirm button{
|
|
| 868 | 864 |
font-size: 9pt; |
| 869 | 865 |
background-color: #DCDCDC; |
| 870 | 866 |
border: 1px solid #a5a5a5; |
| ... | ... | |
| 873 | 869 |
padding: 0px; |
| 874 | 870 |
} |
| 875 | 871 |
|
| 876 |
#single button.yes {
|
|
| 872 |
div.confirm button.yes {
|
|
| 877 | 873 |
border-color: orange; |
| 878 |
margin: 5px 0 0 5px; |
|
| 879 | 874 |
padding: 0 12px; |
| 880 | 875 |
} |
| 881 | 876 |
|
| 882 |
#single button.yes:hover {
|
|
| 877 |
div.confirm button.yes:hover {
|
|
| 883 | 878 |
background-color: orange; |
| 884 | 879 |
} |
| 885 | 880 |
|
| 886 |
#single button.no {
|
|
| 887 |
margin: 22px 0 0 5px; |
|
| 881 |
div.confirm button.no {
|
|
| 888 | 882 |
padding: 0px 16px; |
| 889 | 883 |
} |
| 890 | 884 |
|
| 891 |
#single button.no:hover {
|
|
| 885 |
div.confirm button.no:hover {
|
|
| 892 | 886 |
background-color: #a5a5a5; |
| 893 | 887 |
} |
| 894 | 888 |
|
| 889 |
div.confirm#single {
|
|
| 890 |
float: right; |
|
| 891 |
width: 90px; |
|
| 892 |
height: 70px; |
|
| 893 |
margin: -65px -165px 0 0; |
|
| 894 |
} |
|
| 895 |
|
|
| 896 |
div.confirm#single button.yes {
|
|
| 897 |
margin: 5px 0 0 5px; |
|
| 898 |
} |
|
| 899 |
|
|
| 900 |
div.confirm#single button.no {
|
|
| 901 |
margin: 22px 0 0 5px; |
|
| 902 |
} |
|
| 903 |
|
|
| 904 |
div.confirm#multiple {
|
|
| 905 |
width: 690px; |
|
| 906 |
height: 30px; |
|
| 907 |
margin: 0 0 10px -30px; |
|
| 908 |
} |
|
| 909 |
|
|
| 910 |
div.confirm#multiple p {
|
|
| 911 |
float: left; |
|
| 912 |
margin: 9px 0 0 200px; |
|
| 913 |
} |
|
| 914 |
|
|
| 915 |
div.confirm#multiple button {
|
|
| 916 |
float: right; |
|
| 917 |
margin: 6px 5px 0 0; |
|
| 918 |
} |
|
| 919 |
|
|
| 920 |
div.confirm#multiple button.no {
|
|
| 921 |
margin-right: 15px; |
|
| 922 |
} |
|
| 923 |
|
|
| 895 | 924 |
div#user{
|
| 896 | 925 |
float:right; |
| 897 | 926 |
clear: both; |
| b/ui/templates/machines.html | ||
|---|---|---|
| 166 | 166 |
|
| 167 | 167 |
<div id="machinesview"></div> |
| 168 | 168 |
|
| 169 |
<div id="multiple" class="confirm"></div> |
|
| 169 |
<div id="multiple" class="confirm"> |
|
| 170 |
<p>{% trans "Your actions will affect XX machines" %}</p>
|
|
| 171 |
<button class="yes">{% trans "Confirm" %}</button>
|
|
| 172 |
<button class="no">{% trans "Cancel" %}</button>
|
|
| 173 |
</div> |
|
| 170 | 174 |
|
| 171 | 175 |
<div id="machines" class="separator"></div> |
| 172 | 176 |
|
Also available in: Unified diff