diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css index cd70f30fe..5bc13485d 100644 --- a/admin/themes/clear/theme.css +++ b/admin/themes/clear/theme.css @@ -281,14 +281,16 @@ INPUT[type="text"].large { width: 317px; } #pluginsMenuSeparator {border:1px solid #ddd;} #pwgHead, #footer { - background-color: #ddd; - color: #666; + background-color: #333; + color: #ccc; } +#pwgHead h1 A:hover [class="icon-home"] { + color:#ff7700; +} -#pwgHead A, #footer A {color:#444;} -#pwgHead A:hover, #footer A:hover {color:black;} -#footer { background-image: url(images/piwigo_logo_small.png);} +#pwgHead A, #footer A {color:#ccc;} +#pwgHead A:hover, #footer A:hover {color:white;} .pluginBox, .pluginMiniBox, .groups li {background-color:#ddd;color:#353535;border-color:#ddd;} .pluginBoxNameCell, .pluginMiniBoxNameCell {color:#111;} diff --git a/admin/themes/default/images/piwigo-logo-white-letters.svg b/admin/themes/default/images/piwigo-logo-white-letters.svg new file mode 100644 index 000000000..3f48ad790 --- /dev/null +++ b/admin/themes/default/images/piwigo-logo-white-letters.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/admin/themes/default/template/footer.tpl b/admin/themes/default/template/footer.tpl index e3daa12c3..b9e0b2f59 100644 --- a/admin/themes/default/template/footer.tpl +++ b/admin/themes/default/template/footer.tpl @@ -21,8 +21,8 @@ {'Powered by'|translate} Piwigo {$VERSION} - | {'Documentation'|translate} - | {'Support'|translate} + {'Documentation'|translate} + {'Support'|translate}
diff --git a/admin/themes/default/template/header.tpl b/admin/themes/default/template/header.tpl index 289a05081..6d5405508 100644 --- a/admin/themes/default/template/header.tpl +++ b/admin/themes/default/template/header.tpl @@ -11,7 +11,10 @@ {strip} {combine_css path="admin/themes/default/fontello/css/fontello.css" order=-10} +{assign "theme_id" ""} {foreach from=$themes item=theme} + {assign "theme_id" $theme.id} + {if $theme.load_css} {combine_css path="admin/themes/`$theme.id`/theme.css" order=-10} {/if} @@ -49,19 +52,31 @@ {/if}
+{strip}

- + {$GALLERY_TITLE}

+{/strip}
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index bb53d28bd..fc60dad26 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -299,7 +299,7 @@ text-align: left; font-size: 150%; font-weight: normal; font-style:italic; -padding: 2px 0 0 10px; +/* padding: 2px 0 0 10px; */ margin: 0; float:left; } @@ -310,10 +310,24 @@ float:left; height: 36px; } +#pwgHead H1 { + width: 50%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height:36px; +} + +#pwgHead h1 [class="icon-home"] { + font-size:20px; + margin-right:5px; +} + #pwgHead A {color:#ccc;} #pwgHead A:hover {color:#fff} #headActions {float:right; height:36px; line-height:36px; margin-right:10px;} +#headActions A {margin-left:5px;} A { text-decoration: none; @@ -613,6 +627,8 @@ html, body {height:100%; margin:0; padding:0;} background-position: 7px 2px; background-color:#464646; color:#aaa; + background-image: url(images/piwigo-logo-white-letters.svg); + background-size: 130px 30px; } #footer A {color:#ccc;} @@ -1328,4 +1344,14 @@ table.qsearch_help_table td { /* icons */ fieldset#environment legend i[class*="icon-"] { font-size:14px; +} + +#headActions a span { + display:none; +} + +@media all and (min-width: 800px) { + #headActions a span { + display:inline; + } } \ No newline at end of file diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css index 26c2a6591..62e965306 100644 --- a/admin/themes/roma/theme.css +++ b/admin/themes/roma/theme.css @@ -275,7 +275,10 @@ color:transparent;} #helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;} #pwgHead, #footer {background-color:#222;} -#footer {background-image: url(images/piwigo_logo_small.png);} + +#pwgHead h1 A:hover [class="icon-home"] { + color:#f36; +} .pluginBox, .pluginMiniBox, .groups li {background-color:#333;color:#999;border-color:#333;} .pluginBoxNameCell, .pluginMiniBoxNameCell {color:#ddd;}