summaryrefslogtreecommitdiff
path: root/themes/default/css/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default/css/styles.css')
-rw-r--r--themes/default/css/styles.css314
1 files changed, 157 insertions, 157 deletions
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;
}