diff options
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/admin_default/css/screen.css | 186 | ||||
| -rw-r--r-- | themes/admin_default/js/ui.init.js | 93 |
2 files changed, 147 insertions, 132 deletions
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css index e1f468c0..c2b903dd 100644 --- a/themes/admin_default/css/screen.css +++ b/themes/admin_default/css/screen.css @@ -9,18 +9,62 @@ **********************************************************************/ .gBlock { + background-color: #fff; border: 1px solid #e7e7e7; margin-bottom: 1em; - padding: 1em .4em; + padding: 1em; } .gBlockContent { padding: 0 1em 1em 1em; } +.gSelected img, +.gAvailable img { + float: left; + margin-right: 1em; +} + +.gSelected { + background: #cfc; +} + +.gAvailable .gBlock { + cursor: pointer; +} + +.gAvailable .gBlock:hover { + background: #eee; +} + +.gUnavailable { + border-color: #ccc; + cursor: default; + opacity: 0.4; +} + +.gUnavailable:hover { + opacity: 1; +} + +.gFirstRow { + border-bottom: 1px solid #ccc; + padding-bottom: .5em; + padding-left: 30px !important; +} + +.gOddRow { + background-color: #eee; +} + +.gEvenRow { + background-color: #fff; +} + /** ******************************************************************* * Page layout containers **********************************************************************/ + .gView { min-width: 974px !important; } @@ -82,118 +126,80 @@ margin-bottom: 0; } -/** ******************************************************************* - * Browser hacks - *********************************************************************/ - -#gHeader:after, -#gAdminCommentsMenu:after, -#gThemeTabs:after, -#gSelectedTheme .gBlock:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; +.gButtonLink { + border-width: 1px; + border-style: solid; + border-color: #ececec #c8c8c8 #c8c8c8 #ececec; + background-image: url('/gallery3/themes/admin_default/images/backg-buttonlink.png'); + padding: .2em .3em; + font-weight: bold; } -/** ******************************************************************* - * Stuff that needs a home or needs to be organized - *********************************************************************/ - -#gAdminGraphics #gSelectedToolkit img { - float: right; - margin-right: 1em; +.gButtonLink:hover { + border-color: #c8c8c8 #ececec #ececec #c8c8c8; } -#gAdminGraphics #gSelectedToolkit div.gBlock { - width: 700px; - height: 140px; - background: #cfc; -} - -#gAdminGraphics .gBlock { - background: #fff; - padding: 1em; -} - -#gAdminGraphics #gAvailableToolkits .gBlock { - clear: none; - cursor: pointer; - float: left; - margin-right: 1em; - text-align: center; - width: 250px; -} - -#gAdminGraphics #gAvailableToolkits .gBlock { - width: 328px; - height: 300px; -} - -#gAdminGraphics #gAvailableToolkits .unavailable { - background-color: #fee !important; - cursor: default !important; -} - -#gAdminGraphics #gAvailableToolkits .gBlock:hover { - background: #eee; +.gBlock h2 a { + font-size: .7em; + float: right; + position: relative; + top: -1.69em; } -#gAdminGraphics a { - color: #333; +.gUserAdminList li { + padding: .4em .4em .3em .4em; + position: relative; } -#gAdminGraphics #gAvailableToolkits .gBlock { - cursor: pointer; +.gUserAdminList li img { + width: 20px; + height: 20px; + cursor: move; } - -#gAdminThemes #gAdminTheme, -#gAdminThemes #gSiteTheme { - width: 400px; - float: left; +.gActions { + position: absolute; + left: 400px; } -#gAdminThemes #gAdminTheme { - padding-left: 40px; +.gActions a, +.gActions span { + margin-right: 40px; } - -#gAdminThemes #gSelectedTheme img { - float: left; - margin-right: 1em; +#gPanel { + display: none; + padding: 1em; } -#gAdminThemes .selected { - background: #cfc !important; - cursor: default !important; +#gPanel legend { + display: none; } -#gAdminThemes .gBlock { - width: 328px; - height: 140px; - background: #fff; - padding: 1em; - text-align: center; +#gPanel fieldset { + border: none; } -#gAdminThemes .gBlock { - clear: none; - cursor: pointer; +li.gGroup { float: left; - text-align: center; - width: 328px; + display: block; + width: 200px; height: 200px; + border: 1px solid gray; + padding: .5em; + margin-right: 1em; } -#gAvailableSiteThemes .gBlock:hover, -#gAvailableAdminThemes .gBlock:hover { - background: #eee; -} +/** ******************************************************************* + * Browser hacks + *********************************************************************/ -#gAdminThemes a { - color: #333; - text-decoration: none; +#gHeader:after, +#gAdminCommentsMenu:after, +.gSelected:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; } - diff --git a/themes/admin_default/js/ui.init.js b/themes/admin_default/js/ui.init.js index 4ccc5b75..79da8695 100644 --- a/themes/admin_default/js/ui.init.js +++ b/themes/admin_default/js/ui.init.js @@ -26,48 +26,57 @@ $(document).ready(function(){ $(panelLinks[i]).bind("click", {element: panelLinks[i]}, handlePanelEvent); } - function handlePanelEvent(event) { - togglePanel(event.data.element); - event.preventDefault(); +}); + +function handlePanelEvent(event) { + togglePanel(event.data.element); + event.preventDefault(); +} + +function togglePanel(element, on_success) { + var parent = $(element).parent().parent(); + var sHref = $(element).attr("href"); + var ePanel = '<div id="gPanel"></div>'; + + if ($("#gPanel").length) { + $("#gPanel").slideUp("slow"); + $("#gPanel *").remove(); + $("#gPanel").remove(); } - function togglePanel(element, on_success) { - var parent = $(element).parent().parent(); - var sHref = $(element).attr("href"); - var ePanel = '<div class="gPanel"></div>'; - if ($(parent).children(".gPanel").length) { - console.log("In here"); - $(parent).children(".gPanel").slideToggle("slow"); - } else { - $(parent).append(ePanel); - var panel = $(parent).children(".gPanel"); - $(panel).html(sHref); - panel.show().slideDown("slow"); - $.get(sHref, function(data) { - $(panel).html(data); - ajaxify_panel = function() { - $(".gPanel form").ajaxForm({ - dataType: "json", - success: function(data) { - if (data.form) { - $(".gPanel form").replaceWith(data.form); - ajaxify_panel(); - } - if (data.result == "success") { - if (on_success) { - on_success(); - } else if (data.location) { - window.location = data.location; - } else { - window.location.reload(); - } - } - } - }); - }; - ajaxify_panel(); + $(parent).append(ePanel); + + var panel = $(parent).children("#gPanel"); + + showLoading("#gPanel"); + + $(panel).html(sHref); + panel.show().slideDown("slow"); + + $.get(sHref, function(data) { + $(panel).html(data); + ajaxify_panel = function() { + $("#gPanel form").ajaxForm({ + dataType: "json", + success: function(data) { + if (data.form) { + $("#gPanel form").replaceWith(data.form); + ajaxify_panel(); + } + if (data.result == "success") { + if (on_success) { + on_success(); + } else if (data.location) { + window.location = data.location; + } else { + window.location.reload(); + } + } + } }); - } - return false; - } -}); + showLoading("#gPanel"); + }; + ajaxify_panel(); + }); + return false; +} |