New: Added css declaration of ajax popup in themes

This commit is contained in:
Laurent Destailleur 2008-05-18 12:25:51 +00:00
parent 01c894e7d8
commit a14623066c
75 changed files with 746 additions and 8 deletions

View File

@ -634,7 +634,7 @@ function cleanSerialize(expr) {
==================================================================*/
function dialogConfirm(linkurl,message,ok,cancel,objectID) {
Dialog.confirm(message, {
width:300,
width:560,
okLabel: ok,
cancelLabel: cancel,
buttonClass: "buttonajax",

View File

@ -835,13 +835,13 @@ function top_htmlhead($head, $title='', $disablejs=0, $disablehead=0, $arrayofjs
// Those ones are required only with option "confirm by ajax popup"
if ($conf->global->MAIN_CONFIRM_AJAX)
{
// Bug: should not require default.css but does not work without.
print '<link rel="stylesheet" type="text/css" href="'.DOL_URL_ROOT.'/theme/common/window/default.css">'."\n";
print '<link rel="stylesheet" type="text/css" href="'.DOL_URL_ROOT.'/theme/common/window/alphacube.css">'."\n";
print '<link rel="stylesheet" type="text/css" href="'.DOL_URL_ROOT.'/theme/common/window/alert.css">'."\n";
// Only this css should be required
print '<link rel="stylesheet" type="text/css" href="'.DOL_URL_ROOT.'/theme/'.$conf->theme.'/alert.css">'."\n";
print '<script language="javascript" type="text/javascript" src="'.DOL_URL_ROOT.'/includes/scriptaculous/src/effects.js"></script>'."\n";
print '<script language="javascript" type="text/javascript" src="'.DOL_URL_ROOT.'/includes/scriptaculous/src/controls.js"></script>'."\n";
print '<script language="javascript" type="text/javascript" src="'.DOL_URL_ROOT.'/includes/scriptaculous/src/window/window.js"></script>'."\n";
//print '<script language="javascript" type="text/javascript" src="'.DOL_URL_ROOT.'/includes/scriptaculous/src/window/tooltip.js"></script>'."\n";
}
}
if (is_array($arrayofjs))

View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

122
htdocs/theme/dev/alert.css Normal file
View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

122
htdocs/theme/eldy/alert.css Normal file
View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

View File

@ -1149,10 +1149,10 @@ td.hidden {
.cal_today { background: #FFFFFF; border: solid 2px #6C7C7B; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
table.cal_event { border-collapse: collapse; margin-bottom: 1px; }
table.cal_event td { border: 0px; padding-left: 0px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; }
.cal_event a:link { color: #111111; font-size: 11px; font-weight: normal; !important }
.cal_event a:visited { color: #111111; font-size: 11px; font-weight: normal; !important }
.cal_event a:active { color: #111111; font-size: 11px; font-weight: normal; !important }
.cal_event a:hover { color: #111111; font-size: 11px; font-weight: normal; !important }
.cal_event a:link { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:visited { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:active { color: #111111; font-size: 11px; font-weight: normal !important; }
.cal_event a:hover { color: #111111; font-size: 11px; font-weight: normal !important; }

View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

View File

@ -0,0 +1,122 @@
.overlay_alert {
background-color: #DDDDDD;
filter: alpha(opacity=50); /*Does not respect CSS standard */
-moz-opacity: 0.5;
opacity: 0.5;
}
.alert_nw {
width: 5px;
height: 5px;
background: transparent url(alert/top_left.gif) no-repeat bottom left;
}
.alert_n {
height: 5px;
background: transparent url(alert/top.gif) repeat-x bottom left;
}
.alert_ne {
width: 5px;
height: 5px;
background: transparent url(alert/top_right.gif) no-repeat bottom left
}
.alert_e {
width: 5px;
background: transparent url(alert/right.gif) repeat-y 0 0;
}
.alert_w {
width: 5px;
background: transparent url(alert/left.gif) repeat-y 0 0;
}
.alert_sw {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
}
.alert_s {
height: 5px;
background: transparent url(alert/bottom.gif) repeat-x 0 0;
}
.alert_se, .alert_sizer {
width: 5px;
height: 5px;
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
}
.alert_close {
width:0px;
height:0px;
display:none;
}
.alert_minimize {
width:0px;
height:0px;
display:none;
}
.alert_maximize {
width:0px;
height:0px;
display:none;
}
.alert_title {
float:left;
height:1px;
width:100%;
}
.alert_content {
overflow:visible;
color: #000;
font-family: Tahoma, Arial, sans-serif;
font: 12px arial;
background: #FFF;
}
/* For alert/confirm dialog */
.alert_window {
background: #FFF;
padding:30px;
margin-left:auto;
margin-right:auto;
width:400px;
}
.alert_message {
font: 12px arial;
text-align:left;
width:100%;
color:#012;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
}
.alert_buttons {
text-align:center;
width:100%;
}
.alert_buttons input {
width:20%;
margin:5px;
}
.alert_progress {
float:left;
margin:auto;
text-align:center;
width:100%;
height:16px;
background: #FFF url('alert/progress.gif') no-repeat center center
}

View File

@ -0,0 +1 @@
*.db

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B