From 23ba9a2a4eaef62408d52286d573f2be6820afca Mon Sep 17 00:00:00 2001 From: Tim Almdal Date: Thu, 8 Oct 2009 10:11:57 -0700 Subject: A clone of the Gallery Wind theme that is based on darker colors. We can move it to -contrib if that's the desire, but i'd thought i'd put it here for now. --- themes/night_wind/css/fix-ie.css | 33 + themes/night_wind/css/screen.css | 932 +++++++++++++++++++++ .../images/ui-bg_flat_0_aaaaaa_40x100.png | Bin 0 -> 180 bytes .../images/ui-bg_glass_95_fef1ec_1x400.png | Bin 0 -> 119 bytes .../images/ui-bg_gloss-wave_16_121212_500x100.png | Bin 0 -> 2399 bytes .../ui-bg_highlight-hard_15_888888_1x100.png | Bin 0 -> 95 bytes .../ui-bg_highlight-hard_55_555555_1x100.png | Bin 0 -> 115 bytes .../ui-bg_highlight-soft_35_adadad_1x100.png | Bin 0 -> 145 bytes .../ui-bg_highlight-soft_60_dddddd_1x100.png | Bin 0 -> 106 bytes .../images/ui-bg_inset-soft_15_121212_1x100.png | Bin 0 -> 140 bytes .../themeroller/images/ui-icons_666666_256x240.png | Bin 0 -> 4369 bytes .../themeroller/images/ui-icons_aaaaaa_256x240.png | Bin 0 -> 4369 bytes .../themeroller/images/ui-icons_bbbbbb_256x240.png | Bin 0 -> 4369 bytes .../themeroller/images/ui-icons_c98000_256x240.png | Bin 0 -> 5355 bytes .../themeroller/images/ui-icons_cccccc_256x240.png | Bin 0 -> 4369 bytes .../themeroller/images/ui-icons_cd0a0a_256x240.png | Bin 0 -> 4369 bytes .../themeroller/images/ui-icons_f29a00_256x240.png | Bin 0 -> 5355 bytes themes/night_wind/css/themeroller/ui.base.css | 404 +++++++++ themes/night_wind/images/avatar.jpg | Bin 0 -> 1172 bytes themes/night_wind/images/ico-album.png | Bin 0 -> 397 bytes themes/night_wind/images/ico-help.png | Bin 0 -> 786 bytes themes/night_wind/images/ico-print.png | Bin 0 -> 989 bytes themes/night_wind/images/ico-view-comments.png | Bin 0 -> 768 bytes themes/night_wind/images/ico-view-fullsize.png | Bin 0 -> 1046 bytes themes/night_wind/images/ico-view-slideshow.png | Bin 0 -> 960 bytes themes/night_wind/images/select-photos-backg.png | Bin 0 -> 1154 bytes themes/night_wind/js/ui.init.js | 125 +++ themes/night_wind/theme.info | 6 + themes/night_wind/thumbnail.png | Bin 0 -> 36024 bytes themes/night_wind/views/album.html.php | 41 + themes/night_wind/views/block.html.php | 10 + themes/night_wind/views/dynamic.html.php | 29 + themes/night_wind/views/movie.html.php | 37 + themes/night_wind/views/no_sidebar.html.php | 6 + themes/night_wind/views/page.html.php | 143 ++++ themes/night_wind/views/pager.html.php | 44 + themes/night_wind/views/photo.html.php | 59 ++ themes/night_wind/views/sidebar.html.php | 18 + 38 files changed, 1887 insertions(+) create mode 100644 themes/night_wind/css/fix-ie.css create mode 100644 themes/night_wind/css/screen.css create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_gloss-wave_16_121212_500x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_15_888888_1x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_55_555555_1x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_35_adadad_1x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_60_dddddd_1x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-bg_inset-soft_15_121212_1x100.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_aaaaaa_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_cd0a0a_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png create mode 100644 themes/night_wind/css/themeroller/ui.base.css create mode 100644 themes/night_wind/images/avatar.jpg create mode 100644 themes/night_wind/images/ico-album.png create mode 100644 themes/night_wind/images/ico-help.png create mode 100644 themes/night_wind/images/ico-print.png create mode 100644 themes/night_wind/images/ico-view-comments.png create mode 100644 themes/night_wind/images/ico-view-fullsize.png create mode 100644 themes/night_wind/images/ico-view-slideshow.png create mode 100644 themes/night_wind/images/select-photos-backg.png create mode 100644 themes/night_wind/js/ui.init.js create mode 100644 themes/night_wind/theme.info create mode 100644 themes/night_wind/thumbnail.png create mode 100644 themes/night_wind/views/album.html.php create mode 100644 themes/night_wind/views/block.html.php create mode 100644 themes/night_wind/views/dynamic.html.php create mode 100644 themes/night_wind/views/movie.html.php create mode 100644 themes/night_wind/views/no_sidebar.html.php create mode 100644 themes/night_wind/views/page.html.php create mode 100644 themes/night_wind/views/pager.html.php create mode 100644 themes/night_wind/views/photo.html.php create mode 100644 themes/night_wind/views/sidebar.html.php diff --git a/themes/night_wind/css/fix-ie.css b/themes/night_wind/css/fix-ie.css new file mode 100644 index 00000000..be6e22be --- /dev/null +++ b/themes/night_wind/css/fix-ie.css @@ -0,0 +1,33 @@ +/** + * Fix display in IE 6, 7 + */ + +.g-clearfix { + zoom: 1; +} + +#g-banner { + z-index: 2; +} + +input.submit { + clear: none !important; + display: inline !important; +} + +#g-add-tag-form input.textbox { + width: 110px; +} + +#g-dialog a.g-cancel { + display: inline-block !important; + float: none !important; +} + +.g-pager .g-txt-right { + width: 29%; +} + +.g-pager .ui-icon-right { + width: 60px; +} diff --git a/themes/night_wind/css/screen.css b/themes/night_wind/css/screen.css new file mode 100644 index 00000000..d580386b --- /dev/null +++ b/themes/night_wind/css/screen.css @@ -0,0 +1,932 @@ +/** + * Gallery 3 Default Theme Screen Styles + * + * @requires YUI reset, font, grids CSS + * + * Sheet organization: + * 1) Basic HTML elements + * 2) Reusable content blocks + * 3) Page layout containers + * 4) Content blocks in specific layout containers + * 5) Navigation and menus + * 6) Browser hacks + * 7) jQuery and jQuery UI + * 8) Right-to-left language styles + */ + +/** ******************************************************************* + * 1) Basic HTML elements + **********************************************************************/ + +body, html { + background-color: #ccc; + font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} + +p { + margin-bottom: 1em; +} + +em { + font-style: oblique; +} + +h1, h2, h3, h4, h5, strong, th { + font-weight: bold; +} + +h1 { + font-size: 1.7em; +} + +#g-search-results h1 { + margin-bottom: 1em; +} + +#g-progress h1 { + font-size: 1.1em; +} + +h2 { + font-size: 1.4em; +} + +#g-sidebar .g-block h2 { + font-size: 1.2em; +} + +#g-sidebar .g-block li { + margin-bottom: .6em; +} + +h3 { + font-size: 1.2em; +} + +/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +a, +.g-menu a, +#g-dialog a, +.g-button, +.g-button:hover, +.g-button:active, +a.ui-state-hover, +input.ui-state-hover, +button.ui-state-hover { + color: #fff !important; + cursor: pointer !important; + text-decoration: none; + -moz-outline-style: none; +} + +a:hover, +#g-dialog a:hover { + text-decoration: underline; +} + +.g-menu a:hover { + text-decoration: none; +} + +#g-dialog #g-action-status li { + width: 400px; + white-space: normal; + padding-left: 32px; +} + +/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +table { + width: 100%; +} + +#g-content table { + margin: 1em 0; +} + +caption, +th { + text-align: left; +} + +th, +td { + border: none; + border-bottom: 1px solid #ccc; + padding: .5em; + vertical-align: top; +} + +/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +fieldset { + border: 1px solid #ccc; + padding-bottom: .8em; +} + +#g-banner fieldset, +#g-sidebar fieldset, +.g-short-form fieldset { + border: none; +} + +legend { + font-weight: bold; + margin-left: 1em; +} + +#g-banner legend, +#g-sidebar legend, +#g-content #g-search-form legend, +input[type="hidden"], +.g-short-form label { + display: none; +} + +label { + cursor: help; +} + +input[type="text"], +input[type="password"] { + width: 50%; +} + +input[type="text"], +input[type="password"], +textarea { + border: 1px solid #e8e8e8; + border-top-color: #ccc; + border-left-color: #ccc; + color: #333; +} + +textarea { + width: 100%; + height: 12em; +} + +input:focus, +textarea:focus, +option:focus { + background-color: #ffc; + color: #000; +} + +/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +form li { + margin: 0 !important; + padding: .3em 1.5em .3em 1em; +} + +form ul ul { + clear: both; +} + +form ul ul li { + float: left; +} + +input, +select, +textarea { + display: block; + clear: both; + padding: .2em; +} + +input[type="submit"], +input[type="reset"] { + display: inline; + clear: none; + float: left; +} + +/* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */ + +form.g-error input[type="text"], +li.g-error input[type="text"], +form.g-error input[type="password"], +li.g-error input[type="password"], +form.g-error input[type="checkbox"], +li.g-error input[type="checkbox"], +form.g-error input[type="radio"], +li.g-error input[type="radio"], +form.g-error textarea, +li.g-error textarea, +form.g-error select, +li.g-error select { + border: 2px solid red; +} + +/** ******************************************************************* + * 2) Reusable content blocks + *********************************************************************/ + +.g-block h2 { + background-color: #333; + padding: .3em .8em; +} + +.g-block-content { + margin-top: 1em; +} + +/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */ + +form .g-error, +.g-pager .g-info { + background-color: #000 !important; +} + +.g-pager .g-info { + background-image: none !important; + padding: 0 !important; +} + +/* Inline layout (forms, lists) ~~~~~~~~~~ */ + +.g-short-form li { + float: left; + padding: .4em 0; +} + +.g-short-form input[type="text"] { + color: #666; + padding: .3em .6em; + width: 11em; +} + +/*** ****************************************************************** + * 3) Page layout containers + *********************************************************************/ + +/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ + +.g-view { + background-color: #000; + border: 1px solid #ccc; + border-bottom: none; + color: #fff; +} + +/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ + +#g-header { + margin-bottom: 1em; +} + +#g-banner { + background-color: #000; + border-bottom: 1px solid #333; + font-size: .8em; + min-height: 5em; + padding: 1em 20px; + position: relative; +} + +#g-content { + font-size: 1.2em; + padding-left: 20px; + position: relative; + width: 696px; +} + +#g-sidebar { + font-size: .9em; + padding: 0 20px; + width: 220px; +} + +#g-footer { + background-color: #000; + border-top: 1px solid #333; + font-size: .8em; + margin-top: 20px; + padding: 10px 20px; +} + +/** ******************************************************************* + * 4) Content blocks in specific layout containers + *********************************************************************/ + +/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-banner #g-logo img { + margin: 0; +} + +#g-banner #g-quick-search-form { + clear: right; + float: right; + margin-top: 1em; +} + +#g-banner #g-quick-search-form input[type='text'] { + width: 17em; +} + +#g-content .g-block h2 { + background-color: transparent; + padding-left: 0; +} + +#g-sidebar .g-block-content { + padding-left: 1em; +} + +/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-content #g-album-grid { + margin: 1em 0; + position: relative; + z-index: 1; +} + +#g-content #g-album-grid .g-item { + background-color: #000; + float: left; + font-size: .7em; + padding: .6em 8px; + position: relative; + text-align: center; + width: 213px; + z-index: 1; +} + +#g-content #g-album-grid .g-item h2 { + margin: 5px 0; +} + +#g-content .g-photo h2, +#g-content .g-item .g-metadata { + display: none; + margin-bottom: .6em; +} + +#g-content #g-album-grid .g-album { + background-color: #e8e8e8; +} + +#g-content #g-album-grid .g-album h2 span { + background: transparent url('../images/ico-album.png') no-repeat top left; + display: inline-block; + height: 16px; + margin-right: 5px; + width: 16px; +} + +#g-content #g-album-grid .g-hover-item { + border: 1px solid #000; + position: absolute !important; + z-index: 1000 !important; +} + +#g-content .g-hover-item h2, +#g-content .g-hover-item .g-metadata { + display: block; +} + +#g-content #g-album-grid #g-place-holder { + position: relative; + visibility: hidden; + z-index: 1; +} + +/* Individual photo content ~~~~~~~~~~~~~~ */ + +#g-content #g-item { + position: relative; + width: 100%; +} + +#g-content #g-photo { + position: relative; +} + +#g-content #g-item .g-fullsize-link img { + display: block; + margin: 1em auto !important; +} + +#g-content #g-comments { + margin-top: 2em; + position: relative; +} + +#g-content #g-comments ul li { + margin: 1em 0; +} + +#g-content #g-comments .g-author { + border-bottom: 1px solid #ccc; + color: #999; + height: 32px; + line-height: 32px; +} + +#g-content #g-comments ul li div { + padding: 0 8px 8px 43px; +} + +#g-content #g-comments ul li #g-recaptcha { + padding: 0; +} + +#g-content #g-comments ul li #g-recaptcha div { + padding: 0; +} + +#g-content #g-comments .g-avatar { + height: 32px; + margin-right: .4em; + width: 32px; +} + +#g-admin-comment-button { + position: absolute; + right: 0; + top: 2px; +} + +#g-content #g-comment-form { + margin-top: 2em; +} + +/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-banner #g-login-menu li, +#g-footer #g-credits li { + display: inline; +} + +#g-banner #g-login-menu li { + padding-left: 1.2em; +} + +#g-footer #g-credits li { + padding-right: 1.2em; +} + +#g-content #g-search-results { + margin-top: 1em; + padding-top: 1em; +} + +/** ******************************************************************* + * 5) Navigation and menus + *********************************************************************/ + +#g-site-menu, +#g-tag-cloud ul { + font-size: 1.2em; +} + +/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-banner #g-login-menu { + color: #999; + float: right; +} + +/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-site-menu { + bottom: 0; + display: none; + left: 140px; + position: absolute; +} + +#g-site-menu ul { + margin-bottom: 0 !important; +} + +/* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +.g-context-menu { + background-color: #fff; + bottom: 0; + left: 0; + position: absolute; +} + +.g-item .g-context-menu { + display: none; + margin-top: 2em; + width: 100%; +} + +#g-item .g-context-menu { + font-size: .7em; +} + +#g-item .g-context-menu ul { + display: none; +} + +.g-context-menu li { + border-left: none; + border-right: none; + border-bottom: none; +} + +.g-context-menu li a { + display: block; + line-height: 1.6em; +} + +.g-hover-item .g-context-menu { + display: block; +} + +.g-hover-item .g-context-menu li { + text-align: left; +} + +.g-hover-item .g-context-menu a:hover { + text-decoration: none; +} + +/* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-view-menu { + margin-bottom: 1em; +} + +#g-view-menu a { + background-repeat: no-repeat; + background-position: 50% 50%; + height: 28px !important; + width: 43px !important; +} + +#g-view-menu #g-slideshow-link { + background-image: url('../images/ico-view-slideshow.png'); +} + +#g-view-menu .g-fullsize-link { + background-image: url('../images/ico-view-fullsize.png'); +} + +#g-view-menu #g-comments-link { + background-image: url('../images/ico-view-comments.png'); +} + +#g-view-menu #g-print-digibug-link { + background-image: url('../images/ico-print.png'); +} + +/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-tag-cloud ul { + text-align: justify; +} + +#g-tag-cloud ul li { + display: inline; + line-height: 1.5em; + text-align: justify; +} + +#g-tag-cloud ul li a { + text-decoration: none; +} + +#g-tag-cloud ul li span { + display: none; +} + +#g-tag-cloud ul li.size1 a { + color: #9cf; + font-size: 80%; + font-weight: 100; +} + +#g-tag-cloud ul li.size2 a { + color: #69f; + font-size: 90%; + font-weight: 300; +} + +#g-tag-cloud ul li.size3 a { + color: #69c; + font-size: 100%; + font-weight: 500; +} + +#g-tag-cloud ul li.size4 a { + color: #369; + font-size: 110%; + font-weight: 700; +} + +#g-tag-cloud ul li.size5 a { + color: #0e2b52; + font-size: 120%; + font-weight: 900; +} + +#g-tag-cloud ul li.size6 a { + color: #0e2b52; + font-size: 130%; + font-weight: 900; +} + +#g-tag-cloud ul li.size7 a { + color: #0e2b52; + font-size: 140%; + font-weight: 900; +} + +#g-tag-cloud ul li a:hover { + color: #f30; + text-decoration: underline; +} + +#g-welcome-message p { + padding-bottom: 1em; +} + +/** ******************************************************************* + * 6) jQuery and jQuery UI + *********************************************************************/ + +/* Superfish menu overrides ~~~~~~~~~~~~~~ */ + +.sf-menu a { + border-left: 1px solid #CCC; + border-top: 1px solid #CCC; +} + +.sf-menu li { + color: #fff; + background-color: #333; +} + +.sf-menu li li, .sf-menu li li ul li { + color: #fff; + background-color: #333; +} + +.sf-menu li:hover { + color: #fff; + background-color: #777; +} + +.sf-menu li:hover, .sf-menu li.sfHover, +.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { + background: #777; +} + +/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */ + +.ui-widget-overlay { + background: #000; + opacity: .7; +} + +/* jQuery UI ThemeRoller buttons */ + +.g-buttonset { + padding-left: 1px; +} + +.g-buttonset li { + float: left; +} + +.g-buttonset .g-button { + margin: 0; +} + +.ui-icon-left .ui-icon { + float: left; + margin-right: .2em; +} + +.ui-icon-right .ui-icon { + float: right; + margin-left: .2em; +} + +.ui-icon-rotate-ccw { + background-position: -192px -64px; +} + +.ui-icon-rotate-cw { + background-position: -208px -64px; +} + +/* STUFF THAT NEEDS A HOME */ + +#g-move ul { + padding-left: 1em; +} + +#g-move .selected { + background: #999; +} + +/* Server Add */ + +#g-server-add button { + margin-bottom: .5em; +} + +#g-server-add-tree { + cursor: pointer; + padding-left: 4px; + width: 95%; +} + +#g-server-add-tree li { + padding: 0; + float: none; +} + +#g-server-add-tree span.selected { + background: #ddd; +} + +#g-server-add-tree { + border: 1px solid #ccc; + height: 20em; + overflow: auto; + margin-bottom: .5em; + padding: .5em; +} + +#g-server-add ul ul li { + padding-left: 1.2em; +} + +/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-edit-permissions-form { + clear: both; +} + +#g-edit-permissions-form td { + background-image: none; +} + +#g-edit-permissions-form fieldset { + border: 1px solid #ccc; + padding: 0; +} + +#g-permissions .g-denied, +#g-permissions .g-allowed { + text-align: center; + vertical-align: middle; +} + +#g-permissions .g-denied { + background-color: #fcc; +} + +#g-permissions .g-allowed { + background-color: #cfc; +} + +/*************** STUFF THAT NEEDS A HOME ****************/ + +#g-add-photos #SWFUpload_0 { + position: relative; + top: -200px; + left: 134px; +} +#g-add-photos .g-breadcrumbs { + border: 0; + margin: 0; + padding-left:10px; +} +#g-add-photos-canvas { + border: 1px solid #CCCCCC; + margin: .5em 0 .5em 0; + width: 469px; + height: 325px; + overflow: auto; +} +#g-add-photos button { + margin-bottom: .5em; + float: right; +} +#g-uploadqueue-infobar { + clear: both; +} +#g-uploadqueue-infobar #g-cancelupload { + display: none; + cursor: pointer; +} + +#g-add-photos-canvas { + +} + +#g-add-photos-queue .progressbar { + height: 4px; +} + +#g-add-photos-queue .title { + font-size: 1.25em; +} + +#g-add-photos-queue .status { + font-size: .75em; +} + +#g-add-photos-queue .box { + margin-bottom: 8px; + padding: 4px; +} + +#g-add-photos-queue .pending { + background-color: #e8e8e8; + border: 1px solid #d7d7d7; +} + +#g-add-photos-queue .error { + background-color: #fcc; + border: 1px solid #ebb; +} + +#g-add-photos-queue .uploading { + background-color: #ff9; + border: 1px solid #ee8; +} + +#g-add-photos-queue .complete { + background-color: #cfc; + border: 1px solid #beb; +} + +#g-admin-g2-import-notes { + padding-bottom: 20px; +} + +#g-admin-g2-import-details { + padding-top: 20px; +} + +#g-admin-g2-import-details .g-warning { + margin-top: 4px; +} + +#g-admin-g2-import-details .g-info { + padding: 2px; + border: 1px solid #999; + margin-bottom: 10px; +} + +#g-admin-g2-import-notes p, +#g-admin-g2-import-details .g-info p { + padding: 0; + margin: 0; +} + +#g-admin-g2-import-notes ul li, +#g-admin-g2-import .g-info ul li { + padding-left: 0; + margin-left: 20px; + list-style-type: disc; +} + +/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */ + +.rtl { + direction: rtl; +} + +.rtl caption, +.rtl th, +.rtl #g-dialog { + text-align: right; +} + +.rtl .g-right, +.rtl #g-header #g-quick-search-form, +.rtl #g-header #g-login-menu, +.rtl .ui-icon-right .ui-icon { + clear: left; + float: left; +} + +.rtl .g-left, +.rtl #g-dialog .g-cancel, +.rtl form ul ul li, +.rtl input[type="submit"], +.rtl input[type="reset"], +.rtl .g-short-form li, +.rtl #g-header #g-logo img, +.rtl #g-content #g-album-grid .g-item, +.rtl #g-site-menu, +.rtl .g-breadcrumbs li, +.rtl .g-pager li, +.rtl .g-buttonset li, +.rtl .ui-icon-left .ui-icon { + float: right; +} diff --git a/themes/night_wind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png b/themes/night_wind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png new file mode 100644 index 00000000..5b5dab2a Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png b/themes/night_wind/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png new file mode 100644 index 00000000..4443fdc1 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_gloss-wave_16_121212_500x100.png b/themes/night_wind/css/themeroller/images/ui-bg_gloss-wave_16_121212_500x100.png new file mode 100644 index 00000000..c7a2ee1b Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_gloss-wave_16_121212_500x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_15_888888_1x100.png b/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_15_888888_1x100.png new file mode 100644 index 00000000..66e53e16 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_15_888888_1x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_55_555555_1x100.png b/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_55_555555_1x100.png new file mode 100644 index 00000000..1453bc18 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_highlight-hard_55_555555_1x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_35_adadad_1x100.png b/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_35_adadad_1x100.png new file mode 100644 index 00000000..5a5a41d4 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_35_adadad_1x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_60_dddddd_1x100.png b/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_60_dddddd_1x100.png new file mode 100644 index 00000000..747e1fa6 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_highlight-soft_60_dddddd_1x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-bg_inset-soft_15_121212_1x100.png b/themes/night_wind/css/themeroller/images/ui-bg_inset-soft_15_121212_1x100.png new file mode 100644 index 00000000..e7692acd Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-bg_inset-soft_15_121212_1x100.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png new file mode 100644 index 00000000..1c461a26 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_aaaaaa_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_aaaaaa_256x240.png new file mode 100644 index 00000000..9b04537f Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_aaaaaa_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png new file mode 100644 index 00000000..4212ee06 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png new file mode 100644 index 00000000..e47c4817 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png new file mode 100644 index 00000000..2a940237 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_cd0a0a_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_cd0a0a_256x240.png new file mode 100644 index 00000000..7930a558 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_cd0a0a_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png new file mode 100644 index 00000000..7c331826 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png differ diff --git a/themes/night_wind/css/themeroller/ui.base.css b/themes/night_wind/css/themeroller/ui.base.css new file mode 100644 index 00000000..9200bd18 --- /dev/null +++ b/themes/night_wind/css/themeroller/ui.base.css @@ -0,0 +1,404 @@ +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* 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; } +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { height:1%; } +.ui-helper-clearfix { display:block; } +/* end clearfix */ +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a +*/ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #404040; background: #121212 url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; } +.ui-widget-content a { color: #eeeeee; } +.ui-widget-header { border: 1px solid #404040; background: #888888 url(images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } +.ui-widget-header a { color: #ffffff; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; outline: none; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; 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 #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; } +.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; outline: none; } +.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #404040; background: #555555 url(images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; } +.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } +.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/ui-icons_bbbbbb_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); } +.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_c98000_256x240.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_f29a00_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.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-script { background-position: -240px -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-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -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: 5px; -webkit-border-top-left-radius: 5px; } +.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } +.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } +.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } +.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } +.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } +.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } +.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } +.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion +----------------------------------*/ +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } +.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker +----------------------------------*/ +.ui-datepicker { width: 17em; padding: .2em .2em 0; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.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 .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/* Dialog +----------------------------------*/ +.ui-dialog { position: relative; padding: .2em; width: 300px; } +.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .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 .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/* Progressbar +----------------------------------*/ +.ui-progressbar { height:2em; text-align: left; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* 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: 12px; height: 12px; right: 1px; bottom: 1px; } +.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;}/* Slider +----------------------------------*/ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs +----------------------------------*/ +.ui-tabs { padding: .2em; zoom: 1; } +.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } +.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } diff --git a/themes/night_wind/images/avatar.jpg b/themes/night_wind/images/avatar.jpg new file mode 100644 index 00000000..acad9314 Binary files /dev/null and b/themes/night_wind/images/avatar.jpg differ diff --git a/themes/night_wind/images/ico-album.png b/themes/night_wind/images/ico-album.png new file mode 100644 index 00000000..affa1b84 Binary files /dev/null and b/themes/night_wind/images/ico-album.png differ diff --git a/themes/night_wind/images/ico-help.png b/themes/night_wind/images/ico-help.png new file mode 100644 index 00000000..5c870176 Binary files /dev/null and b/themes/night_wind/images/ico-help.png differ diff --git a/themes/night_wind/images/ico-print.png b/themes/night_wind/images/ico-print.png new file mode 100644 index 00000000..b82a8e1e Binary files /dev/null and b/themes/night_wind/images/ico-print.png differ diff --git a/themes/night_wind/images/ico-view-comments.png b/themes/night_wind/images/ico-view-comments.png new file mode 100644 index 00000000..e5d3630f Binary files /dev/null and b/themes/night_wind/images/ico-view-comments.png differ diff --git a/themes/night_wind/images/ico-view-fullsize.png b/themes/night_wind/images/ico-view-fullsize.png new file mode 100644 index 00000000..0be23e9b Binary files /dev/null and b/themes/night_wind/images/ico-view-fullsize.png differ diff --git a/themes/night_wind/images/ico-view-slideshow.png b/themes/night_wind/images/ico-view-slideshow.png new file mode 100644 index 00000000..82f61f63 Binary files /dev/null and b/themes/night_wind/images/ico-view-slideshow.png differ diff --git a/themes/night_wind/images/select-photos-backg.png b/themes/night_wind/images/select-photos-backg.png new file mode 100644 index 00000000..81c2d616 Binary files /dev/null and b/themes/night_wind/images/select-photos-backg.png differ diff --git a/themes/night_wind/js/ui.init.js b/themes/night_wind/js/ui.init.js new file mode 100644 index 00000000..27fb9664 --- /dev/null +++ b/themes/night_wind/js/ui.init.js @@ -0,0 +1,125 @@ +/** + * Initialize jQuery UI and Gallery Plugin elements + */ + +$(document).ready(function() { + + // Initialize Superfish menus + $("ul.g-menu").addClass("sf-menu"); + $('ul.sf-menu').superfish({ + delay: 500, + animation: { + opacity:'show', + height:'show' + }, + speed: 'fast' + }); + $("#g-site-menu").css("display", "block"); + + // Initialize status message effects + $("#g-action-status li").gallery_show_message(); + + // Initialize dialogs + $("#g-login-link").addClass("g-dialog-link"); + $(".g-dialog-link").gallery_dialog(); + + // Initialize view menu + if ($("#g-view-menu").length) { + $("#g-view-menu ul").removeClass("g-menu").removeClass("sf-menu"); + $("#g-view-menu a").addClass("ui-icon"); + } + + // Initialize short forms + var short_forms = new Array( + "#g-quick-search-form", + "#g-add-tag-form", + "#g-search-form" + ); + + for (var i in short_forms) { + short_form_init(short_forms[i]); + $(short_forms[i]).addClass("g-short-form"); + } + $(".g-short-form input[type=text]").addClass("ui-corner-left"); + $(".g-short-form input[type=submit]").addClass("ui-state-default ui-corner-right"); + + // Apply jQuery UI button css to submit inputs + $("input[type=submit]:not(.g-short-form input)").addClass("ui-state-default ui-corner-all"); + + // Apply styles and icon classes to g-context-menu + if ($(".g-context-menu").length) { + $(".g-context-menu li").addClass("ui-state-default"); + $(".g-context-menu a").addClass("g-button ui-icon-left"); + $(".g-context-menu a").prepend(""); + $(".g-context-menu a span").each(function() { + var iconClass = $(this).parent().attr("class").match(/ui-icon-.[^\s]+/).toString(); + $(this).addClass(iconClass); + }); + } + + // Album view only + if ($("#g-album-grid").length) { + // Set equal height for album items and vertically align thumbnails/metadata + $('.g-item').equal_heights().gallery_valign(); + + // Initialize thumbnail hover effect + $(".g-item").hover( + function() { + // Insert a placeholder to hold the item's position in the grid + var placeHolder = $(this).clone().attr("id", "g-place-holder"); + $(this).after($(placeHolder)); + // Style and position the hover item + var position = $(this).position(); + $(this).css("top", position.top).css("left", position.left); + $(this).addClass("g-hover-item"); + // Initialize the contextual menu + $(this).gallery_context_menu(); + // Set the hover item's height + $(this).height("auto"); + var context_menu = $(this).find(".g-context-menu"); + var adj_height = $(this).height() + context_menu.height(); + $(this).height(adj_height); + }, + function() { + // Reset item height and position + if ($(this).next().height()) { + var sib_height = $(this).next().height(); + } else { + var sib_height = $(this).prev().height(); + } + if ($.browser.msie && $.browser.version >= 8) { + sib_height = sib_height + 1; + } + $(this).css("height", sib_height); + $(this).css("position", "relative"); + $(this).css("top", 0).css("left", 0); + // Remove the placeholder and hover class from the item + $(this).removeClass("g-hover-item"); + $("#g-place-holder").remove(); + } + ); + } + + // Photo/Item item view + if ($("#g-item").length) { + // Ensure the resized image fits within its container + $("#g-item").gallery_fit_photo(); + + // Initialize context menus + var resize = $("#g-item").gallery_get_photo(); + $(resize).hover(function(){ + $(this).gallery_context_menu(); + }); + + // Add scroll effect for links to named anchors + $.localScroll({ + queue: true, + duration: 1000, + hash: true + }); + } + + // Initialize button hover effect + $.fn.gallery_hover_init(); + +}); diff --git a/themes/night_wind/theme.info b/themes/night_wind/theme.info new file mode 100644 index 00000000..32f014fc --- /dev/null +++ b/themes/night_wind/theme.info @@ -0,0 +1,6 @@ +name = "Night Wind" +description = "The same crisp and distinctive theme that uses large fonts and icons for easy navigation as Gallery Wind except the color scheme is based on night shades to enhance the browsing experience." +version = 1 +author = "Gallery Team" +site = 1 +admin = 0 diff --git a/themes/night_wind/thumbnail.png b/themes/night_wind/thumbnail.png new file mode 100644 index 00000000..4a3a24a2 Binary files /dev/null and b/themes/night_wind/thumbnail.png differ diff --git a/themes/night_wind/views/album.html.php b/themes/night_wind/views/album.html.php new file mode 100644 index 00000000..91646b1e --- /dev/null +++ b/themes/night_wind/views/album.html.php @@ -0,0 +1,41 @@ + + +
+ album_top() ?> +

title) ?>

+
description)) ?>
+
+ + +album_bottom() ?> + +pager() ?> diff --git a/themes/night_wind/views/block.html.php b/themes/night_wind/views/block.html.php new file mode 100644 index 00000000..699d7c22 --- /dev/null +++ b/themes/night_wind/views/block.html.php @@ -0,0 +1,10 @@ + + + + +
+

+
+ +
+
diff --git a/themes/night_wind/views/dynamic.html.php b/themes/night_wind/views/dynamic.html.php new file mode 100644 index 00000000..aa347402 --- /dev/null +++ b/themes/night_wind/views/dynamic.html.php @@ -0,0 +1,29 @@ + +
+
+ dynamic_top() ?> +
+

+
+ + +dynamic_bottom() ?> + +pager() ?> diff --git a/themes/night_wind/views/movie.html.php b/themes/night_wind/views/movie.html.php new file mode 100644 index 00000000..17b519ba --- /dev/null +++ b/themes/night_wind/views/movie.html.php @@ -0,0 +1,37 @@ + +
+ photo_top() ?> + + + + + movie_img(array("class" => "g-movie", "id" => "g-movie-id-{$item->id}")) ?> + +
+

title) ?>

+
description)) ?>
+
+ + photo_bottom() ?> + context_menu($item, "#g-movie-id-{$item->id}") ?> +
diff --git a/themes/night_wind/views/no_sidebar.html.php b/themes/night_wind/views/no_sidebar.html.php new file mode 100644 index 00000000..378bd971 --- /dev/null +++ b/themes/night_wind/views/no_sidebar.html.php @@ -0,0 +1,6 @@ + + diff --git a/themes/night_wind/views/page.html.php b/themes/night_wind/views/page.html.php new file mode 100644 index 00000000..fab4ba9e --- /dev/null +++ b/themes/night_wind/views/page.html.php @@ -0,0 +1,143 @@ + + + + + + + <? if ($page_title): ?> + <?= $page_title ?> + <? else: ?> + <? if ($theme->item()): ?> + <? if ($theme->item()->is_album()): ?> + <?= t("Browse Album :: %album_title", array("album_title" => $theme->item()->title)) ?> + <? elseif ($theme->item()->is_photo()): ?> + <?= t("Photo :: %photo_title", array("photo_title" => $theme->item()->title)) ?> + <? else: ?> + <?= t("Movie :: %movie_title", array("movie_title" => $theme->item()->title)) ?> + <? endif ?> + <? elseif ($theme->tag()): ?> + <?= t("Browse Tag :: %tag_title", array("tag_title" => $theme->tag()->name)) ?> + <? else: /* Not an item, not a tag, no page_title specified. Help! */ ?> + <?= t("Gallery") ?> + <? endif ?> + <? endif ?> + + " type="image/x-icon" /> + css("yui/reset-fonts-grids.css") ?> + css("superfish/css/superfish.css") ?> + css("themeroller/ui.base.css") ?> + css("gallery.common.css") ?> + css("screen.css") ?> + + page_type == 'album'): ?> + + + + + + + script("jquery.js") ?> + script("jquery.form.js") ?> + script("jquery-ui.js") ?> + script("gallery.common.js") ?> + + + script("gallery.ajax.js") ?> + script("gallery.dialog.js") ?> + script("gallery.form.js") ?> + script("superfish/js/superfish.js") ?> + script("jquery.localscroll.js") ?> + script("ui.init.js") ?> + + head() they get combined */ ?> + page_type == "photo"): ?> + script("jquery.scrollTo.js") ?> + script("gallery.show_full_size.js") ?> + page_type == "movie"): ?> + script("flowplayer.js") ?> + + + head() ?> + + + body_attributes() ?>> + page_top() ?> +
+ site_status() ?> +
+
+ header_top() ?> + + + + + +
+ site_menu() ?> +
+ header_bottom() ?> +
+ + + + +
+
+
+
+
+ messages() ?> + +
+
+
+
+ page_type != "login"): ?> + + +
+
+ +
+ page_bottom() ?> + + diff --git a/themes/night_wind/views/pager.html.php b/themes/night_wind/views/pager.html.php new file mode 100644 index 00000000..2075fd95 --- /dev/null +++ b/themes/night_wind/views/pager.html.php @@ -0,0 +1,44 @@ + + + diff --git a/themes/night_wind/views/photo.html.php b/themes/night_wind/views/photo.html.php new file mode 100644 index 00000000..2520cb0c --- /dev/null +++ b/themes/night_wind/views/photo.html.php @@ -0,0 +1,59 @@ + + +item())): ?> + + + + +
+ photo_top() ?> + + + +
+ resize_top($item) ?> + + for_html_attr() ?>"> + + resize_img(array("id" => "g-photo-id-{$item->id}", "class" => "g-resize")) ?> + + + + resize_bottom($item) ?> + context_menu($item, "#g-photo-id-{$item->id}") ?> +
+ +
+

title) ?>

+
description)) ?>
+
+ + photo_bottom() ?> +
diff --git a/themes/night_wind/views/sidebar.html.php b/themes/night_wind/views/sidebar.html.php new file mode 100644 index 00000000..c49a7b51 --- /dev/null +++ b/themes/night_wind/views/sidebar.html.php @@ -0,0 +1,18 @@ + +sidebar_top() ?> +
+
+ + album_menu() ?> + + photo_menu() ?> + + movie_menu() ?> + + tag_menu() ?> + +
+
+ +sidebar_blocks() ?> +sidebar_bottom() ?> -- cgit v1.2.3 From 4b6452127583761e052cf397645688247faf404d Mon Sep 17 00:00:00 2001 From: Tim Almdal Date: Thu, 8 Oct 2009 11:24:21 -0700 Subject: Change the color of the icon pack to darker shades instead of orange --- .../css/themeroller/images/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes .../css/themeroller/images/ui-icons_444444_256x240.png | Bin 0 -> 4369 bytes .../css/themeroller/images/ui-icons_c98000_256x240.png | Bin 5355 -> 0 bytes .../css/themeroller/images/ui-icons_f29a00_256x240.png | Bin 5355 -> 0 bytes themes/night_wind/css/themeroller/ui.base.css | 8 +++++--- 5 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_222222_256x240.png create mode 100644 themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png delete mode 100644 themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png delete mode 100644 themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png diff --git a/themes/night_wind/css/themeroller/images/ui-icons_222222_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_222222_256x240.png new file mode 100644 index 00000000..ee039dc0 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_222222_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png new file mode 100644 index 00000000..659b0746 Binary files /dev/null and b/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png deleted file mode 100644 index e47c4817..00000000 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_c98000_256x240.png and /dev/null differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png deleted file mode 100644 index 7c331826..00000000 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_f29a00_256x240.png and /dev/null differ diff --git a/themes/night_wind/css/themeroller/ui.base.css b/themes/night_wind/css/themeroller/ui.base.css index 9200bd18..319cf44e 100644 --- a/themes/night_wind/css/themeroller/ui.base.css +++ b/themes/night_wind/css/themeroller/ui.base.css @@ -36,11 +36,13 @@ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=444444&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ @@ -81,8 +83,8 @@ .ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); } -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_c98000_256x240.png); } -.ui-state-active .ui-icon {background-image: url(images/ui-icons_f29a00_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_444444_256x240.png); } +.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } -- cgit v1.2.3 From 39dbd820fa48fb8765fec404073e692c800e8d84 Mon Sep 17 00:00:00 2001 From: Tim Almdal Date: Thu, 8 Oct 2009 11:54:56 -0700 Subject: Darken the body background. --- themes/night_wind/css/screen.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/night_wind/css/screen.css b/themes/night_wind/css/screen.css index d580386b..8b01fac5 100644 --- a/themes/night_wind/css/screen.css +++ b/themes/night_wind/css/screen.css @@ -19,7 +19,7 @@ **********************************************************************/ body, html { - background-color: #ccc; + background-color: #333; font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } @@ -267,7 +267,7 @@ form .g-error, .g-view { background-color: #000; - border: 1px solid #ccc; + border: 1px solid #333; border-bottom: none; color: #fff; } -- cgit v1.2.3 From 83203a11f8f3da23dbd2a75e94ca66a5d53ebc3f Mon Sep 17 00:00:00 2001 From: Tim Almdal Date: Thu, 8 Oct 2009 13:06:29 -0700 Subject: Add the rotate clockwise and counter clockwise to the theme images --- .../themeroller/images/ui-icons_444444_256x240.png | Bin 4369 -> 8698 bytes .../themeroller/images/ui-icons_666666_256x240.png | Bin 4369 -> 8765 bytes .../themeroller/images/ui-icons_bbbbbb_256x240.png | Bin 4369 -> 8695 bytes .../themeroller/images/ui-icons_cccccc_256x240.png | Bin 4369 -> 8701 bytes 4 files changed, 0 insertions(+), 0 deletions(-) diff --git a/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png index 659b0746..1d071b4e 100644 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png and b/themes/night_wind/css/themeroller/images/ui-icons_444444_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png index 1c461a26..05fae5ee 100644 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png and b/themes/night_wind/css/themeroller/images/ui-icons_666666_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png index 4212ee06..8340d085 100644 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png and b/themes/night_wind/css/themeroller/images/ui-icons_bbbbbb_256x240.png differ diff --git a/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png b/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png index 2a940237..12774b8f 100644 Binary files a/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png and b/themes/night_wind/css/themeroller/images/ui-icons_cccccc_256x240.png differ -- cgit v1.2.3 From 80bb78fa4ef3fe718cdee56fc98d5584dcd7d5b2 Mon Sep 17 00:00:00 2001 From: Chad Kieffer Date: Fri, 9 Oct 2009 12:07:27 -0600 Subject: Fixed resized photo float issue, added g-clearfix to g-pager on the photo view. Tightened up g-pager styles. Removed a few unecessary !importants. --- lib/gallery.common.css | 13 ++++++------- lib/gallery.dialog.js | 2 +- themes/admin_wind/css/screen.css | 2 -- themes/wind/css/fix-ie.css | 2 +- themes/wind/css/screen.css | 15 +-------------- themes/wind/views/photo.html.php | 2 +- 6 files changed, 10 insertions(+), 26 deletions(-) diff --git a/lib/gallery.common.css b/lib/gallery.common.css index bb92e409..cc44b663 100644 --- a/lib/gallery.common.css +++ b/lib/gallery.common.css @@ -137,11 +137,13 @@ form .g-error { **********************************************************************/ .g-left { + clear: none; float: left; margin: 1em 1em 1em 0; } .g-right { + clear: none; float: right; margin: 1em 0 1em 1em; } @@ -256,19 +258,18 @@ form .g-error { /* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-pager { - clear: both; - margin: 0; - padding: 5px 0 !important; + padding: 5px 0; width: 100%; } .g-pager li { float: left; - margin: 0; width: 30%; } .g-pager .g-info { + background: none; + padding: .2em 0; text-align: center; width: 40%; } @@ -309,9 +310,7 @@ form .g-error { } #g-dialog .g-cancel { - clear: none; - float: left; - margin: .3em 1em; + margin: .4em 1em; } /** ******************************************************************* diff --git a/lib/gallery.dialog.js b/lib/gallery.dialog.js index c162ab2a..89470519 100644 --- a/lib/gallery.dialog.js +++ b/lib/gallery.dialog.js @@ -73,7 +73,7 @@ form_loaded: function(event, ui) { // Should be defined (and localized) in the theme MSG_CANCEL = MSG_CANCEL || 'Cancel'; - var eCancel = '' + MSG_CANCEL + ''; + var eCancel = '' + MSG_CANCEL + ''; if ($("#g-dialog .submit").length) { $("#g-dialog .submit").addClass("ui-state-default ui-corner-all"); $.fn.gallery_hover_init(); diff --git a/themes/admin_wind/css/screen.css b/themes/admin_wind/css/screen.css index ca2b2752..3c58a282 100644 --- a/themes/admin_wind/css/screen.css +++ b/themes/admin_wind/css/screen.css @@ -268,7 +268,6 @@ li.g-error select { opacity: 0.4; } -.g-pager .g-info, tr.g-error, tr.g-info, tr.g-success, @@ -951,7 +950,6 @@ g-languages-form input { } .rtl .g-left, -.rtl #g-dialog .g-cancel, .rtl form ul ul li, .rtl input[type="submit"], .rtl input[type="reset"], diff --git a/themes/wind/css/fix-ie.css b/themes/wind/css/fix-ie.css index be6e22be..60abc08d 100644 --- a/themes/wind/css/fix-ie.css +++ b/themes/wind/css/fix-ie.css @@ -19,7 +19,7 @@ input.submit { width: 110px; } -#g-dialog a.g-cancel { +#g-dialog .g-cancel { display: inline-block !important; float: none !important; } diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css index 409cbcad..5c65e344 100644 --- a/themes/wind/css/screen.css +++ b/themes/wind/css/screen.css @@ -234,18 +234,6 @@ li.g-error select { margin-top: 1em; } -/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */ - -form .g-error, -.g-pager .g-info { - background-color: #fff !important; -} - -.g-pager .g-info { - background-image: none !important; - padding: 0 !important; -} - /* Inline layout (forms, lists) ~~~~~~~~~~ */ .g-short-form li { @@ -408,7 +396,7 @@ form .g-error, #g-content #g-item .g-fullsize-link img { display: block; - margin: 1em auto !important; + margin: 1em auto; } #g-content #g-comments { @@ -899,7 +887,6 @@ form .g-error, } .rtl .g-left, -.rtl #g-dialog .g-cancel, .rtl form ul ul li, .rtl input[type="submit"], .rtl input[type="reset"], diff --git a/themes/wind/views/photo.html.php b/themes/wind/views/photo.html.php index 2520cb0c..c9c30017 100644 --- a/themes/wind/views/photo.html.php +++ b/themes/wind/views/photo.html.php @@ -15,7 +15,7 @@
photo_top() ?> -