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 }
  61
  62 /*
  63 ** Other common styles
  64 */
  65 .breadcrumb {
  66   padding-bottom: .5em
  67 }
  68 .block ul {
  69   margin: 0;
  70   padding: 0 0 0.25em 1em;
  71 }
  72 br.clear {
  73   clear: both;
  74   height: 0px;
  75 }
  76 .container-inline div {
  77   display: inline;
  78 }
  79 .container-inline .crm-form-submit {
  80   margin: 0;
  81 }
  82 .item-list .icon {
  83   color: #555;
  84   float: right;
  85   padding-left: 0.25em;
  86   clear: right;
  87 }
  88 .item-list .icon a {
  89   color: #000;
  90   text-decoration: none;
  91 }
  92 .item-list .icon a:hover {
  93   color: #000;
  94   text-decoration: none;
  95 }
  96 .item-list .title {
  97   font-weight: bold;
  98 }
  99 .item-list ul {
 100   margin: 0 0 0.75em 0;
 101   padding: 0;
 102 }
 103 .item-list ul li {
 104   margin: 0 0 0.25em 1.5em;
 105   padding: 0;
 106   list-style: disc;
 107 }
 108 /* Override .9em field help size from civicrm.css - CiviCRM 2.0 */
 109 #crm-container div.description, #crm-container span.description, #crm-container dd.description {
 110   font-size: 1em;
 111 }
 112 #crm-container div.description, #crm-container span.description {
 113   margin: 2px 0 15px 0;
 114   display: block;
 115 }
 116 .form-item label {
 117   font-weight: bold;
 118 }
 119 .form-item label.option {
 120   font-weight: normal;
 121 }
 122 .crm-form-submit {
 123   margin: 0.5em 0;
 124 }
 125 .marker, .form-required {
 126   color: #f00;
 127 }
 128 .more-link {
 129   text-align: right;
 130 }
 131 #pager {
 132   clear: both;
 133   text-align: center;
 134 }
 135 #pager div {
 136   padding: 0.5em;
 137 }
 138 .tips {
 139   margin-top: 0;
 140   margin-bottom: 0;
 141   padding-top: 0;
 142   padding-bottom: 0;
 143   font-size: 0.9em;
 144 }
 145 .more-help-link {
 146   font-size: 0.85em;
 147   text-align: right;
 148 }
 149
 150 /*
 151 ** Page layout blocks / IDs
 152 */
 153 #header, #content {
 154   width: 100%;
 155 }
 156 #header {
 157   background-color: #69c;
 158 }
 159 #logo {
 160   vertical-align: middle;
 161   border: 0;
 162 }
 163 #logo img {
 164   float: left;
 165   padding: 0em 1.0em 0em 1em;
 166   border: 0;
 167 }
 168 #menu {
 169   padding: 0 0 0 0;
 170   vertical-align: middle;
 171 }
 172 #primary {
 173   font-size: 1.0em;
 174   padding: 0em 0.8em 0.5em 0;
 175   color: #9cf;
 176 }
 177 #primary a {
 178   font-weight: bold;
 179   color: #fff;
 180 }
 181 #secondary {
 182   padding: 0 1em 0.5em 0;
 183   font-size: 0.8em;
 184   color: #9cf;
 185 }
 186 #secondary a {
 187   font-weight: bold;
 188   color: #9cf;
 189 }
 190 #search .form-text, #search .crm-form-submit {
 191   border: 1px solid #369;
 192   font-size: 1.1em;
 193 }
 194 #search .form-text {
 195   width: 8em;
 196   height: 1.4em;
 197   padding: 0 0.5em 0 0.5em;
 198   margin: 0 0 0.5em 0;
 199 }
 200 #search .crm-form-submit {
 201   height: 1.5em;
 202 }
 203 #main {
 204   /* padding in px not ex because IE messes up 100% width tables otherwise */
 205   padding: 10px;
 206 }
 207 #help {
 208   font-size: 1em;
 209   margin-bottom: 1em;
 210 }
 211 .breadcrumb {
 212   margin-bottom: .5em;
 213 }
 214 .messages {
 215   background-color: #eee;
 216   border: 1px solid #ccc;
 217   padding: 0.3em;
 218   margin-bottom: 1em;
 219 }
 220 .error {
 221   border-color: red;
 222   color: red;
 223 }
 224 #sidebar-left, #sidebar-right {
 225   background-color: #ddd;
 226   width: 16em;
 227   /* padding in px not ex because IE messes up 100% width tables otherwise */
 228   padding: 10px;
 229   vertical-align: top;
 230 }
 231
 232 #content-right {
 233   background-color: #FFFFFF;
 234 }
 235
 236 #footer {
 237   padding: 1em;
 238   font-size: 0.8em;
 239 }
 240
 241 /*
 242 ** Common declarations for child classes of node, comment, block, box, etc.
 243 ** If you want any of them styled differently for a specific parent, add
 244 ** additional rules /with only the differing properties!/ to .parent .class.
 245 ** See .comment .title for an example.
 246 */
 247 .title, .title a {
 248   font-weight: normal;
 249   font-size: 1.6em;
 250   color: #666;
 251   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 252 }
 253 .block-civicrm #recently-viewed .crm-icon, .crm-icon {
 254   margin-top: 0 !important;
 255 }
 256 .submitted {
 257   color: #999;
 258   font-size: 0.8em;
 259 }
 260 .links {
 261   color: #999;
 262 }
 263 .links a {
 264   font-weight: bold;
 265 }
 266 .block, .box {
 267   padding: 0 0 1.5em 0;
 268 }
 269 .block {
 270   min-height: 25px;
 271   border-bottom: 1px solid #bbb;
 272   padding-bottom: 0.75em;
 273   margin-bottom: 1.5em;
 274 }
 275 .block .title {
 276   margin-bottom: .25em;
 277 }
 278 .box .title {
 279   font-size: 1.1em;
 280 }
 281
 282 #module-status, .version {
 283   font-size:11px;
 284 }
 285 #module-status a {
 286   font-weight: normal;
 287 }
 288 .main {
 289   text-align:left;
 290 }
 291
 292 /* Joomla Admin Menu alterations */
 293 /* Moved from civicrm.css in v3.2 */
 294
 295 ul#civicrm-menu {
 296   z-index: 1;
 297   position:relative;
 298   border: none;
 299   left:0px;
 300   height:0px;
 301   padding: 2px 0px 25px 2px !important;
 302   padding-bottom:25px !important; /*moz bottom */
 303   padding-bottom:2px; /*ie bottom */
 304 }
 305
 306 div#toolbar-box div.m {
 307   padding: 0px !important;
 308   min-height: 0;
 309   border: 0;
 310   margin-top: 8px;
 311 }
 312
 313 div#toolbar-box, div#toolbar-box div.m{
 314   height: auto;
 315 }
 316
 317 ul#civicrm-menu li#crm-qsearch {
 318   height:0px;
 319 }
 320 .crm-tab-button,
 321 .ui-tabs .ui-tabs-nav li {
 322   border: 1px;
 323   font-size: 110%;
 324 }
 325 .ui-tabs .ui-tabs-nav {
 326   padding: 0.2em 3px 1px;
 327 }
 328 #mainTabContainer li.crm-tab-button {
 329   margin:0 3px 3px 0;
 330   border: 1px solid #F5F6F1 !important;
 331 }
 332 #mainTabContainer li.crm-tab-button.ui-tabs-selected {
 333   padding-bottom: 0;
 334   border: 1px solid #999 !important;
 335 }
 336 #crm-container {
 337   font-size: 11px;
 338 }
 339 #crm-container .col1 {
 340   margin: 0;
 341 }
 342 #crm-container .footer {
 343   font-size: 1em;
 344 }
 345 .ac_results .ac_odd {
 346   background-color: #444;
 347 }
 348
 349 #crm-notification-container {
 350   top: 100px;
 351 }
 352
 353 .crm-container textarea,
 354 .crm-container input,
 355 .crm-container select {
 356   font-size: 12px;
 357   margin-bottom: auto;
 358   margin-right: 4px;
 359   width: auto;
 360   padding: 2px 4px;
 361 }
 362 .crm-container textarea,
 363 .crm-container input {
 364   height: auto;
 365 }
 366 .crm-container input[type=submit] {
 367   height: auto;
 368 }