1 /* joomla.css: Joomla-specific css directives for CiviCRM. */
6 div#toolbar-box
.icon-48-generic
{
24 border: 1px solid gray
;
29 /* Added in CiviCRM 2.0 to alleviate tiny font issues. */
31 #crm-container tr td
{
35 /* Added in CiviCRM 2.1 to overwrite tiny font in TinyMCE editor. */
36 #crm-container #content table
.mceLayout td
{
43 border-bottom: 3px solid
#ccc;
51 background-color: #eee;
52 border-bottom: 1px solid
#ccc;
57 background-color: #ddd;
67 ** Other common styles
74 padding: 0 0 0.25em 1em;
80 .container-inline div {
83 .container-inline .crm-form-submit {
94 text-decoration: none
;
96 .item-list .icon a:hover {
98 text-decoration: none
;
104 margin: 0 0 0.75em 0;
108 margin: 0 0 0.25em 1.5em;
112 /* Override .9em field help size from civicrm.css - CiviCRM 2.0 */
113 #crm-container div
.description
,
114 #crm-container span
.description
,
115 #crm-container dd
.description
{
118 #crm-container div
.description
,
119 #crm-container span
.description
{
120 margin: 2px 0 15px 0;
126 .form-item label.option {
159 ** Page layout blocks / IDs
166 vertical-align: middle
;
171 padding: 0em 1.0em 0em 1em;
176 vertical-align: middle
;
180 padding: 0em 0.8em 0.5em 0;
188 padding: 0 1em 0.5em 0;
197 #search .crm-form-submit
{
198 border: 1px solid
#369;
204 padding: 0 0.5em 0 0.5em;
207 #search .crm-form-submit
{
211 /* padding in px not ex because IE messes up 100% width tables otherwise */
222 background-color: #eee;
223 border: 1px solid
#ccc;
233 background-color: #ddd;
235 /* padding in px not ex because IE messes up 100% width tables otherwise */
241 background-color: #ffffff;
250 ** Common declarations for child classes of node, comment, block, box, etc.
251 ** If you want any of them styled differently for a specific parent, add
252 ** additional rules /with only the differing properties!/ to .parent .class.
253 ** See .comment .title for an example.
260 margin: 0 auto
0 auto
; /* decrease default margins for h<x>.title */
262 .block-civicrm #recently-viewed
.crm-icon
,
264 margin-top: 0 !important
;
278 padding: 0 0 1.5em 0;
282 border-bottom: 1px solid
#bbb;
283 padding-bottom: 0.75em;
284 margin-bottom: 1.5em;
287 margin-bottom: .25em;
304 /* Joomla Admin Menu alterations */
305 /* Moved from civicrm.css in v3.2 */
308 div#toolbar-box div
.m
{
309 padding: 0px !important
;
316 div#toolbar-box div
.m
{
321 .ui-tabs .ui-tabs-nav li {
325 .ui-tabs .ui-tabs-nav {
326 padding: 0.2em 3px 1px;
328 #mainTabContainer li
.crm-tab-button
{
330 border: 1px solid
#f5f6f1 !important
;
332 #mainTabContainer li
.crm-tab-button
.ui-tabs-selected
{
334 border: 1px solid
#999 !important
;
339 #crm-container .col1
{
342 #crm-container .footer
{
345 .ac_results .ac_odd {
346 background-color: #444;
349 #crm-notification-container {
353 .crm-container textarea
,
354 .crm-container input
,
355 .crm-container select {
362 .crm-container .select2-search input {
365 .crm-container textarea
,
366 .crm-container input {
369 .crm-container button[type=submit] {
373 .crm-container .disabled {
377 #crm-container .form-layout td
.label
,
378 .crm-container .form-layout td.label {
382 #crm-container .crm-event-form-fee-block
.label
{
383 background-color: inherit
;
388 /* dev/core#874 the width:auto styling above causes the menubar colour picker to be squeezed */
389 .crm-container input.crm-form-color {
393 /* Remove Joomla subhead toolbar & whitespace border */
395 body
.admin
.com_civicrm
.subhead-collapse
{
398 body
.admin
.com_civicrm
.container-fluid
.container-main
{
400 border-top: 1px solid
#787878;
402 body
.admin
.com_civicrm
.task-civicrmupgrade
.container-fluid
.container-main
{
403 padding: 10px 25px 25px;
405 body
.admin
.com_civicrm #crm-nav-menu-container
{
406 padding-bottom: 0 !important
;
408 body
.admin
.com_civicrm #content-right
{
412 /* Make footer admin bar hide behind popup windows (CRM-15723) */
413 body
.ui-dialog-open #status
{
414 z-index: 100 !important
;
419 body
.admin
.com_civicrm
.layout-default #content
{
423 body
.admin
.com_civicrm
.layout-default #subhead-container
{
427 body
.admin
.com_civicrm
.layout-default
.crm-container
.crm-dashlet
{
428 max-width: 50vw; /* fixes over-wide news dashlet */
431 body
.admin
.com_civicrm
.layout-default
.crm-container
.content
{
432 padding: inherit
; /* overrides J4 duplicated padding */
437 body
.admin
.com_civicrm
.layout-default
.crm-container
.ui-dialog
.ui-resizable
{
441 body
.admin
.com_civicrm
.layout-default
.ui-widget-overlay
{
445 body
.admin
.com_civicrm
.layout-default
.crm-container
.modal-dialog
{