summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
Diffstat (limited to 'themes')
-rw-r--r--themes/default/css/forms.css186
-rw-r--r--themes/default/css/styles.css314
-rw-r--r--themes/default/views/album.html.php112
-rw-r--r--themes/default/views/header.html.php46
-rw-r--r--themes/default/views/page.html.php12
-rw-r--r--themes/default/views/sidebar.html.php54
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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>