選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

default-theme.css 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. @charset "utf-8";
  2. /* CSS Document */
  3. a,
  4. .theme_color,
  5. .main-slider h2,
  6. .main-slider .left-title,
  7. .btn-style-two:hover,
  8. .sec-title .title,
  9. .header-top .top-left ul li .fa,
  10. .header-top .top-right .social-box li a:hover,
  11. .main-header .header-top .language > a,
  12. .main-header .info-box .icon-box,
  13. .main-menu .navigation > li:hover > a,
  14. .main-menu .navigation > li.current > a,
  15. .main-slider .social-box a:hover,
  16. .main-footer .logo-widget .text a,
  17. .list-style-one li .icon,
  18. .main-footer .list li a:hover,
  19. .news-widget-block .widget-inner h3 a:hover,
  20. .main-footer .footer-bottom .copyright a,
  21. .main-footer .footer-bottom .footer-nav li a:hover,
  22. .project-block .inner-box .image .category,
  23. .services-block-two .inner-box h3 a:hover,
  24. .project-block .inner-box .image h3 a:hover,
  25. .team-block .inner-box .image .social-icons li a:hover,
  26. .team-block .inner-box .lower-box h3 a:hover,
  27. .header-top-two .top-left .social-box li a:hover,
  28. .main-header .header-top-two .language > a,
  29. .services-section-two .title-column .inner-column .read-more,
  30. .services-block-three .inner-box .read-more,
  31. .list-style-two li .icon,
  32. .page-breadcrumb li,
  33. .sidebar-title .title,
  34. .page-breadcrumb li a:hover,
  35. .list-style-three li .icon,
  36. .business-widget .widget-content h3,
  37. .brochure-widget .brouchers li a:hover,
  38. .footer-style-two .usefull-links li a:hover,
  39. .footer-style-two .footer-bottom .copyright a,
  40. .footer-style-two .footer-bottom .footer-nav li a:hover,
  41. .footer-style-two .service-list li a:hover,
  42. .services-block-four .inner-box .icon-box,
  43. .accordion-box.style-two .block.active-block::before,
  44. .fact-counter.style-two .column .inner .icon-box,
  45. .project-tab .product-tab-btns .p-tab-btn:hover,
  46. .video-box .overlay-box span,
  47. .new-posts a:hover,
  48. .shop-list li a,
  49. .checkout-page .default-links li a,
  50. .product-details .basic-details .details-header .rating span,
  51. .shop-page .prod-tabs .add-review .rating .rate-box:hover,
  52. .shop-page .prod-tabs .add-review .rating .rate-box:focus,
  53. .shop-page .prod-tabs .add-review .rating .rate-box:active,
  54. .shop-page .prod-tabs .reviews-container .rev-header .rating,
  55. .sidebar .list li a:hover,
  56. .cart-table tbody tr .remove-btn,
  57. .sidebar .search-box .form-group button,
  58. .sidebar .popular-posts .post a,
  59. .error-section .go-back:hover,
  60. .contact-page-section .info-column .content-boxed ul li .icon,
  61. .sidebar .popular-posts .post a:hover,
  62. .commingsoon-section .left-column .social-boxed li a:hover,
  63. .project-tab .product-tab-btns .p-tab-btn.active-btn,
  64. .project-block-two .inner-box .image .overlay-box-two .title,
  65. .project-block-two .inner-box .image .overlay-box-two h3 a:hover,
  66. .project-block-two .inner-box .image .overlay-box-two .read-more,
  67. .project-block-two .inner-box .image .overlay-box .category,
  68. .testimonial-block-two .inner-box .author-info .info-inner .designation,
  69. .main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover,
  70. .main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a:hover,
  71. .main-header .outer-box .option-box .cart-product .inner h3 a:hover,
  72. .main-header .outer-box .option-box .cart-product .inner .cross-icon:hover,
  73. .news-block .inner-box:hover .content-column .column-inner h3 a,
  74. .services-block-five .inner-box .lower-content h3 a:hover,
  75. .shop-item .inner-box .lower-content h6 a:hover,
  76. .testimonial-widget .widget-content .author,
  77. .widget-post .post-inner .lower-content h3 a:hover,
  78. .blog-single .inner-box .news-posts .prev-post a:hover,
  79. .blog-single .inner-box .news-posts .next-post a:hover,
  80. .news-block-two .inner-box .lower-content .read-more:hover,
  81. .news-block-two .inner-box:hover .lower-content h3 a,
  82. .services-block-five .inner-box .lower-content .read-more:hover,
  83. .services-block-five .inner-box .lower-content .arrow-icon:hover,
  84. .main-header .outer-box .option-box .cart-box .cart-box-btn:hover,
  85. .projects-page-section .filters .filter-tabs .filter.active,
  86. .projects-page-section .filters .filter-tabs .filter:hover,
  87. .project-info-block .block-info .project-info .icon{
  88. color:#292663;
  89. }
  90. /*Background Color*/
  91. .btn-style-two,
  92. .btn-style-three:hover,
  93. .btn-style-four,
  94. .checkout-btn,
  95. .btn-style-five,
  96. .scroll-to-top:hover,
  97. .social-icon-one li a:hover,
  98. .cart-table .cart-header,
  99. .shop-item .inner-box .image .sale,
  100. .post-widget .owl-prev:hover, .post-widget .owl-next:hover,
  101. .shop-item .inner-box .image .overlay-box .cart-option li a:hover,
  102. .shop-item .inner-box .image .overlay-box .cart-option li a,
  103. .projects-page-section .filters .filter-tabs .filter:before,
  104. .projects-page-section .filters .filter-tabs .filter:after,
  105. .accordion-box.style-two .block.active-block::before,
  106. .project-section .owl-prev, .project-section .owl-next,
  107. .project-block .inner-box .image .overlay-box .icons .plus,
  108. .project-block .inner-box .image .overlay-box .icons .link,
  109. .main-menu .navigation > li > ul > li:hover > a,
  110. .main-menu .navigation > li > ul > li > ul > li:hover > a,
  111. .team-section .carousel-column .owl-nav .owl-prev,
  112. .team-section .carousel-column .owl-nav .owl-next,
  113. .testimonial-section .owl-dots .owl-dot.active,
  114. .main-footer .footer-widget h2:after,
  115. .footer-style-two .footer-widget h5:after,
  116. .project-section-three .owl-dots .owl-dot.active,
  117. .accordion-box .block .icon-outer .icon,
  118. .main-header .info-box .social-box li a,
  119. .blog-cat li.active a, .blog-cat li a:hover,
  120. .blog-cat-two li.active a, .blog-cat-two li a:hover,
  121. .project-block .inner-box .content-column .inner-column,
  122. .project-tab .product-tab-btns .p-tab-btn:after,
  123. .news-block-two .inner-box .image .owl-nav .owl-prev,
  124. .news-block-two .inner-box .image .owl-nav .owl-next,
  125. .news-block-two .inner-box .image .overlay-box .icon,
  126. .ui-state-active, .ui-widget-content .ui-state-active,
  127. .project-section-three .title-box .video-column .play-box .play-icon,
  128. .testimonial-section-two .owl-prev, .testimonial-section-two .owl-next,
  129. .main-header .header-top-two .language .dropdown-menu > li > a:hover,
  130. .testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next,
  131. .main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a,
  132. .main-header .outer-box .option-box .cart-box .cart-box-btn .total-cart,
  133. .main-header .header-top .language .dropdown-menu > li > a:hover,
  134. .projects-single-section .carousel-box .owl-nav .owl-prev:hover,
  135. .projects-single-section .carousel-box .owl-nav .owl-next:hover{
  136. background-color:#292663;
  137. }
  138. /*Border Color*/
  139. .btn-style-two,
  140. .btn-style-four,
  141. .btn-style-five,
  142. .btn-style-three:hover,
  143. .sidebar-title-two h2,
  144. .styled-pagination li.active a,
  145. .styled-pagination li a:hover,
  146. .shop-form input:focus,
  147. .shop-form select:focus,
  148. .shop-form textarea:focus,
  149. .styled-form input:focus,
  150. .styled-form select:focus,
  151. .styled-form textarea:focus,
  152. .blog-cat-two li.active a, .blog-cat-two li a:hover,
  153. .main-header.header-style-three .header-upper,
  154. .main-menu .navigation > li > ul,
  155. .cart-section .apply-coupon .form-group input[type="text"],
  156. .sponsors-section-two .sponsors-outer .image-box:hover,
  157. .main-menu .navigation > li > ul > li > ul,
  158. .main-header .header-lower .search-box-outer .dropdown-menu,
  159. .main-header .header-lower .search-panel input:focus,
  160. .main-header .header-lower .search-panel select:focus,
  161. .quote-form .form-group input[type="text"]:focus,
  162. .quote-form .form-group input[type="tel"]:focus,
  163. .quote-form .form-group input[type="email"]:focus,
  164. .quote-form .form-group textarea:focus,
  165. .main-header .header-top-two .language .dropdown-menu,
  166. .sponsors-section .sponsors-outer .image-box:hover,
  167. .ui-state-active, .ui-widget-content .ui-state-active,
  168. .default-form .form-group input[type="text"]:focus,
  169. .default-form .form-group input[type="password"]:focus,
  170. .default-form .form-group input[type="tel"]:focus,
  171. .default-form .form-group input[type="email"]:focus,
  172. .default-form .form-group select:focus,
  173. .default-form .form-group textarea:focus,
  174. .faq-form .form-group input[type="text"]:focus,
  175. .faq-form .form-group input[type="tel"]:focus,
  176. .faq-form .form-group input[type="email"]:focus,
  177. .faq-form .form-group textarea:focus,
  178. .blog-cat li.active a, .blog-cat li a:hover,
  179. .comment-form .form-group input[type="text"]:focus,
  180. .comment-form .form-group input[type="password"]:focus,
  181. .comment-form .form-group input[type="tel"]:focus,
  182. .comment-form .form-group input[type="email"]:focus,
  183. .comment-form .form-group select:focus,
  184. .comment-form .form-group textarea:focus,
  185. .newsletter-section-two .newsletter-form .form-group input[type="email"]:focus,
  186. .main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a,
  187. .main-header .outer-box .option-box .cart-box .cart-panel,
  188. .main-header .header-top .language .dropdown-menu,
  189. .contact-form .form-group input[type="text"]:focus,
  190. .contact-form .form-group input[type="password"]:focus,
  191. .contact-form .form-group input[type="tel"]:focus,
  192. .contact-form .form-group input[type="email"]:focus,
  193. .contact-form .form-group select:focus,
  194. .contact-form .form-group textarea:focus{
  195. border-color:#292663;
  196. }
  197. .time-counter .time-countdown .counter-column{
  198. border-bottom-color:#292663;
  199. }
  200. /*RGBA Color Light*/
  201. /*RGBA Color Dark*/
  202. .newsletter-section:before,
  203. .call-to-action-section-two:before{
  204. background-color:rgba(41,38,99,0.90);
  205. }
  206. .services-block-five .inner-box .image .overlay-box{
  207. background-color:rgba(41,38,99,0.80);
  208. }
  209. @media only screen and (max-width: 767px){
  210. .main-menu .navbar-header .navbar-toggle{
  211. border-color:#292663;
  212. }
  213. .main-menu .navbar-header .navbar-toggle,
  214. .main-menu .navbar-collapse > .navigation,
  215. .main-menu .navbar-collapse > .navigation > li > ul,
  216. .main-menu .navbar-collapse > .navigation > li > ul > li > ul,
  217. .main-menu .navbar-collapse > .navigation > li > a,
  218. .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  219. .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a,
  220. .main-menu .navbar-collapse > .navigation > li > a:hover,
  221. .main-menu .navbar-collapse > .navigation > li > a:active,
  222. .main-menu .navbar-collapse > .navigation > li > a:focus,
  223. .main-menu .navbar-collapse > .navigation > li:hover > a,
  224. .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
  225. .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
  226. .main-menu .navbar-collapse > .navigation > li.current > a,
  227. .main-menu .navbar-collapse > .navigation > li.current-menu-item > a,
  228. .header-style-two.inner-header .main-menu .navigation > li > a{
  229. background-color:#292663;
  230. }
  231. }