css/joomla.css

   1 /* joomla.css: Joomla-specific css directives for CiviCRM. */
   2
   3 /*
   4 ** HTML elements
   5 */
   6 div#toolbar-box .icon-48-generic {
   7   display: none;
   8 }
   9
  10 div#toolbar-box {
  11   height: 26px;
  12 }
  13
  14 fieldset {
  15   margin-bottom: 1em;
  16   padding: .5em;
  17 }
  18 form {
  19   margin: 0;
  20   padding: 0;
  21 }
  22 hr {
  23   height: 1px;
  24   border: 1px solid gray;
  25 }
  26 img {
  27   border: 0;
  28 }
  29 /* Added in CiviCRM 2.0 to alleviate tiny font issues. */
  30 #crm-container tr, #crm-container tr td {
  31   font-size: 1em;
  32 }
  33
  34 /* Added in CiviCRM 2.1 to overwrite tiny font in TinyMCE editor. */
  35 #crm-container #content table.mceLayout td {
  36   font-size: 0em;
  37 }
  38
  39 th {
  40   text-align: left;
  41   padding-right: 1em;
  42   border-bottom: 3px solid #ccc;
  43   white-space: nowrap;
  44 }
  45 th.active img {
  46   display: inline;
  47 }
  48 tr.dark, tr.light {
  49   background-color: #eee;
  50   border-bottom: 1px solid #ccc;
  51   padding: 0.1em 0.6em;
  52 }
  53
  54 td.active {
  55   background-color: #ddd;
  56 }
  57
  58 td.label {
  59   background: none;
  60   color: #3e3e3e;
  61   display: table-cell;
  62 }
  63
  64 /*
  65 ** Other common styles
  66 */
  67 .breadcrumb {
  68   padding-bottom: .5em
  69 }
  70 .block ul {
  71   margin: 0;
  72   padding: 0 0 0.25em 1em;
  73 }
  74 br.clear {
  75   clear: both;
  76   height: 0px;
  77 }
  78 .container-inline div {
  79   display: inline;
  80 }
  81 .container-inline .crm-form-submit {
  82   margin: 0;
  83 }
  84 .item-list .icon {
  85   color: #555;
  86   float: right;
  87   padding-left: 0.25em;
  88   clear: right;
  89 }
  90 .item-list .icon a {
  91   color: #000;
  92   text-decoration: none;
  93 }
  94 .item-list .icon a:hover {
  95   color: #000;
  96   text-decoration: none;
  97 }
  98 .item-list .title {
  99   font-weight: bold;
 100 }
 101 .item-list ul {
 102   margin: 0 0 0.75em 0;
 103   padding: 0;
 104 }
 105 .item-list ul li {
 106   margin: 0 0 0.25em 1.5em;
 107   padding: 0;
 108   list-style: disc;
 109 }
 110 /* Override .9em field help size from civicrm.css - CiviCRM 2.0 */
 111 #crm-container div.description, #crm-container span.description, #crm-container dd.description {
 112   font-size: 1em;
 113 }
 114 #crm-container div.description, #crm-container span.description {
 115   margin: 2px 0 15px 0;
 116   display: block;
 117 }
 118 .form-item label {
 119   font-weight: bold;
 120 }
 121 .form-item label.option {
 122   font-weight: normal;
 123 }
 124 .crm-form-submit {
 125   margin: 0.5em 0;
 126 }
 127 .marker, .form-required {
 128   color: #f00;
 129 }
 130 .more-link {
 131   text-align: right;
 132 }
 133 #pager {
 134   clear: both;
 135   text-align: center;
 136 }
 137 #pager div {
 138   padding: 0.5em;
 139 }
 140 .tips {
 141   margin-top: 0;
 142   margin-bottom: 0;
 143   padding-top: 0;
 144   padding-bottom: 0;
 145   font-size: 0.9em;
 146 }
 147 .more-help-link {
 148   font-size: 0.85em;
 149   text-align: right;
 150 }
 151
 152 /*
 153 ** Page layout blocks / IDs
 154 */
 155 #header, #content {
 156   width: 100%;
 157 }
 158 #logo {
 159   vertical-align: middle;
 160   border: 0;
 161 }
 162 #logo img {
 163   float: left;
 164   padding: 0em 1.0em 0em 1em;
 165   border: 0;
 166 }
 167 #menu {
 168   padding: 0 0 0 0;
 169   vertical-align: middle;
 170 }
 171 #primary {
 172   font-size: 1.0em;
 173   padding: 0em 0.8em 0.5em 0;
 174   color: #9cf;
 175 }
 176 #primary a {
 177   font-weight: bold;
 178   color: #fff;
 179 }
 180 #secondary {
 181   padding: 0 1em 0.5em 0;
 182   font-size: 0.8em;
 183   color: #9cf;
 184 }
 185 #secondary a {
 186   font-weight: bold;
 187   color: #9cf;
 188 }
 189 #search .form-text, #search .crm-form-submit {
 190   border: 1px solid #369;
 191   font-size: 1.1em;
 192 }
 193 #search .form-text {
 194   width: 8em;
 195   height: 1.4em;
 196   padding: 0 0.5em 0 0.5em;
 197   margin: 0 0 0.5em 0;
 198 }
 199 #search .crm-form-submit {
 200   height: 1.5em;
 201 }
 202 #main {
 203   /* padding in px not ex because IE messes up 100% width tables otherwise */
 204   padding: 10px;
 205 }
 206 #help {
 207   font-size: 1em;
 208   margin-bottom: 1em;
 209 }
 210 .breadcrumb {
 211   margin-bottom: .5em;
 212 }
 213 .messages {
 214   background-color: #eee;
 215   border: 1px solid #ccc;
 216   padding: 0.3em;
 217   margin-bottom: 1em;
 218 }
 219 .error {
 220   border-color: red;
 221   color: red;
 222 }
 223 #sidebar-left, #sidebar-right {
 224   background-color: #ddd;
 225   width: 16em;
 226   /* padding in px not ex because IE messes up 100% width tables otherwise */
 227   padding: 20px;
 228   vertical-align: top;
 229 }
 230
 231 #content-right {
 232   background-color: #FFFFFF;
 233 }
 234
 235 #footer {
 236   padding: 1em;
 237   font-size: 0.8em;
 238 }
 239
 240 /*
 241 ** Common declarations for child classes of node, comment, block, box, etc.
 242 ** If you want any of them styled differently for a specific parent, add
 243 ** additional rules /with only the differing properties!/ to .parent .class.
 244 ** See .comment .title for an example.
 245 */
 246 .title, .title a {
 247   font-weight: normal;
 248   font-size: 1.6em;
 249   color: #666;
 250   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 251 }
 252 .block-civicrm #recently-viewed .crm-icon, .crm-icon {
 253   margin-top: 0 !important;
 254 }
 255 .submitted {
 256   color: #999;
 257   font-size: 0.8em;
 258 }
 259 .links {
 260   color: #999;
 261 }
 262 .links a {
 263   font-weight: bold;
 264 }
 265 .block, .box {
 266   padding: 0 0 1.5em 0;
 267 }
 268 .block {
 269   min-height: 25px;
 270   border-bottom: 1px solid #bbb;
 271   padding-bottom: 0.75em;
 272   margin-bottom: 1.5em;
 273 }
 274 .block .title {
 275   margin-bottom: .25em;
 276 }
 277 .box .title {
 278   font-size: 1.1em;
 279 }
 280
 281 #module-status, .version {
 282   font-size:11px;
 283 }
 284 #module-status a {
 285   font-weight: normal;
 286 }
 287 .main {
 288   text-align:left;
 289 }
 290
 291 /* Joomla Admin Menu alterations */
 292 /* Moved from civicrm.css in v3.2 */
 293
 294
 295 div#toolbar-box div.m {
 296   padding: 0px !important;
 297   min-height: 0;
 298   border: 0;
 299   margin-top: 8px;
 300 }
 301
 302 div#toolbar-box, div#toolbar-box div.m{
 303   height: auto;
 304 }
 305
 306 .crm-tab-button,
 307 .ui-tabs .ui-tabs-nav li {
 308   border: 1px;
 309   font-size: 110%;
 310 }
 311 .ui-tabs .ui-tabs-nav {
 312   padding: 0.2em 3px 1px;
 313 }
 314 #mainTabContainer li.crm-tab-button {
 315   margin:0 3px 3px 0;
 316   border: 1px solid #F5F6F1 !important;
 317 }
 318 #mainTabContainer li.crm-tab-button.ui-tabs-selected {
 319   padding-bottom: 0;
 320   border: 1px solid #999 !important;
 321 }
 322 #crm-container {
 323   font-size: 11px;
 324 }
 325 #crm-container .col1 {
 326   margin: 0;
 327 }
 328 #crm-container .footer {
 329   font-size: 1em;
 330 }
 331 .ac_results .ac_odd {
 332   background-color: #444;
 333 }
 334
 335 #crm-notification-container {
 336   top: 100px;
 337 }
 338
 339 .crm-container textarea,
 340 .crm-container input,
 341 .crm-container select {
 342   font-size: 12px;
 343   margin-bottom: auto;
 344   margin-right: 4px;
 345   width: auto;
 346   padding: 2px 4px;
 347 }
 348 .crm-container .select2-search input {
 349   width: 100%;
 350 }
 351 .crm-container textarea,
 352 .crm-container input {
 353   height: auto;
 354 }
 355 .crm-container input[type=submit] {
 356   height: auto;
 357 }
 358
 359 .crm-container .disabled {
 360   font-weight: normal;
 361 }
 362
 363 #crm-container .form-layout td.label,
 364 .crm-container .form-layout td.label {
 365   width: inherit;
 366 }
 367
 368 #crm-container .crm-event-form-fee-block .label {
 369   background-color: inherit;
 370   width: inherit;
 371   display: block;
 372 }
 373
 374 /* dev/core#874 the width:auto styling above causes the menubar colour picker to be squeezed */
 375 .crm-container input.crm-form-color {
 376   width: 3.6em;
 377 }
 378
 379 /* Remove Joomla subhead toolbar & whitespace border */
 380
 381 body.admin.com_civicrm .subhead-collapse {
 382         display:none;
 383 }
 384 body.admin.com_civicrm .container-fluid.container-main {
 385         padding: 0;
 386         border-top: 1px solid #787878;
 387 }
 388 body.admin.com_civicrm.task-civicrmupgrade .container-fluid.container-main {
 389         padding: 10px 25px 25px;
 390 }
 391 body.admin.com_civicrm #crm-nav-menu-container {
 392         padding-bottom: 0 !important;
 393 }
 394 body.admin.com_civicrm #content-right {
 395         padding: 12px;
 396 }
 397
 398 /* Make footer admin bar hide behind popup windows (CRM-15723) */
 399 body.ui-dialog-open #status {
 400   z-index: 100 !important;
 401 }