diff --git a/tests/static/accordion.html b/tests/static/accordion.html new file mode 100644 index 000000000..80aa932c3 --- /dev/null +++ b/tests/static/accordion.html @@ -0,0 +1,32 @@ + + + + jQuery UI Accordion Static Markup Test Page + + + + +

jQuery UI Accordion Static Markup Test Page

+ +
+
+

Test 1

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

+
+
+
+

Test 2

+ +
+
+

Test 3

+ +
+
+ + + diff --git a/tests/static/all.html b/tests/static/all.html new file mode 100644 index 000000000..ef580d5f8 --- /dev/null +++ b/tests/static/all.html @@ -0,0 +1,37 @@ + + + + jQuery UI Static Markup Test Page + + + + + + +
+ +
+ + + + + diff --git a/tests/static/datepicker.html b/tests/static/datepicker.html new file mode 100644 index 000000000..fbc54427f --- /dev/null +++ b/tests/static/datepicker.html @@ -0,0 +1,449 @@ + + + + jQuery UI Datepicker Static Markup Test Page + + + + +

jQuery UI Datepicker Static Markup Test Page

+ + + +
+
+ Prev + Next +
+ December + 2008 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SuMoTuWeThFrSa
+ 123456
78910111213
14151617181920
21222324252627
28293031 + + +
+
+ + + + + + + + + + diff --git a/tests/static/dialog.html b/tests/static/dialog.html new file mode 100644 index 000000000..a87989904 --- /dev/null +++ b/tests/static/dialog.html @@ -0,0 +1,35 @@ + + + + jQuery UI Dialog Static Markup Test Page + + + + +

jQuery UI Dialog Static Markup Test Page

+ +
+
+ This is my title + Close +
+
+

I'm in a dialog!

+
+
+ + + +
+
+
+
+
+
+
+
+
+
+ + + diff --git a/tests/static/progressbar.html b/tests/static/progressbar.html new file mode 100644 index 000000000..02556b66f --- /dev/null +++ b/tests/static/progressbar.html @@ -0,0 +1,17 @@ + + + + jQuery UI Progressbar Static Markup Test Page + + + + +

jQuery UI Progressbar Static Markup Test Page

+ +
+
13% Completed
+
13% Completed
+
+ + + diff --git a/tests/static/slider.html b/tests/static/slider.html new file mode 100644 index 000000000..9ef1e9353 --- /dev/null +++ b/tests/static/slider.html @@ -0,0 +1,29 @@ + + + + jQuery UI Slider Static Markup Test Page + + + + +

jQuery UI Slider Static Markup Test Page

+ +
+ + +
+
+ + + + + + diff --git a/tests/static/tabs.html b/tests/static/tabs.html new file mode 100644 index 000000000..bb88fe4b9 --- /dev/null +++ b/tests/static/tabs.html @@ -0,0 +1,30 @@ + + + + jQuery UI Tabs Static Markup Test Page + + + + +

jQuery UI Tabs Static Markup Test Page

+ +
+ +
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+ + + diff --git a/themes/base/images/222222_256x240_icons_icons.png b/themes/base/images/222222_256x240_icons_icons.png new file mode 100644 index 000000000..4e566e3ee Binary files /dev/null and b/themes/base/images/222222_256x240_icons_icons.png differ diff --git a/themes/base/images/2e83ff_256x240_icons_icons.png b/themes/base/images/2e83ff_256x240_icons_icons.png new file mode 100644 index 000000000..4ec2598bf Binary files /dev/null and b/themes/base/images/2e83ff_256x240_icons_icons.png differ diff --git a/themes/base/images/454545_256x240_icons_icons.png b/themes/base/images/454545_256x240_icons_icons.png new file mode 100644 index 000000000..c2cf09047 Binary files /dev/null and b/themes/base/images/454545_256x240_icons_icons.png differ diff --git a/themes/base/images/888888_256x240_icons_icons.png b/themes/base/images/888888_256x240_icons_icons.png new file mode 100644 index 000000000..4cbe5e5f3 Binary files /dev/null and b/themes/base/images/888888_256x240_icons_icons.png differ diff --git a/themes/base/images/cccccc_40x100_textures_03_highlight_soft_75.png b/themes/base/images/cccccc_40x100_textures_03_highlight_soft_75.png new file mode 100644 index 000000000..0f9f7706a Binary files /dev/null and b/themes/base/images/cccccc_40x100_textures_03_highlight_soft_75.png differ diff --git a/themes/base/images/cd0a0a_256x240_icons_icons.png b/themes/base/images/cd0a0a_256x240_icons_icons.png new file mode 100644 index 000000000..cf0942130 Binary files /dev/null and b/themes/base/images/cd0a0a_256x240_icons_icons.png differ diff --git a/themes/base/images/dadada_40x100_textures_02_glass_75.png b/themes/base/images/dadada_40x100_textures_02_glass_75.png new file mode 100644 index 000000000..60ba00133 Binary files /dev/null and b/themes/base/images/dadada_40x100_textures_02_glass_75.png differ diff --git a/themes/base/images/e6e6e6_40x100_textures_02_glass_75.png b/themes/base/images/e6e6e6_40x100_textures_02_glass_75.png new file mode 100644 index 000000000..a8b7ba3c5 Binary files /dev/null and b/themes/base/images/e6e6e6_40x100_textures_02_glass_75.png differ diff --git a/themes/base/images/fbf9ee_40x100_textures_02_glass_55.png b/themes/base/images/fbf9ee_40x100_textures_02_glass_55.png new file mode 100644 index 000000000..fb513773c Binary files /dev/null and b/themes/base/images/fbf9ee_40x100_textures_02_glass_55.png differ diff --git a/themes/base/images/fef1ec_40x100_textures_05_inset_soft_95.png b/themes/base/images/fef1ec_40x100_textures_05_inset_soft_95.png new file mode 100644 index 000000000..298e3ae48 Binary files /dev/null and b/themes/base/images/fef1ec_40x100_textures_05_inset_soft_95.png differ diff --git a/themes/base/images/ffffff_40x100_textures_02_glass_65.png b/themes/base/images/ffffff_40x100_textures_02_glass_65.png new file mode 100644 index 000000000..2c16183ff Binary files /dev/null and b/themes/base/images/ffffff_40x100_textures_02_glass_65.png differ diff --git a/themes/base/images/ffffff_40x100_textures_02_glass_75.png b/themes/base/images/ffffff_40x100_textures_02_glass_75.png new file mode 100644 index 000000000..dac6e3051 Binary files /dev/null and b/themes/base/images/ffffff_40x100_textures_02_glass_75.png differ diff --git a/themes/base/ui.accordion.css b/themes/base/ui.accordion.css new file mode 100644 index 000000000..a2be0495d --- /dev/null +++ b/themes/base/ui.accordion.css @@ -0,0 +1,9 @@ +/* Accordion +----------------------------------*/ +.ui-accordion-group {margin-bottom: 1px;} +.ui-accordion-header { cursor: pointer; position: relative; } +.selected .ui-accordion-header { border-bottom: 0; } +.ui-accordion .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } +.ui-accordion-header .ui { border-bottom: 0; } +.ui-accordion-content { padding: 1.5em 2.2em; border-top: 0; } \ No newline at end of file diff --git a/themes/base/ui.all.css b/themes/base/ui.all.css new file mode 100644 index 000000000..406a4df2c --- /dev/null +++ b/themes/base/ui.all.css @@ -0,0 +1,8 @@ +@import "ui.core.css"; +@import "ui.accordion.css"; +@import "ui.datepicker.css"; +@import "ui.dialog.css"; +@import "ui.progressbar.css"; +@import "ui.resizable.css"; +@import "ui.slider.css"; +@import "ui.tabs.css"; diff --git a/themes/base/ui.core.css b/themes/base/ui.core.css new file mode 100644 index 000000000..3c98d1555 --- /dev/null +++ b/themes/base/ui.core.css @@ -0,0 +1,240 @@ +/* + * jQuery UI CSS Framework + * Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about) + * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. + * To view and modify this theme, visit http://themeroller.com/ + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } +.ui-helper-clearfix { display: inline-block; display: block; } +* html .ui-helper-clearfix { height: 1%; } + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana, Arial, sans-serif/*ffDefault*/; font-size: 1.1em/*fsDefault*/; } +.ui-widget-header { border: 1px solid #aaaaaa/*borderColorHeader*/; background: #cccccc/*bgColorHeader*/ url(images/cccccc_40x100_textures_03_highlight_soft_75.png)/*bgImgUrlHeader*/ 0 50% repeat-x; color: #222222/*fcHeader*/; font-weight: bold; } +.ui-widget-header a { color: #222222/*fcHeader*/; } +.ui-widget-content { border: 1px solid #aaaaaa/*borderColorContent*/; background: #ffffff/*bgColorContent*/ url(images/ffffff_40x100_textures_02_glass_75.png)/*bgImgUrlContent*/ 0 0/*bgContentYPos*/ repeat-x/*bgContentRepeat*/; color: #222222/*fcContent*/; } +.ui-widget-content a { color: #222222/*fcContent*/; } +.ui-widget-overlay { border: 4px solid #aaaaaa/*borderColorContent*/; } + +/* Interaction states +----------------------------------*/ +.ui-state-default { border: 1px solid #d3d3d3/*borderColorDefault*/; background: #e6e6e6/*bgColorDefault*/ url(images/e6e6e6_40x100_textures_02_glass_75.png)/*bgImgUrlDefault*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #555555/*fcDefault*/ !important; } +.ui-state-default a { color: #555555/*fcDefault*/; text-decoration: none; } +.ui-state-hover { border: 1px solid #999999/*borderColorHover*/; background: #dadada/*bgColorHover*/ url(images/dadada_40x100_textures_02_glass_75.png)/*bgImgUrlHover*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcHover*/ !important; } +.ui-state-hover a { color: #212121/*fcHover*/; text-decoration: none; } +.ui-state-active { border: 1px solid #aaaaaa/*borderColorActive*/; background: #ffffff/*bgColorActive*/ url(images/ffffff_40x100_textures_02_glass_65.png)/*bgImgUrlActive*/ 0 50% repeat-x; font-weight: normal/*fwDefault*/; color: #212121/*fcActive*/ !important; outline: none; } +.ui-state-active a { color: #212121/*fcActive*/; outline: none; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight {border: 1px solid #fcefa1/*borderColorHighlight*/; background: #fbf9ee/*bgColorHighlight*/ url(images/fbf9ee_40x100_textures_02_glass_55.png)/*bgImgUrlHighlight*/ 0 50% repeat-x; color: #363636/*fcHighlight*/ !important; } +.ui-state-error {border: 1px solid #cd0a0a/*borderColorError*/; background: #fef1ec/*bgColorError*/ url(images/fef1ec_40x100_textures_05_inset_soft_95.png)/*bgImgUrlError*/ 0 50% repeat-x; color: #cd0a0a/*fcError*/ !important; } +.ui-state-error-text { color: #cd0a0a/*fcError*/ !important; } +.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); cursor: default !important; background-image: none !important; } +.ui-priority-primary { font-weight: bold; } +.ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; display: inline-block; text-indent: -99999px; overflow: hidden; background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; background-repeat: no-repeat; } +.ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsContent*/; } +.ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png)/*iconsHeader*/; } +.ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png)/*iconsDefault*/; } +.ui-state-hover .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsHover*/; } +.ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png)/*iconsActive*/; } +.ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png)/*iconsHighlight*/; } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png)/*iconsError*/; } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calculator { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calendar { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ +.ui-corner-tl { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; } +.ui-corner-tr { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; } +.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; } +.ui-corner-br { -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; } +.ui-corner-top { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/;-moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/;} +.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/;} +.ui-corner-right { -moz-border-radius-topright: 4px/*cornerRadius*/; -webkit-border-top-right-radius: 4px/*cornerRadius*/; border-top-right-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomright: 4px/*cornerRadius*/; -webkit-border-bottom-right-radius: 4px/*cornerRadius*/; border-bottom-right-radius: 4px/*cornerRadius*/; } +.ui-corner-left { -moz-border-radius-topleft: 4px/*cornerRadius*/; -webkit-border-top-left-radius: 4px/*cornerRadius*/; border-top-left-radius: 4px/*cornerRadius*/; -moz-border-radius-bottomleft: 4px/*cornerRadius*/; -webkit-border-bottom-left-radius: 4px/*cornerRadius*/; border-bottom-left-radius: 4px/*cornerRadius*/; } +.ui-corner-all { -moz-border-radius: 4px/*cornerRadius*/; -webkit-border-radius: 4px/*cornerRadius*/; border-radius: 4px/*cornerRadius*/;} diff --git a/themes/base/ui.datepicker.css b/themes/base/ui.datepicker.css new file mode 100644 index 000000000..3509c6f69 --- /dev/null +++ b/themes/base/ui.datepicker.css @@ -0,0 +1,20 @@ +/* Datepicker +----------------------------------*/ +.ui-datepicker { width: 17em; padding: .2em; } +.ui-datepicker-header { padding: .1em; } +.ui-datepicker-prev, .ui-datepicker-next { width: 1.8em; height: 1.8em; position: relative; margin: 1px; } +.ui-datepicker-prev:hover, .ui-datepicker-next:hover {margin: 0;} +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker-prev { float: left; } +.ui-datepicker-next { float: right; } +.ui-datepicker-title { margin: 0 .3em; line-height: 1.8em; text-align: center; width: 12em; float: left; } +.ui-datepicker-title select {float: left; margin-top: .2em;} +.ui-datepicker select.ui-datepicker-month-year {width: 12em;} +.ui-datepicker select.ui-datepicker-month, select.ui-datepicker-year {width: 5.7em;} +.ui-datepicker-title select.ui-datepicker-year { float: right; } +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker-today a { background-image: none; } +.ui-datepicker-buttonpane { background-image: none; margin: .5em 0 0 0; padding: .3em 0; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; } \ No newline at end of file diff --git a/themes/base/ui.dialog.css b/themes/base/ui.dialog.css new file mode 100644 index 000000000..38783c960 --- /dev/null +++ b/themes/base/ui.dialog.css @@ -0,0 +1,13 @@ +/* Dialog +----------------------------------*/ +.ui-dialog {position: relative; padding: .2em; } +.ui-dialog-titlebar { padding: .5em .3em .3em 1em; border-top: 0; border-left: 0; border-right: 0; } +.ui-dialog-title { float: left; margin: 2px 0; } +.ui-dialog-titlebar-close { float: right; width: 19px; margin: -.2em 0 0 0; padding: 1px; height: 18px; } +.ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog-titlebar-close:hover { padding: 0; } +.ui-dialog-content {border: 0; padding: .5em 1em; background: none; } +.ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } \ No newline at end of file diff --git a/themes/base/ui.progressbar.css b/themes/base/ui.progressbar.css new file mode 100644 index 000000000..583cd4ca0 --- /dev/null +++ b/themes/base/ui.progressbar.css @@ -0,0 +1,6 @@ +/* Progressbar +----------------------------------*/ +.ui-progressbar { position: relative; } +.ui-progressbar-label {position: absolute; top: 0; left: 0; padding: .4em .5em; border: 0; background: none; } +.ui-progressbar-value { position: relative; margin: -1px; padding: .4em .5em; overflow: hidden; font-weight: normal !important; white-space: nowrap; } +.ui-progressbar-value .ui-progressbar-label { position: static; padding: 0; top: auto; left: auto; } \ No newline at end of file diff --git a/themes/base/ui.resizable.css b/themes/base/ui.resizable.css new file mode 100644 index 000000000..ae2210c56 --- /dev/null +++ b/themes/base/ui.resizable.css @@ -0,0 +1,13 @@ +/* Resizable +----------------------------------*/ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 7px; height: 7px; right: -5px; bottom: -5px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} \ No newline at end of file diff --git a/themes/base/ui.slider.css b/themes/base/ui.slider.css new file mode 100644 index 000000000..677155c51 --- /dev/null +++ b/themes/base/ui.slider.css @@ -0,0 +1,8 @@ +/* Slider +----------------------------------*/ +.ui-slider { height: .8em; position: relative; } +.ui-slider-handle { position: absolute;z-index: 2;top: -.3em;width: 1.2em;height: 1.2em; } +.ui-slider-range { height: .8em;position: absolute;border-left: 0;border-right: 0;top: -1px;z-index: 1;opacity:.7;filter:Alpha(Opacity=70); } +.ui-slider-vertical { height: auto; width: .8em; } +.ui-slider-vertical .ui-slider-handle { top: auto; left: -.3em; } +.ui-slider-vertical .ui-slider-range { height: auto; width: .8em; border-left: 1px; border-right: 1px; border-top: 0; border-bottom: 0; top: auto; left: 0; } \ No newline at end of file diff --git a/themes/base/ui.tabs.css b/themes/base/ui.tabs.css new file mode 100644 index 000000000..046b73eb3 --- /dev/null +++ b/themes/base/ui.tabs.css @@ -0,0 +1,11 @@ +/* Tabs +----------------------------------*/ +.ui-tabs-nav { padding: .2em .2em 0 .2em; border-bottom: 0; bottom: -1px; position: relative; } +.ui-tabs-nav li { float: left; border-bottom: 0; margin-right: .1em; margin-bottom: 0; padding: 0; } +.ui-tabs-nav li.ui-tabs-selected { position: relative; z-index: 10; } +.ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; position: relative; } +.ui-tabs-nav li.ui-tabs-selected a { padding-bottom: .6em; } +.ui-tabs-panel { clear:left; padding: 1em 1.6em; display: block; } +.ui-tabs-hide { display: none !important; } +.ui-tabs-nav li a.ui-has-icon { text-indent: 1em; } +.ui-tabs-nav li a .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: .5em; } \ No newline at end of file