customcss.tpl 6.94 KB
Newer Older
1
{* this template powers the css that is stored in the database for the configurable theme *}
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.navbar-default {
    background-color: {$data.background};
    border-color: {$data.background};
}

.navbar-toggle .icon {
    color: {$data.backgroundfg};
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-collapse {
    border-color: transparent;
}
.navbar-toggle:hover,
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
.navbar-toggle:focus,
.navbar-toggle.collapsed:focus,
.navbar-toggle.collapsed:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    color: #333;
    background-color: #F1F1F1;
}
.navbar-toggle:hover .icon,
.navbar-toggle:focus .icon,
.navbar-toggle.collapsed:focus .icon,
.navbar-toggle.collapsed:hover .icon,
.navbar-default .navbar-toggle:focus .icon,
.navbar-default .navbar-toggle:hover .icon {
    color: #333;
}
@media (max-width: 767px) {
  .search-toggle.navbar-toggle .icon {
      color: {$data.backgroundfg};
  }
37
38
39
40
41
42
43
44
45
}

.navbar-main .navbar-nav > li > a {
    color: {$data.navfg};
    background-color: {$data.navbg};
    border-color: transparent;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
46
47
    color: {$data.navfg};
    background-color: {$data.navbg};
48
49
50
51
}

.navbar-main .navbar-nav > li.active > a {
    font-weight: bold;
52
53
54
55
56
57
58
59
    color: {$data.navfg};
    background-color: {$data.navbg};
}
.navbar-main .navbar-nav > li.active > a:focus,
.navbar-main .navbar-nav > li.active > a:hover {
    font-weight: bold;
    color: {$data.navfg};
    background-color: {$data.navbg};
60
61
62
63
64
65
}

.navbar-toggle.navbar-showchildren .icon {
    color: {$data.navfg};
}

66
.navbar-main .navbar-nav .navbar-showchildren,
67
68
69
.navbar-main .navbar-nav > .active .navbar-showchildren,
.navbar-toggle.navbar-showchildren:hover,
.navbar-toggle.navbar-showchildren:focus {
70
    background-color: transparent;
71
72
73
74
75
76
77
78
}

.navbar-toggle.navbar-showchildren:hover .icon,
.navbar-toggle.navbar-showchildren:focus .icon {
    color: {$data.navfg};
}

.navbar-main .child-nav > li > a {
79
80
81
    color: {$data.navfg};
    background-color: {$data.navbg};
    font-size: 13px;
82
83
84
85
86
}

.navbar-main .child-nav > li > a:hover,
.navbar-main .child-nav > li > a:focus {
    color: #333;
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
    background-color: #F1F1F1;
}

.navbar-main .child-nav .active > a {
    color: {$data.navfg};
    background-color: {$data.navbg};
}
.navbar-main .child-nav .active > a:hover,
.navbar-main .child-nav .active > a:focus {
    color: #333;
    background-color: #F1F1F1;
}

.topright-menu .login-link a {
    color: {$data.navfg};
    background-color: {$data.navbg};
}
.topright-menu .login-link a:focus,
.topright-menu .login-link a:hover {
    color: #333;
    background-color: #F1F1F1;
108
}
109

110

111
112
.modal-docked .modal-header,
.modal-header {
Naomi Guyer's avatar
Naomi Guyer committed
113
    background: {$data.background};
114
    color: {$data.backgroundfg};
Naomi Guyer's avatar
Naomi Guyer committed
115
}
116

Pat Kira's avatar
Pat Kira committed
117
118
119
120
121
.dashboard-widget-container .circle-bg,
.dashboard-widget-container .logged-in .widget-detail {
    background-color: #666;
}

122
.dashboard-widget-container .widget-heading {
Pat Kira's avatar
Pat Kira committed
123
    border-top-color: {$data.headings};
124
125
126
127
128
129
}

.dashboard-widget-container .logged-in .widget-heading p,
a.panel-footer:hover .icon.pull-right,
.modal-docked .modal-header .close:hover .times,
.modal-docked .modal-header .close:focus .times {
130
    color: #767676;
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
}

@media (max-width: 767px) {
    .dashboard-widget-container .logged-in .widget-detail p,
    .dashboard-widget-container .logged-in:hover .widget-detail p {
        color: {$data.backgroundfg};
    }
}

.header.navbar,
.header.navbar-default .navbar-text,
.header.navbar-default .navbar-nav > li > a,
.dashboard-widget-container .logged-in .widget-detail,
.modal-docked .modal-header,
.modal-header,
146
147
.modal-docked .modal-header a,
.modal-docked .modal-header h4,
148
149
150
151
152
153
154
155
156
157
158
.close,
.modal-header .close:focus .times,
.modal-header .close:hover .times,
.search-toggle {
    color: {$data.backgroundfg};
}
.close {
    text-shadow: none;
}


Naomi Guyer's avatar
Naomi Guyer committed
159
160
161
162
h1,
h2,
h3,
h4,
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
.title a {
   color: {$data.headings};
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    color: {$data.backgroundfg};
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs.nav li > a:focus,
.nav-tabs.nav li > a:hover {
Naomi Guyer's avatar
Naomi Guyer committed
181
   color: {$data.headings};
182
   border-bottom-color: {$data.headings};
Naomi Guyer's avatar
Naomi Guyer committed
183
}
184
185


Naomi Guyer's avatar
Naomi Guyer committed
186
187
188
189
190
a,
a:visited,
a:link,
a:active,
a:hover,
191
192
193
194
195
196
197
198
199
200
201
202
203
a:focus,
.list-group-item-link a:hover,
.form-group.submitcancel .cancel,
.form-group.submitcancel .cancel:hover,
.list-group a.text-link,
.text-link,
.list-group-item-heading a:hover,
.list-group-item-heading a:hover .metadata,
.arrow-bar .nav-inpage.nav > li > a,
.arrow-bar .nav-inpage.nav > li > button,
.nav-inpage.nav > li.active > a:focus,
.nav-inpage.nav > li.active > a:hover,
.nav-inpage.nav > li.active > button:focus,
Pat Kira's avatar
Pat Kira committed
204
205
.nav-inpage.nav > li.active > button:hover,
.list-group a.text-success,
206
207
208
.outer-link+.list-group-item-heading,
.tags a,
.tags a.tag {
Naomi Guyer's avatar
Naomi Guyer committed
209
210
    color: {$data.link};
}
211

212
213
214
215
216
217
218
a:focus, a:hover {
  text-decoration-color: {$data.link};
}

.btn-default, a.btn-default {
  color: #333;
}
219

220
221
.btn-primary,
a.btn-primary {
222
    background-color: {$data.background};
Pat Kira's avatar
Pat Kira committed
223
    color: {$data.backgroundfg};
224
    border-color: {$data.backgroundfg};
225
226
227
228
229
230
231
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .btn-primary.dropdown-toggle {
232
    border-color: #CCCCCC;
Pat Kira's avatar
Pat Kira committed
233
234
    color: #333;
    background-color: #e0e0e0;
235
236
237
238
239
240
241
242
243
}
.btn-primary.btn:disabled,
.btn-primary.disabled,
.btn-primary[disabled] {
    /* 1px alpha channel white to lighten by 25% */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAhMnva5W6gAAAA1JREFUCNdj+P//vz0ACTsDPd3TBh4AAAAASUVORK5CYII=') {$data.background};
    border-color: {$data.background};
}

Pat Kira's avatar
Pat Kira committed
244
245
a.admin-site {
    color: {$data.backgroundfg};
Naomi Guyer's avatar
Naomi Guyer committed
246
}
247
248
249

.arrow-bar {
    background-color: #F1F1F1;
Naomi Guyer's avatar
Naomi Guyer committed
250
}
251
252
253
254
255
.arrow-bar .arrow {
    background-color: #DBDBDB;
}
.arrow-bar .arrow:after {
    border-left-color: #DBDBDB;
Naomi Guyer's avatar
Naomi Guyer committed
256
}
257

Pat Kira's avatar
Pat Kira committed
258
259
260
261
262
.admin .arrow-bar {
    background-color: #f9f9f9;
}
.pagination > li > a,
.pagination> li > span {
263
    color: #767676;
Pat Kira's avatar
Pat Kira committed
264
265
266
267
268
269
270
271
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination> li > span:hover,
.pagination> li > span:focus {
    color: #333;
}
.pagination >.active > span {
272
273
    background-color: #767676;
    border-color: #767676;
Pat Kira's avatar
Pat Kira committed
274
275
276
277
278
279
280
}
.pagination >.active > span:hover,
.pagination >.active > span:focus {
    background-color: #333;
}

.custom-dropdown > ul > li > span {
281
    background-color: #767676;
Pat Kira's avatar
Pat Kira committed
282
}
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
/* this is for the timeline */
.jtline .filling-line {
    background-color: {$data.background};
}

.no-touch .jtline .events a:hover::after,
.jtline .events a.selected::after {
    background-color: {$data.background};
    border-color: {$data.background};
}

.jtline .events a.older-event::after,
.no-touch .cd-timeline-navigation a:hover,
.no-touch .cd-timeline-navigation-second a:hover {
    border-color: {$data.background};
}

.cd-timeline-navigation a::after,
.cd-timeline-navigation-second a::after {
    color: {$data.background};
}