diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-06-09 05:42:13 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-06-09 05:42:13 +0000 |
| commit | d2397d8d63a4e5325e0d6aff0ea8fc802da7468c (patch) | |
| tree | a138e786989f50330da1d4eeb98a96aeb3e52a26 /tests/visual/all.css | |
| parent | 665f17ce2c12105697b98655a6c398dd2ad63b2f (diff) | |
| download | jquery-ui-d2397d8d63a4e5325e0d6aff0ea8fc802da7468c.tar.gz jquery-ui-d2397d8d63a4e5325e0d6aff0ea8fc802da7468c.zip | |
added simple visual tests
Diffstat (limited to 'tests/visual/all.css')
| -rw-r--r-- | tests/visual/all.css | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/tests/visual/all.css b/tests/visual/all.css new file mode 100644 index 000000000..f7e5be506 --- /dev/null +++ b/tests/visual/all.css @@ -0,0 +1,73 @@ +
+body { margin: 0; padding: 20px; background: black; }
+ul.plugins { margin: 0; padding: 0; }
+ul.plugins li { 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; }
+
+#accordion, #draggable, #droppable,
+#resizable, #selectable, #slider, #sortable, #tabs {
+ margin: 10px;
+ width: 190px; height: 180px;
+ text-align: center;
+ background: #FF9C08; color: white; font-weight: bold;
+}
+#selectable div {
+ width: 45px; height: 45px; float: left; margin: 6px;
+ border: 1px solid white;
+}
+#selectable .ui-selecting {
+ background: gray;
+}
+#selectable .ui-selected {
+ background: black;
+}
+#sortable div {
+ width: 45px; height: 45px; float: left; margin: 6px;
+ border: 1px solid white;
+}
+#sortable .ui-sortable-helper {
+ background: black;
+}
+
+.ui-dialog { background-color: #FF9C08; }
+.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: #FF9C08; }
+
+.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; }
|