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 #header {
 159   background-color: #69c;
 160 }
 161 #logo {
 162   vertical-align: middle;
 163   border: 0;
 164 }
 165 #logo img {
 166   float: left;
 167   padding: 0em 1.0em 0em 1em;
 168   border: 0;
 169 }
 170 #menu {
 171   padding: 0 0 0 0;
 172   vertical-align: middle;
 173 }
 174 #primary {
 175   font-size: 1.0em;
 176   padding: 0em 0.8em 0.5em 0;
 177   color: #9cf;
 178 }
 179 #primary a {
 180   font-weight: bold;
 181   color: #fff;
 182 }
 183 #secondary {
 184   padding: 0 1em 0.5em 0;
 185   font-size: 0.8em;
 186   color: #9cf;
 187 }
 188 #secondary a {
 189   font-weight: bold;
 190   color: #9cf;
 191 }
 192 #search .form-text, #search .crm-form-submit {
 193   border: 1px solid #369;
 194   font-size: 1.1em;
 195 }
 196 #search .form-text {
 197   width: 8em;
 198   height: 1.4em;
 199   padding: 0 0.5em 0 0.5em;
 200   margin: 0 0 0.5em 0;
 201 }
 202 #search .crm-form-submit {
 203   height: 1.5em;
 204 }
 205 #main {
 206   /* padding in px not ex because IE messes up 100% width tables otherwise */
 207   padding: 10px;
 208 }
 209 #help {
 210   font-size: 1em;
 211   margin-bottom: 1em;
 212 }
 213 .breadcrumb {
 214   margin-bottom: .5em;
 215 }
 216 .messages {
 217   background-color: #eee;
 218   border: 1px solid #ccc;
 219   padding: 0.3em;
 220   margin-bottom: 1em;
 221 }
 222 .error {
 223   border-color: red;
 224   color: red;
 225 }
 226 #sidebar-left, #sidebar-right {
 227   background-color: #ddd;
 228   width: 16em;
 229   /* padding in px not ex because IE messes up 100% width tables otherwise */
 230   padding: 10px;
 231   vertical-align: top;
 232 }
 233
 234 #content-right {
 235   background-color: #FFFFFF;
 236 }
 237
 238 #footer {
 239   padding: 1em;
 240   font-size: 0.8em;
 241 }
 242
 243 /*
 244 ** Common declarations for child classes of node, comment, block, box, etc.
 245 ** If you want any of them styled differently for a specific parent, add
 246 ** additional rules /with only the differing properties!/ to .parent .class.
 247 ** See .comment .title for an example.
 248 */
 249 .title, .title a {
 250   font-weight: normal;
 251   font-size: 1.6em;
 252   color: #666;
 253   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 254 }
 255 .block-civicrm #recently-viewed .crm-icon, .crm-icon {
 256   margin-top: 0 !important;
 257 }
 258 .submitted {
 259   color: #999;
 260   font-size: 0.8em;
 261 }
 262 .links {
 263   color: #999;
 264 }
 265 .links a {
 266   font-weight: bold;
 267 }
 268 .block, .box {
 269   padding: 0 0 1.5em 0;
 270 }
 271 .block {
 272   min-height: 25px;
 273   border-bottom: 1px solid #bbb;
 274   padding-bottom: 0.75em;
 275   margin-bottom: 1.5em;
 276 }
 277 .block .title {
 278   margin-bottom: .25em;
 279 }
 280 .box .title {
 281   font-size: 1.1em;
 282 }
 283
 284 #module-status, .version {
 285   font-size:11px;
 286 }
 287 #module-status a {
 288   font-weight: normal;
 289 }
 290 .main {
 291   text-align:left;
 292 }
 293
 294 /* Joomla Admin Menu alterations */
 295 /* Moved from civicrm.css in v3.2 */
 296
 297 ul#civicrm-menu {
 298   z-index: 1;
 299   position:relative;
 300   border: none;
 301   left:0px;
 302   height:0px;
 303   padding: 2px 0px 25px 2px !important;
 304   padding-bottom:25px !important; /*moz bottom */
 305   padding-bottom:2px; /*ie bottom */
 306 }
 307
 308 div#toolbar-box div.m {
 309   padding: 0px !important;
 310   min-height: 0;
 311   border: 0;
 312   margin-top: 8px;
 313 }
 314
 315 div#toolbar-box, div#toolbar-box div.m{
 316   height: auto;
 317 }
 318
 319 ul#civicrm-menu li#crm-qsearch {
 320   height:0px;
 321 }
 322 .crm-tab-button,
 323 .ui-tabs .ui-tabs-nav li {
 324   border: 1px;
 325   font-size: 110%;
 326 }
 327 .ui-tabs .ui-tabs-nav {
 328   padding: 0.2em 3px 1px;
 329 }
 330 #mainTabContainer li.crm-tab-button {
 331   margin:0 3px 3px 0;
 332   border: 1px solid #F5F6F1 !important;
 333 }
 334 #mainTabContainer li.crm-tab-button.ui-tabs-selected {
 335   padding-bottom: 0;
 336   border: 1px solid #999 !important;
 337 }
 338 #crm-container {
 339   font-size: 11px;
 340 }
 341 #crm-container .col1 {
 342   margin: 0;
 343 }
 344 #crm-container .footer {
 345   font-size: 1em;
 346 }
 347 .ac_results .ac_odd {
 348   background-color: #444;
 349 }
 350
 351 #crm-notification-container {
 352   top: 100px;
 353 }
 354
 355 .crm-container textarea,
 356 .crm-container input,
 357 .crm-container select {
 358   font-size: 12px;
 359   margin-bottom: auto;
 360   margin-right: 4px;
 361   width: auto;
 362   padding: 2px 4px;
 363 }
 364 .crm-container .select2-search input {
 365   width: 100%;
 366 }
 367 .crm-container textarea,
 368 .crm-container input {
 369   height: auto;
 370 }
 371 .crm-container input[type=submit] {
 372   height: auto;
 373 }
 374
 375 .crm-container .disabled {
 376   font-weight: normal;
 377 }