207 lines
4.1 KiB
CSS
207 lines
4.1 KiB
CSS
|
/**
|
||
|
* 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;
|
||
|
}
|