/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
-html, body {
+html {
margin: 0;
padding: 0;
}
+body {
+ margin: 0;
+ padding: 5px;
+}
+
h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, q, s,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset,
form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
button,
input,
select,
+option,
textarea {
font-size: 100%;
margin: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
vertical-align: baseline;
*vertical-align: middle;
}
form .input,
form .cbi-value-field {
- margin-left: 150px;
+ margin-left: 200px;
}
form .cbi-value label.cbi-value-title {
font-size: 13px;
line-height: 18px;
float: left;
- width: 130px;
+ width: 180px;
text-align: right;
color: #404040;
}
.uneditable-input {
display: inline-block;
width: 210px;
- height: 18px;
+ height: 30px;
padding: 4px;
font-size: 13px;
line-height: 18px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
+ width: auto !important;
}
input[type=button], input[type=reset], input[type=submit] {
}
select, input[type=file] {
- height: 27px;
*height: auto;
- line-height: 27px;
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
}
cursor: not-allowed;
}
-:-moz-placeholder {
+::-moz-placeholder {
color: #bfbfbf;
}
right: 0;
z-index: 10000;
overflow: visible;
- color: #BFBFBF
+ color: #BFBFBF;
}
header a {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ padding: 0 5px;
}
header div > ul, .nav {
.menu-dropdown, .dropdown-menu {
background-color: #ffffff;
float: left;
- display: none;
position: absolute;
top: 40px;
+ left: -9999px;
z-index: 900;
min-width: 160px;
max-width: 220px;
.dropdown.open .menu-dropdown,
.open .dropdown-menu,
.dropdown.open .dropdown-menu {
- display: block;
+ left: 0;
}
.dropdown:hover ul.dropdown-menu {
- display: block;
+ left: 0;
}
.dropdown-menu .dropdown-menu {
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
-.cbi-input-invalid {
+.cbi-input-invalid,
+.cbi-value-error input {
color: #FF0000;
border-color: #FF0000;
}
.cbi-button-find,
.cbi-input-find {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-add,
.cbi-input-add {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-apply,
.cbi-input-apply {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-reset,
.cbi-input-reset {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-edit,
.cbi-input-edit {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-remove,
.cbi-input-remove {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-reload,
.cbi-input-reload {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
.cbi-button-link,
.cbi-input-link {
- background-position: 6px center;
+ background-position: 6px center, left top;
padding-left: 28px;
background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
}
+.cbi-button-download,
+.cbi-input-download {
+ background-position: 6px center, left top;
+ padding-left: 28px;
+ background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+ background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+ background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+ background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+ background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+ background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
.btn.active, .btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
:root .alert-message, :root .btn {
- border-radius: 0 \0;
+ border-radius: 0 0;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
text-align: right;
}
+table.cbi-section-table td.cbi-section-table-cell select {
+ width: inherit;
+}
+
.cbi-value-description { display: inline; }
.cbi-value-description img { vertical-align: middle; }
+.cbi-section-error {
+ border: 1px solid #FF0000;
+ border-radius: 3px;
+ background-color: #FCE6E6;
+ padding: 5px;
+}
+
+.cbi-section-error ul { margin: 0 0 0 20px; }
+
+.cbi-section-error ul li {
+ color: #FF0000;
+ font-weight: bold;
+}
+
.ifacebox {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
cursor: pointer;
}
-.zonebadge em,
-.zonebadge strong {
+.zonebadge > em,
+.zonebadge > strong {
margin: 5px;
display: inline-block;
}
.zonebadge input {
width: 6em;
- height: 1em;
}
.zonebadge-empty {