diff options
Diffstat (limited to 'themes/default/css/styles.css')
| -rw-r--r-- | themes/default/css/styles.css | 314 |
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; } |
