summaryrefslogtreecommitdiff
path: root/themes/default
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default')
-rw-r--r--themes/default/css/styles.css362
-rw-r--r--themes/default/views/sidebar.html.php4
2 files changed, 193 insertions, 173 deletions
diff --git a/themes/default/css/styles.css b/themes/default/css/styles.css
index c4189dbe..f50362a6 100644
--- a/themes/default/css/styles.css
+++ b/themes/default/css/styles.css
@@ -15,7 +15,7 @@
* 9) General browser hacks
*/
- @import url('forms.css');
+ @import url('css/forms.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,19 +88,19 @@ textarea {
/* ~~~~~~~~ high level content containers ~~~~~~~~ */
#gHeader {
- position: relative;
+ position: relative;
}
#gContent {
border-right: 1px solid #ccc;
padding: 20px;
- clear: both;
+ clear: both;
}
#gSidebar {
width: 18.4615em;
- padding: 1em 0 0 0;
+ padding: 1.5em 0 0 0;
}
#gFooter {
@@ -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;
@@ -203,7 +203,7 @@ textarea {
}
#gBreadcrumbs li {
list-style-type: none;
- background: transparent url('../images/icon_breadcrumb_separator.gif') no-repeat scroll left center;
+ background: transparent url(images/icon_breadcrumb_separator.gif) no-repeat scroll left center;
padding: 0 0 0 10px;
float: left;
}
@@ -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,87 @@ 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 2.5em 0;
+ padding: 0;
}
.gBlockHeader {
- background-color: #E8E8E8;
- padding: .3em;
- height: 1.5em;
- margin: 0 !important;
+ background-color: #E8E8E8;
+ padding: .3em .4em .3em .4em;
+ height: 1.5em;
+ margin: 0 !important;
+ position: relative;
+ cursor: move;
}
.gBlockHeader h2 {
- margin: 0;
- float: left;
- font-size: 1.1em;
+ margin: 0;
+ float: left;
+ font-size: 1.1em;
+ background-image: url('images/ico_dragable.png');
+ background-repeat: no-repeat;
+ padding-left: 12px;
}
.gBlockHeader .minimize {
- float: right;
+ position: absolute;
+ top: .45em;
+ right: .3em;
+ width: 16px;
+ height: 16px;
+ background-image: url('images/minimize.png');
}
-.gBlockContent {
- margin: .2em .5em 0 .5em;
+.gBlockHeader .minimize:hover {
+ background-image: url('images/minimize_active.png');
}
.gBlockContent {
- margin: .2em .5em 0 .5em;
+ margin: .5em .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 +332,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 +357,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 +408,114 @@ 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;
+#gTags ul {
+ text-align: justify;
+ padding: 0;
+}
+#gTags ul li {
+ text-align: justify;
+ display: inline;
+}
+#gTags ul li a {
+ text-decoration: none;
}
-.gTagCloud ul li {
- text-align: justify;
- display: inline;
+#gTags ul li a.size0 {
+ font-size: 100%;
+ font-weight: 100;
+ color: #99CCFF;
}
-.gTagCloud ul li a {
- text-decoration: none;
+#gTags ul li a.size1 {
+ font-size: 110%;
+ font-weight: 300;
+ color: #6699FF;
}
-.gTagCloud ul li a.size0 {
- font-size: 100%;
- font-weight: 100;
- color: #99CCFF;
+#gTags ul li a.size2 {
+ font-size: 120%;
+ font-weight: 500;
+ color: #6699CC;
}
-.gTagCloud ul li a.size1 {
- font-size: 110%;
- font-weight: 300;
- color: #6699FF;
+#gTags ul li a.size3 {
+ font-size: 130%;
+ font-weight: 700;
+ color: #336699;
}
-.gTagCloud ul li a.size2 {
- font-size: 120%;
- font-weight: 500;
- color: #6699CC;
+#gTags ul li a.size4 {
+ font-size: 140%;
+ font-weight: 900;
+ color: #0E2B52;
}
-.gTagCloud ul li a.size3 {
- font-size: 130%;
- font-weight: 700;
- color: #336699;
+#gTags ul li a:hover {
+ color: #FF3300;
+ text-decoration: underline;
}
-.gTagCloud ul li a.size4 {
- font-size: 140%;
- font-weight: 900;
- color: #0E2B52;
+#gTags form {
+ margin-top: 10px;
}
-.gTagCloud ul li a:hover {
- color: #FF3300;
- text-decoration: underline;
+
+/* ~~~~~~~~~ tags ~~~~~~~~~~ */
+
+#gTags ul {
+ margin-left: 2em;
}
-.gTagCloud form {
- margin-top: 10px;
+#gTags li {
+ list-style-image: url('images/bullet_tag.png');
+ margin-bottom: .3em;
}
/* ~~~~~~~~~ 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 +530,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/sidebar.html.php b/themes/default/views/sidebar.html.php
index 9f4509e3..bee5b1a7 100644
--- a/themes/default/views/sidebar.html.php
+++ b/themes/default/views/sidebar.html.php
@@ -4,14 +4,14 @@
<div id="gCarousel" class="gBlock">
<div class="gBlockHeader">
<h2>Album: <a href="browse.html">Christmas 2007</a></h2>
- <a href="#" class="minimize">[-]</a>
+ <a href="#" class="minimize" title="<?= _("Minimize Carousel Block") ?>">[-]</a>
</div>
<img src="<?= $theme->url("images/carousel.png") ?>" width="214" class="gBlockContent" />
</div>
- <div class="gTagCloud gBlock">
+ <div id="gTags" class="gBlock">
<div class="gBlockHeader">
<h2>Tags</h2> &nbsp;
<a href="#">?</a>
generated by cgit v1.2.3 (git 2.46.0) at 2025-10-18 22:17:16 +0000