From 82186c1f9925b7e494a31ed78ff560a7627336a1 Mon Sep 17 00:00:00 2001 From: Coleman Watts Date: Fri, 28 Mar 2014 11:03:05 -0400 Subject: [PATCH] css tweaks --- css/civicrm.css | 39 ++++++++++++++++++--------------------- 1 file changed, 18 insertions(+), 21 deletions(-) diff --git a/css/civicrm.css b/css/civicrm.css index b6e0d07fd3..8e9c1d02a3 100644 --- a/css/civicrm.css +++ b/css/civicrm.css @@ -290,12 +290,30 @@ input.crm-form-entityref { width: 6em; } +/* Style civi form inputs to match select2 */ +.crm-container select.crm-form-select { + border: 1px solid #aaa; + color: #444; + height: 2.2em; + padding: 4px; + border-radius: 4px; + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); + background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); + background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); + background-image: linear-gradient(top, #fff 0%, #eee 50%); +} .crm-container input.crm-form-text, .crm-container input.dateplugin { border: 1px solid #999; vertical-align: middle; padding: 1px 2px; height: 1.8em; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); + background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); + background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); + background-image: linear-gradient(top, #eee 1%, #fff 15%); } .crm-container .form-submit { @@ -3482,7 +3500,6 @@ div#crm-container form { width: 9em; } -/* Date plugin */ .crm-container div.batch-update { overflow: visible; } @@ -3815,26 +3832,6 @@ div.m ul#civicrm-menu, min-width: 6em !important; font-size: 11px; } -/* Style civi form inputs to match select2 */ -.crm-container input.crm-form-text { - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); - background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); - background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); - background-image: linear-gradient(top, #eee 1%, #fff 15%); -} -.crm-container select.crm-form-select { - border: 1px solid #aaa; - color: #444; - height: 2.2em; - padding: 4px; - border-radius: 4px; - background-color: #fff; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); - background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); - background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); - background-image: linear-gradient(top, #fff 0%, #eee 50%); -} /* Add arrow icon to multi-selects */ .crm-container .select2-container-multi .select2-choices:before { background: url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll 0 -4px; -- 2.25.1