tests/visual: Added some rounded corners

diff --git a/tests/visual/all.css b/tests/visual/all.css
index 7975350273ad7f47b50a064be19232df17361fe7..4fd39d5aced7d893ddd3a688cd06ee33fa554684 100644 (file)
--- 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 e5a167568cc6ef53fba3b9acfadc547da90f8469..56be279df1602cc303fdf9b5c4b8e8487bafda94 100644 (file)
--- a/tests/visual/all.html
+++ b/tests/visual/all.html
@@ -70,7 +70,7 @@
 </li>
 <li class="plugin">
        Datepicker
-       <div style="text-align:left;margin-left:10px;">
+       <div>
                <input type="text" id="datepicker">
        </div>
 </li>

diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index b9e48a3a6d8776a3b8d58638ab5ac7273706b7c9..48e101c9cf68e6c3b3d3449179eeb98652760695 100644 (file)
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -18,7 +18,7 @@
 <ul class="plugins">
 <li class="plugin">
        Datepicker
-       <div style="text-align:left;margin-left:10px;">
+       <div>
                <input type="text" id="datepicker">
        </div>
 </li>