From 57cce481460efd7c9897c59652b544ef65063837 Mon Sep 17 00:00:00 2001 From: RaNaN Date: Sun, 9 Oct 2011 18:18:23 +0200 Subject: updated js/mootools, some parts now coffeescript --- module/web/media/default/css/MooDialog.css | 92 ++++++++++++++++++++++++++++++ module/web/media/default/css/window.css | 55 ++++-------------- 2 files changed, 102 insertions(+), 45 deletions(-) create mode 100644 module/web/media/default/css/MooDialog.css (limited to 'module/web/media/default/css') diff --git a/module/web/media/default/css/MooDialog.css b/module/web/media/default/css/MooDialog.css new file mode 100644 index 000000000..48c9166ad --- /dev/null +++ b/module/web/media/default/css/MooDialog.css @@ -0,0 +1,92 @@ +/* Created by Arian Stolwijk */ + +.MooDialog { +/* position: fixed;*/ + margin: 0 auto 0 -350px; + width:600px; + padding:14px; + left:50%; + top: 100px; + + position: absolute; + left: 50%; + z-index: 50000; + + background: #eef5f8; + color: black; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8); + -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8); + box-shadow: 1px 1px 5px rgba(0,0,0,0.8); +} + +.MooDialogTitle { + padding-top: 30px; +} + +.MooDialog .title { + position: absolute; + top: 0; + left: 0; + right: 0; + padding: 3px 20px; + background: #b7c4dc; + border-bottom: 1px solid #a1aec5; + font-weight: bold; + text-shadow: 1px 1px 0 #fff; + color: black; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} + +.MooDialog .close { + background: url(/media/img/dialog-close.png) no-repeat; + width: 16px; + height: 16px; + display: block; + cursor: pointer; + top: -5px; + left: -5px; + position: absolute; +} + +.MooDialog .buttons { + text-align: right; + margin: 0; + padding: 0; + border: 0; + background: none; +} + +.MooDialog .iframe { + width: 100%; + height: 100%; +} + +.MooDialog .textInput { + width: 200px; + float: left; +} + +.MooDialog .MooDialogAlert, +.MooDialog .MooDialogConfirm, +.MooDialog .MooDialogPrompt, +.MooDialog .MooDialogError { + background: url(/media/img/dialog-warning.png) no-repeat; + padding-left: 40px; + min-height: 40px; +} + +.MooDialog .MooDialogConfirm, +.MooDialog .MooDialogPromt { + background: url(/media/img/dialog-question.png) no-repeat; +} + +.MooDialog .MooDialogError { + background: url(/media/img/dialog-error.png) no-repeat; +} + diff --git a/module/web/media/default/css/window.css b/module/web/media/default/css/window.css index 6841c5315..8b13f55ec 100644 --- a/module/web/media/default/css/window.css +++ b/module/web/media/default/css/window.css @@ -1,41 +1,24 @@ -/* ----------- My Form ----------- */ -.myform{ - margin: 0 auto 0 -350px; - width:600px; - padding:14px; - - left:50%; - top:150px; - position: absolute; - background: #FFF; - display:none; -} - /* ----------- stylized ----------- */ -#add_box, #cap_box, #pack_box, .window_box{ - border:solid 2px #b7ddf2; - background:#ebf4fb; -} -#add_box h1, #cap_box h1 , #pack_box h1, .window_box h1{ +.window_box h1{ font-size:14px; font-weight:bold; margin-bottom:8px; } -#add_box p, #cap_box p, #pack_box p, .window_box p{ +.window_box p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; } -#add_box label, #cap_box label, #pack_box label, .window_box label{ +.window_box label{ display:block; font-weight:bold; text-align:right; width:240px; float:left; } -#add_box .small, #cap_box .small, #pack_box .small, .window_box .small{ +.window_box .small{ color:#666666; display:block; font-size:11px; @@ -43,7 +26,7 @@ text-align:right; width:240px; } -#add_box input, #cap_box input, #pack_box input, #pack_box select, .window_box select, .window_box input{ +.window_box select, .window_box input{ float:left; font-size:12px; padding:4px 2px; @@ -51,18 +34,18 @@ width:300px; margin:2px 0 20px 10px; } -#add_box .cont, #cap_box .cont, #pack_box .cont, .window_box .cont{ +.window_box .cont{ float:left; font-size:12px; padding: 0px 10px 15px 0px; width:300px; margin:0px 0px 0px 10px; } -#add_box .cont input, #cap_box .cont input, #pack_box .cont input, .window_box .cont input{ +.window_box .cont input{ float: none; margin: 0px 15px 0px 1px; } -#add_box textarea,#pack_box textarea, .window_box textarea{ +.window_box textarea{ float:left; font-size:12px; padding:4px 2px; @@ -70,7 +53,7 @@ width:300px; margin:2px 0 20px 10px; } -#add_box button, #cap_box button, #pack_box button, .window_box button, .styled_button{ +.window_box button, .styled_button{ clear:both; margin-left:150px; width:125px; @@ -86,23 +69,5 @@ .styled_button { margin-left: 15px; + cursor: pointer; } -#directories-list { - padding-left:5px; - margin-top:-30px; -} -#directories-list ul { - padding-left:0px; - margin-left:0; -} - -#directories-list li { - list-style:none; -} - -#directories-list li.folder { background:url(../img/folder.png) no-repeat top left; padding-left:22px;} -#directories-list li.file { background:url(../img/images.png) no-repeat top left; padding-left:22px;} - -#directories-list li.folder span { cursor:pointer; } - -/*#directories-list li span input { width:200px; float:left; }*/ -- cgit v1.2.3