interface/themes/style_blue.css

   1 @import "core.css";
   2
   3 /* This file is only used as a style sheet for */
   4 /*   lone scripts such as setup.php */
   5 A:{visited: #000000;}
   6
   7 .menu {
   8         font-family: sans-serif;
   9         font-style: italic;
  10         font-size: 90%;
  11         color: #000000;
  12         text-decoration: none;
  13         text-align: left;
  14 }
  15
  16
  17 .menu_selected {
  18         font-family: sans-serif;
  19         font-style: italic;
  20         font-size: 90%;
  21         color: #000000;
  22         text-decoration: none;
  23         text-align: left;
  24 }
  25
  26 .logout {
  27         font-family: sans-serif;
  28         font-style: italic;
  29         font-size: 100%;
  30         color: #000000;
  31         text-decoration: none;
  32         text-align: right;
  33 }
  34
  35 .text {
  36         font-family: sans-serif;
  37         text-decoration: none;
  38         color: #000000;
  39         font-size: 10pt;
  40 }
  41
  42 .required {
  43         font-family: sans-serif;
  44         text-decoration: none;
  45         font-size: 12pt;
  46         color: #770000;
  47         font-weight: bold;
  48 }
  49
  50 .bold {
  51         font-family: sans-serif;
  52         text-decoration: none;
  53         font-size: 10pt;
  54         color: #000000;
  55         font-weight: bold;
  56 }
  57
  58 .alert-custom {
  59         font-family: sans-serif;
  60         font-size: 70%;
  61         color: #FF0000;
  62         text-decoration: none;
  63 }
  64
  65 .small {
  66         text-decoration: none;
  67         color: #000000;
  68         font-family: sans-serif;
  69         font-size: 60%;
  70 }
  71
  72 .link {
  73         font-family: sans-serif;
  74         text-decoration: none;
  75         color: #000000;
  76         font-size: 70%;
  77 }
  78
  79 .more {
  80         font-family: sans-serif;
  81         text-decoration: none;
  82         color: #aaaaaa;
  83         font-size: 70%;
  84 }
  85
  86 .back {
  87         font-family: sans-serif;
  88         text-decoration: none;
  89         color: #aaaaaa;
  90         font-size: 70%;
  91 }
  92
  93 .link_selected {
  94         font-family: sans-serif;
  95         text-decoration: none;
  96         color: #0000FF;
  97         font-size: 10pt;
  98 }
  99
 100 .link_submit {
 101         font-family: sans-serif;
 102         text-decoration: none;
 103         color: #000066;
 104         font-size: 70%;
 105 }
 106
 107 .items {
 108         font-family: sans-serif;
 109         font-size: 6pt;
 110 }
 111
 112 .title {
 113         font-family: sans-serif;
 114         font-size: 12pt;
 115         font-weight: bold;
 116         text-decoration: none;
 117         color: #000000;
 118 }
 119
 120 .title_bar {
 121         font-family: sans-serif;
 122         font-size: 12pt;
 123         font-weight: bold;
 124         text-decoration: none;
 125         color: #000000;
 126 }
 127
 128 a {
 129         text-decoration: none;
 130 }
 131
 132 /* style taken out of the addressbook code and put here instead */
 133 #addressbook_list td {
 134 font-family: Arial, Helvetica, sans-serif;
 135 padding-left: 4px;
 136 padding-right: 4px;
 137 }
 138 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 139 color:#0000cc;
 140 }
 141 #addressbook_list tr.search {
 142 font-size:9pt;
 143 font-weight:bold;
 144 }
 145 #addressbook_list tr.head {
 146 font-size:10pt;
 147 background-color:#cccccc;
 148 font-weight:bold;
 149 }
 150 #addressbook_list tr.detail {
 151 font-size:10pt;
 152 }
 153 #addressbook_list .inputtext {
 154 font-family:monospace;
 155 font-size:9pt;
 156 font-weight:normal;
 157 border-style:solid;
 158 border-width:1px;
 159 border-color: #000000;
 160 background-color:transparent;
 161 }
 162 #addressbook_list .button {
 163 font-family:sans-serif;
 164 font-size:8pt;
 165 font-weight:bold;
 166 }
 167
 168 /* styles taken out of templates/report/general_default.html */
 169 #reports_list td {
 170 font-size:8pt;
 171 font-family:helvetica;
 172 }
 173 #reports_list a {
 174 font-size:8pt;
 175 font-family:helvetica;
 176 }
 177
 178 /* styles taken out of templates/documents/general_list.html */
 179 #documents_list td {
 180 font-size:8pt;
 181 font-family:helvetica;
 182 }
 183 #documents_list a {
 184 font-size:8pt;
 185 font-family:helvetica;
 186 }
 187 #documents_list .treeMenuDefault {
 188 font-style: italic;
 189 }
 190 #documents_list .treeMenuBold {
 191 font-style: italic;
 192 font-weight: bold;
 193 }
 194 #documents_list {
 195     width: 25%;
 196     height: 90%;
 197     overflow: auto;
 198     border: 2px inset;
 199     float: left;
 200 }
 201 #documents_actions {
 202     padding-top: 10px;
 203     width: 70%;
 204     height: 90%;
 205     float: right;
 206     overflow: auto;
 207 }
 208 #documents_actions iframe {
 209     display: inline;
 210     border:none;
 211     width:100%;
 212     height:600px;
 213     overflow: auto;
 214 }
 215 #documents_actions form {
 216     margin: 0px; padding: 0px;
 217 }
 218 #documents_actions table {
 219     width: 100%;
 220     height: 100%;
 221 }
 222 .text-area{
 223   background-color:#FFFFFF;
 224   border:1px solid black;
 225   width:100%;
 226   height:100px;
 227   overflow:auto;
 228   text-align:left;
 229 }
 230 .example_menu {
 231             font-size: 70%;
 232             list-style: none;
 233             margin: 0;
 234             padding: 0;
 235             vertical-align: top;
 236             width: 136px;
 237 }
 238 .expand_all,
 239 .collapse_all {
 240         cursor: pointer;
 241 }
 242 .example_menu ul {
 243         display: none;
 244         list-style: none;
 245         margin: 0;
 246         padding: 0;
 247 }
 248 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
 249         background-image: none;
 250         margin: 0;
 251         padding: 0;
 252         border-bottom:1px solid white;
 253 }
 254 .example_menu ul ul {
 255         display: block;
 256 }
 257 .example_menu a {
 258         color: #000;
 259         cursor: pointer;
 260         display: block;
 261         font-weight: bold;
 262         margin-left: 0;
 263         padding: 2px 2px 2px 17px;
 264         width: 160px;
 265 }
 266 .example_menu a.expanded {
 267         background: #bbb url('collapse.gif') no-repeat 3px 50%;
 268 }
 269 .example_menu a.collapsed {
 270         background: #bbb url('expand.gif') no-repeat 3px 50%;
 271 }
 272 .example_menu a:hover {
 273         text-decoration: none;
 274 }
 275 .example_menu ul li span {
 276          background: #d9d1a4;
 277         color: #000;
 278         display: block;
 279         font-weight: normal;
 280         width:100%;
 281 }
 282 .example_menu ul a:Subjective {
 283         font-weight: normal;
 284 }
 285 .example_menu ul a:hover {
 286         background : #f5f5f5;
 287         text-decoration: underline;
 288 }
 289 .example_menu li.active a {
 290         background: #fff;
 291 }
 292 .example_menu li.active li a {
 293         background: #e8e8e8;
 294 }
 295 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
 296         background: transparent url('footer.jpg') no-repeat 0 0;
 297         border-top: 2px solid #fff;
 298         height: 9px;
 299         line-height: 15px;
 300         margin: 0 0 10px 0;
 301         width: 131px;
 302 }
 303 .example_menu .footer span {
 304         display: none;
 305 }
 306 .cke_contents {
 307 height: 300px !important;
 308 }
 309
 310 /* Form styles */
 311 .formtable {
 312         font-size:13px;
 313         line-height: 24px;
 314     }
 315 .formtable tr td {
 316         line-height: 24px;
 317     }
 318 .report_search_bar{
 319         background-color:#E1E4E9;
 320 }
 321
 322 /* error message = new validation */
 323 .error-message{
 324         color:red;
 325         display:block;
 326         white-space: nowrap;
 327         font-weight: normal;
 328         font-size: 11px;
 329 }
 330 .error-border{
 331         border: 1px solid red;
 332 }
 333 .tinylogocontainer
 334 {
 335         display: inline-block;
 336         border: none;
 337 }
 338
 339 .tinylogopng
 340 {
 341         display: inline-block;
 342         width: 44px;
 343         height: 22px;
 344 }
 345
 346 /* flow board filters*/
 347 #flow_board_parameters{
 348         margin: 25px auto;
 349         background-color: #ececec;
 350 }
 351 #flow_board_parameters td{
 352         padding: 10px;
 353 }
 354 #flow_board_parameters table {
 355         border: solid 1px;
 356         width: 100%;
 357         border-collapse: collapse;
 358 }
 359
 360 /* ------- Therapy groups styling --------- */
 361 .group-row{
 362   margin-top: 15px;
 363 }
 364 .container-group{
 365   margin-top: auto;
 366 }
 367 .group-error-msg{
 368   color: #ff6643;
 369 }
 370 .group-success-msg{
 371   color: #4c8029;
 372 }
 373
 374 #component-border{
 375   margin-bottom: 20px;
 376   border: 1px solid #2672ec;
 377   width: 100%;
 378   min-height: 150px;
 379   padding: 10px;
 380 }
 381 #main-component ul{
 382 }
 383 .float-right{
 384   float: right;
 385 }
 386 .rtl .float-right{
 387   float: left;
 388 }
 389
 390 table.dataTable#therapy_groups_list tbody td{
 391   padding-left: 20px;
 392   padding-right: 20px;
 393   font-size: 15px;
 394 }
 395
 396 .therapy_group #therapy_groups_list_container{
 397   margin-top: initial;
 398   width: initial;
 399 }
 400
 401 .therapy_group #therapy_groups_list_container input[type = "text"]{
 402   border-color: #ccc;
 403 }
 404
 405 .therapy_group #therapy_groups_list_container input[type=number] {
 406   -moz-appearance:textfield;
 407 }
 408
 409 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button,
 410 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
 411   -webkit-appearance: none;
 412   margin: 0;
 413 }
 414
 415 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
 416   background-color: #ef3935;
 417   font-size: 15px;
 418   padding: 2px 10px;
 419 }
 420
 421 .therapy_group .delete_btn a{
 422   text-decoration: none;
 423   color: white;
 424 }
 425
 426 .therapy_group #therapy_groups_list_container .failed_message{
 427   font-size: 15px;
 428 }
 429 #updateParticipants{
 430   position: relative;
 431
 432 }
 433 #addParticipant{
 434     position: absolute;
 435     right: 0px;
 436    z-index: 100;
 437 }
 438 #add-participant-form{
 439   transition: max-height 1s ease-out;
 440   max-height: 0;
 441   overflow: hidden;
 442 }
 443 .showAddForm{
 444   max-height: 250px !important;
 445 }
 446 .groups-error-msg{
 447   color: #ff542d;
 448   font-size: 1.3em;
 449   padding: 8px;
 450   text-align: center;
 451 }
 452
 453 .therapy_group .event_details{
 454   font-size: 14px;
 455 }
 456
 457 #add_participant{
 458   margin-bottom: 20px;
 459   margin-left: 10px;
 460 }
 461
 462 #add_participant .patient_wrap,
 463 #add_participant .comment_wrap,
 464 #add_participant .button_wrap{
 465   margin-top: 7px;
 466 }
 467
 468 #add_participant .patient_wrap,
 469 #add_participant .comment_wrap {
 470   display: inline-block;
 471 }
 472
 473 #add_participant .button_wrap input{
 474   float: none;
 475   display: inline-block;
 476 }
 477
 478 #add_participant_element .input_label{
 479   display: block;
 480 }
 481
 482 #add_participant_element .error_wrap .error{
 483   color: red;
 484 }
 485
 486 #group_attendance_form_table tbody td{
 487   text-align: center;
 488 }
 489
 490 #file_type_whitelist .subject-black-list,
 491 #file_type_whitelist .subject-white-list {
 492
 493         display: inline-block;
 494         width: 420px;
 495         float: left;
 496 }
 497
 498 #file_type_whitelist{
 499         height: 400px;
 500         padding: 10px;
 501 }
 502 #white-list, #black-list{
 503         margin: 10px;
 504         padding: 10px;
 505
 506         width: 400px;
 507 }
 508 #file_type_whitelist select {
 509         height: 250px;
 510         padding: 0;
 511 }
 512 #file_type_whitelist option {
 513         padding: 4px 10px 4px 10px;
 514 }
 515
 516 #file_type_whitelist option:hover {
 517         background: #EEEEEE;
 518 }
 519
 520 #file_type_whitelist .subject-info-arrows {
 521
 522         display: inline-block;
 523         width: 58px;
 524         margin: 130px 30px 30px 30px;
 525         float: left;
 526 }
 527 #file_type_whitelist .subject-info-save{
 528         width: 60px;
 529         margin: 170px 30px 30px 30px;
 530         float: left;
 531 }
 532
 533 #file_type_whitelist input[type=button]{
 534         float: none !important;
 535         width: 63px;
 536 }
 537 #file_type_whitelist #add-manually{
 538         display: inline-block
 539 }
 540 #file_type_whitelist #add-manually-input{
 541         width: 190px;
 542 }
 543 #file_type_whitelist .top-list {
 544         margin: 20px 20px 2px 20px;
 545 }
 546
 547 .btn-default {
 548         color: #444444 !important;
 549 }
 550
 551 .btn-link {
 552         color: #444444 !important;
 553 }