diff options
Diffstat (limited to 'themes/wind')
| -rw-r--r-- | themes/wind/css/screen.css | 74 | ||||
| -rw-r--r-- | themes/wind/views/page.html.php | 10 |
2 files changed, 29 insertions, 55 deletions
diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css index 15ce4173..b73c21f0 100644 --- a/themes/wind/css/screen.css +++ b/themes/wind/css/screen.css @@ -4,7 +4,7 @@ * @requires YUI reset, font, grids CSS * * Sheet organization: - * 1) Basic HTML elements + * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers @@ -16,7 +16,7 @@ */ /** ******************************************************************* - * 1) Basic HTML elements + * 1) Font sizes, base HTML elements **********************************************************************/ body, html { @@ -56,10 +56,27 @@ h2 { margin-bottom: .6em; } +#g-content, +#g-site-menu, h3 { font-size: 1.2em; } +#g-sidebar, +.g-breadcrumbs { + font-size: .9em; +} + +#g-banner, +#g-footer, +.g-message { + font-size: .8em; +} + +#g-content #g-album-grid .g-item { + font-size: .7em; +} + /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a, @@ -149,21 +166,18 @@ td { #g-banner { background-color: #e8e8e8; border-bottom: 1px solid #ccc; - 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; } @@ -171,7 +185,6 @@ td { #g-footer { background-color: #e8e8e8; border-top: 1px solid #ccc; - font-size: .8em; margin-top: 20px; padding: 10px 20px; } @@ -182,10 +195,6 @@ td { /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ -#g-banner #g-logo img { - margin: 0; -} - #g-banner #g-quick-search-form { clear: right; float: right; @@ -217,7 +226,6 @@ td { background-color: #fff; border: 1px solid #fff; float: left; - font-size: .7em; padding: .6em 8px; position: relative; text-align: center; @@ -295,15 +303,10 @@ td { * 5) Navigation and menus *********************************************************************/ -#g-site-menu { - font-size: 1.2em; -} - /* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-banner #g-login-menu { color: #999; - float: right; } #g-banner #g-login-menu li { @@ -337,10 +340,6 @@ td { width: 100%; } -#g-item .g-context-menu { - font-size: .7em; -} - #g-item .g-context-menu ul { display: none; } @@ -413,37 +412,10 @@ td { } /** ******************************************************************* - * 6) Right to left styles + * 7) 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 form ul ul li, -.rtl input[type="submit"], -.rtl input[type="reset"], -.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; +.rtl #g-site-menu { + left: auto; + right: 150px; } diff --git a/themes/wind/views/page.html.php b/themes/wind/views/page.html.php index a14a3278..a2b2fdd7 100644 --- a/themes/wind/views/page.html.php +++ b/themes/wind/views/page.html.php @@ -77,14 +77,14 @@ <?= $theme->site_status() ?> <div id="g-header" class="ui-helper-clearfix"> <div id="g-banner"> - <?= $theme->header_top() ?> <? if ($header_text = module::get_var("gallery", "header_text")): ?> <?= $header_text ?> <? else: ?> - <a id="g-logo" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>"> + <a id="g-logo" class="g-left" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>"> <img width="107" height="48" alt="<?= t("Gallery logo: Your photos on your web site")->for_html_attr() ?>" src="<?= url::file("lib/images/logo.png") ?>" /> </a> <? endif ?> + <?= $theme->header_top() ?> <div id="g-site-menu"> <?= $theme->site_menu() ?> </div> @@ -93,8 +93,9 @@ <? if (!empty($parents)): ?> <ul class="g-breadcrumbs"> + <? $i = 0 ?> <? foreach ($parents as $parent): ?> - <li> + <li<? if ($i == 0) print " class=\"g-first\"" ?>> <!-- Adding ?show=<id> causes Gallery3 to display the page containing that photo. For now, we just do it for the immediate parent so that when you go back up a @@ -104,8 +105,9 @@ <?= html::purify($parent->title) ?> </a> </li> + <? $i++ ?> <? endforeach ?> - <li class="active"><?= html::purify($theme->item()->title) ?></li> + <li class="g-active"><?= html::purify($theme->item()->title) ?></li> </ul> <? endif ?> </div> |