X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;ds=sidebyside;f=css%2Fcivicrm.css;h=bdb6defb4d359b6326f821da6c6ef7428a57d6db;hb=eb8e4c2d9bf7807315c03bee08202dd0cebc0e7b;hp=fcdc073d3e5d99ed71c6ecf716dc81944690fd31;hpb=4c95b949e863281d990ffa2a3104415079e6352d;p=civicrm-core.git diff --git a/css/civicrm.css b/css/civicrm.css index fcdc073d3e..bdb6defb4d 100644 --- a/css/civicrm.css +++ b/css/civicrm.css @@ -107,7 +107,7 @@ div.crm-container fieldset label{ .crm-container tr { font-size: .95em; - background: none; + background: none !important; } .crm-container td { @@ -225,11 +225,38 @@ input.crm-form-entityref { color: #3E3E3E; } +.crm-container .replace-plain, .crm-container textarea, .crm-container select.crm-form-multiselect { border: 1px solid #999; } +.crm-container .replace-plain { + cursor: pointer; + background: rgba(255,255,255,0.6); + min-height: 2em; + position: relative; + padding: 2px; +} + +.crm-container .replace-plain:focus, +.crm-container .replace-plain:hover { + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + background: rgba(255,255,255,0.8); +} + +.crm-container .replace-plain .icon.edit-icon { + position: absolute; + top: .5em; + right: .5em; +} + +.crm-container .replace-plain a:active .icon.edit-icon, +.crm-container .replace-plain:focus .icon.edit-icon, +.crm-container .replace-plain:hover .icon.edit-icon { + background-image: url("../i/icons/jquery-ui-2786C2.png"); +} + /* ** class for hiding the text box; it is used in the OtherActivity template @@ -304,6 +331,9 @@ input.crm-form-entityref { 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.ng-invalid { + border: 1px solid #FF0000; +} .crm-container input.crm-form-text, .crm-container input.dateplugin { border: 1px solid #999; @@ -705,6 +735,33 @@ input.crm-form-entityref { text-align: center; } +.crm-container #civicrm-footer.crm-public-footer { + vertical-align: middle; + text-align: right; + font-size: 16px; + padding: 0.8em 0; +} + +.crm-container a.empowered-by-link { + display: inline-block; + height: 34px; + position: relative; + width: 99px; +} + +.crm-container div.empowered-by-logo { + background: url('../i/civi99.png') no-repeat; + display: block; + line-height: 34px; + position: absolute; + top: 9px; + width: 99px; +} + +.crm-container div.empowered-by-logo span { + visibility: hidden; +} + #crm-record-log { padding: 0.8em 0.8em 0em 0em; text-align: right; @@ -1675,7 +1732,7 @@ editor specific classes } .crm-container a.crm-hover-button.action-item, .crm-container .crm-hover-button.btn-slide { - font-size: .9em; + font-size: .95em; padding: 3px 5px; opacity: 1; } @@ -1701,6 +1758,7 @@ editor specific classes color: #2786C2; } .crm-container .crm-hover-button .icon { + cursor: pointer; margin-left: 3px; position: relative; top: 2px; @@ -2335,6 +2393,14 @@ div.grippie { border: 1px solid #3e3e3e; } +.crm-container input.form-submit[disabled], +.crm-container .crm-button[disabled], +#crm-container input[type=button][disabled], +#crm-container input.form-submit-inline[disabled], +#crm-container .crm-button[disabled] { + color: #999; +} + .crm-container .crm-button, #crm-container .crm-button { padding: 1px; @@ -2514,7 +2580,8 @@ div.grippie { text-indent: -10000px; } -.crm-container span.icon { +.crm-container span.icon, +.crm-container a.ui-icon { float: none; display: inline-block; } @@ -2536,7 +2603,7 @@ div.grippie { } .crm-container .dark-icon { - background-image: url("../packages/jquery/jquery-ui/css/theme/images/ui-icons_222222_256x240.png") + background-image: url("../packages/jquery/jquery-ui/images/ui-icons_222222_256x240.png") } .crm-container .edit-icon { background-position: -64px -112px; @@ -2851,7 +2918,7 @@ div.grippie { } .crm-status-box-outer.status-start { - background: #F8FF03 url("../packages/jquery/jquery-ui/css/theme/images/animated-overlay.gif"); + background: #F8FF03 url("../packages/jquery/jquery-ui/images/animated-overlay.gif"); } .crm-status-box-outer .crm-status-box-inner { @@ -3349,13 +3416,13 @@ div#crm-container form { /* For the Conditional-CSS grading rows */ /* - Colour calculations (based off the main row colours) + Colour calculations (based off the main row colours) Level 1: - dd > c4 - ee > d5 - Level 2: - dd > d1 - ee > e2 + dd > c4 + ee > d5 + Level 2: + dd > d1 + ee > e2 */ .crm-container tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; @@ -3952,6 +4019,11 @@ div.m ul#civicrm-menu, font-size: 1.2em; } +/* Match font size on 'Continue' button on event participant form (no specific class) */ +#crm-container .crm-event-additionalparticipant-form-block span.crm-button input.form-submit.default { + font-size: 1.2em; +} + /* jQuery UI styles */ .crm-container .ui-progressbar-value { background-image: url("../packages/jquery/css/images/pbar-ani.gif"); @@ -4569,12 +4641,12 @@ span.crm-status-icon { color: #444444; } -#crm-container.crm-public .price-set-row.highlight label { +#crm-container.crm-public .price-set-row .highlight label { color: #000000; font-weight: bold; } -#crm-container.crm-public .price-set-row.highlight .crm-price-amount-label { +#crm-container.crm-public .price-set-row .highlight .crm-price-amount-label { color: #222222; } @@ -4645,3 +4717,17 @@ span.crm-status-icon { .crm-container .survey-completed { text-decoration: line-through; } + +.crm-container input.ng-invalid.ng-dirty, +.crm-container select.ng-invalid.ng-dirty, +.crm-container textarea.ng-invalid.ng-dirty { + border: 1px solid red; +} +.crm-container input.ng-valid, +.crm-container input.ng-pristine, +.crm-container textarea.ng-valid, +.crm-container textarea.ng-pristine, +.crm-container select.ng-valid, +.crm-container select.ng-pristine{ + border: 1px solid #666; +}