diff options
Diffstat (limited to 'modules/gallery/css')
| -rw-r--r-- | modules/gallery/css/debug.css | 28 | ||||
| -rw-r--r-- | modules/gallery/css/gallery.css | 213 | ||||
| -rw-r--r-- | modules/gallery/css/l10n_client.css | 206 | ||||
| -rw-r--r-- | modules/gallery/css/upgrader.css | 183 |
4 files changed, 630 insertions, 0 deletions
diff --git a/modules/gallery/css/debug.css b/modules/gallery/css/debug.css new file mode 100644 index 0000000..6808da0 --- /dev/null +++ b/modules/gallery/css/debug.css @@ -0,0 +1,28 @@ +.g-annotated-theme-block { + border: 1px solid #C00; + clear: both; + margin: 1em; + padding: 1em; + position: relative; +} + +.g-annotated-theme-block_album_top { + float: right; +} + +.g-annotated-theme-block_header_bottom { + float: right; +} + +.g-annotated-theme-block div.title { + background: #C00; + border: 1px solid black; + color: white; + font-size: 110%; + padding: 4px; + position: absolute; + right: -1em; + top: -1em; + text-align: left; + -moz-border-radius: 5%; +} diff --git a/modules/gallery/css/gallery.css b/modules/gallery/css/gallery.css new file mode 100644 index 0000000..7e71115 --- /dev/null +++ b/modules/gallery/css/gallery.css @@ -0,0 +1,213 @@ +/** + * Gallery 3 core module styles + * + * Sheet organization: + * 1) End-user + * 2) Admin + * 3) Right to left language styles + */ + +/** ******************************************************************* + * 1) End-user + **********************************************************************/ + +/* Uploader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-add-photos-canvas, +#g-add-photos-status { + width: 469px; +} + +#g-add-photos-canvas { + border: 1px solid #ccc; + height: 200px; + margin: .5em 0; + padding: 2.8em 0 0 0; + overflow: auto; + position: relative; +} + +#g-add-photos-canvas object, +#g-add-photos-button { + left: 90px; + margin: .5em 0; + padding: .4em 1em; + position: absolute; + top: 0; + width: 300px; +} + +#g-add-photos-canvas object { + z-index: 100; + padding: 0em; +} + +#g-add-photos-canvas .uploadifyQueue { + margin-top: .5em; +} + +#g-add-photos-canvas .uploadifyQueueItem { + margin: 0; +} + +#g-add-photos-button { + z-index: 1; +} + +#g-add-photos-status { + border: 1px solid #ccc; + height: 125px; + margin: .4em 0; + overflow: auto; +} + +#g-add-photos-status .g-message-block { + border: none; +} + +#g-add-photos-status #g-action-status li { + margin: 0 0 1px 0; + padding-top: .7em; + width: 433px; +} + +#g-add-photos-form .g-breadcrumbs { + margin: 0; +} + +#g-add-photos-form p { + margin-bottom: 0 +} + +#g-add-photos-status-message { + float: right; +} + +/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-edit-permissions-form { + clear: both; +} + +#g-edit-permissions-form th { + text-align: center; +} + +#g-permissions .g-denied, +#g-permissions .g-allowed { + text-align: center; + vertical-align: middle; +} + +/* Move items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-move ul { + padding-left: 1em; +} + +#g-move .selected { + background: #999; +} + +/* In-place edit ~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-in-place-edit-form ul { + margin: 0; +} + +/* User profile ~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +#g-user-profile h1 { + margin: 1em 0; +} + +#g-user-profile .g-avatar { + margin-right: .6em; +} + +#g-user-profile .g-block { + margin-top: 0; +} + +#g-user-profile .g-block-content { + margin-top: 0; +} + +#g-user-profile th, +#g-user-profile td { + border: none; +} + +#g-user-profile th { + white-space: nowrap; + width: 1%; +} + +/* Unsupported movie download link ~~~~~~~~~~~~~~~~~~~~~~~~~ */ + +.g-movie-download-link { + text-align: center; +} + +/** ******************************************************************* + * 2) Admin + **********************************************************************/ + +.g-task-log { + border: 1px solid #000; + height: 400px; + margin: .6em 0; + overflow: auto; + padding: .4em +} + +#g-languages-form table { + width: 40%; + margin: 0 3em 1em 0; +} + +#g-languages-form input { + clear: both; +} + +#g-translations ol { + margin: 0 0 1em 2em; +} +#g-translations ol li { + list-style-type: decimal; + line-height: 150%; +} + +#g-translations .g-button { + padding: .5em; + margin-bottom: 1em; +} + +/** ******************************************************************* + * 3) Right to left language styles + **********************************************************************/ + +.rtl #g-add-photos-status #g-action-status li { + width: 407px; +} + +.rtl #g-block-admin .g-left { + margin-left: 1em; + margin-right: 0; +} + +.rtl #g-user-profile .g-avatar { + margin-left: .6em; +} + +.rtl #g-languages-form table { + margin: 0 0 1em 3em; +} + +.rtl #g-translations ol { + margin: 0 2em 1em 0; +} + +.rtl #g-add-photos-status-message { + float: left; +} diff --git a/modules/gallery/css/l10n_client.css b/modules/gallery/css/l10n_client.css new file mode 100644 index 0000000..90034d0 --- /dev/null +++ b/modules/gallery/css/l10n_client.css @@ -0,0 +1,206 @@ +/** + * TODO(andy_st): Add original copyright notice from Drupal l10_client. + * TODO(andy_st): Add G3 copyright notice. + * TODO(andy_st): clean up formatting to match our other CSS files. + */ + +/* $Id: l10n_client.css,v 1.6 2008/09/09 10:48:20 goba Exp $ */ + +/* width percentages add to 99% rather than 100% to prevent float + overflows from occurring in an unnamed browser that can't decide + how it wants to round. */ + +/* l10n_client container */ +#l10n-client { + text-align:left; + z-index:99; + line-height:1em; + color:#000; background:#fff; + position:fixed; + width:100%; height: 2em; + bottom:0px; left:0px; + overflow:hidden;} + +* html #l10n-client { + position:static;} + +#l10n-client-string-select .string-list, +#l10n-client-string-editor .source, +#l10n-client-string-editor .editor { + height:20em;} + +#l10n-client .labels { + overflow:hidden; + position:relative; + height:2em; + color:#fff; + background:#37a;} + +#l10n-client .labels .label { + display:none;} + +/* Panel toggle button (span) */ +#l10n-client-toggler { + cursor:pointer; + display:block; + position:absolute; right:0em; + height:2em; line-height:2em; + text-align:center; background:#000; +} +#l10n-client-toggler a { + font-size: 1em; + padding: .5em; +} +#l10n-client-toggler #g-minimize-l10n { + border-right: 1px solid #ffffff; +} + +/* Panel labels */ +#l10n-client h2 { + border-left:1px solid #fff; + height:1em; line-height:1em; + padding: .5em; margin:0px; + font-size:1em; +} + +#l10n-client .strings h2 { + border:0px;} + +/* 25 + 37 + 37 = 99 */ +#l10n-client .strings { + width:25%; float:left;} + +#l10n-client .source { + width:37%; float:left;} + +#l10n-client .translation { + width:37%; float:left;} + +/* Translatable string list */ +#l10n-client-string-select { + display:none; + float:left; + width:25%; + direction: ltr; +} + +#l10n-client .string-list { + height: 16em; + overflow:auto; + list-style:none; list-style-image:none; + margin:0em; padding:0em;} + +#l10n-client .string-list li { + font-size:.9em; + line-height:1.5em; + cursor:default; + background:transparent; + list-style:none; list-style-image:none; + border-bottom:1px solid #ddd; + padding:.25em .5em; + margin:0em;} + +/* Green for translated */ +#l10n-client .string-list li.translated { + border-bottom-color:#9c3; + background:#cf6; color:#360;} + +#l10n-client .string-list li.translated:hover { + background: #df8;} + +#l10n-client .string-list li.translated:active { + background: #9c3;} + +#l10n-client .string-list li.hidden { + display:none;} + +/* Gray + Blue hover for untranslated */ +#l10n-client .string-list li.untranslated {} + +#l10n-client .string-list li.untranslated:hover { + background: #ace;} + +#l10n-client .string-list li.untranslated:active { + background: #8ac;} + +/* Selected string is indicated by bold text */ +#l10n-client .string-list li.active { + font-weight:bold;} + +#l10n-client #g-l10n-search-form { + background: #eee; + margin: 0em; + padding: .25em .25em; +} + +#l10n-client #g-l10n-search-form .form-item, +#l10n-client #g-l10n-search-form input.form-text, +#l10n-client #g-l10n-search-form #search-filter-go, +#l10n-client #g-l10n-search-form #search-filter-clear { + display:inline; + vertical-align:middle; +} + +#l10n-client #g-l10n-search-form .form-item { + margin:0em; + padding:0em; +} + +#l10n-client #g-l10n-search-form fieldset { + margin-bottom: 0; + padding: .25em .25em; +} + + +#l10n-client #g-l10n-search-form input { + width: 96.75%; +} + +#l10n-client #g-l10n-search-form #search-filter-clear { + width:10%; + margin:0em; +} + +#l10n-client-string-editor { + display:none; + float:left; + width:74%;} + +#l10n-client-string-editor .source { + overflow:hidden; + width:50%; + float:left; +} + +#l10n-client-string-editor .source .source-text { + line-height:1.5em; + background:#eee; + font-family: monospace; + text-align: left; + height:16em; margin:1em; padding:1em; + overflow:auto; + direction: ltr; +} + +#l10n-client-string-editor .translation { + overflow-y:auto; + overflow-x: hidden; + height: 20em; + width:49%; + float: right; +} + +#g-l10n-client-save-form { + padding: 0em; +} + +#l10n-client form ul, +#l10n-client form li, +#l10n-client form input[type=submit], +#l10n-client form input[type=text] { + display: inline ! important ; +} + +#l10n-client form .hidden { + display: none; +} diff --git a/modules/gallery/css/upgrader.css b/modules/gallery/css/upgrader.css new file mode 100644 index 0000000..8610016 --- /dev/null +++ b/modules/gallery/css/upgrader.css @@ -0,0 +1,183 @@ +body { + background: #eee; + font-family: 'Trebuchet MS'; + font-size: 1.1em; +} + +h1 { + font-size: 1.4em; +} + +div#outer { + background: #fff; + border: 1px solid #999; + margin: 0 auto; + width: 650px; +} + +div#inner { + margin: 0; + padding: 0 1em; +} + +div#footer { + border-top: 1px solid #ccc; + margin: 1em; +} + +table { + width: 600px; + margin-bottom: 10px; +} + +th.name, +td.name { + text-align: left; + padding-left: 30px; +} + +td { + text-align: center; + border-bottom: 1px solid #eee; +} + +tr.current td { + opacity: 0.5; + font-style: italic; +} + +tr.current td.gallery { + color: #00d; +} + +tr.upgradeable td { + font-weight: bold; +} + +tr.upgradeable td.gallery { + color: #00d; +} + +tr.failed td { + color: red; +} + +p { + font-size: .9em; +} + +ul { + font-size: .9em; + list-style: none; +} + +li { + display: inline; +} + +li:before { + content: "\00BB \0020"; +} + +div.button { + margin: 0 auto; + width: 120px; + text-align: center; + border: 1px solid #999; + background: #eee; +} + +div.button a { + text-decoration: none; +} + +div.button-active:hover { + background: #ccc; +} + +div#dialog { + width: 340px; + height: 200px; + position: absolute; + background: blue; + z-index: 1000; + margin: 10px; + text-align: center; +} + +div#dialog a.close { + float: right; + padding: 10px; + text-decoration: none; +} + +div#dialog div { + width: 292px; + height: 152px; + margin: 2px; + padding: 20px; + border: 2px solid #999; + background: #eee; +} + +.muted { + opacity: 0.5; +} + +.failed { + color: red; +} + +pre { + display: inline; + margin: 0px; + padding: 0px; +} + +div#upgrade_button { + margin-bottom: 20px; +} + +div#welcome_message { + margin-left: 30px; +} + +#logo { + margin-left: 14px; +} + +.rtl { + direction: rtl; +} + +.rtl th.name, +.rtl td.name { + text-align: right; + padding-right: 30px; +} + + +.rtl li:before { + content: ""; +} + +.rtl li:after { + content: "\00BB \0020"; +} + +.rtl ul { + margin-right: 0; + padding-right: 0; +} + +.rtl div#dialog a.close { + float: left; +} + +.rtl div#welcome_message { + padding-right: 30px; +} + +.rtl #logo { + padding-right: 12px; +} |
