/* - forms.css - */
/* https://www.toshiba-airconditioning.eu/portal_css/forms.css?original=1 */
/* */
/* */
textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
border: 1px solid #cdcdcd;
color: #333;
background: #fff;
width: 100%;
}
input {
font-family: Arial,Helvetica,Sans-Serif;
visibility: visible;
border: 1px solid #cdcdcd;
color: #333;
vertical-align: middle;
background: #fff;
font-size: 100%;
padding: 3px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* */
/* */
input[type=checkbox] {
border: none;
margin: 0;
background: none;
background-color: transparent;
}
input[type=radio] {padding: 0; margin: 0;}
button {
font-family: Arial,Helvetica,Sans-Serif;
visibility: visible;
border: 1px solid #ddd;
color: #333;
vertical-align: middle;
background-color: #eee;
padding: 1px;
cursor: pointer;
font-size: 90%;
text-transform: none;
}
select {
vertical-align: top;
}
form {
border: none;
margin: 0;
}
fieldset {
border: 1px solid #ddd;
margin: 1em 0em 1em 0em;
padding: 1.3em;
line-height: 1.5em;
width: auto;
background: #fbfbfb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
legend {
background: #eee;
padding: 0.3em 1em;
font-size: 90%;
border: 1px solid #ddd;
font-weight: bold;
box-shadow: 0 0 2px #ddd;
}
label {
font-weight: bold;
}
.label {
font-weight: bold;
padding-right: 0.5em;
}
optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
option {
color: black;
}
optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
/* */
#login_form {margin-bottom: 2em;}
#login-form {
width: 280px;
margin: 1em 0 0;
border: 1px solid #ddd;
padding: 2em;
-moz-border-radius: 5px;
-webkit-boder-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 4px #ddd;
background-color: #fbfbfb;
}
#login-form .field {
clear: none;
}
#login-form input {
font-size: 110%;
width: 150px;
}
#login-form label {width: 100px; display: block; float: left; margin-top: 5px;}
#login-form .formControls {
clear: both;
margin: 1.5em 23px 0 0;
text-align: right;
}
#login-form input.context {
margin-bottom: 1em;
width: auto;
font-size: 100%;
}
#login-additionals {margin: 3.5em 2em 2em;}
#forgotten-password {
float: right;
width: 35%;
margin: 0 1em;
}
/* */
.formControls {margin: 0.5em 0;}
.standalone,
.documentEditable * .standalone {
background: transparent url(button_bg.png) repeat-x left 1px;
font-size: 90%;
font-weight: bold;
text-shadow: 1px 1px 0 #FFFFFF;
color: #444;
cursor: pointer;
padding: 5px 9px 4px;
text-transform: none;
border: 1px solid #cdcdcd;
-moz-box-shadow: 0 0 2px #ddd;
-webkit-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
.context,
.formControls .actionButtons .button,
.documentEditable * .context {
background: transparent url(button_bg.png) repeat-x left 1px;
font-size: 90%;
font-weight: bold;
text-shadow: 1px 1px 0 #FFFFFF;
color: #444;
cursor: pointer;
padding: 5px 9px 4px;
text-transform: none;
border: 1px solid #cdcdcd;
-moz-box-shadow: 0 0 2px #ddd;
-webkit-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
.destructive,
.documentEditable * .destructive {
background: transparent url(button_bg.png) repeat-x left 1px;
font-size: 90%;
font-weight: bold;
text-shadow: 1px 1px 0 #FFFFFF;
color: #444;
cursor: pointer;
padding: 5px 9px 4px;
text-transform: none;
border: 1px solid #cdcdcd;
-moz-box-shadow: 0 0 2px #ddd;
-webkit-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
input.searchButton.addreference {
border: 1px solid #CDCDCD;
box-shadow: 0 0 2px #DDDDDD;
color: #444444;
cursor: pointer;
font-size: 90%;
font-weight: bold;
padding: 5px 9px 4px;
text-shadow: 1px 1px 0 #FFFFFF;
text-transform: none;
height: auto;
width: auto;
}
.standalone:hover,
.context:hover,
.destructive:hover,
input.searchButton.addreference:hover {-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; color: #222; text-decoration: none;}
/* */
.field {
top: 0;
left: 0;
margin: 0 1em 1em 0;
clear: both;
}
.field .field {margin: 0;}
.fieldRequired {
color: firebrick;
font-size: 85%;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em;
}
.formHelp {
color: #76797C;
display: block;
font-size: 90%;
font-weight: normal;
margin: 4px 0 0.2em;
}
.formHelp:hover {
color: #444;
cursor: default;
}
div.error {
border: 2px solid firebrick;
padding: 0.8em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: firebrick;
font-size: 85%;
}
.required {color: firebrick!important;}
.fieldErrorBox {
font-size: 90%; color: firebrick;
margin: 0 1px 4px;
}
/* */
#archetypes-fieldname-title input, input#form\.title {
font-size: 160%;
font-family: "pragmatica-web", Arial,Helvetica,Sans-Serif;
font-weight: normal;
width: 99%;
}
#archetypes-fieldname-description textarea, textarea#form\.description {
font: 100% Arial,Helvetica,Sans-Serif;
font-weight: bold;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
tr.selected {
background-color: #ffa;
}
.kupu-save-message {
color: white;
font-weight: bold;
background-color: red;
padding: 0.3em;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
border-color: #ffa500;
border-width: 1px;
}
/* */