-
Notifications
You must be signed in to change notification settings - Fork 0
/
ee-shared-theme.html
153 lines (129 loc) · 8.54 KB
/
ee-shared-theme.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-styles/paper-styles.html">
<dom-module id="ee-shared-theme">
<template>
<style>
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900,600,300,200");
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 16px; }
section[tabindex="-1"]:focus { outline: none; }
section { padding: 30px 0px; }
section[hero] { background-color: #f5fcff; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0px; padding: 0px; line-height: 1em; font-family: 'Roboto', 'Noto', sans-serif; }
h1, h3, h5 { font-family: 'Roboto', 'Noto', sans-serif;}
h1 { font-size: 50px; margin: 30px 0px; }
h2 { color: #dddddd; font-size: 35px; margin: 20px 0px; }
h3 { font-size: 25px; margin: 15px 0px; }
h4 { font-size: 20px; }
a, a:active, a:visited, a:focus { color: #5ca1d2; text-decoration: none; }
a:hover { color: #5ca1d2; text-decoration: underline; }
:root {
--default-action-color: #72d572;
--default-primary-color: #3ea1e6;
--dark-primary-color: #7ec0ee;
--light-primary-color: #c5cae9;
--text-primary-color: #ffffff;
--accent-color: #f46f5a;
--primary-background-color: #ffffff;
--primary-text-color: #7e7e7e;
--secondary-text-color: #dddddd;
--disabled-text-color: #7E8D9D;
--divider-color: #e0e0e0;
--paper-checkbox-checked-color: #4bc94b;
--paper-checkbox-checked-ink-color: #3ea1e6;
--paper-checkbox-unchecked-color: #dddddd;
--paper-checkbox-unchecked-ink-color: #7E8D9D;
--paper-checkbox-label-color: #7e7e7e;
--paper-fab-background: #3ea1e6;
--paper-fab-disabled-background: #c9c9c9;
--paper-fab-disabled-text: #7E8D9D;
--paper-icon-button-disabled-text: #c9c9c9;
--paper-input-container-color: #a8aca5;
--paper-input-container-focus-color: #3ea1e6;
--paper-input-container-invalid-color: #db5656;
--paper-input-container-input-color: #232222;
--paper-menu-background-color: #f5fcff;
--paper-menu-color: #7e7e7e;
--paper-menu-disabled-color: #c9c9c9;
--paper-progress-active-color: #72d572;
--paper-progress-secondary-color: #4fc3f7;
--paper-radio-button-checked-color: #72d572;
--paper-radio-button-checked-ink-color: white;
--paper-radio-button-unchecked-color: #7e7e7e;
--paper-radio-button-unchecked-ink-color: #424540;
--paper-radio-button-label-color: #7e7e7e;
--paper-slider-knob-color: #72d572;
--paper-slider-active-color: #72d572;
--paper-slider-pin-color: #72d572;
--paper-spinner-layer-1-color: #72d572;
--paper-spinner-layer-2-color: #72d572;
--paper-spinner-layer-3-color: #72d572;
--paper-spinner-layer-4-color: #72d572;
--paper-tabs-selection-bar-color: #ffff8d;
--paper-tab-ink: #ffff8d;
--paper-toggle-button-checked-bar-color: #72d572;
--paper-toggle-button-checked-button-color: #72d572;
--paper-toggle-button-checked-ink-color: #72d572;
--paper-toggle-button-unchecked-bar-color: #dddddd;
--paper-toggle-button-unchecked-button-color: white;
--paper-toggle-button-unchecked-ink-color: white;
--paper-toolbar-background: #81d4fa;
--paper-toolbar-color: #ffffff;
}
paper-toolbar a, paper-toolbar a:hover, paper-toolbar a:active, paper-toolbar a:visited, paper-toolbar a:focus { color: #ffffff; }
app-toolbar { height: 48px; color: #fff; background-color: var(--paper-toolbar-background); }
paper-button.primary, paper-button.btn-primary, paper-button[primary] {
background-color: #72d572;
color: #fff;
}
paper-button-spinner.primary,paper-button-spinner.primary, paper-button-spinner.btn-primary, paper-button-spinner[primary] {
--paper-button-spinner-button: {
background-color: #72d572;
color: #fff;
};
}
paper-button.primary[raised], paper-button.btn-primary[raised], paper-button[primary][raised] {
background-color: #72d572;
color: #224022;
}
paper-button.secondary, paper-button.btn-secondary, paper-button[secondary] { color: #4fc3f7; }
paper-button.secondary[raised], paper-button.btn-secondary[raised], paper-button[secondary][raised] { background-color: #4fc3f7; color: #183b4a; }
paper-button.success, paper-button.btn-success, paper-button[success] { color: #76c753; }
paper-button.success[raised], paper-button.btn-success[raised], paper-button[success][raised] { background-color: #76c753; color: #fff; }
paper-button.info, paper-button.btn-info, paper-button[info] { color: #1469c8; }
paper-button.info[raised], paper-button.btn-info[raised], paper-button[info][raised] { background-color: #1469c8; color: #fff; }
paper-button.warning, paper-button.btn-warning, paper-button[warning], paper-button-spinner[warning], { color: orange; }
paper-button.warning[raised], paper-button.btn-warning[raised], paper-button[warning][raised] { background-color: orange; color: #fff; }
paper-button.error, paper-button.btn-error, paper-button[error] { color: #db5656; }
paper-button.error[raised], paper-button.btn-error[raised], paper-button[error][raised] { background-color: #db5656; color: #fff; }
paper-button.link, paper-button.btn-link, paper-button[link] { text-decoration: underline; }
paper-button[raised] { color: #7e7e7e; }
paper-button[disabled] { color: #7E8D9D !important; background: #c9c9c9 !important; }
paper-icon-button.primary, paper-icon-button.btn-primary, paper-icon-button[primary] { color: #72d572; }
paper-icon-button.primary:hover, paper-icon-button.btn-primary:hover, paper-icon-button[primary]:hover { background-color: #f1fbf1; background-color: rgba(114, 213, 114, 0.2); border-radius: 50%; }
paper-icon-button.secondary, paper-icon-button.btn-secondary, paper-icon-button[secondary] { color: #4fc3f7; }
paper-icon-button.secondary:hover, paper-icon-button.btn-secondary:hover, paper-icon-button[secondary]:hover { background-color: #edf9fe; background-color: rgba(79, 195, 247, 0.2); border-radius: 50%; }
paper-icon-button.success, paper-icon-button.btn-success, paper-icon-button[success] { color: #76c753; }
paper-icon-button.success:hover, paper-icon-button.btn-success:hover, paper-icon-button[success]:hover { background-color: #f1f9ee; background-color: rgba(118, 199, 83, 0.2); border-radius: 50%; }
paper-icon-button.info, paper-icon-button.btn-info, paper-icon-button[info] { color: #1469c8; }
paper-icon-button.info:hover, paper-icon-button.btn-info:hover, paper-icon-button[info]:hover { background-color: #e8f0fa; background-color: rgba(20, 105, 200, 0.2); border-radius: 50%; }
paper-icon-button.warning, paper-icon-button.btn-warning, paper-icon-button[warning] { color: orange; }
paper-icon-button.warning:hover, paper-icon-button.btn-warning:hover, paper-icon-button[warning]:hover { background-color: #fff6e6; background-color: rgba(255, 165, 0, 0.2); border-radius: 50%; }
paper-icon-button.error, paper-icon-button.btn-error, paper-icon-button[error] { color: #db5656; }
paper-icon-button.error:hover, paper-icon-button.btn-error:hover, paper-icon-button[error]:hover { background-color: #fbeeee; background-color: rgba(219, 86, 86, 0.2); border-radius: 50%; }
paper-checkbox #checkmark.paper-checkbox, paper-checkbox /deep/, paper-checkbox::shadow #checkmark.paper-checkbox { border-color: #fff !important; }
paper-dialog { color: #7e7e7e; background-color: #ffffff; font-family: 'Arimo', sans-serif; font-weight: 400; }
paper-dialog h1, paper-dialog h2, paper-dialog h3, paper-dialog h4, paper-dialog h5, paper-dialog h6 { overflow: visible; padding: 0 1em; text-align: center; }
paper-fab { --text-primary-color: #ffffff; }
paper-fab { background-color: #72d572; color: #fff; --paper-fab-keyboard-focus-background: #2e9a2e; }
paper-fab.primary, paper-fab.btn-primary, paper-fab[primary] { background-color: #72d572; color: #fff; --paper-fab-keyboard-focus-background: #2e9a2e; }
paper-fab.secondary, paper-fab.btn-secondary, paper-fab[secondary] { background-color: #4fc3f7; color: #183b4a; --paper-fab-keyboard-focus-background: #0986be; }
paper-fab.success, paper-fab.btn-success, paper-fab[success] { background-color: #76c753; color: #fff; --paper-fab-keyboard-focus-background: #3e7526; }
paper-fab.info, paper-fab.btn-info, paper-fab[info] { background-color: #1469c8; color: #fff; --paper-fab-keyboard-focus-background: #082c54; }
paper-fab.warning, paper-fab.btn-warning, paper-fab[warning] { background-color: orange; color: #fff; --paper-fab-keyboard-focus-background: #805300; }
paper-fab.error, paper-fab.btn-error, paper-fab[error] { background-color: #db5656; color: #fff; --paper-fab-keyboard-focus-background: #921f1f; }
paper-fab[disabled] { color: #7E8D9D !important; background: #c9c9c9 !important; }
section.hero paper-menu, section[hero] paper-menu { --paper-menu-background-color: #f5fcff; }
paper-tabs { background-color: #81d4fa; color: #ffffff; }
</style>
</template>
</dom-module>