From b22aa06531a8333b926efe623db7ae4029912e34 Mon Sep 17 00:00:00 2001 From: Richard Worth Date: Sat, 13 Dec 2008 12:05:56 +0000 Subject: tests/visual: Added some rounded corners --- tests/visual/all.css | 53 +++++++++++++++++++++++++++++++++++++------- tests/visual/all.html | 2 +- tests/visual/datepicker.html | 2 +- 3 files changed, 47 insertions(+), 10 deletions(-) (limited to 'tests') diff --git a/tests/visual/all.css b/tests/visual/all.css index 797535027..4fd39d5ac 100644 --- a/tests/visual/all.css +++ b/tests/visual/all.css @@ -1,9 +1,23 @@ body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; } -ul.plugins { margin: 0; padding: 0; } -ul.plugins li.plugin { margin: 0 12px 12px 0; - list-style-type: none; width: 210px; height: 220px; float: left; - color: white; border: 1px solid gray; text-align: center; font-weight: bold; } +ul.plugins { + margin: 0; + padding: 0; +} +ul.plugins li.plugin { + margin: 0 12px 12px 0; + list-style-type: none; + width: 210px; + height: 220px; + float: left; + color: white; + border: 1px solid gray; + text-align: center; + font-weight: bold; +} +li.plugin { + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; +} #accordion, #draggable, #resizable, #selectable, #sortable { @@ -11,17 +25,22 @@ ul.plugins li.plugin { margin: 0 12px 12px 0; width: 190px; height: 180px; text-align: center; background: #FF9C08; color: white; font-weight: bold; + -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #accordion { background: none; text-align: left; } -#progressbar { +#datepicker, #dialog, #progressbar, #slider { margin: 10px; } +#datepicker { + margin-left: 0; +} #selectable div { width: 45px; height: 45px; float: left; margin: 6px; border: 1px solid white; + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #selectable .ui-selecting { background: gray; @@ -32,6 +51,7 @@ ul.plugins li.plugin { margin: 0 12px 12px 0; #sortable div { width: 45px; height: 45px; float: left; margin: 6px; border: 1px solid white; + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #sortable .ui-sortable-helper { background: black; @@ -40,6 +60,23 @@ ul.plugins li.plugin { margin: 0 12px 12px 0; text-align: left; } -.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; } +.draggable { + margin: 10px; + width: 32px; + height: 30px; + float: left; + background: #FF9C08; + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; +} +#droppable { + margin: 10px; + width: 190px; + height: 130px; + float: left; + border: 1px solid #FF9C08; + overflow: hidden; + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; +} +#droppable .draggable { + margin: 7px; +} diff --git a/tests/visual/all.html b/tests/visual/all.html index e5a167568..56be279df 100644 --- a/tests/visual/all.html +++ b/tests/visual/all.html @@ -70,7 +70,7 @@
  • Datepicker -
    +
  • diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html index b9e48a3a6..48e101c9c 100644 --- a/tests/visual/datepicker.html +++ b/tests/visual/datepicker.html @@ -18,7 +18,7 @@