not-minified-inline.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. * {
  2. scrollbar-color:{%- if config.tb_col.scrollbar_fg -%}{{- config.tb_col.scrollbar_fg -}}{%- else -%}{{- "#aaa" -}}{%- endif -%} {%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
  3. }
  4. /* WEBKIT SPECIFIC SCROLLBAR - Handle */
  5. ::-webkit-scrollbar-thumb { background:{%- if config.tb_col.scrollbar_fg -%}{{- config.tb_col.scrollbar_fg -}}{%- else -%}{{- "#aaa" -}}{%- endif -%}; }
  6. /* WEBKIT SPECIFIC SCROLLBAR - Track */
  7. ::-webkit-scrollbar-track { background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%}; }
  8. /* default. articles etc. */
  9. body {
  10. color:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
  11. background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
  12. }
  13. /* tag cloud links and h1-h6 */
  14. .tag_cloud li a, h1, h2, h3, h4, h5, h6 {
  15. color:{%- if config.tb_col.h_fg -%}{{- config.tb_col.h_fg -}}{%- else -%}{{- "#444" -}}{%- endif -%};
  16. }
  17. /* code/pre and highlighted words inside small text blocks */
  18. code,pre {
  19. color:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
  20. }
  21. /*
  22. links, mobile menu hamburger, the big 404, "required" marker for Contact form
  23. */
  24. a,
  25. article.list h1:first-child,
  26. label[for="menu-icon"]:hover,
  27. .four04,
  28. .p01-contact .required label:after,
  29. a > code {
  30. color:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003a73" -}}{%- endif -%};
  31. }
  32. code::selection, pre::selection {
  33. /* simple reverse video */
  34. background:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
  35. color:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
  36. }
  37. /* other Selection */
  38. ::selection{
  39. /* simple reverse video */
  40. background:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
  41. color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
  42. }
  43. /* Contact form button color */
  44. .p01-contact input[type=submit]:not([type=radio]):not([type=checkbox]),
  45. .p01-contact input[type=button]:not([type=radio]):not([type=checkbox]) {
  46. color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
  47. background:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003366" -}}{%- endif -%};
  48. }
  49. /* all sorts of boxes */
  50. #toc,
  51. code,
  52. pre,
  53. blockquote,
  54. kbd,
  55. aside,
  56. article.list:hover,
  57. input[type=checkbox]:checked ~ label,
  58. nav#menu-icon,
  59. input,
  60. textarea,
  61. select,
  62. .boxed {
  63. background:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
  64. }
  65. /* borders around boxes */
  66. blockquote,
  67. kbd,
  68. aside,
  69. pre,
  70. .border,
  71. input,
  72. textarea,select {
  73. border-color:{%- if config.tb_col.box_border -%}{{- config.tb_col.box_border -}}{%- else -%}{{- "#999" -}}{%- endif -%};
  74. }
  75. /* horizontal line, details border */
  76. hr,details {
  77. border-color:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
  78. }
  79. /* header,footer, slightly different background */
  80. header, footer,
  81. .small span, input.submit {
  82. background:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
  83. }
  84. /* Input styles */
  85. input, textarea, select {
  86. color: {%- if config.tb_col.input_fg -%}{{- config.tb_col.input_fg -}}{%- else -%}{{- "#111" -}}{%- endif -%};
  87. }
  88. /* input focus border highlight */
  89. input:focus,
  90. textarea:focus,
  91. select:focus {
  92. border-color:{%- if config.tb_col.input_hi -%}{{- config.tb_col.input_hi -}}{%- else -%}{{- "#333" -}}{%- endif -%};
  93. }
  94. @media screen and (min-width: 768px) { nav#menu-icon { background: unset; } }