freenetis-github/media/css/forms.css @ master
| 8baed187 | Michal Kliment | /* CSS Document */
|
|
/* ------------------------ */
|
|||
/* -------- FORMS --------- */
|
|||
/* ------------------------ */
|
|||
table.form {
|
|||
font-size:90%;
|
|||
| c1bdc1c4 | Michal Kliment | /*width:730px;
|
|
width:450px;*/
|
|||
| 8baed187 | Michal Kliment | }
|
|
.popup table.form
|
|||
{
|
|||
width: auto ! important;
|
|||
}
|
|||
.form th {
|
|||
background-color:#F1F1F1;
|
|||
width:200px;
|
|||
padding:5px 0 5px 5px;
|
|||
text-align:left;
|
|||
}
|
|||
| c1bdc1c4 | Michal Kliment | .form td {
|
|
background-color:#F1F1F1;
|
|||
}
|
|||
| 8baed187 | Michal Kliment | .form th.group {
|
|
| c1bdc1c4 | Michal Kliment | padding-top:5px;
|
|
background:#fff;
|
|||
text-align:left;
|
|||
font-size: 120%;
|
|||
border-bottom:3px #CCCCCC solid;
|
|||
| 8baed187 | Michal Kliment | width:auto;
|
|
}
|
|||
input, .submit, select, textarea {
|
|||
border:1px #CCCCCC solid;
|
|||
vertical-align:middle;
|
|||
font-size: 100%;
|
|||
}
|
|||
input {
|
|||
width:194px;
|
|||
padding:2px;
|
|||
}
|
|||
| c1bdc1c4 | Michal Kliment | input[type="submit"] {
|
|
width:auto;
|
|||
}
|
|||
| 8baed187 | Michal Kliment | textarea {
|
|
width:330px;
|
|||
padding:2px;
|
|||
}
|
|||
option {
|
|||
padding:1px 2px 1px 2px;
|
|||
}
|
|||
textarea {
|
|||
height:50px;
|
|||
overflow:auto;
|
|||
}
|
|||
| c1bdc1c4 | Michal Kliment | ||
| 8baed187 | Michal Kliment | .submit {
|
|
| c1bdc1c4 | Michal Kliment | /* basic */
|
|
padding: 6px 7px;
|
|||
| 8baed187 | Michal Kliment | cursor: pointer;
|
|
| c1bdc1c4 | Michal Kliment | _padding: 0px 7px;
|
|
/* font */
|
|||
font-weight: bold;
|
|||
font-size: 10px;
|
|||
color: #ffffff;
|
|||
/* background */
|
|||
background: #fe6005; /* Old browsers */
|
|||
background: -moz-linear-gradient(top, #fe6005 0%, #ffd2ba 1%, #ff5900 100%); /* FF3.6+ */
|
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6005), color-stop(1%,#ffd2ba), color-stop(100%,#ff5900)); /* Chrome,Safari4+ */
|
|||
background: -webkit-linear-gradient(top, #fe6005 0%,#ffd2ba 1%,#ff5900 100%); /* Chrome10+,Safari5.1+ */
|
|||
background: -o-linear-gradient(top, #fe6005 0%,#ffd2ba 1%,#ff5900 100%); /* Opera 11.10+ */
|
|||
background: -ms-linear-gradient(top, #fe6005 0%,#ffd2ba 1%,#ff5900 100%); /* IE10+ */
|
|||
background: linear-gradient(to bottom, #fe6005 0%,#ffd2ba 1%,#ff5900 100%); /* W3C */
|
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6005', endColorstr='#ff5900',GradientType=0 ); /* IE6-9 */
|
|||
/* border */
|
|||
border: 1px solid #878787;
|
|||
-moz-border-radius: 4px;
|
|||
-webkit-border-radius: 4px;
|
|||
border-radius: 4px;
|
|||
/* shadows */
|
|||
-moz-box-shadow:
|
|||
0px 1px 3px rgba(43,43,43,1),
|
|||
inset 0px 0px 10px rgba(087,087,087,0);
|
|||
-webkit-box-shadow:
|
|||
0px 1px 3px rgba(43,43,43,1),
|
|||
inset 0px 0px 10px rgba(087,087,087,0);
|
|||
box-shadow:
|
|||
0px 1px 3px rgba(43,43,43,1),
|
|||
inset 0px 0px 10px rgba(087,087,087,0);
|
|||
text-shadow:
|
|||
0px 0px 8px rgba(87,30,0,1),
|
|||
0px 1px 0px rgba(0,0,0,0.3);
|
|||
}
|
|||
.submit:hover {
|
|||
/* background */
|
|||
background: -moz-linear-gradient(top, #fe6005 0%, #ffc6a8 1%, #ff5900 100%); /* FF3.6+ */
|
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6005), color-stop(1%,#ffc6a8), color-stop(100%,#ff5900)); /* Chrome,Safari4+ */
|
|||
background: -webkit-linear-gradient(top, #fe6005 0%,#ffc6a8 1%,#ff5900 100%); /* Chrome10+,Safari5.1+ */
|
|||
background: -o-linear-gradient(top, #fe6005 0%,#ffc6a8 1%,#ff5900 100%); /* Opera 11.10+ */
|
|||
background: -ms-linear-gradient(top, #fe6005 0%,#ffc6a8 1%,#ff5900 100%); /* IE10+ */
|
|||
background: linear-gradient(to bottom, #fe6005 0%,#ffc6a8 1%,#ff5900 100%); /* W3C */
|
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6005', endColorstr='#ff5900',GradientType=0 ); /* IE6-9 */
|
|||
| 8baed187 | Michal Kliment | }
|
|
| c1bdc1c4 | Michal Kliment | ||
| 8baed187 | Michal Kliment | .dropdown {
|
|
padding:2px;
|
|||
}
|
|||
.button_big {
|
|||
padding: 5px;
|
|||
font-weight: bold;
|
|||
cursor: pointer;
|
|||
border: 1px solid #AAA;
|
|||
}
|
|||
.form .submit {
|
|||
margin-top:10px;
|
|||
}
|
|||
.required {
|
|||
| c1bdc1c4 | Michal Kliment | background: #ffffff url(../images/icons/required.gif) top right no-repeat;
|
|
| 8baed187 | Michal Kliment | }
|
|
.label_required {
|
|||
color: #990000;
|
|||
}
|
|||
.label_required label {
|
|||
color: #990000;
|
|||
}
|
|||
input:focus, select:focus, textarea:focus {
|
|||
border-color: #FFA500;
|
|||
background-color: #FAFAD2;
|
|||
}
|
|||
.checkbox, .radio {
|
|||
width:auto;
|
|||
margin:5px 0 5px 0;
|
|||
}
|
|||
/* ------#end FORMS-------- */
|
|||
/* ------------------------ */
|
|||