2016-11-28 16:06:00 +00:00
|
|
|
// Colors
|
|
|
|
|
text-color = rgb(60, 60, 60)
|
2017-11-03 08:34:21 +00:00
|
|
|
bg-color = rgb(246, 246, 246)
|
2017-06-26 22:35:46 +00:00
|
|
|
main-color = rgb(248, 165, 130)
|
|
|
|
|
link-color = rgb(215, 38, 15)
|
2017-06-07 16:06:57 +00:00
|
|
|
link-hover-color = rgb(242, 60, 30)
|
2017-06-25 21:07:14 +00:00
|
|
|
link-active-color = link-hover-color
|
2017-10-07 08:01:55 +00:00
|
|
|
pro-color = hsla(0, 100%, 73%, 0.87)
|
2016-11-28 16:06:00 +00:00
|
|
|
|
2016-11-29 15:50:50 +00:00
|
|
|
// UI
|
2017-06-26 13:17:53 +00:00
|
|
|
ui-border-color = rgba(0, 0, 0, 0.1)
|
2017-06-26 18:37:04 +00:00
|
|
|
ui-border = 1px solid ui-border-color
|
2017-06-26 13:17:53 +00:00
|
|
|
ui-hover-border-color = rgba(0, 0, 0, 0.15)
|
2017-10-20 00:43:02 +00:00
|
|
|
ui-hover-border = 1px solid ui-hover-border-color
|
2017-06-25 21:07:14 +00:00
|
|
|
ui-background = rgb(254, 254, 254)
|
2017-06-26 13:17:53 +00:00
|
|
|
// ui-hover-background = rgb(254, 254, 254)
|
2017-06-25 21:07:14 +00:00
|
|
|
// ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
|
|
|
|
|
// ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
|
2016-12-01 15:27:53 +00:00
|
|
|
ui-disabled-color = rgb(224, 224, 224)
|
2017-10-18 16:18:15 +00:00
|
|
|
ui-element-border-radius = 3px
|
2016-12-01 15:27:53 +00:00
|
|
|
|
2017-06-25 21:07:14 +00:00
|
|
|
// Input
|
|
|
|
|
input-focus-border-color = rgb(248, 165, 130)
|
|
|
|
|
|
|
|
|
|
// Button
|
2017-11-03 08:34:21 +00:00
|
|
|
button-hover-color = white
|
|
|
|
|
button-hover-background = link-hover-color
|
2017-11-03 11:02:13 +00:00
|
|
|
tab-hover-background = #225db5
|
|
|
|
|
// tab-hover-background = rgb(46, 85, 160)
|
2017-06-25 21:07:14 +00:00
|
|
|
|
2017-06-20 13:46:49 +00:00
|
|
|
// Forum
|
|
|
|
|
forum-width = 830px
|
2017-06-26 22:35:46 +00:00
|
|
|
post-highlight-color = rgba(248, 165, 130, 0.7)
|
2017-06-20 13:46:49 +00:00
|
|
|
|
2017-06-07 23:14:45 +00:00
|
|
|
// Avatar
|
|
|
|
|
avatar-size = 50px
|
|
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
// Navigation
|
2017-06-25 21:07:14 +00:00
|
|
|
nav-color = text-color
|
|
|
|
|
nav-link-color = rgba(255, 255, 255, 0.5)
|
|
|
|
|
nav-link-hover-color = white
|
2017-06-26 22:35:46 +00:00
|
|
|
nav-link-hover-slide-color = main-color
|
2016-12-01 15:27:53 +00:00
|
|
|
// nav-color = rgb(245, 245, 245)
|
|
|
|
|
// nav-link-color = rgb(160, 160, 160)
|
|
|
|
|
// nav-link-hover-color = rgb(80, 80, 80)
|
2016-11-29 15:50:50 +00:00
|
|
|
|
2017-07-04 14:13:20 +00:00
|
|
|
// Tables
|
2017-07-22 13:04:54 +00:00
|
|
|
table-width-normal = 900px
|
2017-07-04 14:13:20 +00:00
|
|
|
|
2017-06-26 21:41:16 +00:00
|
|
|
// Loading animation
|
|
|
|
|
loading-anim-color = nav-link-hover-slide-color
|
|
|
|
|
|
2016-11-30 12:33:11 +00:00
|
|
|
// Shadow
|
|
|
|
|
shadow-light = 4px 4px 8px rgba(0, 0, 0, 0.05)
|
2016-11-30 15:29:36 +00:00
|
|
|
shadow-medium = 6px 6px 12px rgba(0, 0, 0, 0.13)
|
2016-11-30 12:33:11 +00:00
|
|
|
|
2016-11-29 15:50:50 +00:00
|
|
|
// Outline shadow
|
2016-11-30 15:29:36 +00:00
|
|
|
outline-shadow-light = 0 0 6px rgba(0, 0, 0, 0.05)
|
|
|
|
|
outline-shadow-medium = 0 0 6px rgba(0, 0, 0, 0.13)
|
|
|
|
|
outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
|
2016-11-29 15:50:50 +00:00
|
|
|
|
2016-11-28 16:06:00 +00:00
|
|
|
// Distances
|
2016-12-02 06:24:45 +00:00
|
|
|
content-padding = 1.6rem
|
2017-06-07 23:14:45 +00:00
|
|
|
content-padding-top = 1.6rem
|
2017-07-06 19:38:19 +00:00
|
|
|
content-line-height = 1.7em
|
2017-06-25 21:07:14 +00:00
|
|
|
hover-line-size = 3px
|
2017-07-06 19:38:19 +00:00
|
|
|
typography-margin = 0.4rem
|
2017-10-12 15:52:46 +00:00
|
|
|
// nav-height = 3.11rem
|
2016-11-28 16:06:00 +00:00
|
|
|
|
|
|
|
|
// Timings
|
2017-09-22 15:23:22 +00:00
|
|
|
fade-speed = 250ms
|
2017-07-22 13:04:54 +00:00
|
|
|
transition-speed = 200ms
|
2017-09-22 15:23:22 +00:00
|
|
|
mountable-transition-speed = 250ms
|
