Skip to content

Commit 3927a19

Browse files
timschofieldtimschofield
committed
New dialog to prompt the user when logging out. Also blurs background when dialog is shown
Files changed in commit: css/aguapop-rtl/dialogs.css css/aguapop/dialogs.css css/arc-dark-rtl/dialogs.css css/arc-dark/dialogs.css css/default-rtl/dialogs.css css/default/dialogs.css css/fluid-rtl/dialogs.css css/fluid/dialogs.css css/fresh-rtl/dialogs.css css/fresh/dialogs.css css/gel-rtl/dialogs.css css/gel/dialogs.css css/professional-rtl/dialogs.css css/professional/dialogs.css css/silverwolf-rtl/dialogs.css css/silverwolf/dialogs.css css/wood-rtl/dialogs.css css/wood/dialogs.css css/xenos-rtl/dialogs.css css/xenos/dialogs.css includes/header.php javascripts/dialogs.js
1 parent 73c1963 commit 3927a19

File tree

22 files changed

+1030
-3
lines changed

22 files changed

+1030
-3
lines changed

‎css/aguapop-rtl/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,53 @@ box-shadow:0 0 0;
7373
}
7474
#dialog .okButton:hover {
7575
background-color:#B0C4DE;
76+
}
77+
#logoutDialog {
78+
background:#4682B4;
79+
border-radius:17px;
80+
width:30%;
81+
border: 4px solid black;
82+
padding:0px;
83+
}
84+
#LogoutDialogHeader {
85+
font-size:16px;
86+
font-weight:bold;
87+
margin-top: 0;
88+
padding-left:32px;
89+
padding-right:4px;
90+
margin-left:4px;
91+
background-image:url(images/quit.png);
92+
background-repeat: no-repeat;
93+
background-size:24px 24px;
94+
background-position:5px center;
95+
background-color:#B0C4DE;
96+
width:93%;
97+
border-radius:12px;
98+
color:#494C56;
99+
}
100+
#LogoutDialogText {
101+
color:white;
102+
font-size:14px;
103+
}
104+
#cancelLogout {
105+
margin-right: 10px;
106+
padding: 8px 16px;
107+
cursor: pointer;
108+
}
109+
#confirmLogout {
110+
padding: 8px 16px;
111+
cursor: pointer;
112+
background-color: #d9534f;
113+
color: white;
114+
border: none;
115+
border-radius: 3px;
116+
}
117+
#DialogButtonContainer {
118+
margin-top: 20px;
119+
text-align: right;
120+
}
121+
#DialogContainer {
122+
padding: 20px;
123+
padding-top:5px;
124+
padding-left:5px;
76125
}

‎css/aguapop/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,53 @@ box-shadow:0 0 0;
7373
}
7474
#dialog .okButton:hover {
7575
background-color:#B0C4DE;
76+
}
77+
#logoutDialog {
78+
background:#4682B4;
79+
border-radius:17px;
80+
width:30%;
81+
border: 4px solid black;
82+
padding:0px;
83+
}
84+
#LogoutDialogHeader {
85+
font-size:16px;
86+
font-weight:bold;
87+
margin-top: 0;
88+
padding-left:32px;
89+
padding-right:4px;
90+
margin-left:4px;
91+
background-image:url(images/quit.png);
92+
background-repeat: no-repeat;
93+
background-size:24px 24px;
94+
background-position:5px center;
95+
background-color:#B0C4DE;
96+
width:93%;
97+
border-radius:12px;
98+
color:#494C56;
99+
}
100+
#LogoutDialogText {
101+
color:white;
102+
font-size:14px;
103+
}
104+
#cancelLogout {
105+
margin-right: 10px;
106+
padding: 8px 16px;
107+
cursor: pointer;
108+
}
109+
#confirmLogout {
110+
padding: 8px 16px;
111+
cursor: pointer;
112+
background-color: #d9534f;
113+
color: white;
114+
border: none;
115+
border-radius: 3px;
116+
}
117+
#DialogButtonContainer {
118+
margin-top: 20px;
119+
text-align: right;
120+
}
121+
#DialogContainer {
122+
padding: 20px;
123+
padding-top:5px;
124+
padding-left:5px;
76125
}

‎css/arc-dark-rtl/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,4 +72,53 @@ box-shadow:0 0 0;
7272
}
7373
#dialog okButton:hover {
7474
background-color:#595D66;
75+
}
76+
#logoutDialog {
77+
background:#404552;
78+
border-radius:17px;
79+
width:30%;
80+
border: 4px solid white;
81+
padding:0px;
82+
}
83+
#LogoutDialogHeader {
84+
font-size:16px;
85+
font-weight:bold;
86+
margin-top: 0;
87+
padding-left:32px;
88+
padding-right:4px;
89+
margin-left:4px;
90+
background-image:url(images/quit.png);
91+
background-repeat: no-repeat;
92+
background-size:24px 24px;
93+
background-position:5px center;
94+
background-color:#A3D2FF;
95+
width:93%;
96+
border-radius:12px;
97+
color:#00644B;
98+
}
99+
#LogoutDialogText {
100+
color:white;
101+
font-size:14px;
102+
}
103+
#cancelLogout {
104+
margin-right: 10px;
105+
padding: 8px 16px;
106+
cursor: pointer;
107+
}
108+
#confirmLogout {
109+
padding: 8px 16px;
110+
cursor: pointer;
111+
background-color: #d9534f;
112+
color: white;
113+
border: none;
114+
border-radius: 3px;
115+
}
116+
#DialogButtonContainer {
117+
margin-top: 20px;
118+
text-align: right;
119+
}
120+
#DialogContainer {
121+
padding: 20px;
122+
padding-top:5px;
123+
padding-left:5px;
75124
}

‎css/arc-dark/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,4 +72,53 @@ box-shadow:0 0 0;
7272
}
7373
#dialog okButton:hover {
7474
background-color:#595D66;
75+
}
76+
#logoutDialog {
77+
background:#404552;
78+
border-radius:17px;
79+
width:30%;
80+
border: 4px solid white;
81+
padding:0px;
82+
}
83+
#LogoutDialogHeader {
84+
font-size:16px;
85+
font-weight:bold;
86+
margin-top: 0;
87+
padding-left:32px;
88+
padding-right:4px;
89+
margin-left:4px;
90+
background-image:url(images/quit.png);
91+
background-repeat: no-repeat;
92+
background-size:24px 24px;
93+
background-position:5px center;
94+
background-color:#A3D2FF;
95+
width:93%;
96+
border-radius:12px;
97+
color:#00644B;
98+
}
99+
#LogoutDialogText {
100+
color:white;
101+
font-size:14px;
102+
}
103+
#cancelLogout {
104+
margin-right: 10px;
105+
padding: 8px 16px;
106+
cursor: pointer;
107+
}
108+
#confirmLogout {
109+
padding: 8px 16px;
110+
cursor: pointer;
111+
background-color: #d9534f;
112+
color: white;
113+
border: none;
114+
border-radius: 3px;
115+
}
116+
#DialogButtonContainer {
117+
margin-top: 20px;
118+
text-align: right;
119+
}
120+
#DialogContainer {
121+
padding: 20px;
122+
padding-top:5px;
123+
padding-left:5px;
75124
}

‎css/default-rtl/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,4 +74,53 @@ box-shadow:0 0 0;
7474
}
7575
#dialog .okButton:hover {
7676
background-color:#B06161;
77+
}
78+
#logoutDialog {
79+
background:#588BB6;
80+
border-radius:17px;
81+
width:30%;
82+
border: 4px solid black;
83+
padding:0px;
84+
}
85+
#LogoutDialogHeader {
86+
font-size:16px;
87+
font-weight:bold;
88+
margin-top: 0;
89+
padding-left:32px;
90+
padding-right:4px;
91+
margin-left:4px;
92+
background-image:url(images/quit.png);
93+
background-repeat: no-repeat;
94+
background-size:24px 24px;
95+
background-position:5px center;
96+
background-color:#C0DFFE;
97+
width:93%;
98+
border-radius:12px;
99+
color:#A62121;
100+
}
101+
#LogoutDialogText {
102+
color:white;
103+
font-size:14px;
104+
}
105+
#cancelLogout {
106+
margin-right: 10px;
107+
padding: 8px 16px;
108+
cursor: pointer;
109+
}
110+
#confirmLogout {
111+
padding: 8px 16px;
112+
cursor: pointer;
113+
background-color: #d9534f;
114+
color: white;
115+
border: none;
116+
border-radius: 3px;
117+
}
118+
#DialogButtonContainer {
119+
margin-top: 20px;
120+
text-align: right;
121+
}
122+
#DialogContainer {
123+
padding: 20px;
124+
padding-top:5px;
125+
padding-left:5px;
77126
}

‎css/default/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,4 +74,53 @@ box-shadow:0 0 0;
7474
}
7575
#dialog .okButton:hover {
7676
background-color:#B06161;
77+
}
78+
#logoutDialog {
79+
background:#588BB6;
80+
border-radius:17px;
81+
width:30%;
82+
border: 4px solid black;
83+
padding:0px;
84+
}
85+
#LogoutDialogHeader {
86+
font-size:16px;
87+
font-weight:bold;
88+
margin-top: 0;
89+
padding-left:32px;
90+
padding-right:4px;
91+
margin-left:4px;
92+
background-image:url(images/quit.png);
93+
background-repeat: no-repeat;
94+
background-size:24px 24px;
95+
background-position:5px center;
96+
background-color:#C0DFFE;
97+
width:93%;
98+
border-radius:12px;
99+
color:#A62121;
100+
}
101+
#LogoutDialogText {
102+
color:white;
103+
font-size:14px;
104+
}
105+
#cancelLogout {
106+
margin-right: 10px;
107+
padding: 8px 16px;
108+
cursor: pointer;
109+
}
110+
#confirmLogout {
111+
padding: 8px 16px;
112+
cursor: pointer;
113+
background-color: #d9534f;
114+
color: white;
115+
border: none;
116+
border-radius: 3px;
117+
}
118+
#DialogButtonContainer {
119+
margin-top: 20px;
120+
text-align: right;
121+
}
122+
#DialogContainer {
123+
padding: 20px;
124+
padding-top:5px;
125+
padding-left:5px;
77126
}

‎css/fluid-rtl/dialogs.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,4 +72,53 @@ box-shadow:0 0 0;
7272
}
7373
#dialog .okButton:hover {
7474
background-color:#569;
75+
}
76+
#logoutDialog {
77+
background:#556699;
78+
border-radius:17px;
79+
width:30%;
80+
border: 4px solid black;
81+
padding:0px;
82+
}
83+
#LogoutDialogHeader {
84+
font-size:16px;
85+
font-weight:bold;
86+
margin-top: 0;
87+
padding-left:32px;
88+
padding-right:4px;
89+
margin-left:4px;
90+
background-image:url(images/quit.png);
91+
background-repeat: no-repeat;
92+
background-size:24px 24px;
93+
background-position:5px center;
94+
background-color:#CCDDFF;
95+
width:93%;
96+
border-radius:12px;
97+
color:#000080;
98+
}
99+
#LogoutDialogText {
100+
color:white;
101+
font-size:14px;
102+
}
103+
#cancelLogout {
104+
margin-right: 10px;
105+
padding: 8px 16px;
106+
cursor: pointer;
107+
}
108+
#confirmLogout {
109+
padding: 8px 16px;
110+
cursor: pointer;
111+
background-color: #d9534f;
112+
color: white;
113+
border: none;
114+
border-radius: 3px;
115+
}
116+
#DialogButtonContainer {
117+
margin-top: 20px;
118+
text-align: right;
119+
}
120+
#DialogContainer {
121+
padding: 20px;
122+
padding-top:5px;
123+
padding-left:5px;
75124
}

0 commit comments

Comments
 (0)