/wp-content/plugins/wpdatatables/templates/style_block.inc.php

https://gitlab.com/ogar.vasily/activetables · PHP · 307 lines · 244 code · 39 blank · 24 comment · 26 complexity · 44fcd02194c90f256236ce4928c06394 MD5 · raw file 

    

  1. <style>
    2. 

  2. 

  3. /* table font color */
    4. 

  4. <?php if(!empty($wdtFontColorSettings['wdtTableFontColor'])){ ?>
    5. 

  5. .wpDataTablesWrapper table.wpDataTable { 
    6. 

  6. 	color: <?php echo $wdtFontColorSettings['wdtTableFontColor'] ?>;
    7. 

  7. }
    8. 

  8. <?php } ?>
    9. 

  9. 

  10. /* th background color */
    11. 

  11. <?php if(!empty($wdtFontColorSettings['wdtHeaderBaseColor'])){ ?>
    12. 

  12. .wpDataTablesWrapper table.wpDataTable thead th {
    13. 

  13. 	background-color: <?php echo $wdtFontColorSettings['wdtHeaderBaseColor'] ?> !important;
    14. 

  14. }
    15. 

  15. <?php } ?>
    16. 

  16. 

  17. /* th border color */
    18. 

  18. <?php if(!empty($wdtFontColorSettings['wdtHeaderBorderColor'])){ ?>
    19. 

  19. .wpDataTablesWrapper table.wpDataTable thead th {
    20. 

  20. 	border-color: <?php echo $wdtFontColorSettings['wdtHeaderBorderColor'] ?> !important;
    21. 

  21. }
    22. 

  22. <?php } ?>
    23. 

  23. 

  24. /* th font color */
    25. 

  25. <?php if(!empty($wdtFontColorSettings['wdtHeaderFontColor'])){ ?>
    26. 

  26. .wpDataTablesWrapper table.wpDataTable thead th {
    27. 

  27. 	color: <?php echo $wdtFontColorSettings['wdtHeaderFontColor'] ?> !important;
    28. 

  28. }
    29. 

  29. 

  30. .wpDataTablesWrapper table.wpDataTable thead th.sorting:after,
    31. 

  31. .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after {
    32. 

  32. 	border-bottom-color: <?php echo $wdtFontColorSettings['wdtHeaderFontColor'] ?> !important;
    33. 

  33. }
    34. 

  34. 

  35. .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:after {
    36. 

  36. 	border-top-color: <?php echo $wdtFontColorSettings['wdtHeaderFontColor'] ?> !important;
    37. 

  37. }
    38. 

  38. 

  39. <?php } ?>
    40. 

  40. 

  41. /* th active/hover background color */
    42. 

  42. <?php if(!empty($wdtFontColorSettings['wdtHeaderActiveColor'])){ ?>
    43. 

  43. .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc,
    44. 

  44. .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc,
    45. 

  45. .wpDataTablesWrapper table.wpDataTable thead th.sorting:hover {
    46. 

  46. 	background-color: <?php echo $wdtFontColorSettings['wdtHeaderActiveColor'] ?> !important;
    47. 

  47. }
    48. 

  48. <?php } ?>
    49. 

  49. 

  50. /* td inner border color */
    51. 

  51. <?php if(!empty($wdtFontColorSettings['wdtTableInnerBorderColor'])){ ?>
    52. 

  52. .wpDataTablesWrapper table.wpDataTable td {
    53. 

  53. 	background-color: <?php echo $wdtFontColorSettings['wdtTableInnerBorderColor'] ?> !important;
    54. 

  54. }
    55. 

  55. <?php } ?>
    56. 

  56. 

  57. /* table outer border color */
    58. 

  58. <?php if(!empty($wdtFontColorSettings['wdtTableOuterBorderColor'])){ ?>
    59. 

  59. .wpDataTablesWrapper table.wpDataTable tr:last-child td {
    60. 

  60. 	border-bottom-color: <?php echo $wdtFontColorSettings['wdtTableOuterBorderColor'] ?> !important;
    61. 

  61. }
    62. 

  62. 

  63. .wpDataTablesWrapper table.wpDataTable tr td:first-child {
    64. 

  64. 	border-left-color: <?php echo $wdtFontColorSettings['wdtTableOuterBorderColor'] ?> !important;
    65. 

  65. }
    66. 

  66. 

  67. .wpDataTablesWrapper table.wpDataTable tr td:last-child {
    68. 

  68. 	border-right-color: <?php echo $wdtFontColorSettings['wdtTableOuterBorderColor'] ?> !important;
    69. 

  69. }
    70. 

  70. <?php } ?>
    71. 

  71. 

  72. /* odd rows background color */
    73. 

  73. <?php if(!empty($wdtFontColorSettings['wdtOddRowColor'])){ ?>
    74. 

  74. .wpDataTablesWrapper table.wpDataTable tr.odd td {
    75. 

  75. 	background-color: <?php echo $wdtFontColorSettings['wdtOddRowColor'] ?> !important;
    76. 

  76. }
    77. 

  77. <?php } ?>
    78. 

  78. 

  79. /* even rows background color */
    80. 

  80. <?php if(!empty($wdtFontColorSettings['wdtEvenRowColor'])){ ?>
    81. 

  81. .wpDataTablesWrapper table.wpDataTable tr.even td,
    82. 

  82. .wpDataTablesWrapper table.has-columns-hidden tr.row-detail > td {
    83. 

  83. 	background-color: <?php echo $wdtFontColorSettings['wdtEvenRowColor'] ?> !important;
    84. 

  84. }
    85. 

  85. <?php } ?>
    86. 

  86. 

  87. /* odd rows active background color */
    88. 

  88. <?php if(!empty($wdtFontColorSettings['wdtActiveOddCellColor'])){ ?>
    89. 

  89. .wpDataTablesWrapper table.wpDataTable tr.odd td.sorting_1 {
    90. 

  90. 	background-color: <?php echo $wdtFontColorSettings['wdtActiveOddCellColor'] ?> !important;
    91. 

  91. }
    92. 

  92. <?php } ?>
    93. 

  93. 

  94. /* even rows active background color */
    95. 

  95. <?php if(!empty($wdtFontColorSettings['wdtActiveEvenCellColor'])){ ?>
    96. 

  96. .wpDataTablesWrapper table.wpDataTable tr.even td.sorting_1 {
    97. 

  97. 	background-color: <?php echo $wdtFontColorSettings['wdtActiveEvenCellColor'] ?> !important;
    98. 

  98. }
    99. 

  99. <?php } ?>
    100. 

  100. 

  101. /* rows hover background color */
    102. 

  102. <?php if(!empty($wdtFontColorSettings['wdtHoverRowColor'])){ ?>
    103. 

  103. .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td,
    104. 

  104. .wpDataTablesWrapper table.wpDataTable tr.odd:hover > td.sorting_1,
    105. 

  105. .wpDataTablesWrapper table.wpDataTable tr.even:hover > td,
    106. 

  106. .wpDataTablesWrapper table.wpDataTable tr.even:hover > td.sorting_1 {
    107. 

  107. 	background-color: <?php echo $wdtFontColorSettings['wdtHoverRowColor'] ?> !important;
    108. 

  108. }
    109. 

  109. <?php } ?>
    110. 

  110. 

  111. /* selected rows background color */
    112. 

  112. <?php if(!empty($wdtFontColorSettings['wdtSelectedRowColor'])){ ?>
    113. 

  113. .wpDataTablesWrapper table.wpDataTable tr.odd.selected > td,
    114. 

  114. .wpDataTablesWrapper table.wpDataTable tr.odd.selected > td.sorting_1,
    115. 

  115. .wpDataTablesWrapper table.wpDataTable tr.even.selected > td,
    116. 

  116. .wpDataTablesWrapper table.wpDataTable tr.even.selected > td.sorting_1 {
    117. 

  117. 	background-color: <?php echo $wdtFontColorSettings['wdtSelectedRowColor'] ?> !important;
    118. 

  118. }
    119. 

  119. <?php } ?>
    120. 

  120. 

  121. /* buttons background color */
    122. 

  122. <?php if(!empty($wdtFontColorSettings['wdtButtonColor'])){ ?>
    123. 

  123. .wpDataTables .selecter .selecter-selected,
    124. 

  124. .remodal.wdtRemodal .btn,
    125. 

  125. .wpDataTables .selecter .selecter-options,
    126. 

  126. .wpDataTables .picker__day--today,
    127. 

  127. .wpDataTables .picker__day--infocus:hover,
    128. 

  128. .wpDataTables .picker__day--outfocus:hover,
    129. 

  129. .wpDataTables .picker__footer button  {
    130. 

  130. 	background-color: <?php echo $wdtFontColorSettings['wdtButtonColor'] ?> !important;
    131. 

  131. }
    132. 

  132. <?php } ?>
    133. 

  133. 

  134. 

  135. /* buttons border color */
    136. 

  136. <?php if(!empty($wdtFontColorSettings['wdtButtonBorderColor'])){ ?>
    137. 

  137. .wpDataTables .selecter .selecter-selected,
    138. 

  138. .remodal.wdtRemodal .btn,
    139. 

  139. .wpDataTables .selecter .selecter-options,
    140. 

  140. .wpDataTables .picker__day--today,
    141. 

  141. .wpDataTables .picker__day--infocus:hover,
    142. 

  142. .wpDataTables .picker__day--outfocus:hover,
    143. 

  143. .wpDataTables .picker__footer button {
    144. 

  144. 	border-color: <?php echo $wdtFontColorSettings['wdtButtonBorderColor'] ?> !important;
    145. 

  145. }
    146. 

  146. <?php } ?>
    147. 

  147. 

  148. /* buttons font color */
    149. 

  149. <?php if(!empty($wdtFontColorSettings['wdtButtonFontColor'])){ ?>
    150. 

  150. .wpDataTables .selecter .selecter-selected,
    151. 

  151. .remodal.wdtRemodal .btn,
    152. 

  152. .wpDataTables .selecter .selecter-item,
    153. 

  153. .wpDataTables .picker__day--today,
    154. 

  154. .wpDataTables .picker__day--infocus:hover,
    155. 

  155. .wpDataTables .picker__day--outfocus:hover,
    156. 

  156. .wpDataTables .picker__footer button {
    157. 

  157. 	color: <?php echo $wdtFontColorSettings['wdtButtonFontColor'] ?> !important;
    158. 

  158. }
    159. 

  159. 

  160. .wpDataTables .picker__button--clear:before {
    161. 

  161. 	color: <?php echo $wdtFontColorSettings['wdtButtonFontColor'] ?> !important;
    162. 

  162. }
    163. 

  163. 

  164. .wpDataTables .selecter .selecter-selected:after,
    165. 

  165. .wpDataTables .selecter.open .selecter-selected:after,
    166. 

  166. .wpDataTables .selecter.focus .selecter-selected:after {
    167. 

  167. 	border-top-color: <?php echo $wdtFontColorSettings['wdtButtonFontColor'] ?>;
    168. 

  168. }
    169. 

  169. 

  170. .wpDataTables .picker__day--today:before,
    171. 

  171. .wpDataTables .picker__button--today:before {
    172. 

  172. 	border-top-color: <?php echo $wdtFontColorSettings['wdtButtonFontColor'] ?> !important;
    173. 

  173. }
    174. 

  174. <?php } ?>
    175. 

  175. 

  176. /* buttons and inputs border radius */
    177. 

  177. <?php if(!empty($wdtFontColorSettings['wdtBorderRadius'])){ ?>
    178. 

  178. <?php $wdtBorderRadius = (int)$wdtFontColorSettings['wdtBorderRadius']; ?>
    179. 

  179. .wpDataTables .selecter .selecter-selected,
    180. 

  180. .remodal.wdtRemodal .btn,
    181. 

  181. .wpDataTables .picker__day--infocus,
    182. 

  182. .wpDataTables .picker__day--outfocus,
    183. 

  183. .wpDataTables .picker__footer button {
    184. 

  184. 	border-radius: <?php echo $wdtBorderRadius ?>px !important;
    185. 

  185. }
    186. 

  186. 

  187. .wpDataTables .selecter .selecter-options {
    188. 

  188. 	border-radius: 0px 0px <?php echo $wdtBorderRadius ?>px <?php echo $wdtBorderRadius ?>px !important;
    189. 

  189. }
    190. 

  190. 

  191. <?php echo $wdtSelecterRadius = $wdtBorderRadius-1 > 0 ? $wdtBorderRadius-1 : 0; ?>
    192. 

  192. .wpDataTables .selecter .selecter-item:last-child {
    193. 

  193. 	border-radius: 0px 0px <?php echo $wdtSelecterRadius ?>px <?php echo $wdtSelecterRadius ?>px !important;
    194. 

  194. }
    195. 

  195. <?php } ?>
    196. 

  196. 

  197. /** buttons background hover color */
    198. 

  198. <?php if(!empty($wdtFontColorSettings['wdtButtonBackgroundHoverColor'])){ ?>
    199. 

  199. .wpDataTables .selecter .selecter-selected:hover,
    200. 

  200. .wpDataTables .selecter.open .selecter-selected,
    201. 

  201. .remodal.wdtRemodal .btn:hover,
    202. 

  202. .wpDataTables .selecter.open .selecter-item:hover,
    203. 

  203. .wpDataTables .selecter .selecter-item.selected,
    204. 

  204. .wpDataTables .picker__day--today:hover,
    205. 

  205. .wpDataTables .picker--focused .picker__day--highlighted,
    206. 

  206. .wpDataTables .picker__day--highlighted:hover,
    207. 

  207. .wpDataTables .picker__day--outfocus.picker__day--selected,
    208. 

  208. .wpDataTables .picker__footer button:hover  {
    209. 

  209. 	background-color: <?php echo $wdtFontColorSettings['wdtButtonBackgroundHoverColor'] ?> !important;
    210. 

  210. }
    211. 

  211. <?php } ?>
    212. 

  212. 

  213. /** buttons hover border color */
    214. 

  214. <?php if(!empty($wdtFontColorSettings['wdtButtonBorderHoverColor'])){ ?>
    215. 

  215. .wpDataTables .selecter .selecter-selected:hover,
    216. 

  216. .wpDataTables .selecter.open .selecter-selected,
    217. 

  217. .remodal.wdtRemodal .btn:hover,
    218. 

  218. .wpDataTables .picker__day--today:hover,
    219. 

  219. .wpDataTables .picker--focused .picker__day--highlighted,
    220. 

  220. .wpDataTables .picker__day--highlighted:hover,
    221. 

  221. .wpDataTables .picker__day--outfocus.picker__day--selected,
    222. 

  222. .wpDataTables .picker__footer button:hover {
    223. 

  223. 	border-color: <?php echo $wdtFontColorSettings['wdtButtonBorderHoverColor'] ?> !important;
    224. 

  224. }
    225. 

  225. <?php } ?>
    226. 

  226. 

  227. /** buttons hover font color */
    228. 

  228. <?php if(!empty($wdtFontColorSettings['wdtButtonFontHoverColor'])){ ?>
    229. 

  229. .wpDataTables .selecter .selecter-selected:hover,
    230. 

  230. .wpDataTables .selecter.open .selecter-selected,
    231. 

  231. .remodal.wdtRemodal .btn:hover,
    232. 

  232. .wpDataTables .selecter.open .selecter-item:hover,
    233. 

  233. .wpDataTables .selecter .selecter-item.selected {
    234. 

  234. 	color: <?php echo $wdtFontColorSettings['wdtButtonFontHoverColor'] ?> !important;
    235. 

  235. }
    236. 

  236. <?php } ?>
    237. 

  237. 

  238. /** buttons hover font color */
    239. 

  239. <?php if(!empty($wdtFontColorSettings['wdtButtonFontHoverColor'])){ ?>
    240. 

  240. .wpDataTables .selecter .selecter-selected:hover,
    241. 

  241. .wpDataTables .selecter.open .selecter-selected,
    242. 

  242. .remodal.wdtRemodal .btn:hover,
    243. 

  243. .wpDataTables .selecter.open .selecter-item:hover,
    244. 

  244. .wpDataTables .selecter .selecter-item.selected {
    245. 

  245. 	color: <?php echo $wdtFontColorSettings['wdtButtonFontHoverColor'] ?> !important;
    246. 

  246. }
    247. 

  247. 

  248. .wpDataTables .picker__day--today:hover,
    249. 

  249. .wpDataTables .picker--focused .picker__day--highlighted,
    250. 

  250. .wpDataTables .picker__day--highlighted:hover,
    251. 

  251. .wpDataTables .picker__day--outfocus.picker__day--selected,
    252. 

  252. .wpDataTables .picker__footer button:hover,
    253. 

  253. .wpDataTables .picker__button--clear:hover:before {
    254. 

  254. 	color: <?php echo $wdtFontColorSettings['wdtButtonFontHoverColor'] ?> !important;
    255. 

  255. }
    256. 

  256. 

  257. .wpDataTables .picker__day--today:hover:after,
    258. 

  258. .wpDataTables .picker--focused .picker__day--today.picker__day--highlighted:after,
    259. 

  259. .wpDataTables .picker__day--today.picker__day--selected:after {
    260. 

  260. 	border-top-color: <?php echo $wdtFontColorSettings['wdtButtonFontHoverColor'] ?> !important;
    261. 

  261. }
    262. 

  262. 

  263. .wpDataTables .picker__button--today:hover:before {
    264. 

  264. 	border-top-color: <?php echo $wdtFontColorSettings['wdtButtonFontHoverColor'] ?> !important;
    265. 

  265. }
    266. 

  266. <?php } ?>
    267. 

  267. 

  268. /** modals font color */
    269. 

  269. <?php if(!empty($wdtFontColorSettings['wdtModalFontColor'])){ ?>
    270. 

  270. .wpDataTables .picker .picker-handle,
    271. 

  271. .wpDataTables .picker.focus .picker-handle {
    272. 

  272. 	border-color: <?php echo $wdtFontColorSettings['wdtModalFontColor'] ?> !important;
    273. 

  273. }
    274. 

  274. 

  275. .wpDataTables .picker.picker-checkbox .picker-flag,
    276. 

  276. .wpDataTables .picker .picker-label,
    277. 

  277. .remodal.wdtRemodal,
    278. 

  278. .wpDataTables .picker__box,
    279. 

  279. .wpDataTables .picker__weekday {
    280. 

  280. 	color: <?php echo $wdtFontColorSettings['wdtModalFontColor'] ?> !important;
    281. 

  281. }
    282. 

  282. <?php } ?>
    283. 

  283. 

  284. /** modals background color */
    285. 

  285. <?php if(!empty($wdtFontColorSettings['wdtModalBackgroundColor'])){ ?>
    286. 

  286. .remodal.wdtRemodal,
    287. 

  287. .wpDataTables .picker__box {
    288. 

  288. 	background-color: <?php echo $wdtFontColorSettings['wdtModalBackgroundColor'] ?> !important;
    289. 

  289. }
    290. 

  290. <?php } ?>
    291. 

  291. 

  292. /** overlays background color */
    293. 

  293. <?php if(!empty($wdtFontColorSettings['wdtOverlayColor'])){ ?>
    294. 

  294. <?php
    295. 

  295. 	list($overlayR,$overlayG,$overlayB) = array_map('hexdec',str_split(ltrim($wdtFontColorSettings['wdtOverlayColor'],'#'),2));
    296. 

  296. ?>
    297. 

  297. .remodal-overlay,
    298. 

  298. .wpDataTablesWrapper .picker--opened .picker__holder {
    299. 

  299. 	background-color: rgba(<?php echo (int)$overlayR ?>,<?php echo (int)$overlayG ?>,<?php echo (int)$overlayB ?>,0.8) !important;
    300. 

  300. }
    301. 

  301. <?php } ?>
    302. 

  302. <?php if( get_option('wdtRenderFilter') == 'header')  { ?>
    303. 

  303. .wpDataTablesWrapper table.wpDataTable thead tr th {
    304. 

  304. 	overflow: visible;
    305. 

  305. }
    306. 

  306. <?php } ?>
    307. 

  307. </style>
    308.