123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- * {
- 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 -%};
- }
- /* WEBKIT SPECIFIC SCROLLBAR - Handle */
- ::-webkit-scrollbar-thumb { background:{%- if config.tb_col.scrollbar_fg -%}{{- config.tb_col.scrollbar_fg -}}{%- else -%}{{- "#aaa" -}}{%- endif -%}; }
- /* WEBKIT SPECIFIC SCROLLBAR - Track */
- ::-webkit-scrollbar-track { background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%}; }
- /* default. articles etc. */
- body {
- color:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
- background:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
- }
- /* tag cloud links and h1-h6 */
- .tag_cloud li a, h1, h2, h3, h4, h5, h6 {
- color:{%- if config.tb_col.h_fg -%}{{- config.tb_col.h_fg -}}{%- else -%}{{- "#444" -}}{%- endif -%};
- }
- /* code/pre and highlighted words inside small text blocks */
- code,pre {
- color:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
- }
- /*
- links, mobile menu hamburger, the big 404, "required" marker for Contact form
- */
- a,
- article.list h1:first-child,
- label[for="menu-icon"]:hover,
- .four04,
- .p01-contact .required label:after,
- a > code {
- color:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003a73" -}}{%- endif -%};
- }
- code::selection, pre::selection {
- /* simple reverse video */
- background:{%- if config.tb_col.code_fg -%}{{- config.tb_col.code_fg -}}{%- else -%}{{- "#73001d" -}}{%- endif -%};
- color:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
- }
- /* other Selection */
- ::selection{
- /* simple reverse video */
- background:{%- if config.tb_col.def_fg -%}{{- config.tb_col.def_fg -}}{%- else -%}{{- "#222" -}}{%- endif -%};
- color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
- }
- /* Contact form button color */
- .p01-contact input[type=submit]:not([type=radio]):not([type=checkbox]),
- .p01-contact input[type=button]:not([type=radio]):not([type=checkbox]) {
- color:{%- if config.tb_col.def_bg -%}{{- config.tb_col.def_bg -}}{%- else -%}{{- "#eee" -}}{%- endif -%};
- background:{%- if config.tb_col.a_fg -%}{{- config.tb_col.a_fg -}}{%- else -%}{{- "#003366" -}}{%- endif -%};
- }
- /* all sorts of boxes */
- #toc,
- code,
- pre,
- blockquote,
- kbd,
- aside,
- article.list:hover,
- input[type=checkbox]:checked ~ label,
- nav#menu-icon,
- input,
- textarea,
- select,
- .boxed {
- background:{%- if config.tb_col.box_bg -%}{{- config.tb_col.box_bg -}}{%- else -%}{{- "#ccc" -}}{%- endif -%};
- }
- /* borders around boxes */
- blockquote,
- kbd,
- aside,
- pre,
- .border,
- input,
- textarea,select {
- border-color:{%- if config.tb_col.box_border -%}{{- config.tb_col.box_border -}}{%- else -%}{{- "#999" -}}{%- endif -%};
- }
- /* horizontal line, details border */
- hr,details {
- border-color:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
- }
- /* header,footer, slightly different background */
- header, footer,
- .small span, input.submit {
- background:{%- if config.tb_col.box2_bg -%}{{- config.tb_col.box2_bg -}}{%- else -%}{{- "#bbb" -}}{%- endif -%};
- }
- /* Input styles */
- input, textarea, select {
- color: {%- if config.tb_col.input_fg -%}{{- config.tb_col.input_fg -}}{%- else -%}{{- "#111" -}}{%- endif -%};
- }
- /* input focus border highlight */
- input:focus,
- textarea:focus,
- select:focus {
- border-color:{%- if config.tb_col.input_hi -%}{{- config.tb_col.input_hi -}}{%- else -%}{{- "#333" -}}{%- endif -%};
- }
- @media screen and (min-width: 768px) { nav#menu-icon { background: unset; } }
|