Utilisateur:Ltrlg/styles/TemplateDataEditor.css
Apparence
Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;
Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5./********** Start buttons **********/
.group-tde a {
display: inline-block;
padding: 2px;
}
/********** Interface **********/
#tde {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
}
#tde-mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
}
#tde-dialog {
position: absolute;
top: 1em;
bottom: 1em;
left: 1em;
right: 1em;
background: white;
border: 1px solid #aaa;
border-radius: 0.5em;
}
#tde-close {
position: absolute;
top: 0.5em;
right: 0.5em;
}
#tde-dialog h2 {
margin: 0;
padding: 0.25em 0.5em;
text-align: center;
border: none;
font-size: 1.3em;
position: absolute;
left: 0;
right: 0;
top: 0.25em;
height: 1em;
}
#tde-body {
position: absolute;
top: 3em; bottom: 3em; left: 1em; right: 1em;
overflow-y: scroll;
border: solid black;
border-width: 1px 0;
}
/********** Body content **********/
#tde-body h3 {
clear: right;
background: #e0e0e0;
padding: 0.25em 0.5em;
margin: 1em 0 0.5em;
}
#tde-desc-cont {
margin: 0.25em 1em;
}
.tde-clear {
clear: right;
}
/***** Textareas *****/
#tde textarea {
margin: 0;
box-sizing: border-box;
height: 6em;
}
#tde li textarea {
height: 4em;
}
/***** Lists *****/
#tde ul {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#tde-body li {
margin: 0.25em 1em;
padding: 0.5em;
border: 1px solid #aaa;
border-radius: 0.5em;
display: block;
}
#tde-body li:first-child {
border-top: 1px solid #aaa;
}
#tde-body li:nth-child(2n) { background: #ffc; }
#tde-body li:nth-child(2n+1) { background: #dfd; }
/********** Preload **********/
#tde-preload-select [value=""] {
font-style: italic;
}
#tde-preload {
margin-top: 3em;
text-align: center;
}
.tde-preload-loading {
color: #aaa;
}
/********** Actions **********/
.tde-remove-line,
.tde-it-block .tde-add-language,
.tde-param-expand,
.tde-param-collapse {
float: right;
margin-right: 0.5em;
}
.tde-add-line {
float: right;
margin-right: 2em;
margin-bottom: 1em;
}
/********** Form separation **********/
.tde-param-required,
.tde-param-inherits-label,
.tde-param-default-label,
.tde-setParams-label {
margin-left: 1em;
}
.tde-set-params,
.tde-param-aliases {
display: block;
width: 100%;
box-sizing: border-box;
}
/********** Renamer **********/
.tde-renamer-name-input {
background: #ccc;
color: #800;
border: 0 none;
padding: 0.2em 0.4em;
border-radius: 0.2em;
}
/********** InterfaceText **********/
.tde-it-otherlanguages table {
width: 100%;
}
.tde-it-otherlanguages th {
width: 5em;
}
.tde-it-otherlanguages th input {
box-sizing: border-box;
width: 100%;
}
.tde-it-otherlanguages tr:last-child {
width: 24px;
padding: 0;
}
.tde-it .tde-renamer-name-input {
width: 4em;
text-align: center;
box-sizing: border-box;
}
/***** InterfaceTextBlock *****/
.tde-it-block table {
width: 100%;
}
.tde-it-block th, .tde-it-block td {
padding: 1px;
}
.tde-it-block th {
width: 4em;
}
.tde-it-block td:last-child {
width: 30px;
text-align: left;
}
.tde-it-block .tde-it-expand,
.tde-it-block .tde-it-collapse {
margin-left: 3em;
}
/***** InterfaceTextInline *****/
.tde-it-inline .tde-it-lang {
border: 1px solid #a6f;
padding: 1px;
margin: 1px 0.2em;
display: inline-block;
}
.tde-it-inline .tde-it-lang input {
margin-top: 0;
margin-bottom: 0;
}
.tde-it-inline .tde-it-input {
width: 10em;
}
/********** Buttons **********/
.tde-buttons {
text-align: right;
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 0.25em 1em;
}
#tde input[type=button] {
height: 2em;
margin: 0.25em;
padding: 0.25em 0.5em;
border: 1px solid #00763B;
background: #00944C;
color: #FFF6E8;
border-radius: 0.3em;
cursor: pointer;
}
#tde input[type=button]:hover,
#tde input[type=button]:focus {
background: #00763B;
}