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     border-radius: 10px 10px 0 0;
 163     font-weight: bold;
 164     cursor: pointer;
 165 }
 166 body.create .additionals_window ul li label,
 167 body.edit .additionals_window ul li label
 168 {
 169     width: 50px;
 170 }
 171
 172 body.create #content ul li div,
 173 body.create .additionals_window ul li div,
 174 body.edit #content ul li div,
 175 body.edit .additionals_window ul li div
 176 {
 177     min-width: 120px;
 178     min-height: 20px;
 179     background-color: #e1e1e1;
 180     padding: 5px;
 181     text-align: left;
 182     float: left;
 183     -moz-border-radius: 0 10px 10px 10px;
 184     -webkit-border-radius: 0 10px 10px 10px;
 185     border-radius: 0 10px 10px 10px;
 186 }
 187
 188 body.create #content ul li div.widget_actions,
 189 body.create .additionals_window ul li div.widget_actions,
 190 body.edit #content ul li div.widget_actions,
 191 body.edit .additionals_window ul li div.widget_actions
 192 {
 193     float: none;
 194     height: 18px;
 195     min-width: 80px;
 196     padding: 0px;
 197     margin-bottom: 2px;
 198 }
 199 body.create #content ul li div.widget_actions div,
 200 body.create .additionals_window ul li div.widget_actions div,
 201 body.edit #content ul li div.widget_actions div,
 202 body.edit .additionals_window ul li div.widget_actions div
 203 {
 204     line-height: 16px;
 205     min-width: 60px;
 206     min-height: 16px;
 207     padding: 0px;
 208     -moz-border-radius: 0;
 209     -webkit-border-radius: 0;
 210     border-radius: 0;
 211     margin: 0;
 212     cursor: pointer;
 213     margin-right: 5px;
 214     text-align: center;
 215 }
 216 body.create #content ul li div.widget_content,
 217 body.create .additionals_window ul li div.widget_content,
 218 body.edit #content ul li div.widget_content,
 219 body.edit .additionals_window ul li div.widget_content
 220 {
 221     float: none;
 222 }
 223
 224 body.create.report #content ul li
 225 {
 226     margin-bottom: 12px;
 227 }
 228 body.create.report #content ul li label
 229 {
 230     width: auto;
 231     height: auto;
 232     float: none;
 233     text-align: left;
 234     line-height: 14px;
 235     background: none;
 236     padding-left: 0px;
 237     -moz-border-radius: 0;
 238     -webkit-border-radius: 0;
 239     border-radius: 0;
 240     min-width: 60px;
 241 }
 242 body.create.report #content ul li div
 243 {
 244     width: auto;
 245     min-height: 0px;
 246     background: none;
 247     padding: 0px;
 248     text-align: left;
 249     float: none;
 250     -moz-border-radius: 0;
 251     -webkit-border-radius: 0;
 252     border-radius: 0;
 253     min-width: 60px;
 254 }
 255 body.create.report #content ul li.even
 256 {
 257 }
 258 body.create.report #content ul li div.row_item
 259 {
 260     float: left;
 261     margin-right: 5px;
 262 }
 263 body.create.report #content ul li div.row_actions
 264 {
 265     float: left;
 266 }
 267 body.create.report #content ul li div.row_actions input
 268 {
 269     margin-top: 12px;
 270 }
 271
 272 #system_messages
 273 {
 274     padding-top: 10px;
 275     float: left;
 276     width: 60%;
 277 }
 278 #system_messages .ajatus_elements_message
 279 {
 280     height: 20px;
 281     line-height: 20px;
 282     background-color: #FFFDCF;
 283     text-align: left;
 284     padding: 5px 5px 0 5px;
 285     margin-bottom: 5px;
 286     border: 1px solid #F1CB2F;
 287 }
 288 #system_messages .ajatus_elements_message .close_handle
 289 {
 290     width: 16px;
 291     height: 16px;
 292     background: url('../images/icons/cancel.png') top left no-repeat;
 293     cursor: pointer;
 294     float: left;
 295     margin: 0 15px 0 5px;
 296 }
 297 #system_messages .ajatus_elements_message .title
 298 {
 299     display: none;
 300 }
 301 #system_messages .ajatus_elements_message .message
 302 {
 303 }
 304 #system_messages .ajatus_elements_message.static
 305 {
 306     height: auto;
 307     background: none;
 308     text-align: left;
 309 }
 310 #system_messages .ajatus_elements_message.static .close_handle
 311 {
 312     display: none;
 313 }
 314 #system_messages .ajatus_elements_message.static .title
 315 {
 316     display: block;
 317 }
 318
 319 #main-page_toolbar
 320 {
 321     height: 25px;
 322     min-width: 152px;
 323     float: right;
 324     overflow: hidden;
 325 }
 326 #main-page_toolbar .border_left
 327 {
 328     height: 25px;
 329     width: 25px;
 330     background: url('../images/toolbar-top-left-bg.png') no-repeat;
 331     float: left;
 332 }
 333 #main-page_toolbar .content
 334 {
 335     height: 25px;
 336     min-width: 102px;
 337     width: 100%;
 338     background: url('../images/toolbar-top-middle-bg.png') repeat-x;
 339     float: left;
 340 }
 341 #main-page_toolbar .border_right
 342 {
 343     height: 25px;
 344     width: 25px;
 345     background: url('../images/toolbar-top-right-bg.png') no-repeat;
 346     float: left;
 347 }
 348
 349 .page_toolbar
 350 {
 351     overflow: hidden;
 352 }
 353
 354 .page_toolbar .content ul
 355 {
 356     list-style-type: none;
 357     float: left;
 358     margin-top: 3px;
 359 }
 360 .page_toolbar .content ul li
 361 {
 362     height: 20px;
 363     line-height: 20px;
 364     float: left;
 365     margin-right: 5px;
 366     cursor: pointer;
 367     color: #fff;
 368 }
 369
 370 /*
 371  Additionals create/edit window
 372 */
 373
 374 .additionals_window
 375 {
 376     position: fixed;
 377     width: 300px;
 378     height: 200px;
 379     border: 1px solid #c3c3c3;
 380     border-bottom: 2px solid #3c3c3c;
 381     border-right: 2px solid #3c3c3c;
 382     overflow: auto;
 383     padding: 10px;
 384     background: #fff;
 385     z-index: 100;
 386 }
 387 .additionals_window .actions
 388 {
 389     text-align: right;
 390 }
 391
 392 /*
 393  Preferences
 394 */
 395
 396 #preference_sections
 397 {
 398     width: 80%;
 399 }
 400
 401 #preference_sections .section
 402 {
 403     margin-bottom: 10px;
 404 }