diff options
| -rw-r--r-- | tests/visual/all.css | 53 | ||||
| -rw-r--r-- | tests/visual/all.html | 2 | ||||
| -rw-r--r-- | tests/visual/datepicker.html | 2 |
3 files changed, 47 insertions, 10 deletions
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 @@ </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 b9e48a3a6..48e101c9c 100644 --- 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> |