style.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. body {
  2. background-color:#FFFFFF;
  3. font: -webkit-small-control;
  4. width:250px;
  5. padding: 0px;
  6. margin: 0px;
  7. }
  8. /* ------------ BUTTONS ------------ */
  9. #top_buttons {
  10. padding-bottom: 15px;
  11. }
  12. #btn_save:focus, #btn_cancelSave:focus {
  13. outline: 0; /* Don't focus elements on load */
  14. }
  15. #btn_save, #btn_cancelSave, #btn_confirmSave {
  16. position: relative;
  17. vertical-align: top;
  18. width: 100%;
  19. height: 30px;
  20. padding: 0px;
  21. margin: 0px;
  22. color:#454545; /* font color */
  23. text-align: center;
  24. background: #EFF4FB;
  25. border: 0px;
  26. cursor: pointer;
  27. }
  28. #btn_cancelSave, #btn_confirmSave {
  29. height: 20px;
  30. width: 12%;
  31. }
  32. #btn_confirmSave {
  33. border-right: 2px solid white;
  34. border-left: 1px solid white;
  35. }
  36. #input_elements {
  37. margin: 0px;
  38. padding-top: 5px;
  39. padding-bottom: 1px;
  40. }
  41. #input_session {
  42. background-color: #FFFFFF;
  43. padding-top: 2px;
  44. margin: 0px;
  45. width: 73%;
  46. }
  47. #input_session:focus {
  48. background-color: #FFFFCB;
  49. outline: 0;
  50. }
  51. #btn_save:hover, #btn_confirmSave:hover {
  52. background-color: #6495DC;
  53. color: white;
  54. }
  55. #btn_save:disabled {
  56. background-color: #A3A3A3;
  57. color: black;
  58. }
  59. #btn_cancelSave:hover, .remove_cell:hover {
  60. background-color: #C13232;
  61. color:white;
  62. }
  63. .new_window_cell:hover {
  64. background-color: Purple; /* --------- CHANGE THIS ------- */
  65. color:white;
  66. }
  67. #container {
  68. min-height: 100%;
  69. position: relative;
  70. }
  71. /* ------------ ALERT ------------ */
  72. #msg_alert {
  73. text-align:center;
  74. padding-top: 5px;
  75. margin: 0px;
  76. font-style: italic;
  77. font-size: 10px;
  78. color: #696969;
  79. }
  80. /* ------------ TABLE ------------ */
  81. #table_container {
  82. margin: auto;
  83. overflow: auto;
  84. }
  85. .date {
  86. margin: 0px;
  87. padding:0px;
  88. font-style: italic;
  89. font-size: 9px;
  90. color: #CCCCCC;
  91. }
  92. tr:nth-child(even) {
  93. background-color: #FAFBFD;
  94. }
  95. tr > td {
  96. width: 100%;
  97. }
  98. tr:hover, tr:hover .date {
  99. background-color: #6495DC;
  100. color: white;
  101. cursor: pointer;
  102. }
  103. .session_cell {
  104. width: 180px;
  105. font-size: 12px;
  106. margin: 0px;
  107. }
  108. .ellipsis {
  109. white-space: nowrap;
  110. overflow: hidden;
  111. text-overflow: ellipsis;
  112. }
  113. #table_container::-webkit-scrollbar-track
  114. {
  115. background-color: #FFFFFF;
  116. }
  117. #table_container::-webkit-scrollbar
  118. {
  119. width: 6px;
  120. }
  121. #table_container::-webkit-scrollbar-thumb
  122. {
  123. background-color: #EFF4FB;
  124. }
  125. .remove_session, .new_window_session {
  126. text-align: center;
  127. width: 28px;
  128. margin: 0px;
  129. cursor: pointer;
  130. }