1// $Id$
2// This file is for additional SCSS rules beyond what are in variables.scss.
3// Image path example:
4$imagePath: "../images/";
5// body {
6//	background-image: url('#{$imagePath}bg.jpg');
7// }
8
9$topmodules-row-sidemargins: 0;
10$topbar-row-sidemargins: -15px;
11
12.page-header .top_modules {
13  background: #8ba8c8; /* Old browsers */
14  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ba8c8), color-stop(0%, #0b346c), color-stop(1%, #003376), color-stop(1%, #00366f), color-stop(2%, #01366c), color-stop(3%, #023175), color-stop(3%, #00356e), color-stop(60%, #003470), color-stop(64%, #023574), color-stop(64%, #03357a), color-stop(67%, #00387b), color-stop(68%, #00387f), color-stop(71%, #023b82), color-stop(71%, #003e85), color-stop(74%, #003e89), color-stop(75%, #013e8e), color-stop(77%, #004394), color-stop(81%, #024699), color-stop(82%, #00489d), color-stop(85%, #01499e), color-stop(85%, #0049a5), color-stop(88%, #014aa6), color-stop(89%, #014ca9), color-stop(92%, #034eab), color-stop(97%, #004daa), color-stop(98%, #004ba6), color-stop(99%, #003e8d), color-stop(100%, #003a80), color-stop(100%, #1e599f)); /* Chrome,Safari4+ */
15  background: -webkit-linear-gradient(top, #8ba8c8 0%, #0b346c 0%, #003376 1%, #00366f 1%, #01366c 2%, #023175 3%, #00356e 3%, #003470 60%, #023574 64%, #03357a 64%, #00387b 67%, #00387f 68%, #023b82 71%, #003e85 71%, #003e89 74%, #013e8e 75%, #004394 77%, #024699 81%, #00489d 82%, #01499e 85%, #0049a5 85%, #014aa6 88%, #014ca9 89%, #034eab 92%, #004daa 97%, #004ba6 98%, #003e8d 99%, #003a80 100%, #1e599f 100%); /* Chrome10+,Safari5.1+ */
16  background: -o-linear-gradient(top, #8ba8c8 0%, #0b346c 0%, #003376 1%, #00366f 1%, #01366c 2%, #023175 3%, #00356e 3%, #003470 60%, #023574 64%, #03357a 64%, #00387b 67%, #00387f 68%, #023b82 71%, #003e85 71%, #003e89 74%, #013e8e 75%, #004394 77%, #024699 81%, #00489d 82%, #01499e 85%, #0049a5 85%, #014aa6 88%, #014ca9 89%, #034eab 92%, #004daa 97%, #004ba6 98%, #003e8d 99%, #003a80 100%, #1e599f 100%); /* Opera 11.10+ */
17  background: linear-gradient(to bottom, #8ba8c8 0%, #0b346c 0%, #003376 1%, #00366f 1%, #01366c 2%, #023175 3%, #00356e 3%, #003470 60%, #023574 64%, #03357a 64%, #00387b 67%, #00387f 68%, #023b82 71%, #003e85 71%, #003e89 74%, #013e8e 75%, #004394 77%, #024699 81%, #00489d 82%, #01499e 85%, #0049a5 85%, #014aa6 88%, #014ca9 89%, #034eab 92%, #004daa 97%, #004ba6 98%, #003e8d 99%, #003a80 100%, #1e599f 100%); /* W3C */
18  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ba8c8', endColorstr='#1e599f', GradientType=0); /* IE6-9 */
19  color: #fff;
20
21  & button {
22	color: #fff;
23  }
24
25  & a {
26	color: #fff;
27  }
28}
29
30.page-header .top_modules .cssmenu_horiz li ul > li > a,
31.page-header .top_modules .dropdown-item {
32  color: #212529;
33}
34
35.sitetitles a {
36  color: #ffffff;
37}
38
39.sitetitles {
40  font-weight: 700
41}
42
43h1.sitetitle {
44  font-size: 24px;
45}
46
47h2.sitesubtitle {
48  font-size: 13px;
49  color: #91bef5;
50  font-style: italic;
51}
52
53.bg-dark,
54.bg-light,
55.topbar,
56  // .topbar .cssmenu_horiz ul,
57.topbar.bg-dark > li,
58.topbar.bg-light > li
59.topbar .nav > li {
60  background: #1f5daa; /* Old browsers */
61  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f5daa), color-stop(2%, #3977c4), color-stop(3%, #3b7ac7), color-stop(5%, #3877c6), color-stop(7%, #3a7cca), color-stop(9%, #3778c8), color-stop(19%, #3674c7), color-stop(43%, #2c6abf), color-stop(69%, #1c5cb3), color-stop(93%, #1454ac), color-stop(97%, #1455a9), color-stop(98%, #1a57a8), color-stop(100%, #346dba)); /* Chrome,Safari4+ */
62  background: -webkit-linear-gradient(top, #1f5daa 0%, #3977c4 2%, #3b7ac7 3%, #3877c6 5%, #3a7cca 7%, #3778c8 9%, #3674c7 19%, #2c6abf 43%, #1c5cb3 69%, #1454ac 93%, #1455a9 97%, #1a57a8 98%, #346dba 100%); /* Chrome10+,Safari5.1+ */
63  background: -o-linear-gradient(top, #1f5daa 0%, #3977c4 2%, #3b7ac7 3%, #3877c6 5%, #3a7cca 7%, #3778c8 9%, #3674c7 19%, #2c6abf 43%, #1c5cb3 69%, #1454ac 93%, #1455a9 97%, #1a57a8 98%, #346dba 100%); /* Opera 11.10+ */
64  background: linear-gradient(to bottom, #1f5daa 0%, #3977c4 2%, #3b7ac7 3%, #3877c6 5%, #3a7cca 7%, #3778c8 9%, #3674c7 19%, #2c6abf 43%, #1c5cb3 69%, #1454ac 93%, #1455a9 97%, #1a57a8 98%, #346dba 100%); /* W3C */
65  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f5daa', endColorstr='#346dba', GradientType=0); /* IE6-9 */
66  border-left: 1px solid #3676C4;
67  border-right: 1px solid #1957AA;
68}
69
70.topbar.bg-dark > li > a,
71.topbar.bg-light > li > a,
72.topbar .cssmenu_horiz > li > a,
73.layout_social .fixed-top .navbar-brand,
74.layout_social .fixed-top .nav-link,
75.layout_social .fixed-top button.dropdown-toggle,
76.layout_social .fixed-top .cssmenu_horiz > li > a {
77  color: #fff;
78}
79
80.navbar li.dropdown {
81  border-left: 1px solid #3676c4;
82  border-right: 1px solid #1957aa;
83
84  & > a {
85	color: #fff;
86  }
87}
88
89// topbar hover
90.topbar .nav > li > a:hover,
91.topbar .nav > li > a:focus,
92.topbar .cssmenu_horiz > li > a:hover,
93.topbar .cssmenu_horiz > li:hover,
94.topbar .cssmenu_horiz li.sfHover:hover,
95.topbar .cssmenu_horiz > li.selected > a,
96.bg-dark > li > a:hover,
97.bg-dark > li > a:focus,
98.bg-dark > .active > a,
99.bg-light > li > a:hover,
100.bg-light > li > a:focus,
101.bg-light > .active > a {
102  text-decoration: none;
103  background: #3270bd; /* Old browsers */
104  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3270bd), color-stop(2%, #1855a5), color-stop(3%, #1553a8), color-stop(5%, #1855ae), color-stop(7%, #1353ad), color-stop(14%, #1858af), color-stop(26%, #1a5ab1), color-stop(29%, #1d5eb2), color-stop(53%, #2866bb), color-stop(55%, #2c6abf), color-stop(95%, #3a79c9), color-stop(97%, #3a7ac4), color-stop(98%, #3777c1), color-stop(100%, #205ea9)); /* Chrome,Safari4+ */
105  background: -webkit-linear-gradient(top, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* Chrome10+,Safari5.1+ */
106  background: -o-linear-gradient(top, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* Opera 11.10+ */
107  background: linear-gradient(to bottom, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* W3C */
108  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3270bd', endColorstr='#205ea9', GradientType=0); /* IE6-9 */
109}
110
111//.topbar .navbar {
112//  margin-bottom: 0;
113//  border: none;
114//}
115
116.topbar .cssmenu_horiz > li > a,
117.topbar .navbar-dark .navbar-nav > li > a {
118  //  color: #ffffff;
119  text-transform: uppercase;
120  padding-bottom: 15px;
121  padding-top: 15px;
122  font-weight: 700;
123  font-size: 12px;
124}
125
126
127
128#col1, #col2, #col3 {
129  padding-top: 1em;
130}
131
132#col1 {
133  background: #fbfbfb url('#{$imagePath}image2.jpg') 100% 0 no-repeat;
134}
135
136#footer .container,
137footer.main-footer .container {
138  min-height: 60px;
139  background: url('#{$imagePath}footer.gif') repeat-x;
140}
141
142.card-header,
143.modal-header {
144  //  background: #3475c6 url('#{$imagePath}title_bg.png') no-repeat 0 0;
145  background: #386dbb; /* Old browsers */
146  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #386dbb), color-stop(7%, #3a6fbb), color-stop(25%, #457bc3), color-stop(54%, #4c82ca), color-stop(57%, #2f6dc0), color-stop(82%, #3371c4), color-stop(86%, #3574c4), color-stop(100%, #3574c4)); /* Chrome,Safari4+ */
147  background: -webkit-linear-gradient(top, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* Chrome10+,Safari5.1+ */
148  background: -o-linear-gradient(top, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* Opera 11.10+ */
149  background: linear-gradient(to bottom, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* W3C */
150  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#386dbb', endColorstr='#3574c4', GradientType=0); /* IE6-9 */
151  text-transform: uppercase;
152  color: #fff;
153
154  & a:not(.dropdown-item) {
155	color: #fff;
156  }
157
158  .dropdown-item .tips {
159	color: $body-color;
160
161	&:hover {
162	  text-decoration: none;
163	}
164  }
165}
166
167h3.card-title {
168  //	font-size: 90%;
169  font-weight: 700;
170}
171
172.adminanchors.card { background: transparent; }
173
174.modal-header {
175  color: $gray-300;
176}
177
178.well {
179  background: url('#{$imagePath}market.jpg') 0 100% no-repeat;
180  background-size: 100% 100%;
181  color: $gray-500;
182}
183
184.magnifying_glass {
185  background: url('#{$imagePath}magnifyT.png') no-repeat;
186  height: 59px;
187  width: 59px;
188  position: absolute;
189  top: -3px;
190  left: -45px;
191  z-index: 2;
192}
193
194.topbar .sf-arrows .sf-with-ul:after {
195  /* order of following 3 rules important for fallbacks to work */
196  border: 5px solid transparent;
197  border-top-color: #ffffff; /* edit this to suit design (no rgba in IE8) */
198  border-top-color: rgba(255, 255, 255, .5);
199}
200
201.sf-arrows > li > .sf-with-ul:focus:after,
202.sf-arrows > li:hover > .sf-with-ul:after,
203.sf-arrows > .sfHover > .sf-with-ul:after {
204  border-top-color: #ffffff; /* IE8 fallback colour */
205}
206
207/* styling for right-facing arrows */
208.sf-arrows ul .sf-with-ul:after {
209  border-color: transparent;
210  border-left-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
211  border-left-color: rgba(255, 255, 255, .5);
212}
213
214.sf-arrows ul li > .sf-with-ul:focus:after,
215.sf-arrows ul li:hover > .sf-with-ul:after,
216.sf-arrows ul .sfHover > .sf-with-ul:after {
217  border-left-color: #ffffff;
218}
219
220.popover {
221  color: $body-color;
222}
223
224// prevent gradient on gradient or on middle box-shadow
225.bg-dark .bg-dark,
226.tiki .navbar.bg-dark .navbar.navbar-dark.bg-dark,
227.tiki.navbar.bg-light .navbar.bg-light,
228.page-header {
229  background-image: none !important;
230  background: transparent !important;
231  border-left: none;
232  border-right: none;
233}