crash
This commit is contained in:
358
web/static/css/color-skins/skin-blue.css
Normal file
358
web/static/css/color-skins/skin-blue.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Blue)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #0b8aca;
|
||||
* Hover color: #0172ab;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #0b8aca;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #0172ab;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #0b8aca;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #0b8aca; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #0b8aca; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #0b8aca;
|
||||
box-shadow: inset 3px 0 0 0 #0b8aca;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #0b8aca;
|
||||
box-shadow: inset 3px 0 0 0 #0b8aca;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #0b8aca;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #0b8aca;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #0b8aca;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #0b8aca !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #0b8aca;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #0b8aca
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #0b8aca;
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #0172ab;
|
||||
border-color: #0172ab;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #0b8aca !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #0b8aca; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #0b8aca;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #0b8aca;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #0b8aca;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #0b8aca;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #0b8aca;
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #0b8aca !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #0b8aca;
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #0172ab;
|
||||
border-color: #0172ab;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #0b8aca;
|
||||
border-color: #0b8aca;
|
||||
}
|
||||
.btn-link {
|
||||
color: #0b8aca; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #0b8aca;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #0b8aca;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #0b8aca !important; }
|
||||
.link-main a { color: #0b8aca !important; }
|
||||
.bg-main { background-color: #0b8aca !important; }
|
||||
.border-main { border-color: #0b8aca !important; }
|
||||
.border-top-main { border-top-color: #0b8aca !important; }
|
||||
.border-bottom-main { border-bottom-color: #0b8aca !important; }
|
||||
.border-left-main { border-left-color: #0b8aca !important; }
|
||||
.border-right-main { border-right-color: #0b8aca !important; }
|
||||
358
web/static/css/color-skins/skin-brown.css
Normal file
358
web/static/css/color-skins/skin-brown.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Brown)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #947900;
|
||||
* Hover color: #7b6605;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #947900;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #7b6605;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #947900;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #947900; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #947900; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #947900;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #947900;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #947900;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #947900;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #947900;
|
||||
box-shadow: inset 3px 0 0 0 #947900;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #947900;
|
||||
box-shadow: inset 3px 0 0 0 #947900;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #947900;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #947900;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #947900;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #947900;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #947900;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #947900;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #947900;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #947900;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #947900 !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #947900;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #947900;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #947900;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #947900;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #947900;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #947900
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #947900;
|
||||
border-color: #947900;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #7b6605;
|
||||
border-color: #7b6605;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #947900 !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #947900;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #947900; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #947900;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #947900;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #947900;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #947900;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #947900;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #947900;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #947900;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #947900;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #947900;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #947900;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #947900;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #947900;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #947900;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #947900;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #947900;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #947900;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #947900;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #947900;
|
||||
border-color: #947900;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #947900 !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #947900;
|
||||
border-color: #947900;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #7b6605;
|
||||
border-color: #7b6605;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #947900;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #947900;
|
||||
border-color: #947900;
|
||||
}
|
||||
.btn-link {
|
||||
color: #947900; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #947900;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #947900;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #947900;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #947900 !important; }
|
||||
.link-main a { color: #947900 !important; }
|
||||
.bg-main { background-color: #947900 !important; }
|
||||
.border-main { border-color: #947900 !important; }
|
||||
.border-top-main { border-top-color: #947900 !important; }
|
||||
.border-bottom-main { border-bottom-color: #947900 !important; }
|
||||
.border-left-main { border-left-color: #947900 !important; }
|
||||
.border-right-main { border-right-color: #947900 !important; }
|
||||
359
web/static/css/color-skins/skin-green.css
Normal file
359
web/static/css/color-skins/skin-green.css
Normal file
@@ -0,0 +1,359 @@
|
||||
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Green)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #25a70b;
|
||||
* Hover color: #1b9004;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #25a70b;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #1b9004;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #25a70b;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #25a70b; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #25a70b; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #25a70b;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #25a70b;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #25a70b;
|
||||
box-shadow: inset 3px 0 0 0 #25a70b;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #25a70b;
|
||||
box-shadow: inset 3px 0 0 0 #25a70b;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #25a70b;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #25a70b;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #25a70b;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #25a70b;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #25a70b !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #25a70b;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #25a70b
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #25a70b;
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #1b9004;
|
||||
border-color: #1b9004;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #25a70b !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #25a70b; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #25a70b;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #25a70b;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #25a70b;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #25a70b;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #25a70b;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #25a70b;
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #25a70b !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #25a70b;
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #1b9004;
|
||||
border-color: #1b9004;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #25a70b;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #25a70b;
|
||||
border-color: #25a70b;
|
||||
}
|
||||
.btn-link {
|
||||
color: #25a70b; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #25a70b;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #25a70b;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #25a70b;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #25a70b !important; }
|
||||
.link-main a { color: #25a70b !important; }
|
||||
.bg-main { background-color: #25a70b !important; }
|
||||
.border-main { border-color: #25a70b !important; }
|
||||
.border-top-main { border-top-color: #25a70b !important; }
|
||||
.border-bottom-main { border-bottom-color: #25a70b !important; }
|
||||
.border-left-main { border-left-color: #25a70b !important; }
|
||||
.border-right-main { border-right-color: #25a70b !important; }
|
||||
358
web/static/css/color-skins/skin-orange.css
Normal file
358
web/static/css/color-skins/skin-orange.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Orange)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #ff8a00;
|
||||
* Hover color: #e47c01;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #ff8a00;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #e47c01;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #ff8a00;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #ff8a00; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #ff8a00; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #ff8a00;
|
||||
box-shadow: inset 3px 0 0 0 #ff8a00;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #ff8a00;
|
||||
box-shadow: inset 3px 0 0 0 #ff8a00;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #ff8a00;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #ff8a00;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #ff8a00;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #ff8a00 !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #ff8a00;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #ff8a00
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #ff8a00;
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #e47c01;
|
||||
border-color: #e47c01;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #ff8a00 !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #ff8a00; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #ff8a00;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #ff8a00;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #ff8a00;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #ff8a00;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #ff8a00;
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #ff8a00 !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #ff8a00;
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #e47c01;
|
||||
border-color: #e47c01;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #ff8a00;
|
||||
border-color: #ff8a00;
|
||||
}
|
||||
.btn-link {
|
||||
color: #ff8a00; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #ff8a00;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #ff8a00;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #ff8a00 !important; }
|
||||
.link-main a { color: #ff8a00 !important; }
|
||||
.bg-main { background-color: #ff8a00 !important; }
|
||||
.border-main { border-color: #ff8a00 !important; }
|
||||
.border-top-main { border-top-color: #ff8a00 !important; }
|
||||
.border-bottom-main { border-bottom-color: #ff8a00 !important; }
|
||||
.border-left-main { border-left-color: #ff8a00 !important; }
|
||||
.border-right-main { border-right-color: #ff8a00 !important; }
|
||||
358
web/static/css/color-skins/skin-pink.css
Normal file
358
web/static/css/color-skins/skin-pink.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Pink)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #e83e96;
|
||||
* Hover color: #c12476;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #e83e96;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #c12476;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #e83e96;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #e83e96; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #e83e96; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #e83e96;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #e83e96;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #e83e96;
|
||||
box-shadow: inset 3px 0 0 0 #e83e96;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #e83e96;
|
||||
box-shadow: inset 3px 0 0 0 #e83e96;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #e83e96;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #e83e96;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #e83e96;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #e83e96;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #e83e96 !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #e83e96;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #e83e96
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #e83e96;
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #c12476;
|
||||
border-color: #c12476;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #e83e96 !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #e83e96; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #e83e96;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #e83e96;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #e83e96;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #e83e96;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #e83e96;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #e83e96;
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #e83e96 !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #e83e96;
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #c12476;
|
||||
border-color: #c12476;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #e83e96;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #e83e96;
|
||||
border-color: #e83e96;
|
||||
}
|
||||
.btn-link {
|
||||
color: #e83e96; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #e83e96;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #e83e96;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #e83e96;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #e83e96 !important; }
|
||||
.link-main a { color: #e83e96 !important; }
|
||||
.bg-main { background-color: #e83e96 !important; }
|
||||
.border-main { border-color: #e83e96 !important; }
|
||||
.border-top-main { border-top-color: #e83e96 !important; }
|
||||
.border-bottom-main { border-bottom-color: #e83e96 !important; }
|
||||
.border-left-main { border-left-color: #e83e96 !important; }
|
||||
.border-right-main { border-right-color: #e83e96 !important; }
|
||||
358
web/static/css/color-skins/skin-purple.css
Normal file
358
web/static/css/color-skins/skin-purple.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Purple)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #9e009e;
|
||||
* Hover color: #80067f;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #9e009e;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #80067f;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #9e009e;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #9e009e; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #9e009e; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #9e009e;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #9e009e;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #9e009e;
|
||||
box-shadow: inset 3px 0 0 0 #9e009e;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #9e009e;
|
||||
box-shadow: inset 3px 0 0 0 #9e009e;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #9e009e;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #9e009e;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #9e009e;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #9e009e;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #9e009e !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #9e009e;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #9e009e
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #9e009e;
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #80067f;
|
||||
border-color: #80067f;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #9e009e !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #9e009e; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #9e009e;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #9e009e;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #9e009e;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #9e009e;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #9e009e;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #9e009e;
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #9e009e !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #9e009e;
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #80067f;
|
||||
border-color: #80067f;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #9e009e;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #9e009e;
|
||||
border-color: #9e009e;
|
||||
}
|
||||
.btn-link {
|
||||
color: #9e009e; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #9e009e;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #9e009e;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #9e009e;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #9e009e !important; }
|
||||
.link-main a { color: #9e009e !important; }
|
||||
.bg-main { background-color: #9e009e !important; }
|
||||
.border-main { border-color: #9e009e !important; }
|
||||
.border-top-main { border-top-color: #9e009e !important; }
|
||||
.border-bottom-main { border-bottom-color: #9e009e !important; }
|
||||
.border-left-main { border-left-color: #9e009e !important; }
|
||||
.border-right-main { border-right-color: #9e009e !important; }
|
||||
358
web/static/css/color-skins/skin-red.css
Normal file
358
web/static/css/color-skins/skin-red.css
Normal file
@@ -0,0 +1,358 @@
|
||||
/* --------------------------------------------------------------------
|
||||
* Template color skin CSS (Red)
|
||||
*
|
||||
* Template: Sepia - Photography Portfolio HTML Website Template
|
||||
* Author: Themetorium
|
||||
* URL: https://themetorium.net
|
||||
*
|
||||
* Template skin main color: #da0d0d;
|
||||
* Hover color: #bd0707;
|
||||
*
|
||||
* Read template documentation about how to enable color skin!
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: #da0d0d;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
color: #bd0707;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #da0d0d;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: #da0d0d; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: #da0d0d; /* Safari */
|
||||
}
|
||||
|
||||
hr.hr-short {
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
|
||||
.animsition-loading {
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li > a:after {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
|
||||
.tt-menu-nav > li.active > a:after {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
|
||||
.tt-submenu li > a:hover {
|
||||
-webkit-box-shadow: inset 3px 0 0 0 #da0d0d;
|
||||
box-shadow: inset 3px 0 0 0 #da0d0d;
|
||||
}
|
||||
.tt-submenu > li.active > a {
|
||||
-webkit-box-shadow: 3px 0 0 0 #da0d0d;
|
||||
box-shadow: inset 3px 0 0 0 #da0d0d;
|
||||
}
|
||||
.tt-menu-nav > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #da0d0d;
|
||||
}
|
||||
|
||||
.tt-submenu > li.active > a {
|
||||
box-shadow: inset 4px 0 0 0 #da0d0d;
|
||||
}
|
||||
|
||||
.tt-clobal-search #tt-clobal-search-input:focus {
|
||||
border-bottom-color: #da0d0d;
|
||||
}
|
||||
.tt-tools-button {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
#tt-intro .cc-category {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
ul.isotope-filter-links > li > a:after {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.isotope-filter-button {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.isotope-filter.fi-to-button ul.isotope-filter-links > li > a.active {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.gl-item-title a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.gli-alter-2 .gl-item-title a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.gli-alter-3 .gl-item-title a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.gli-colored .gallery-list-item .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:before,
|
||||
.gli-colored.gli-alter-4 .gallery-list-item:hover .gl-item-image-inner:hover:before,
|
||||
.gli-colored.gli-alter-5 .gallery-list-item:hover .gl-item-image-inner:before {
|
||||
background-color: #da0d0d !important;
|
||||
}
|
||||
.gtb-heading-category a,
|
||||
.gtb-heading-category span {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
#gallery.gsi-color .gallery-single-item:before {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.gallery-share {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
ul.gallery-meta > li a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.gallery-single-carousel ul.gallery-meta > li a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.icon-heart-filled:before {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sr-item-category a,
|
||||
.sr-item-category span {
|
||||
background-color: #da0d0d;
|
||||
color: #FFF;
|
||||
}
|
||||
.sr-item-title:hover,
|
||||
.sr-item-title > a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sr-item-meta a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
ul.sr-item-attr > li a:hover {
|
||||
color: #da0d0d
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box {
|
||||
background-color: #da0d0d;
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.price-box.price-box-featured .btn-price-box:hover {
|
||||
background-color: #bd0707;
|
||||
border-color: #bd0707;
|
||||
}
|
||||
.nav-outside-top .owl-nav button.owl-prev:hover, .nav-outside-top .owl-nav button.owl-next:hover {
|
||||
background-color: #da0d0d !important;
|
||||
}
|
||||
.owl-dots button.owl-dot.active span,
|
||||
.owl-dots button.owl-dot:hover span {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.owl-carousel .cc-title a:hover {
|
||||
/* color: #da0d0d; */
|
||||
}
|
||||
.owl-carousel .cc-category a,
|
||||
.owl-carousel .cc-category span {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.cc-meta a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.owl-carousel ul.cc-item-attr > li a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
#blog-list-carousel-section .owl-carousel .cc-category a:hover {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.bl-item-category a,
|
||||
.bl-item-category span {
|
||||
background-color: #da0d0d;
|
||||
color: #FFF;
|
||||
}
|
||||
.bl-item-title:hover, .bl-item-title:focus,
|
||||
.bl-item-title h2:hover, .bl-item-title h2:focus {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.bl-item-meta a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-list-item .bl-item-read-more:hover span,
|
||||
.blog-list-item .bl-item-read-more:hover span:before,
|
||||
.blog-list-item .bl-item-read-more:hover span:after {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
ul.bl-item-attr > li a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-single-post-category a {
|
||||
background-color: #da0d0d;
|
||||
color: #FFF;
|
||||
}
|
||||
.single-post-image-caption a {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-single-meta .article-author a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-single-meta .article-time-cat a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.blog-single-tags a:hover {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.bs-nav-title:hover, .bs-nav-title h4:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.related-posts-heading {
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.related-posts-item .rp-item-title:hover,
|
||||
.related-posts-item .rp-item-title h4:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.related-posts-item .rp-item-category a {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.media-heading a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.media-reply a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-heading {
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.sidebar hr {
|
||||
border-top: 2px solid #da0d0d;
|
||||
}
|
||||
.blog-author-name a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-categories > ul > li > a:hover span {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.sidebar-post-list .post-data .post-title a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-post-list .post-data .author a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-comment-data .author a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-comment-wrap .sidebar-comment a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.sidebar-tags a:hover {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.sidebar-meta ul > li > a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
#tt-post-password-form button {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.page-header-category > a {
|
||||
background-color: #da0d0d;
|
||||
color: #FFF;
|
||||
}
|
||||
.ph-more-info-trigger-icon {
|
||||
border: 2px solid #da0d0d;
|
||||
}
|
||||
.ph-more-info-trigger-icon:before,
|
||||
.ph-more-info-trigger-icon:after {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #da0d0d;
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #da0d0d !important;
|
||||
}
|
||||
.btn-primary { /* same as template main color */
|
||||
background-color: #da0d0d;
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active.focus,
|
||||
.btn-primary.active:focus,
|
||||
.btn-primary.active:hover,
|
||||
.btn-primary:active.focus,
|
||||
.btn-primary:active:focus,
|
||||
.btn-primary:active:hover,
|
||||
.open > .dropdown-toggle.btn-primary,
|
||||
.open > .dropdown-toggle.btn-primary.focus,
|
||||
.open > .dropdown-toggle.btn-primary:focus,
|
||||
.open > .dropdown-toggle.btn-primary:hover {
|
||||
color: #FFF;
|
||||
background-color: #bd0707;
|
||||
border-color: #bd0707;
|
||||
}
|
||||
.btn-primary.btn-link {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.btn-primary-bordered {
|
||||
color: #da0d0d;
|
||||
border-color: #da0d0d;
|
||||
}
|
||||
.btn-link {
|
||||
color: #da0d0d; /* same as template main link color */
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link.focus,
|
||||
.btn-link:focus,
|
||||
.btn-link.active,
|
||||
.btn-link:active,
|
||||
.btn-link.active.focus,
|
||||
.btn-link.active:focus,
|
||||
.btn-link.active:hover,
|
||||
.btn-link:active.focus,
|
||||
.btn-link:active:focus,
|
||||
.btn-link:active:hover,
|
||||
.open > .dropdown-toggle.btn-link,
|
||||
.open > .dropdown-toggle.btn-link.focus,
|
||||
.open > .dropdown-toggle.btn-link:focus,
|
||||
.open > .dropdown-toggle.btn-link:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.follow-me-buttons a:hover {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.footer-copyright a {
|
||||
color: #da0d0d;
|
||||
}
|
||||
.scrolltotop:hover,
|
||||
.scrolltotop:focus {
|
||||
background-color: #da0d0d;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------------------------------------------------------------- *
|
||||
* Helper classes
|
||||
/* ------------------------------------------------------------- */
|
||||
|
||||
.text-main { color: #da0d0d !important; }
|
||||
.link-main a { color: #da0d0d !important; }
|
||||
.bg-main { background-color: #da0d0d !important; }
|
||||
.border-main { border-color: #da0d0d !important; }
|
||||
.border-top-main { border-top-color: #da0d0d !important; }
|
||||
.border-bottom-main { border-bottom-color: #da0d0d !important; }
|
||||
.border-left-main { border-left-color: #da0d0d !important; }
|
||||
.border-right-main { border-right-color: #da0d0d !important; }
|
||||
Reference in New Issue
Block a user