summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorChad Kieffer <chad@2tbsp.com>2009-01-10 06:25:44 +0000
committerChad Kieffer <chad@2tbsp.com>2009-01-10 06:25:44 +0000
commit7569b39802a855da92ebc1fd78a6343e7715746b (patch)
tree2aa89d7ec39f1495e1e829fd78762933a5191de9 /themes
parent9b90b4b0cd464424f3f9a4214d265db69b3691dc (diff)
Updated to jquery ui 1.6rc4. Lots of changes, improved widget theme css and icons. No need to fix position dialogs anymore. Included the following in the combined file + i18n files. Requires push back up to vendor branch.
UI Core Effects Core Draggable - Req'd by Sortable Resizeable - Image/watermark/avatar scaling Sortable - Rearrange Dialog - All over :) Datepicker - Edit albums/items Progressbar Highlight - Message display, comment addition Transfer - Adding tags from available list to field Not fully integrated into the default theme yet.
Diffstat (limited to 'themes')
-rw-r--r--themes/admin_default/views/admin.html.php2
-rw-r--r--themes/default/css/screen.css153
-rwxr-xr-xthemes/default/css/ui.theme.css238
-rwxr-xr-xthemes/default/images/000000_40x100_textures_01_flat_10.pngbin0 -> 178 bytes
-rwxr-xr-xthemes/default/images/228ef1_256x240_icons_icons.pngbin0 -> 10653 bytes
-rwxr-xr-xthemes/default/images/666666_40x100_textures_08_diagonals_thick_20.pngbin0 -> 395 bytes
-rwxr-xr-xthemes/default/images/c2c2c2_256x240_icons_icons.pngbin0 -> 10669 bytes
-rwxr-xr-xthemes/default/images/eeeeee_40x100_textures_03_highlight_soft_100.pngbin0 -> 201 bytes
-rwxr-xr-xthemes/default/images/ef8c08_256x240_icons_icons.pngbin0 -> 10636 bytes
-rwxr-xr-xthemes/default/images/f50000_256x240_icons_icons.pngbin0 -> 10338 bytes
-rwxr-xr-xthemes/default/images/f6a828_500x100_textures_12_gloss_wave_35.pngbin0 -> 3762 bytes
-rwxr-xr-xthemes/default/images/f6f6f6_40x100_textures_02_glass_100.pngbin0 -> 210 bytes
-rwxr-xr-xthemes/default/images/fdf5ce_40x100_textures_02_glass_100.pngbin0 -> 235 bytes
-rwxr-xr-xthemes/default/images/ffe45c_40x100_textures_03_highlight_soft_75.pngbin0 -> 249 bytes
-rwxr-xr-xthemes/default/images/ffffff_256x240_icons_icons.pngbin0 -> 10356 bytes
-rwxr-xr-xthemes/default/images/ffffff_40x100_textures_02_glass_65.pngbin0 -> 207 bytes
-rwxr-xr-xthemes/default/images/ffffff_40x100_textures_08_diagonals_thick_18.pngbin0 -> 178 bytes
-rw-r--r--themes/default/views/page.html.php2
18 files changed, 255 insertions, 140 deletions
diff --git a/themes/admin_default/views/admin.html.php b/themes/admin_default/views/admin.html.php
index 6e9c4277..406697ba 100644
--- a/themes/admin_default/views/admin.html.php
+++ b/themes/admin_default/views/admin.html.php
@@ -12,6 +12,8 @@
type="text/css" media="screen,projection">
<link rel="stylesheet" href="<?= url::file("themes/default/css/superfish.css") ?>"
type="text/css" media="screen,projection">
+ <link rel="stylesheet" href="<?= url::file("themes/default/css/ui.theme.css") ?>"
+ type="text/css" media="screen,projection">
<link rel="stylesheet" href="<?= $theme->url("css/screen.css") ?>"
type="text/css" media="screen,projection">
<script src="<?= url::file("lib/jquery.js") ?>" type="text/javascript"></script>
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index c433970b..19800585 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -773,155 +773,28 @@ li.gError select {
/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */
#gDialog {
+ font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 1.2em;
text-align: left;
}
-#gDialog fieldset {
- border: none;
+#gDialog form {
+ width: 500px;
}
-#gDialog legend {
- display: none;
+#gDialog form input[type="text"],
+#gDialog form input[type="password"] {
+ width: 100%;
}
-.ui-dialog {
- background: #f3f3f3 url('../images/bg-dialog.png') 0 0 repeat-x;
- color: #362b36;
- border: 4px solid #ddd;
- position: relative;
+#gDialog #gLoginForm {
+ width: 300px;
}
-.ui-resizable-handle {
- position: absolute;
- font-size: 0.1px;
- z-index: 99999;
-}
-.ui-resizable .ui-resizable-handle {
- display: block;
-}
-body .ui-resizable-disabled .ui-resizable-handle,
-body .ui-resizable-autohide .ui-resizable-handle {
- display: none;
-}
-.ui-resizable-n {
- cursor: n-resize;
- height: 7px;
- width: 100%;
- top: -5px;
- left: 0px;
+
+#gDialog fieldset {
+ border: none;
}
-.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: 18px;
- height: 18px;
- right: -5px;
- bottom: -5px;
- background: url('../images/ico-resize.gif') no-repeat 0 0;
-}
-.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;
-}
-.ui-dialog-titlebar {
- padding: .5em 1.5em .5em 1em;
- color: #444;
- background: #e6e6e6 url('../images/bg-bars.png') 0 50% repeat-x;
- border-bottom: 1px solid #ccc;
- font-size: 1em;
- font-weight: normal;
- position: relative;
-}
-.ui-dialog-title {}
-.ui-dialog-titlebar-close {
- background: url('../images/bg-close.gif') 0 0 no-repeat;
- position: absolute;
- right: 8px;
- top: .7em;
- width: 11px;
- height: 11px;
- z-index: 100;
-}
-.ui-dialog-titlebar-close-hover,
-.ui-dialog-titlebar-close:hover {
- background-position: 0 47%;
-}
-.ui-dialog-titlebar-close:active {
- background-position: 0 95%;
-}
-.ui-dialog-titlebar-close span {
+
+#gDialog legend {
display: none;
}
-.ui-dialog-content {
- color: #362b36;
- padding: 1.5em 1.7em;
-}
-.ui-dialog-buttonpane {
- position: absolute;
- bottom: 0;
- width: 100%;
- text-align: left;
- border-top: 1px solid #ddd;
- background: #f3f3f3;
-}
-.ui-dialog-buttonpane button {
- margin: .5em 0 .5em 8px;
- color: #444444;
- background: #e6e6e6 url('../images/bg-bars.png') 0 50% repeat-x;
- font-size: 1em;
- border: 1px solid #ccc;
- cursor: pointer;
- padding: .2em .6em .3em .6em;
- line-height: 1.4em;
-}
-.ui-dialog-buttonpane button:hover {
- color: #111;
- background: #eb9300 url('../images/bg-buttons.png') 0 50% repeat-x;
- border: 1px solid #888;
-}
-.ui-dialog-buttonpane button:active {
- color: #000;
- background: #8ab9ff url('../images/bg-buttons.png') 0 87% repeat-x;
-}
-/* This file skins dialog */
-.ui-dialog.ui-draggable .ui-dialog-titlebar,
-.ui-dialog.ui-draggable .ui-dialog-titlebar {
- cursor: move;
-}
diff --git a/themes/default/css/ui.theme.css b/themes/default/css/ui.theme.css
new file mode 100755
index 00000000..0fc33103
--- /dev/null
+++ b/themes/default/css/ui.theme.css
@@ -0,0 +1,238 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 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/?tr=&ffDefault=Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=c2c2c2&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=ffffff&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=000000&iconColorError=f50000&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/f6a828_500x100_textures_12_gloss_wave_35.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/eeeeee_40x100_textures_03_highlight_soft_100.png) 50% 0 repeat-x; color: #333333; }
+.ui-widget-content a { color: #333333; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/f6f6f6_40x100_textures_02_glass_100.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/fdf5ce_40x100_textures_02_glass_100.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
+.ui-state-hover a { color: #c77405; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ffffff_40x100_textures_02_glass_65.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
+.ui-state-active a { color: #eb8f00; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../images/ffe45c_40x100_textures_03_highlight_soft_75.png) 50% 0 repeat-x; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #ffffff url(../images/ffffff_40x100_textures_08_diagonals_thick_18.png) 50% 50% repeat; color: #000000; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #000000; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(../images/c2c2c2_256x240_icons_icons.png); }
+.ui-widget-content .ui-icon {background-image: url(../images/c2c2c2_256x240_icons_icons.png); }
+.ui-widget-header .ui-icon {background-image: url(../images/ffffff_256x240_icons_icons.png); }
+.ui-state-default .ui-icon { background-image: url(../images/ef8c08_256x240_icons_icons.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ef8c08_256x240_icons_icons.png); }
+.ui-state-active .ui-icon {background-image: url(../images/ef8c08_256x240_icons_icons.png); }
+.ui-state-highlight .ui-icon {background-image: url(../images/228ef1_256x240_icons_icons.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/f50000_256x240_icons_icons.png); }
+
+/* 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-calendar { 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-calculator { 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
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(../images/666666_40x100_textures_08_diagonals_thick_20.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/000000_40x100_textures_01_flat_10.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; } \ No newline at end of file
diff --git a/themes/default/images/000000_40x100_textures_01_flat_10.png b/themes/default/images/000000_40x100_textures_01_flat_10.png
new file mode 100755
index 00000000..abdc0108
--- /dev/null
+++ b/themes/default/images/000000_40x100_textures_01_flat_10.png
Binary files differ
diff --git a/themes/default/images/228ef1_256x240_icons_icons.png b/themes/default/images/228ef1_256x240_icons_icons.png
new file mode 100755
index 00000000..2f8f19b0
--- /dev/null
+++ b/themes/default/images/228ef1_256x240_icons_icons.png
Binary files differ
diff --git a/themes/default/images/666666_40x100_textures_08_diagonals_thick_20.png b/themes/default/images/666666_40x100_textures_08_diagonals_thick_20.png
new file mode 100755
index 00000000..889ebac7
--- /dev/null
+++ b/themes/default/images/666666_40x100_textures_08_diagonals_thick_20.png
Binary files differ
diff --git a/themes/default/images/c2c2c2_256x240_icons_icons.png b/themes/default/images/c2c2c2_256x240_icons_icons.png
new file mode 100755
index 00000000..7f3b8941
--- /dev/null
+++ b/themes/default/images/c2c2c2_256x240_icons_icons.png
Binary files differ
diff --git a/themes/default/images/eeeeee_40x100_textures_03_highlight_soft_100.png b/themes/default/images/eeeeee_40x100_textures_03_highlight_soft_100.png
new file mode 100755
index 00000000..98f298b9
--- /dev/null
+++ b/themes/default/images/eeeeee_40x100_textures_03_highlight_soft_100.png
Binary files differ
diff --git a/themes/default/images/ef8c08_256x240_icons_icons.png b/themes/default/images/ef8c08_256x240_icons_icons.png
new file mode 100755
index 00000000..0fbde060
--- /dev/null
+++ b/themes/default/images/ef8c08_256x240_icons_icons.png
Binary files differ
diff --git a/themes/default/images/f50000_256x240_icons_icons.png b/themes/default/images/f50000_256x240_icons_icons.png
new file mode 100755
index 00000000..c51410ca
--- /dev/null
+++ b/themes/default/images/f50000_256x240_icons_icons.png
Binary files differ
diff --git a/themes/default/images/f6a828_500x100_textures_12_gloss_wave_35.png b/themes/default/images/f6a828_500x100_textures_12_gloss_wave_35.png
new file mode 100755
index 00000000..39d5824d
--- /dev/null
+++ b/themes/default/images/f6a828_500x100_textures_12_gloss_wave_35.png
Binary files differ
diff --git a/themes/default/images/f6f6f6_40x100_textures_02_glass_100.png b/themes/default/images/f6f6f6_40x100_textures_02_glass_100.png
new file mode 100755
index 00000000..8443dda6
--- /dev/null
+++ b/themes/default/images/f6f6f6_40x100_textures_02_glass_100.png
Binary files differ
diff --git a/themes/default/images/fdf5ce_40x100_textures_02_glass_100.png b/themes/default/images/fdf5ce_40x100_textures_02_glass_100.png
new file mode 100755
index 00000000..744f9255
--- /dev/null
+++ b/themes/default/images/fdf5ce_40x100_textures_02_glass_100.png
Binary files differ
diff --git a/themes/default/images/ffe45c_40x100_textures_03_highlight_soft_75.png b/themes/default/images/ffe45c_40x100_textures_03_highlight_soft_75.png
new file mode 100755
index 00000000..55840b35
--- /dev/null
+++ b/themes/default/images/ffe45c_40x100_textures_03_highlight_soft_75.png
Binary files differ
diff --git a/themes/default/images/ffffff_256x240_icons_icons.png b/themes/default/images/ffffff_256x240_icons_icons.png
new file mode 100755
index 00000000..49a1ef08
--- /dev/null
+++ b/themes/default/images/ffffff_256x240_icons_icons.png
Binary files differ
diff --git a/themes/default/images/ffffff_40x100_textures_02_glass_65.png b/themes/default/images/ffffff_40x100_textures_02_glass_65.png
new file mode 100755
index 00000000..2c16183f
--- /dev/null
+++ b/themes/default/images/ffffff_40x100_textures_02_glass_65.png
Binary files differ
diff --git a/themes/default/images/ffffff_40x100_textures_08_diagonals_thick_18.png b/themes/default/images/ffffff_40x100_textures_08_diagonals_thick_18.png
new file mode 100755
index 00000000..ac8b229a
--- /dev/null
+++ b/themes/default/images/ffffff_40x100_textures_08_diagonals_thick_18.png
Binary files differ
diff --git a/themes/default/views/page.html.php b/themes/default/views/page.html.php
index b779b110..4a235bc0 100644
--- a/themes/default/views/page.html.php
+++ b/themes/default/views/page.html.php
@@ -16,6 +16,8 @@
media="screen,print,projection" />
<link rel="stylesheet" type="text/css" href="<?= $theme->url("css/superfish.css") ?>"
media="screen" />
+ <link rel="stylesheet" type="text/css" href="<?= $theme->url("css/ui.theme.css") ?>"
+ media="screen,print,projection" />
<link rel="stylesheet" type="text/css" href="<?= $theme->url("css/screen.css") ?>"
media="screen,print,projection" />
<!--[if lt IE 8]>