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}