Advertisement
SherinKR

budget_tool.css

Mar 2nd, 2024 (edited)
835
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.12 KB | Source Code | 0 0
  1. .tableFixHead {
  2.   overflow-y: auto;
  3.   overflow-x: auto;
  4. }
  5. .div1 {
  6.   height: 80px;
  7.   width: 100%;
  8.   overflow: scroll;
  9.   border: 1px solid #c0c6cc !important;
  10.   border-collapse: separate !important;
  11.   border-spacing: 0 !important;
  12.   table-layout: fixed;
  13.   font-family: arial, sans-serif;
  14.   font-size: 11px !important;
  15.   margin: 0;
  16. }
  17.  
  18. .div1 th {
  19.   position: sticky;
  20.   top: 0;
  21.   background: white !important;
  22.   font-weight: bold;
  23.   border: 1px solid #c0c6cc !important;
  24.   border-collapse: separate !important;
  25.   min-width: 100px;
  26.   width: 100px;
  27.   max-width: 110px;
  28.   word-wrap: break-word !important;
  29.   padding-left: 5px;
  30. }
  31.  
  32. .div1 td {
  33.   border: 1px solid #c0c6cc !important;
  34.   border-collapse: separate !important;
  35.   word-wrap: break-word !important;
  36.   min-width: 100px;
  37.   width: 100px;
  38.   max-width: 110px;
  39.   padding-left: 5px;
  40.   padding-right: 5px;
  41. }
  42.  
  43. .div1 th:nth-child(1),
  44. .div1 td:nth-child(1) {
  45.   position: sticky;
  46.   left: 0;
  47.   width: 25px !important;
  48.   min-width: 25px !important;
  49.   max-width: 25px !important;
  50.   background: #ffffff;
  51. }
  52.  
  53. .div1 th:nth-child(2),
  54. .div1 td:nth-child(2) {
  55.   position: sticky;
  56.   left: 25px;
  57.   width: 65px !important;
  58.   min-width: 65px !important;
  59.   max-width: 65px !important;
  60.   background: #ffffff;
  61. }
  62. .div1 th:nth-child(3),
  63. .div1 td:nth-child(3) {
  64.   position: sticky;
  65.   left: 90px;
  66.   width: 140px !important;
  67.   min-width: 140px !important;
  68.   max-width: 140px !important;
  69.   background: #ffffff;
  70. }
  71. .div1 th:nth-child(4),
  72. .div1 td:nth-child(4) {
  73.   position: sticky;
  74.   left: 230px;
  75.   width: 80px !important;
  76.   min-width: 80px !important;
  77.   max-width: 80px !important;
  78.   background: #ffffff;
  79. }
  80. .div1 th:nth-child(5),
  81. .div1 td:nth-child(5) {
  82.   position: sticky;
  83.   left: 310px;
  84.   width: 140px !important;
  85.   min-width: 140px !important;
  86.   max-width: 140px !important;
  87.   background: #ffffff;
  88. }
  89.  
  90. .div1 th:nth-child(1),
  91. .div1 th:nth-child(2),
  92. .div1 th:nth-child(3),
  93. .div1 th:nth-child(4),
  94. .div1 th:nth-child(5) {
  95.   z-index: 1;
  96. }
  97.  
  98. .saveBtn{
  99.   background-color: #2490EF !important;
  100.   color: white !important;
  101. }
  102.  
  103. .sub_total{
  104.   font-weight: bold;
  105. }
  106.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement