tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Default styles for all forms, still uncomplete

This commit is contained in:
Thomas Gelf 2014-02-25 10:07:36 +00:00
parent c6e96d1552
commit 09ed62d8bf
1 changed files with 56 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
public/css/icinga/forms.less
View File

@ -1,91 +1,79 @@
/* TODO: not here!! */
.controls {
/* font-size: 0.8em; */
}
@petrol : #049baf;
@black : #262625;
/* END */
/* =======================================================
Forms ========================================================= */
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-group { .form-group {
margin-bottom: 1em; margin-bottom: 1em;
} }
label { label {
display: inline-block; display: block;
font-weight: bold; font-weight: bold;
margin-bottom: 0.3em; margin-bottom: 0.3em;
} }
.input-sm { input, select {
border-radius: 0.2em; -moz-box-sizing: border-box;
font-size: 1em; -webkit-box-sizing: border-box;
padding: 0.3em; box-sizing: border-box;
} background: #f5f5f5;
.form-control { padding: 0.2em;
background-color: white; border: 1px solid #777;
border: 1px solid lightgrey; border-left-width:0.3em;
border-radius: 4px; border-right-width: 0.3em;
padding: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: darkgrey;
display: block;
vertical-align: middle;
width: 100%;
} }
select {
/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
-moz-appearance: none;
text-indent: 5px;
padding-right: 5px;
text-overflow: '';
-webkit-appearance: none;
cursor: pointer;
}
input[type=submit] {
font-weight: bold;
/* ==========================================================================
Buttons
========================================================================== */
.button {
text-align: center; text-align: center;
padding: 3px; color: #eee;
border-width: 1px; border-width: 1px;
border-style: solid; background: #777;
border-radius: 3px; outline: 0;
} }
.btn-common { input:focus, select:focus {
border-color: @lightgrey; border-color: #333;
color: @black; background: white;
background: rgb(255,255,255); /* Old browsers */ outline: 0;
background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(245,245,245) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(255,255,255)), color-stop(100%,rgb(245,245,245))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* W3C */
} }
.panel-row > a:hover, input[type=submit]:focus {
.btn-common:hover { background-color: #333;
border-color: @black !important;
color: @black !important;
text-decoration: none;
} }
.btn-cta { input::-moz-focus-inner {
border-color: @petrol; border: 0;
color: @petrol; }
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(245,245,245) 100%); /* FF3.6+ */ select::-moz-focus-inner {
background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Chrome10+,Safari5.1+ */ border: 0;
background: -o-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Opera 11.10+ */ outline: 0;
background: -ms-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* IE10+ */ }
background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* W3C */
input[type=submit]:hover, a.button:hover {
cursor: pointer;
color: white;
background: #333;
}
form ul.errors {
list-style-type: none;
margin: 0;
padding: 0;
}
form ul.errors li {
color: @colorCritical;
font-weight: bold;
line-height: 1.5em;
} }