You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
293 lines
9.5 KiB
293 lines
9.5 KiB
// Business theme for Tiki Bootstrap 5
|
|
// This file is for additional SCSS rules beyond what are in variables.scss.
|
|
// Image path example:
|
|
$imagePath: "../images/";
|
|
// body {
|
|
// background-image: url('#{$imagePath}bg.jpg');
|
|
// }
|
|
|
|
$tiki-topmodules-row-sidemargins: 0;
|
|
$tiki-topbar-row-sidemargins: -15px;
|
|
|
|
//.page-header .top_modules {
|
|
// background: #8ba8c8; /* Old browsers */
|
|
// 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+ */
|
|
// 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+ */
|
|
// 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 */
|
|
// color: #fff;
|
|
|
|
// & button {
|
|
// color: #fff;
|
|
// }
|
|
|
|
// & a {
|
|
// color: #fff;
|
|
// }
|
|
//}
|
|
|
|
//.page-header .top_modules .cssmenu_horiz li ul > li > a,
|
|
//.page-header .top_modules .dropdown-item {
|
|
// color: #212529;
|
|
//}
|
|
|
|
.navbar-dark-parent {
|
|
.sitetitles a {
|
|
color: #ffffff;
|
|
}
|
|
.sitesubtitle {
|
|
color: #91bef5;
|
|
}
|
|
}
|
|
|
|
.sitetitles {
|
|
font-weight: 700
|
|
}
|
|
|
|
h1.sitetitle {
|
|
font-size: 24px;
|
|
}
|
|
|
|
h2.sitesubtitle {
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.page-header,
|
|
.header_outer.bg-dark-parent,
|
|
.bg-dark,
|
|
.topbar.bg-dark > li,
|
|
.navbar-dark
|
|
{
|
|
background: #1f5daa !important; /* Old browsers */
|
|
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)) !important; /* Chrome,Safari4+ */
|
|
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%) !important; /* W3C */
|
|
border-left: 1px solid #3676C4;
|
|
border-right: 1px solid #1957AA;
|
|
}
|
|
|
|
.topbar.bg-dark > li > a,
|
|
//.topbar.bg-light > li > a,
|
|
.topbar .cssmenu_horiz > li > a,
|
|
.layout_social .fixed-top .navbar-brand,
|
|
.layout_social .fixed-top .nav-link,
|
|
//.layout_social .fixed-top button.dropdown-toggle,
|
|
.layout_social .fixed-top .cssmenu_horiz > li > a,
|
|
.navbar.bg-dark > .nav-link,
|
|
//.navbar.bg-light > .nav-link
|
|
{
|
|
color: #fff;
|
|
}
|
|
|
|
.navbar.bg-dark//,
|
|
//.navbar.bg-light
|
|
{
|
|
.nav-link {
|
|
color: #fff;
|
|
}
|
|
.dropdown-item {
|
|
color: $dropdown-color;
|
|
}
|
|
}
|
|
|
|
//.navbar li.dropdown {
|
|
// border-left: 1px solid #3676c4;
|
|
// border-right: 1px solid #1957aa;
|
|
//
|
|
// & > a {
|
|
// color: #fff;
|
|
// }
|
|
//}
|
|
|
|
// topbar hover
|
|
.topbar .nav > li > a:hover,
|
|
.topbar .nav > li > a:focus,
|
|
.topbar .cssmenu_horiz > li > a:hover,
|
|
.topbar .cssmenu_horiz > li:hover,
|
|
.topbar .cssmenu_horiz li.sfHover:hover,
|
|
.topbar .cssmenu_horiz > li.selected > a,
|
|
.bg-dark > li > a:hover,
|
|
.bg-dark > li > a:focus,
|
|
.bg-dark > .active > a//,
|
|
//.bg-light > li > a:hover,
|
|
//.bg-light > li > a:focus,
|
|
//.bg-light > .active > a
|
|
{
|
|
text-decoration: none;
|
|
background: #3270bd; /* Old browsers */
|
|
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+ */
|
|
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+ */
|
|
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+ */
|
|
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 */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3270bd', endColorstr='#205ea9', GradientType=0); /* IE6-9 */
|
|
}
|
|
|
|
//.topbar .navbar {
|
|
// margin-bottom: 0;
|
|
// border: none;
|
|
//}
|
|
|
|
.topbar .cssmenu_horiz > li > a,
|
|
.topbar .navbar-dark .navbar-nav > li > a {
|
|
// color: #ffffff;
|
|
text-transform: uppercase;
|
|
padding-bottom: 15px;
|
|
padding-top: 15px;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#col1, #col2, #col3 {
|
|
padding-top: 1em;
|
|
}
|
|
|
|
.layout_classic .middle_outer,
|
|
body:not(.layout_classic) #middle.container-std.middle,
|
|
.layout_basic .row-middle { // Moved from #col1 for Bootstrap 5
|
|
background: #fbfbfb url('#{$imagePath}image2.jpg') 100% 0 no-repeat;
|
|
}
|
|
|
|
|
|
|
|
#footer .container,
|
|
footer.main-footer .container {
|
|
min-height: 60px;
|
|
background: url('#{$imagePath}footer.gif') repeat-x;
|
|
}
|
|
|
|
.card-header,
|
|
.modal-header {
|
|
// background: #3475c6 url('#{$imagePath}title_bg.png') no-repeat 0 0;
|
|
background: #386dbb; /* Old browsers */
|
|
background: -webkit-linear-gradient(top, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* Chrome10+,Safari5.1+ */
|
|
background: linear-gradient(to bottom, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* W3C */
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
|
|
& a:not(.dropdown-item) {
|
|
color: #fff;
|
|
}
|
|
|
|
.dropdown-item .tips {
|
|
color: $body-color;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
h3.card-title {
|
|
font-size: 90%;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.adminanchors.card { background: transparent; }
|
|
|
|
.modal-header {
|
|
color: $gray-300;
|
|
}
|
|
|
|
// Class no longer supported by Bootstrap
|
|
.well {
|
|
background: url('#{$imagePath}market.jpg') 0 100% no-repeat;
|
|
background-size: 100% 100%;
|
|
color: $gray-500;
|
|
}
|
|
|
|
.magnifying_glass {
|
|
background: url('#{$imagePath}magnifyT.png') no-repeat;
|
|
height: 59px;
|
|
width: 59px;
|
|
position: absolute;
|
|
top: -3px;
|
|
left: -45px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.topbar .sf-arrows .sf-with-ul:after {
|
|
/* order of following 3 rules important for fallbacks to work */
|
|
border: 5px solid transparent;
|
|
border-top-color: #ffffff; /* edit this to suit design (no rgba in IE8) */
|
|
border-top-color: rgba(255, 255, 255, .5);
|
|
}
|
|
|
|
.sf-arrows > li > .sf-with-ul:focus:after,
|
|
.sf-arrows > li:hover > .sf-with-ul:after,
|
|
.sf-arrows > .sfHover > .sf-with-ul:after {
|
|
border-top-color: #ffffff; /* IE8 fallback colour */
|
|
}
|
|
|
|
/* styling for right-facing arrows */
|
|
.sf-arrows ul .sf-with-ul:after {
|
|
border-color: transparent;
|
|
border-left-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
|
|
border-left-color: rgba(255, 255, 255, .5);
|
|
}
|
|
|
|
.sf-arrows ul li > .sf-with-ul:focus:after,
|
|
.sf-arrows ul li:hover > .sf-with-ul:after,
|
|
.sf-arrows ul .sfHover > .sf-with-ul:after {
|
|
border-left-color: #ffffff;
|
|
}
|
|
|
|
//.popover { Moved to variables
|
|
// color: $body-color;
|
|
//}
|
|
|
|
// prevent gradient on gradient or on middle box-shadow
|
|
.bg-dark .bg-dark,
|
|
.tiki .navbar.bg-dark .navbar.navbar-dark.bg-dark,
|
|
//.tiki.navbar.bg-light .navbar.bg-light
|
|
//.page-header
|
|
{
|
|
background-image: none !important;
|
|
background: transparent !important;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.layout_classic .navbar-dark-parent {
|
|
background: transparent !important;
|
|
}
|
|
|
|
// Update for Smartmenus
|
|
.navbar .navbar-nav.sm-vertical {
|
|
.dropdown { border: none;
|
|
a { color: #005999; }
|
|
}
|
|
}
|
|
|
|
// overriding some cypht stuff
|
|
.tiki-webmail, .tiki-cypht, .mobile.tiki-cypht, .inline-cypht {
|
|
.moduletitle { color: $card-text !important; }
|
|
}
|
|
|
|
// Buttons
|
|
.btn-outline-warning {
|
|
color: #975D0C;
|
|
}
|
|
|
|
.btn-outline-danger {
|
|
color: #B82D28;
|
|
}
|
|
|
|
.btn-outline-info,
|
|
.spinner-border.text-info {
|
|
color: #1F7C98;
|
|
}
|
|
|
|
.btn-outline-light {
|
|
color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
// Badges
|
|
.badge.bg-warning.text-dark, // Need to be specified because Bootstrap isn't sorting it out
|
|
.progress-bar.bg-warning.text-dark {
|
|
color: #fff !important;
|
|
}
|
|
|
|
// Spinners
|
|
.spinner-border.text-light {
|
|
color: $text-muted;
|
|
}
|