channel_qrcode_report.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. * {
  2. -moz-box-sizing: border-box;
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. }
  6. body {
  7. /*background: #353a40;*/
  8. line-height: 1.5em;
  9. }
  10. caption {
  11. font-weight: bold;
  12. font-size: 1.2em;
  13. }
  14. table {
  15. border-collapse: separate;
  16. background: #fff;
  17. -moz-border-radius: 5px;
  18. -webkit-border-radius: 5px;
  19. border-radius: 5px;
  20. margin: 50px auto;
  21. -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  22. -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  23. box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  24. }
  25. thead {
  26. -moz-border-radius: 5px;
  27. -webkit-border-radius: 5px;
  28. border-radius: 5px;
  29. }
  30. thead th {
  31. font-family: 'Patua One', cursive;
  32. font-size: 16px;
  33. font-weight: 400;
  34. color: #fff;
  35. text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  36. text-align: left;
  37. padding: 20px;
  38. background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0NmY3ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhNTU2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  39. background-size: 100%;
  40. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #646f7f), color-stop(100%, #4a5564));
  41. background-image: -moz-linear-gradient(#646f7f, #4a5564);
  42. background-image: -webkit-linear-gradient(#646f7f, #4a5564);
  43. background-image: linear-gradient(#646f7f, #4a5564);
  44. border-top: 1px solid #858d99;
  45. }
  46. thead th:first-child {
  47. -moz-border-radius-topleft: 5px;
  48. -webkit-border-top-left-radius: 5px;
  49. border-top-left-radius: 5px;
  50. }
  51. thead th:last-child {
  52. -moz-border-radius-topright: 5px;
  53. -webkit-border-top-right-radius: 5px;
  54. border-top-right-radius: 5px;
  55. }
  56. tbody tr td {
  57. font-family: 'Open Sans', sans-serif;
  58. font-weight: 400;
  59. color: #5f6062;
  60. font-size: 13px;
  61. padding: 20px 20px 20px 20px;
  62. border-bottom: 1px solid #e0e0e0;
  63. }
  64. tbody tr:nth-child(2n) {
  65. background: #f0f3f5;
  66. }
  67. tbody tr:last-child td {
  68. border-bottom: none;
  69. }
  70. tbody tr:last-child td:first-child {
  71. -moz-border-radius-bottomleft: 5px;
  72. -webkit-border-bottom-left-radius: 5px;
  73. border-bottom-left-radius: 5px;
  74. }
  75. tbody tr:last-child td:last-child {
  76. -moz-border-radius-bottomright: 5px;
  77. -webkit-border-bottom-right-radius: 5px;
  78. border-bottom-right-radius: 5px;
  79. }
  80. tbody:hover > tr td {
  81. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  82. opacity: 0.5;
  83. /* uncomment for blur effect */
  84. /* color:transparent;
  85. @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/
  86. }
  87. tbody:hover > tr:hover td {
  88. text-shadow: none;
  89. color: #2d2d2d;
  90. filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  91. opacity: 1;
  92. }