From: Richard Worth Date: Sat, 13 Dec 2008 09:53:02 +0000 (+0000) Subject: tests/visual: started switching to themes/base. Lots of little cleanup. X-Git-Tag: 1.6rc3~280 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=d3e1901e1509f8bdf2ffe1f6c4c51e695a5bd089;p=jquery-ui.git tests/visual: started switching to themes/base. Lots of little cleanup. --- diff --git a/tests/visual/accordion.html b/tests/visual/accordion.html index e1e2d5433..6bac62216 100644 --- a/tests/visual/accordion.html +++ b/tests/visual/accordion.html @@ -2,54 +2,53 @@ jQuery UI Accordion Visual Test - - - - - + + - - - -
-
-

Test 1

-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit -
-
-
-

Test 2

-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit -
-
-
-

Test 3

-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit -
-
-
+ + diff --git a/tests/visual/all.css b/tests/visual/all.css index ede5c57ca..8a3101dec 100644 --- a/tests/visual/all.css +++ b/tests/visual/all.css @@ -1,5 +1,5 @@ -body { margin: 0; padding: 20px; background: #191919; } +body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; } ul.plugins { margin: 0; padding: 0; } ul.plugins li { margin: 0 12px 12px 0; list-style-type: none; width: 210px; height: 220px; float: left; @@ -10,7 +10,13 @@ ul.plugins li { margin: 0 12px 12px 0; margin: 10px; width: 190px; height: 180px; text-align: center; - background: #FEA620; color: white; font-weight: bold; + background: #FF9C08; color: white; font-weight: bold; +} +#accordion { + background: none; +} +#progressbar { + margin: 10px; } #selectable div { width: 45px; height: 45px; float: left; margin: 6px; @@ -30,51 +36,6 @@ ul.plugins li { margin: 0 12px 12px 0; background: black; } -.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FEA620; } -#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FEA620; overflow: hidden; } +.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; } +#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; } #droppable .draggable { margin: 7px; } - -.ui-dialog { background-color: #FEA620; } -.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; } -.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; } - -.ui-dialog .ui-dialog-titlebar-close { - width: 16px; height: 16px; position: absolute; top: 6px; right: 7px; - cursor: default; color: white; -} - -.ui-dialog .ui-dialog-titlebar-close-hover { color: #FEA620; } - -.ui-dialog .ui-dialog-title { - margin-left: 5px; color: white; font-weight: bold; - position: relative; top: 7px; left: 4px; -} - -.ui-dialog .ui-dialog-content { - margin: 1.2em; -} - -.ui-dialog .ui-dialog-buttonpane { - position: absolute; - bottom: 8px; - right: 12px; - width: 100%; - text-align: right; -} - -.ui-dialog .ui-dialog-buttonpane button { - margin: 6px; -} - -/* Dialog handle styles */ -.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; } -.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; } - -.ui-slider { margin: 10px; background: #FEA620; height: 15px; position: relative; } -.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; } diff --git a/tests/visual/all.html b/tests/visual/all.html index a33486feb..0b5d33e0c 100644 --- a/tests/visual/all.html +++ b/tests/visual/all.html @@ -3,7 +3,7 @@ Simple All - + @@ -11,6 +11,7 @@ + @@ -18,8 +19,9 @@ diff --git a/tests/visual/dialog.html b/tests/visual/dialog.html index 3d83598ca..509c69630 100644 --- a/tests/visual/dialog.html +++ b/tests/visual/dialog.html @@ -12,7 +12,7 @@ diff --git a/tests/visual/draggable.handle.html b/tests/visual/draggable.handle.html index cac9b61ad..ae1dc9843 100644 --- a/tests/visual/draggable.handle.html +++ b/tests/visual/draggable.handle.html @@ -1,14 +1,17 @@ - Simple Draggable + Simple Draggable with Handle + diff --git a/tests/visual/draggable.html b/tests/visual/draggable.html index 7e7ee1066..dc4a03e48 100644 --- a/tests/visual/draggable.html +++ b/tests/visual/draggable.html @@ -3,6 +3,7 @@ Simple Draggable + diff --git a/tests/visual/draggable.scroll.html b/tests/visual/draggable.scroll.html index 08ecfa2f5..ce788dbae 100644 --- a/tests/visual/draggable.scroll.html +++ b/tests/visual/draggable.scroll.html @@ -1,50 +1,38 @@ - - + + - - - - - -jQuery UI Draggable Visual Test - - - - - - - - - - - + + +
(Broken in IE)
diff --git a/tests/visual/droppable.html b/tests/visual/droppable.html index 2510ff8e9..95b85d155 100644 --- a/tests/visual/droppable.html +++ b/tests/visual/droppable.html @@ -3,6 +3,7 @@ Simple Droppable + diff --git a/tests/visual/effects.all.css b/tests/visual/effects.all.css index 88d513b2c..84f6cd2d0 100644 --- a/tests/visual/effects.all.css +++ b/tests/visual/effects.all.css @@ -1,3 +1,4 @@ + body,html { margin: 0; padding: 0; @@ -32,8 +33,8 @@ div.effect { } div.current { - border: 5px outset #FF0000; - background: #660000; + border: 5px outset #FF9C08; + background: #FF9C08; } div.effect p { @@ -46,4 +47,4 @@ div.effect p { border: 1px dotted #fff; background: #666; opacity: 0.5; -} \ No newline at end of file +} diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html index 62129ed98..41d31ba40 100644 --- a/tests/visual/effects.all.html +++ b/tests/visual/effects.all.html @@ -1,13 +1,10 @@ - - Effects Test Suite - - + jQuery UI Effects Test Suite + - @@ -20,7 +17,6 @@ - diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js index f383199c2..15386b5d8 100644 --- a/tests/visual/effects.all.js +++ b/tests/visual/effects.all.js @@ -1,13 +1,9 @@ -$(document).ready(function() { - $("div.effect") - .hover(function() { - $(this).addClass("hover"); - }, function() { - $(this).removeClass("hover"); - }) - ; +$(function() { + $("div.effect") + .hover(function() { $(this).addClass("hover"); }, + function() { $(this).removeClass("hover"); }); var effect = function(el, n, o) { @@ -27,7 +23,6 @@ $(document).ready(function() { }; - effect("#blindHorizontally", "blind", { direction: "horizontal" }); effect("#blindVertically", "blind", { direction: "vertical" }); @@ -41,17 +36,17 @@ $(document).ready(function() { effect("#dropLeft", "drop", { direction: "left" }); effect("#dropRight", "drop", { direction: "right" }); - effect("#explode9", "explode", { }); + effect("#explode9", "explode", {}); effect("#explode36", "explode", { pieces: 36 }); effect("#fold", "fold", { size: 50 }); - effect("#highlight", "highlight", { }); + effect("#highlight", "highlight", {}); effect("#pulsate", "pulsate", { times: 2 }); effect("#puff", "puff", { times: 2 }); - effect("#scale", "scale", { }); + effect("#scale", "scale", {}); $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); }); @@ -62,4 +57,4 @@ $(document).ready(function() { $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); }); -}); \ No newline at end of file +}); diff --git a/tests/visual/progressbar.html b/tests/visual/progressbar.html index d5c5d97f3..c1c3ad1b5 100644 --- a/tests/visual/progressbar.html +++ b/tests/visual/progressbar.html @@ -1,40 +1,26 @@ -jQuery UI Progressbar Visual Tests - - - - - - + + + -

jQuery UI Progressbar Visual Tests

-
-
-
-
-
-
-
-
-
-
-
-
-
+ diff --git a/tests/visual/resizable.html b/tests/visual/resizable.html index 296a97bc5..d9a43a3b8 100644 --- a/tests/visual/resizable.html +++ b/tests/visual/resizable.html @@ -3,6 +3,7 @@ Simple Resizable + @@ -12,7 +13,6 @@ }); - + - \ No newline at end of file +