themes/default/css/elements.css

   1 /*
   2  * This file is part of
   3  *
   4  * Ajatus - Distributed CRM
   5  * @requires jQuery v1.2.1
   6  *
   7  * Copyright (c) 2007 Jerry Jalava <jerry.jalava@gmail.com>
   8  * Copyright (c) 2007 Nemein Oy <http://nemein.com>
   9  * Website: http://ajatus.info
  10  * Licensed under the GPL license
  11  * http://www.gnu.org/licenses/gpl.html
  12  *
  13  */
  14
  15 #application #top #quick-search .input
  16 {
  17     float: left;
  18 }
  19 #application #top #tabs-application ul li
  20 {
  21     float: right;
  22     margin-right: 0px;
  23     margin-left: 10px;
  24 }
  25 #application #top #application-tags .select
  26 {
  27 }
  28
  29 .view_group_content th.title,
  30 .view_group_content td.title
  31 {
  32     padding-left: 5px;
  33 }
  34
  35 /*
  36  Tabs
  37 */
  38 @media print {
  39     .tabs-nav
  40     {
  41         display: none;
  42     }
  43 }
  44 .tabs-nav
  45 {
  46     list-style: none;
  47     margin: 0;
  48     padding: 0 0 0 4px;
  49 }
  50 .tabs-nav:after
  51 {
  52     display: block;
  53     clear: both;
  54     content: " ";
  55 }
  56 .tabs-nav li
  57 {
  58     float: left;
  59     margin: 0 0 0 1px;
  60     min-width: 84px; /* be nice to Opera */
  61     height: 35px;
  62 }
  63 .tabs-nav a,
  64 .tabs-nav a span
  65 {
  66     display: block;
  67     padding: 0 10px;
  68 }
  69 .tabs-nav a {
  70     position: relative;
  71     top: 0px;
  72     z-index: 2;
  73     padding-left: 0px;
  74     color: #fff;
  75     font-size: 12px;
  76     line-height: 1.2;
  77     text-align: center;
  78     text-decoration: none;
  79     white-space: nowrap;
  80 }
  81 .tabs-nav .tabs-selected,
  82 .tabs-nav .tabs-hover
  83 {
  84     background: url('../images/tabs-hover-bg.png');
  85 }
  86 .tabs-nav a span {
  87     width: 64px;
  88     min-width: 64px;
  89     height: 18px;
  90     min-height: 18px;
  91     padding-top: 10px;
  92     padding-right: 0;
  93 }
  94 *>.tabs-nav a span {
  95     width: auto;
  96     height: auto;
  97 }
  98 .tabs-nav .tabs-selected a span {
  99     padding-top: 10px;
 100 }
 101 .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
 102     cursor: text;
 103 }
 104 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
 105     cursor: pointer;
 106 }
 107 /*
 108  Tabs end
 109 */
 110
 111 #content {
 112 }
 113
 114 body.view #content
 115 {
 116     width: 65%;
 117     float: left;
 118 }
 119 body.view .sub_blocks
 120 {
 121     width: 35%;
 122     float: right;
 123 }
 124
 125 body.create #content ul,
 126 body.create .additionals_window ul,
 127 body.edit #content ul,
 128 body.edit .additionals_window ul,
 129 body.view #content ul
 130 {
 131     list-style-type: none;
 132     margin: 0;
 133     padding: 0;
 134 }
 135 body.create #content ul li,
 136 body.create .additionals_window ul li,
 137 body.edit #content ul li,
 138 body.edit .additionals_window ul li,
 139 body.view #content ul li
 140 {
 141     margin-bottom: 10px;
 142 }
 143 body.view #content ul li label
 144 {
 145     font-weight: bold;
 146 }
 147
 148 body.create #content ul li label,
 149 body.create .additionals_window ul li label,
 150 body.edit #content ul li label,
 151 body.edit .additionals_window ul li label
 152 {
 153     display: block;
 154     width: 120px;
 155     height: 20px;
 156     text-align: left;
 157     line-height: 22px;
 158     background-color: #e1e1e1;
 159     padding-left: 5px;
 160     -moz-border-radius: 10px 10px 0 0;
 161     -webkit-border-radius: 10px 10px 0 0;
 162     font-weight: bold;
 163     cursor: pointer;
 164     white-space: nowrap;
 165 }
 166 body.create .additionals_window ul li label,
 167 body.edit .additionals_window ul li label
 168 {
 169 }
 170
 171 body.create #content ul li div,
 172 body.create .additionals_window ul li div,
 173 body.edit #content ul li div,
 174 body.edit .additionals_window ul li div
 175 {
 176     min-width: 172px;
 177     min-height: 20px;
 178     background-color: #e1e1e1;
 179     padding: 5px;
 180     text-align: left;
 181     float: left;
 182     -moz-border-radius: 0 10px 10px 10px;
 183     -webkit-border-radius: 0 10px 10px 10px;
 184 }
 185
 186 body.create #content ul li div.widget_actions,
 187 body.create .additionals_window ul li div.widget_actions,
 188 body.edit #content ul li div.widget_actions,
 189 body.edit .additionals_window ul li div.widget_actions
 190 {
 191     float: none;
 192     height: 18px;
 193     min-width: 80px;
 194     padding: 0px;
 195     margin-bottom: 2px;
 196 }
 197 body.create #content ul li div.widget_actions div,
 198 body.create .additionals_window ul li div.widget_actions div,
 199 body.edit #content ul li div.widget_actions div,
 200 body.edit .additionals_window ul li div.widget_actions div
 201 {
 202     line-height: 16px;
 203     min-width: 60px;
 204     min-height: 16px;
 205     padding: 0px;
 206     -moz-border-radius: 0;
 207     -webkit-border-radius: 0;
 208     margin: 0;
 209     cursor: pointer;
 210     margin-right: 5px;
 211     text-align: center;
 212 }
 213 body.create #content ul li div.widget_content,
 214 body.create .additionals_window ul li div.widget_content,
 215 body.edit #content ul li div.widget_content,
 216 body.edit .additionals_window ul li div.widget_content
 217 {
 218     float: none;
 219 }
 220
 221 body.create.report #content ul li
 222 {
 223     margin-bottom: 12px;
 224 }
 225 body.create.report #content ul li label
 226 {
 227     width: auto;
 228     height: auto;
 229     float: none;
 230     text-align: left;
 231     line-height: 14px;
 232     background: none;
 233     padding-left: 0px;
 234     -moz-border-radius: 0;
 235     -webkit-border-radius: 0;
 236     min-width: 60px;
 237 }
 238 body.create.report #content ul li div
 239 {
 240     width: auto;
 241     min-height: 0px;
 242     background: none;
 243     padding: 0px;
 244     text-align: left;
 245     float: none;
 246     -moz-border-radius: 0;
 247     -webkit-border-radius: 0;
 248     min-width: 60px;
 249 }
 250 body.create.report #content ul li.even
 251 {
 252 }
 253 body.create.report #content ul li div.row_item
 254 {
 255     float: left;
 256     margin-right: 5px;
 257 }
 258 body.create.report #content ul li div.row_actions
 259 {
 260     float: left;
 261 }
 262 body.create.report #content ul li div.row_actions input
 263 {
 264     margin-top: 12px;
 265 }
 266
 267 #system_messages
 268 {
 269     padding-top: 10px;
 270     float: left;
 271     width: 60%;
 272 }
 273 #system_messages .ajatus_elements_message
 274 {
 275     height: 20px;
 276     line-height: 20px;
 277     background-color: #FFFDCF;
 278     text-align: left;
 279     padding: 5px 5px 0 5px;
 280     margin-bottom: 5px;
 281     border: 1px solid #F1CB2F;
 282 }
 283 #system_messages .ajatus_elements_message .close_handle
 284 {
 285     width: 16px;
 286     height: 16px;
 287     background: url('../images/icons/cancel.png') top left no-repeat;
 288     cursor: pointer;
 289     float: left;
 290     margin: 0 15px 0 5px;
 291 }
 292 #system_messages .ajatus_elements_message .title
 293 {
 294     display: none;
 295 }
 296 #system_messages .ajatus_elements_message .message
 297 {
 298 }
 299 #system_messages .ajatus_elements_message.static
 300 {
 301     height: auto;
 302     background: none;
 303     text-align: left;
 304 }
 305 #system_messages .ajatus_elements_message.static .close_handle
 306 {
 307     display: none;
 308 }
 309 #system_messages .ajatus_elements_message.static .title
 310 {
 311     display: block;
 312 }
 313
 314 #main-page_toolbar
 315 {
 316     height: 25px;
 317     min-width: 152px;
 318     float: right;
 319     overflow: hidden;
 320 }
 321 #main-page_toolbar .border_left
 322 {
 323     height: 25px;
 324     width: 25px;
 325     background: url('../images/toolbar-top-left-bg.png') no-repeat;
 326     float: left;
 327 }
 328 #main-page_toolbar .content
 329 {
 330     height: 25px;
 331     min-width: 102px;
 332     background: url('../images/toolbar-top-middle-bg.png') repeat-x;
 333     float: left;
 334 }
 335 #main-page_toolbar .border_right
 336 {
 337     height: 25px;
 338     width: 25px;
 339     background: url('../images/toolbar-top-right-bg.png') no-repeat;
 340     float: left;
 341 }
 342
 343 .page_toolbar
 344 {
 345     overflow: hidden;
 346 }
 347
 348 .page_toolbar .content ul
 349 {
 350     list-style-type: none;
 351     float: left;
 352     margin-top: 3px;
 353 }
 354 .page_toolbar .content ul li
 355 {
 356     height: 20px;
 357     line-height: 20px;
 358     float: left;
 359     margin-right: 5px;
 360     cursor: pointer;
 361     color: #fff;
 362 }
 363
 364 /*
 365  Additionals create/edit window
 366 */
 367
 368 .additionals_window
 369 {
 370     position: fixed;
 371     width: 350px;
 372     height: 300px;
 373     border: 1px solid #c3c3c3;
 374     border-bottom: 2px solid #3c3c3c;
 375     border-right: 2px solid #3c3c3c;
 376     overflow: auto;
 377     padding: 10px;
 378     background: #fff;
 379     z-index: 100;
 380 }
 381 .additionals_window .actions
 382 {
 383     text-align: right;
 384 }
 385
 386 /*
 387  Preferences
 388 */
 389
 390 #preference_sections
 391 {
 392     width: 80%;
 393 }
 394
 395 #preference_sections .section
 396 {
 397     margin-bottom: 10px;
 398 }