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