diff options
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/default/css/forms.css | 186 | ||||
| -rw-r--r-- | themes/default/css/styles.css | 314 | ||||
| -rw-r--r-- | themes/default/views/album.html.php | 112 | ||||
| -rw-r--r-- | themes/default/views/header.html.php | 46 | ||||
| -rw-r--r-- | themes/default/views/page.html.php | 12 | ||||
| -rw-r--r-- | themes/default/views/sidebar.html.php | 54 |
6 files changed, 362 insertions, 362 deletions
diff --git a/themes/default/css/forms.css b/themes/default/css/forms.css index d8a69853..03f6527a 100644 --- a/themes/default/css/forms.css +++ b/themes/default/css/forms.css @@ -4,43 +4,43 @@ /* Zero out padding and margin, adjust where needed later */ form, fieldset, label, input, .checkbox, textarea, select, option, form div { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } fieldset { - margin: 1em 0; - padding: 1em; - border: 1px solid #999; + margin: 1em 0; + padding: 1em; + border: 1px solid #999; } legend { - font-weight: bold; - margin: 0 2% .5em 0; - padding: .2em .5em; + font-weight: bold; + margin: 0 2% .5em 0; + padding: .2em .5em; } -input.text, textarea, select, input.password { - border: 1px solid #666; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; +input.text, textarea, select, input.password { + border: 1px solid #666; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; } option { - float: none; - clear: both; - margin-right: 2em; + float: none; + clear: both; + margin-right: 2em; } -input.radio, input.checkbox { - margin-right: .5em; +input.radio, input.checkbox { + margin-right: .5em; } /* Create a bit of padding for text inputs and selects */ input.text, input.password, input.button, textarea, select { - padding: .2em; + padding: .2em; } -input.button { - margin-right: 1em; - padding: .2em .6em; +input.button { + margin-right: 1em; + padding: .2em .6em; } -.readonly { - color: #999; - background: #e7e7e7; +.readonly { + color: #999; + background: #e7e7e7; } /* standard widths */ .w12 { width: 12% } @@ -57,9 +57,9 @@ input.button { * Provide proper vertical alignment for expanded and compact forms */ -.gExpandedForm .row div, +.gExpandedForm .row div, .gCompactForm div div label { - padding-top: .5em; + padding-top: .5em; } @@ -67,47 +67,47 @@ input.button { * Expanded form layout styles */ -.gExpandedForm { overflow: hidden; } +.gExpandedForm { overflow: hidden; } .gExpandedForm .row { - padding: .3em 0; - white-space: nowrap; - overflow: hidden; - clear: both; + padding: .3em 0; + white-space: nowrap; + overflow: hidden; + clear: both; } -.gExpandedForm label, -.gExpandedForm .row p, -.gExpandedForm .row div, -.gExpandedForm input, -.gExpandedForm select, +.gExpandedForm label, +.gExpandedForm .row p, +.gExpandedForm .row div, +.gExpandedForm input, +.gExpandedForm select, .gExpandedForm textarea { - float: left; + float: left; } /* change column widths for labels and inputs */ .gExpandedForm .text, textarea { width: 80%; } .gExpandedForm label, .gExpandedForm .row p { - width: 15%; - margin: .5em 1em .5em 0; - text-align: right; - white-space: normal; - overflow: hidden; + width: 15%; + margin: .5em 1em .5em 0; + text-align: right; + white-space: normal; + overflow: hidden; } .gExpandedForm .row div { - white-space: nowrap; - overflow: hidden; - clear: none; + white-space: nowrap; + overflow: hidden; + clear: none; } /* labels and form inputs inside of divs should not float */ .gExpandedForm .row div * { - float: none; - clear: none; + float: none; + clear: none; } -.expanded input.checkbox, -.expanded input.radio, -.expanded select { - margin-top: 1.5em; +.expanded input.checkbox, +.expanded input.radio, +.expanded select { + margin-top: 1.5em; } -.gExpandedForm div div input { - margin-right: 0; +.gExpandedForm div div input { + margin-right: 0; } @@ -115,51 +115,51 @@ input.button { * Compact form layout styles */ -.gCompactForm { overflow: hidden; } -.gCompactForm div, -.gCompactForm label, -.gCompactForm input, -.gCompactForm select, +.gCompactForm { overflow: hidden; } +.gCompactForm div, +.gCompactForm label, +.gCompactForm input, +.gCompactForm select, .gCompactForm textarea { - float: left; + float: left; } -.gCompactForm input.text, -.gCompactForm select, +.gCompactForm input.text, +.gCompactForm select, .gCompactForm textarea { - /* set width: auto to allow form element content - to set width otherwise 90% is a good setting */ - width: 90%; /* determines space between form elements */ + /* set width: auto to allow form element content + to set width otherwise 90% is a good setting */ + width: 90%; /* determines space between form elements */ } -/* Increase width of elements in twoper +/* Increase width of elements in twoper columns to provide better alignment */ -.gCompactForm .twoper input.text, -.gCompactForm .twoper select, +.gCompactForm .twoper input.text, +.gCompactForm .twoper select, .gCompactForm .twoper textarea { - width: 95%; + width: 95%; } .gCompactForm div { - width: 99%; - margin-bottom: 1em; /* space between rows */ - clear: both; + width: 99%; + margin-bottom: 1em; /* space between rows */ + clear: both; } /* Nested divs shouldn't clear floated elements */ /* keeps nested divs from compounding margin value */ .gCompactForm div div { - margin-bottom: 0; - clear: none; + margin-bottom: 0; + clear: none; } /* Nested div label contents should determine their own width */ .gCompactForm div div label { - width: auto; - white-space: normal; - /* unccomment to stack form inputs inside a row */ - /* clear: left; */ - margin-right: 1em; + width: auto; + white-space: normal; + /* unccomment to stack form inputs inside a row */ + /* clear: left; */ + margin-right: 1em; } /* Fix paragraph white space in Safari */ .gCompactForm div div p { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /* Compact layout - Set item width within rows */ @@ -174,18 +174,18 @@ input.button { .nineper label, .nineper div { width: 10%; } .tenper label, .tenper div { width: 8.7%; } -.oneper label, .oneper div, -.twoper label, .twoper div, -.threeper label, .threeper div, -.fourper label, .fourper div, -.fiveper label, .fiveper div, -.sixper label, .sixper div, -.sevenper label, .sevenper div, -.eightper label, .eightper div, -.nineper label, .nineper div, +.oneper label, .oneper div, +.twoper label, .twoper div, +.threeper label, .threeper div, +.fourper label, .fourper div, +.fiveper label, .fiveper div, +.sixper label, .sixper div, +.sevenper label, .sevenper div, +.eightper label, .eightper div, +.nineper label, .nineper div, .tenper label, .tenper div { - white-space: nowrap; - overflow: hidden; - border: none; - border-collapse: collapse; + white-space: nowrap; + overflow: hidden; + border: none; + border-collapse: collapse; } diff --git a/themes/default/css/styles.css b/themes/default/css/styles.css index 11a8ab62..c4189dbe 100644 --- a/themes/default/css/styles.css +++ b/themes/default/css/styles.css @@ -30,28 +30,28 @@ body, html { /* ~~~~~~~~~ text elements ~~~~~~~~~~ */ h1 { - margin-top: 0px; + margin-top: 0px; } a { - color: #6B8CB7; - text-decoration: none; + color: #6B8CB7; + text-decoration: none; } a:hover { - color: #FF3300; - text-decoration: underline; + color: #FF3300; + text-decoration: underline; } /* ~~~~~~~~~ list elements ~~~~~~~~~~ */ li { - list-style-type: none; + list-style-type: none; } /* ~~~~~~~~~ table elements ~~~~~~~~~~ */ caption { - text-align: left; + text-align: left; } th { - text-align: left; + text-align: left; } /* ~~~~~~~~~ form elements ~~~~~~~~~~ */ @@ -88,14 +88,14 @@ textarea { /* ~~~~~~~~ high level content containers ~~~~~~~~ */ #gHeader { - position: relative; + position: relative; } #gContent { border-right: 1px solid #ccc; padding: 20px; - clear: both; + clear: both; } #gSidebar { @@ -121,19 +121,19 @@ textarea { margin: 10px; } #gHeader h1 { - float: left; - margin: 20px 0 0 20px; + float: left; + margin: 20px 0 0 20px; } /* ~~~~~~~~ login menu ~~~~~~~~ */ #gLoginMenu { position: absolute; - top: 0px; - right: 13px; - border: 1px solid silver; - border-width: 0 1px 1px 1px; - padding: 5px; + top: 0px; + right: 13px; + border: 1px solid silver; + border-width: 0 1px 1px 1px; + padding: 5px; text-align: right; } #gLoginMenu form { @@ -145,17 +145,17 @@ textarea { #gLoginMenu input.text, #gLoginMenu input.password { width: 80px; - padding: 0 0 .1em 0; + padding: 0 0 .1em 0; } #gLoginMenu input.submit { - font-size: 0.9em; - font-weight: bold; + font-size: 0.9em; + font-weight: bold; } /* ~~~~~~~~ site menu ~~~~~~~~ */ #gSiteMenu { - height: 31px; + height: 31px; margin: 0; padding: 0; list-style-type: none; @@ -166,36 +166,36 @@ textarea { float: left; display: block; width: 20%; - background: #E6EBF0; + background: #E6EBF0; } #gSiteMenu li a { - color: #003366; - font-weight: bold; + color: #003366; + font-weight: bold; height: 20px; display: block; text-align: center; - padding: 7px 7px 3px 7px; - background: url('../images/bg_sitemenu.png') repeat-x; - margin-left: 1px; - border: 1px solid #336699; - border-width: 0 1px 1px 0; - text-decoration: none; - letter-spacing: .1em; + padding: 7px 7px 3px 7px; + background: url('../images/bg_sitemenu.png') repeat-x; + margin-left: 1px; + border: 1px solid #336699; + border-width: 0 1px 1px 0; + text-decoration: none; + letter-spacing: .1em; } #gSiteMenu li a:hover { - color: #FF3300; - background: url('../images/bg_sitemenu_hover.png'); + color: #FF3300; + background: url('../images/bg_sitemenu_hover.png'); } #gSiteMenu li a.active { - background: #DCE6EF; - border-color: #DCE6EF; - color: #FF3300; + background: #DCE6EF; + border-color: #DCE6EF; + color: #FF3300; } /* ~~~~~~~~~ breadcrumbs ~~~~~~~~~~ */ #gBreadcrumbs { - border-bottom: 1px solid silver; + border-bottom: 1px solid silver; margin: 0; padding: 0 0 0 14px; height: 28px; @@ -223,15 +223,15 @@ textarea { /* ~~~~~~~~~ search form ~~~~~~~~~~ */ #gSearchForm { - position: absolute; - right: 13px; - top: 103px; + position: absolute; + right: 13px; + top: 103px; } #gSearchForm input.text { - padding: 1px; + padding: 1px; } #gSearchForm input.submit { - height: 20px; + height: 20px; } /** @@ -241,77 +241,77 @@ textarea { */ .buttonlink { - border: 1px solid lightgray; - padding: 5px; + border: 1px solid lightgray; + padding: 5px; } .buttonlink:hover { - background-color: #F3F3F3; + background-color: #F3F3F3; } .understate { - color: silver; + color: silver; } /* .gBlock { - margin: 0 1em 1.5em 0; - border: 1px solid #336699; - padding: 0; + margin: 0 1em 1.5em 0; + border: 1px solid #336699; + padding: 0; } .gBlockHeader { - background-color: #E8E8E8; - padding: .3em; - height: 1.5em; - border-bottom: 1px solid #6B8CB7; - margin: 0 !important; + background-color: #E8E8E8; + padding: .3em; + height: 1.5em; + border-bottom: 1px solid #6B8CB7; + margin: 0 !important; } .gBlockHeader h2 { - color: #003366; - margin: 0; - float: left; - font-size: 1.1em; + color: #003366; + margin: 0; + float: left; + font-size: 1.1em; } .gBlockHeader .minimize { - float: right; + float: right; } .gBlockContent { - margin: .3em; + margin: .3em; } */ .gBlock { - margin: 0 1em 2em 0; - padding: 0; + margin: 0 1em 2em 0; + padding: 0; } .gBlockHeader { - background-color: #E8E8E8; - padding: .3em; - height: 1.5em; - margin: 0 !important; + background-color: #E8E8E8; + padding: .3em; + height: 1.5em; + margin: 0 !important; } .gBlockHeader h2 { - margin: 0; - float: left; - font-size: 1.1em; + margin: 0; + float: left; + font-size: 1.1em; } .gBlockHeader .minimize { - float: right; + float: right; } .gBlockContent { - margin: .2em .5em 0 .5em; + margin: .2em .5em 0 .5em; } .gBlockContent { - margin: .2em .5em 0 .5em; + margin: .2em .5em 0 .5em; } table.gBlockContent { - width: 214px; - table-layout: fixed; + width: 214px; + table-layout: fixed; } table.gBlockContent th { - padding: .3em .3em .3em 0; + padding: .3em .3em .3em 0; } table.gBlockContent td { - padding: .3em 0 .3em .3em; + padding: .3em 0 .3em .3em; } /** @@ -322,14 +322,14 @@ table.gBlockContent td { #gItem { width: 500px; - margin-left: auto; + margin-left: auto; margin-right: auto; } #gItem a.buttonlink { float: right; } #gItem img { - clear: both; + clear: both; display: block; width: 500px; height: 400px; @@ -347,10 +347,10 @@ table.gMetadata { } table.gMetadata td, table.gMetadata th { - border: 0; + border: 0; } table.gMetadata td.toggle { - text-align: right; + text-align: right; } /* ~~~~~~~~~ upload ~~~~~~~~~~ */ @@ -398,104 +398,104 @@ table.gMetadata td.toggle { /* ~~~~~~~~~ album ~~~~~~~~~~ */ #gAlbumGridHeader { - height: 40px; - position: relative; + height: 40px; + position: relative; } #gAlbumGridHeader h1 { - display: inline; + display: inline; } #gAlbumGridHeader span { - padding-left: 10px; + padding-left: 10px; } #gSlideshowLink { - position: absolute; - top: 0px; - right: 0px; + position: absolute; + top: 0px; + right: 0px; } #gAlbumGrid .gItemContainer, #gAlbumGrid .gAlbumContainer { - width: 32%; - height: 220px; - float: left; - text-align: center; - border: 1px lightgray solid; - margin: 0px 0px 10px 1.49%; - padding: 5px 0px 5px 0px; + width: 32%; + height: 220px; + float: left; + text-align: center; + border: 1px lightgray solid; + margin: 0px 0px 10px 1.49%; + padding: 5px 0px 5px 0px; } #gAlbumGrid .first { - margin: 0px 0px 10px 0px; + margin: 0px 0px 10px 0px; } .gAlbum { - background-color: #D4DAFF; + background-color: #D4DAFF; } .gAlbum h2 { - color: #000066; + color: #000066; } .gItemContainer h2, .gAlbumContainer h2 { - margin: 5px 0px 5px 0px; + margin: 5px 0px 5px 0px; } /* ~~~~~~~~~ tag cloud ~~~~~~~~~~ */ .gTagCloud ul { - text-align: justify; - padding: 0; + text-align: justify; + padding: 0; } .gTagCloud ul li { - text-align: justify; - display: inline; + text-align: justify; + display: inline; } .gTagCloud ul li a { - text-decoration: none; + text-decoration: none; } .gTagCloud ul li a.size0 { - font-size: 100%; - font-weight: 100; - color: #99CCFF; + font-size: 100%; + font-weight: 100; + color: #99CCFF; } .gTagCloud ul li a.size1 { - font-size: 110%; - font-weight: 300; - color: #6699FF; + font-size: 110%; + font-weight: 300; + color: #6699FF; } .gTagCloud ul li a.size2 { - font-size: 120%; - font-weight: 500; - color: #6699CC; + font-size: 120%; + font-weight: 500; + color: #6699CC; } .gTagCloud ul li a.size3 { - font-size: 130%; - font-weight: 700; - color: #336699; + font-size: 130%; + font-weight: 700; + color: #336699; } .gTagCloud ul li a.size4 { - font-size: 140%; - font-weight: 900; - color: #0E2B52; + font-size: 140%; + font-weight: 900; + color: #0E2B52; } .gTagCloud ul li a:hover { - color: #FF3300; - text-decoration: underline; + color: #FF3300; + text-decoration: underline; } .gTagCloud form { - margin-top: 10px; + margin-top: 10px; } /* ~~~~~~~~~ album tree ~~~~~~~~~~ */ #gAlbumTree { - border: 1px solid lightgray; - margin: 20px 0 20px 0; - padding: 5px; + border: 1px solid lightgray; + margin: 20px 0 20px 0; + padding: 5px; } #gAlbumTree #gTreeContainer { - border: 1px solid lightgray; - padding: 0 0 0 5px; + border: 1px solid lightgray; + padding: 0 0 0 5px; } @@ -510,58 +510,58 @@ table.gMetadata td.toggle { /* ~~~~~~~~~ pagination ~~~~~~~~~~ */ #gPagination { - clear: both; - padding: 10px 0px 0px 0px; - text-align: center; + clear: both; + padding: 10px 0px 0px 0px; + text-align: center; } #gPagination a, #gPagination span { - border: 1px solid lightgray; - padding: 5px; - background-repeat: no-repeat; + border: 1px solid lightgray; + padding: 5px; + background-repeat: no-repeat; } #gPagination a:hover { - background-color: #F3F3F3; + background-color: #F3F3F3; } #gPagination .first { - background-image: url('../images/first.png'); - background-position: left; - padding-left: 20px; + background-image: url('../images/first.png'); + background-position: left; + padding-left: 20px; } #gPagination .first_inactive { - background-image: url('../images/first_inactive.png'); - background-position: left; - padding-left: 20px; + background-image: url('../images/first_inactive.png'); + background-position: left; + padding-left: 20px; } #gPagination .previous { - background-image: url('../images/previous.png'); - background-position: left; - padding-left: 17px; + background-image: url('../images/previous.png'); + background-position: left; + padding-left: 17px; } #gPagination .previous_inactive { - background-image: url('../images/previous_inactive.png'); - background-position: left; - padding-left: 17px; + background-image: url('../images/previous_inactive.png'); + background-position: left; + padding-left: 17px; } #gPagination .next { - background-image: url('../images/next.png'); - background-position: right; - padding-right: 17px; + background-image: url('../images/next.png'); + background-position: right; + padding-right: 17px; } #gPagination .next_inactive { - background-image: url('../images/next_inactive.png'); - background-position: right; - padding-right: 17px; + background-image: url('../images/next_inactive.png'); + background-position: right; + padding-right: 17px; } #gPagination .last { - background-image: url('../images/last.png'); - background-position: right; - padding-right: 20px; + background-image: url('../images/last.png'); + background-position: right; + padding-right: 20px; } #gPagination .last_inactive { - background-image: url('../images/last_inactive.png'); - background-position: right; - padding-right: 20px; + background-image: url('../images/last_inactive.png'); + background-position: right; + padding-right: 20px; } diff --git a/themes/default/views/album.html.php b/themes/default/views/album.html.php index 2abb810f..dd0ad44b 100644 --- a/themes/default/views/album.html.php +++ b/themes/default/views/album.html.php @@ -5,75 +5,75 @@ <div id="yui-main"> <div id="gContent" class="yui-b"> <script type="text/javascript"> - myTooltip = new YAHOO.widget.Tooltip("myTooltip", { - context:"photo-id-1", - text:"<strong>Photo title</strong><br />taken December 24, 2007<br />Viewed 27 times<br /><br/>Tags: christmas, familiy, home, xmas", - showDelay:500 } ); + myTooltip = new YAHOO.widget.Tooltip("myTooltip", { + context:"photo-id-1", + text:"<strong>Photo title</strong><br />taken December 24, 2007<br />Viewed 27 times<br /><br/>Tags: christmas, familiy, home, xmas", + showDelay:500 } ); </script> <div id="gAlbumGrid"> - <div id="gAlbumGridHeader"> - <h1><?= $item->title ?></h1> - <span class="understate"><?= $item->description ?></span> - <a href="#" id="gSlideshowLink" class="buttonlink">Slideshow</a> - </div> + <div id="gAlbumGridHeader"> + <h1><?= $item->title ?></h1> + <span class="understate"><?= $item->description ?></span> + <a href="#" id="gSlideshowLink" class="buttonlink">Slideshow</a> + </div> - <div class="gAlbumContainer first gAlbum"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Album title</h2> - <ul class="gMetadata"> - <li>Views: 321</li> - <li>By: <a href="#">username</a></li> - </ul> - </div> + <div class="gAlbumContainer first gAlbum"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Album title</h2> + <ul class="gMetadata"> + <li>Views: 321</li> + <li>By: <a href="#">username</a></li> + </ul> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer first"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer first"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer first"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer first"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div class="gItemContainer"> - <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> - <h2>Photo title</h2> - </div> + <div class="gItemContainer"> + <a href="photo.html"><img id="photo-id-1" class="photo" alt="photo" src="<?= $theme->url("images/thumbnail.jpg") ?>" /></a> + <h2>Photo title</h2> + </div> - <div id="gPagination"> - Items 1-10 of 34 - <span class="first_inactive">first</span> - <span class="previous_inactive">previous</span> - <a href="#" class="next">next</a> - <a href="#" class="last">last</a> - </div> + <div id="gPagination"> + Items 1-10 of 34 + <span class="first_inactive">first</span> + <span class="previous_inactive">previous</span> + <a href="#" class="next">next</a> + <a href="#" class="last">last</a> + </div> </div> </div> diff --git a/themes/default/views/header.html.php b/themes/default/views/header.html.php index 797dcb7c..fd2df051 100644 --- a/themes/default/views/header.html.php +++ b/themes/default/views/header.html.php @@ -23,31 +23,31 @@ <body class="yui-skin-sam"> <div id="doc2" class="yui-t5 gAlbumView"> <div id="gHeader"> - <img id="gLogo" alt="<?= _("Logo") ?>" src="<?= $theme->url("images/logo.png") ?>" /> + <img id="gLogo" alt="<?= _("Logo") ?>" src="<?= $theme->url("images/logo.png") ?>" /> - <h1><?= $item->title ?></h1> + <h1><?= $item->title ?></h1> - <div id="gLoginMenu"> - <a href="#"><?= _("Register") ?></a> | - <a href="#"><?= _("Login") ?> - </div> + <div id="gLoginMenu"> + <a href="#"><?= _("Register") ?></a> | + <a href="#"><?= _("Login") ?> + </div> - <ul id="gSiteMenu"> - <li><a href="index.html"><?= _("HOME") ?></a></li> - <li><a class="active" href="browse.html"><?= _("BROWSE") ?></a></li> - <li><a href="upload.html"><?= _("UPLOAD") ?></a></li> - <li><a href="upload.html"><?= _("MY GALLERY") ?></a></li> - <li><a href="#"><?= _("ADMIN") ?></a></li> - </ul> + <ul id="gSiteMenu"> + <li><a href="index.html"><?= _("HOME") ?></a></li> + <li><a class="active" href="browse.html"><?= _("BROWSE") ?></a></li> + <li><a href="upload.html"><?= _("UPLOAD") ?></a></li> + <li><a href="upload.html"><?= _("MY GALLERY") ?></a></li> + <li><a href="#"><?= _("ADMIN") ?></a></li> + </ul> - <ul id="gBreadcrumbs"> - <li class="root"><a href="#">Home</a></li> - <li><a href="#">Friends & Family</a></li> - <li class="active"><span>Christmas 2007</span></li> - </ul> + <ul id="gBreadcrumbs"> + <li class="root"><a href="#">Home</a></li> + <li><a href="#">Friends & Family</a></li> + <li class="active"><span>Christmas 2007</span></li> + </ul> - <form id="gSearchForm"> - <input type="text" class="text" value="<?= _("Search Gallery ...") ?>"/> - <input type="submit" class="submit" value="search" /> - </form> - </div> + <form id="gSearchForm"> + <input type="text" class="text" value="<?= _("Search Gallery ...") ?>"/> + <input type="submit" class="submit" value="search" /> + </form> + </div> diff --git a/themes/default/views/page.html.php b/themes/default/views/page.html.php index d5be6f1f..53ea57a5 100644 --- a/themes/default/views/page.html.php +++ b/themes/default/views/page.html.php @@ -24,12 +24,12 @@ <div id="doc2" class="yui-t5 gAlbumView"> <?= $header ?> <div id="bd"> - <div id="yui-main"> - <div id="gContent" class="yui-b"> - <?= $content ?> - </div> - </div> - <?= $sidebar ?> + <div id="yui-main"> + <div id="gContent" class="yui-b"> + <?= $content ?> + </div> + </div> + <?= $sidebar ?> </div> <?= $footer ?> </div> diff --git a/themes/default/views/sidebar.html.php b/themes/default/views/sidebar.html.php index 923b4e4e..f8acc25b 100644 --- a/themes/default/views/sidebar.html.php +++ b/themes/default/views/sidebar.html.php @@ -6,23 +6,23 @@ <div id="gTreeContainer"><!-- there might be a better way to make this accessible to the JS --> <ul> - <li>Gallery - <ul> - <li>Friends & Family - <ul> - <li>Christmas 2006</li> - <li>Family Reunion</li> - <li>Christmas 2007</li> - </ul> - </li> - <li>Vactions - <ul> - <li>Cuba</li> - <li>Europe</li> - </ul> - </li> - </ul> - </li> + <li>Gallery + <ul> + <li>Friends & Family + <ul> + <li>Christmas 2006</li> + <li>Family Reunion</li> + <li>Christmas 2007</li> + </ul> + </li> + <li>Vactions + <ul> + <li>Cuba</li> + <li>Europe</li> + </ul> + </li> + </ul> + </li> </ul> </div> </div> @@ -76,24 +76,24 @@ <caption><h2>Album Info</h2></caption> <tbody> <tr> - <th>Name:</th> - <td><strong>Christmas 2007</strong></td> + <th>Name:</th> + <td><strong>Christmas 2007</strong></td> </tr> <tr> - <th>Taken:</th> - <td><span class="date" title="January 21, 2008 8:30pm">January 21, 2008</td> + <th>Taken:</th> + <td><span class="date" title="January 21, 2008 8:30pm">January 21, 2008</td> </tr> <tr> - <th>Location:</th> - <td><a href="#" title="see the location on a map">Mountain View</a></td> + <th>Location:</th> + <td><a href="#" title="see the location on a map">Mountain View</a></td> </tr> <tr> - <th>Owner:</th> - <td><a href="#">username</a></td> + <th>Owner:</th> + <td><a href="#">username</a></td> </tr> <tr> - <th>Uploaded:</th> - <td><span class="date" title="October 23, 2008 11:37am">October 23, 2008</td> + <th>Uploaded:</th> + <td><span class="date" title="October 23, 2008 11:37am">October 23, 2008</td> </tr> </tbody> </table> |
