API tools faq
paste
Guest User

Untitled

a guest
Aug 3rd, 2018
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. * Author: SpicePress
  3. * Created by: Shahid (Scientech IT)
  4. * Copyright (c) 2017 SpicePress
  5. * Date: 1 Dec, 2017
  6. * http://www.spicethemes.com
  7. * Name: theme-menu.css
  8. */
  9.  
  10. /* Menu Section css---------------------------------------------------------------------------------------------------- */
  11. .navbar-default { background-color: transparent; border-color: #e7e7e7; }
  12. .navbar {
  13. background-color: #ffffff;
  14. border: 0px none;
  15. position: relative;
  16. min-height: 40px;
  17. padding: 0px;
  18. margin-top: 0px;
  19. margin-bottom: 0px;
  20. border-radius: 0px;
  21. }
  22. .nav { list-style: outside none none; margin-bottom: 0; padding: 0px; }
  23. .navbar-inverse .navbar-toggle { background: #66d1b9; border-color: none; }
  24. .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #66d1b9; }
  25. .navbar-inverse {
  26. border-color: none;
  27. border-style: none;
  28. border-width: 0px;
  29. padding: 5px 0;
  30. border-color: none;
  31.  
  32. background-color: rgba(0, 0, 0, 0.6);
  33. border-bottom: 0;
  34. border-top: 0;
  35. border-right: 0;
  36. border-left: 0;
  37. }
  38. .navbar-brand {
  39. color: #1b1b1b;
  40. height: auto;
  41. font-size: 1.875rem;
  42. line-height: 1.6;
  43. font-weight: 600;
  44. margin-right: 50px;
  45. padding: 20px 0px;
  46. }
  47. .site-branding-text { float: left; margin: 0 50px 0 0; padding: 12px 0; }
  48. .site-title { height: auto; font-size: 1.875rem; line-height: 1.3; font-weight: 600; margin: 0; padding: 0px; }
  49. .site-description { padding: 0; margin: 0; }
  50. .navbar > .container .navbar-brand { margin-left: 0px; }
  51. .navbar-wrapper { position: absolute; right: 0; left: 0; margin-top: 0px; z-index: 20; }
  52. .navbar .navbar-nav > li { margin-right: 0px; padding: 0px; }
  53. .navbar-default .navbar-nav > li > a {
  54. color: #1b1b1b;
  55. font-size: 0.875rem;
  56. font-weight: 600;
  57. -webkit-border-radius: 3px;
  58. -moz-border-radius: 3px;
  59. border-radius: 0px;
  60. padding: 35px 17px;
  61. transition: all 0.3s ease-in-out 0s;
  62. }
  63. .navbar .dropdown-arrow { margin-left: 5px; margin-top: 2px; }
  64.  
  65. /*Dropdown Menus & Submenus Css----------------------------------------------------------*/
  66.  
  67. .dropdown-menu { padding: 0; min-width: 230px; border-radius: 0px; box-shadow: 0; }
  68. .dropdown-menu > li { padding: 0; }
  69. .dropdown-menu > li > a {
  70. color: #d5d5d5;
  71. border-bottom: 1px dotted #363544;
  72. font-weight: 600;
  73. font-size: 0.875rem;
  74. padding: 15px 20px;
  75. transition: all 0.3s ease-in-out 0s;
  76. letter-spacing: 0.7px;
  77. white-space: normal;
  78. }
  79. .dropdown-menu > li > a:last-chlid { border-bottom: 0px; border-bottom: 0; }
  80. .dropdown-menu > li > a:hover,
  81. .dropdown-menu > li > a:focus {
  82. text-decoration: none;
  83. color: #ffffff; background-color: #282737;
  84. }
  85. .dropdown-submenu { position:relative; }
  86. .dropdown-submenu > a:after {
  87. font-family: 'FontAwesome';
  88. content: "\f105";
  89. float: right;
  90. width: 0;
  91. height: 0;
  92. margin-top: 0px;
  93. padding-right: 7px;
  94. }
  95. .dropdown-submenu > .dropdown-menu {
  96. top:0;
  97. left:100% !important;
  98. margin-top:0px;
  99. margin-left:0px;
  100. -webkit-border-radius: 0px;
  101. -moz-border-radius: 0px;
  102. border-radius: 0px;
  103. }
  104. .dropdown-submenu:hover > .dropdown-menu { display:block; }
  105. .dropdown-submenu .pull-left { float:none; }
  106. .dropdown-submenu.pull-left > .dropdown-menu {
  107. left:-100%;
  108. margin-left:10px;
  109. -webkit-border-radius:0px;
  110. -moz-border-radius:0px;
  111. border-radius:0px;
  112. }
  113. .navbar-nav .open .dropdown-menu > li > a,
  114. .navbar-nav .open .dropdown-menu .dropdown-header { padding: 12px 15px; margin: 0 8px; }
  115. .navbar-right .dropdown-menu { left: 0; right: 0; }
  116. @media only screen and (max-width: 767px) and (min-width: 480px) {
  117. .open:{ }
  118. }
  119.  
  120. /* Navbar Overlapped & Stiky Header Css---------------------------------------------------------------------------------------------------- */
  121. body.page .header-overlapped ~ #slider-carousel,
  122. body.woocommerce-page .header-overlapped ~ #slider-carousel { margin: -70px 0 70px; }
  123. body.page-template.page-template-template-business .header-overlapped ~ #slider-carousel, body.blog .header-overlapped { margin: 0px; }
  124. body.home.blog .header-overlapped,
  125. body.page-template-template-business .header-overlapped {
  126. background-color: transparent;
  127. margin: 0;
  128. position: relative;
  129. z-index: 99;
  130. }
  131. @media (min-width:481px) {
  132. body.home.blog .navbar-overlapped,
  133. body.page-template-template-business .navbar-overlapped {
  134. position: absolute;
  135. right: 0;
  136. left: 0;
  137. top: 0;
  138. z-index: 20;
  139. }
  140. }
  141. .header-overlapped { margin: 0 0 70px; }
  142. .header-overlapped .page-title-section { background-color: transparent !important; }
  143. .navbar-overlapped { background-color: rgba(0,0,0,0.2); position: relative; min-height: 90px; }
  144. .header-overlapped .page-seperate { display: none; }
  145. .navbar-overlapped .site-title a, .navbar-overlapped .site-title a:hover, .navbar-overlapped .site-title a:focus { color: #fff; }
  146. .navbar-overlapped .site-description { color: #fff; }
  147. .navbar-overlapped .navbar-brand { padding: 20px 0px; color: #ffffff; }
  148. .navbar-overlapped .navbar-brand:hover, .navbar-overlapped .navbar-brand:focus { color: #ffffff; }
  149. .navbar-overlapped .navbar-nav > li > a {
  150. color: #fff;
  151. border-bottom: 2px solid transparent;
  152. padding: 34px 10px;
  153. margin-left: 5px;
  154. margin-right: 5px;
  155. }
  156. @media (min-width:991px) {
  157. .navbar-overlapped.navbar.navbar-default .navbar-nav > li > a:hover,
  158. .navbar-overlapped.navbar.navbar-default .navbar-nav > li > a:focus {
  159. background-color: transparent;
  160. color: #fff;
  161. border-bottom: 2px solid rgba(255,255,255,1);
  162. }
  163. .navbar-overlapped.navbar.navbar-default .navbar-nav > .open > a,
  164. .navbar-overlapped.navbar.navbar-default .navbar-nav > .open > a:hover,
  165. .navbar-overlapped.navbar.navbar-default .navbar-nav > .open > a:focus {
  166. background-color: transparent;
  167. color: #fff;
  168. border-bottom: 2px solid transparent;
  169. }
  170. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a,
  171. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a:hover,
  172. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a:focus {
  173. background-color: transparent;
  174. color: #fff;
  175. border-bottom: 2px solid rgba(255,255,255,1);
  176. }
  177. }
  178. .navbar-overlapped .cart-header { width: 25px; height: 25px; margin: 33px 7px 32px 20px; }
  179. .navbar-overlapped .cart-header > a.cart-icon { color: #fff; border: 1px solid #ffffff; }
  180. .navbar-overlapped .cart-header > a.cart-icon { width: auto; height: auto; border: 0 none; padding: 0; }
  181. .navbar-overlapped .cart-header > a .cart-total { right: -11px; top: -4px; }
  182.  
  183. /* Navbar Classic Css---------------------------------------------------------------------------------------------------- */
  184. .mobile-header { display: none; }
  185. @media (max-width: 990px) {
  186. .desktop-header { display: none !important; }
  187. .mobile-header { display: block !important; }
  188. .mobile-header .navbar-classic { background-color: #fff !important; }
  189. }
  190. .navbar-classic { z-index: 20; background-color: #21202e; }
  191. .navbar-classic { min-height: 60px; }
  192. .navbar-classic .navbar-nav { float: none !important; }
  193. .navbar-classic .navbar-nav > li > a { color: #fff; padding: 20px 25px; }
  194. .navbar-classic .navbar-collapse { border-top: 1px solid #434158; padding-right: 0; padding-left: 0; }
  195. .navbar-classic .cart-header { width: 25px; height: 25px; margin: 18px 10px 17px 20px; }
  196. .navbar-classic .cart-header > a.cart-icon { color: #fff; border: 1px solid #ffffff; }
  197. .navbar-classic .cart-header > a.cart-icon { width: auto; height: auto; border: 0 none; padding: 0; }
  198. .navbar-classic .cart-header > a .cart-total { right: -11px; top: -4px; }
  199. @media (min-width: 768px) {
  200. .navbar-classic .navbar-nav { float: none !important; }
  201. .navbar-classic .navbar-right { margin-right: 0; }
  202. }
  203.  
  204. /*Header Stiky Menu*/
  205. .stiky-header{
  206. position: fixed !important;
  207. top: 0;
  208. left: 0;
  209. right: 0;
  210. z-index: 999;
  211. transition: all 0.3s ease;
  212. min-height: 70px;
  213. box-shadow: 0 2px 3px rgba(0,0,0,.1)
  214. }
  215. .navbar-overlapped.stiky-header .navbar-brand { padding: 10px 0px; }
  216. .navbar-overlapped.stiky-header .navbar-nav > li > a { padding: 24px 10px; }
  217. .navbar-overlapped.stiky-header .cart-header { margin: 23px 7px 22px 20px; }
  218.  
  219. /*Start*/
  220. @media (min-width: 991px) {
  221. .navbar-toggle { display: none !important; }
  222. .navbar-nav .dropdown-menu > li > a:hover,
  223. .navbar-nav .dropdown-menu > li > a:focus {
  224. padding: 12px 15px 12px 20px !important;
  225. }
  226. }
  227. @media (min-width: 991px) and (max-width: 1024px) {
  228. .navbar-brand { margin-right: 25px; padding: 14px 0px; }
  229. .navbar .navbar-nav > li > a { padding: 32px 12px; }
  230. .navbar .navbar-nav .cart-header { margin: 22px 7px 22px 20px; }
  231. /*Navbar Classic*/
  232. .navbar-classic .navbar-nav > li > a { padding: 20px 25px; }
  233. .navbar-classic .navbar-nav .cart-header { margin: 18px 12px 18px 20px; }
  234. }
  235. @media (min-width: 100px) and (max-width: 990px) {
  236. .navbar-header { float: none; }
  237. .navbar-toggle { display: block; }
  238. .navbar-nav { float: none!important; margin: 7.5px 50px 7.5px -15px; }
  239. .navbar-nav > li { float: none; }
  240. .collapsing { overflow: hidden!important; }
  241. .navbar-collapse.collapse {
  242. display: block !important;
  243. height: auto !important;
  244. padding-bottom: 0;
  245. overflow: visible !important;
  246. }
  247.  
  248. /*Media css*/
  249. .navbar .navbar-nav > li > a { color: #d5d5d5; }
  250. .navbar .navbar-nav .dropdown-menu > li > a { border-bottom: 1px dotted #4c4a5f; }
  251. .navbar-nav .open .dropdown-menu {
  252. position: static;
  253. float: none;
  254. width: auto;
  255. margin-top: 0;
  256. background-color: transparent;
  257. border: 0;
  258. -webkit-box-shadow: none;
  259. box-shadow: none;
  260. }
  261. .navbar .navbar-nav .open .dropdown-menu > li > a { color: #d5d5d5; padding: 12px 5px 12px 20px; margin: 0; transition: all 0.3s ease-in-out 0s; }
  262. .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
  263. .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
  264. background-color: transparent;
  265. color: #fff;
  266. }
  267. .navbar .navbar-collapse, .navbar .navbar-form { border-color: transparent; }
  268. .navbar .navbar-toggle .icon-bar { background-color: #0f0f16; }
  269. .container > .navbar-header, .container-fluid > .navbar-header,
  270. .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
  271. .navbar-nav { background-color: #21202e; margin: 0px; width: 100%; }
  272. .navbar-nav > li { border-right: 0px none; }
  273. .navbar-toggle {
  274. color: #0f0f16;
  275. display: block;
  276. float: right;
  277. font-weight: 700;
  278. margin: 28px auto 28px;
  279. border-radius: 2px;
  280. padding: 7px 0px;
  281. letter-spacing: 0.1rem;
  282. text-transform: uppercase;
  283. border: 0 none;
  284. }
  285. .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: transparent; }
  286. .navbar-toggle .icon-bar { width: 40px; height: 1px; }
  287. .navbar-toggle .icon-bar + .icon-bar { margin-top: 8px; }
  288. .navbar .navbar-nav > li > a { padding: 12px 15px; border-bottom: 1px dotted #4c4a5f; }
  289. .dropdown-submenu > a:after { padding-right: 15px; }
  290. /*Navbar Overlapped*/
  291. .navbar-overlapped.stiky-header .navbar-nav > li > a { padding: 12px 15px; }
  292. .navbar-overlapped.navbar.navbar-default .navbar-nav > li > a:hover,
  293. .navbar-overlapped.navbar.navbar-default .navbar-nav > li > a:focus {
  294. border-bottom: 1px dotted #4c4a5f;
  295. }
  296. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a,
  297. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a:hover,
  298. .navbar-overlapped.navbar.navbar-default .navbar-nav > .active > a:focus {
  299. border-bottom: 1px dotted #4c4a5f;
  300. }
  301. .navbar-overlapped .navbar-toggle { color: #fff; }
  302. .navbar-overlapped .navbar-toggle .icon-bar { background-color: #fff; }
  303. /*Navbar Classic*/
  304. .navbar-classic .navbar-nav > .active > a,
  305. .navbar-classic .navbar-nav > .active > a:hover,
  306. .navbar-classic .navbar-nav > .active > a:focus {
  307. border-top: 0 none;
  308. }
  309. /*Navbar Collapse*/
  310. .navbar-collapse { padding-right: 0px; padding-left: 0px; }
  311. /*.navbar-collapse.in {*/
  312. /* width: 100%;*/
  313. /* padding-left: 0;*/
  314. /* padding-right: 0;*/
  315. /* visibility: hidden;*/
  316. /* opacity: 0;*/
  317. /* position: absolute;*/
  318. /* top: 100%;*/
  319. /* transition: all 0.1s ease;*/
  320. /*}*/
  321. /*.navbar-collapse {*/
  322. /* display: block; */
  323. /* visibility: visible; */
  324. /* opacity: 1;*/
  325. /* bottom: 0;*/
  326. /* right: 0;*/
  327. /* padding-left: 0;*/
  328. /* padding-right: 0;*/
  329. /* width: 100%;*/
  330. /* position: absolute;*/
  331. /* z-index:9;*/
  332. /* top: 100%;*/
  333. /* transition: all 0.1s ease;*/
  334. /*}*/
  335. .navbar-collapse.collapse { display: none!important; }
  336. .navbar-collapse.collapse.in { width: 100%; display: block!important; }
  337. .collapsing { overflow: hidden!important; }
  338. .navbar-collapse { border-top: 1px solid #e7e7e7; padding-right: 0px; padding-left: 0px; }
  339.  
  340. }
  341. /*End*/
  342.  
  343. @media only screen and (max-width: 480px) and (min-width: 100px) {
  344. .navbar .navbar-collapse.in { bottom: 0px; }
  345. .navbar .navbar-collapse { bottom: 0px; }
  346. /*Navbar Overlapped*/
  347. .navbar-overlapped { background-color: #21202e; border-bottom: 1px solid #4c4a5f; }
  348. .navbar-overlapped .navbar-collapse.in { bottom: 0px; }
  349. .navbar-overlapped .navbar-collapse { bottom: 0px; }
  350. .navbar-toggle { float: none; margin: 10px auto 30px; }
  351. .header-contact-info2 { padding: 0px 0 10px; }
  352. /*Header Wisget Info*/
  353. .header-widget-info .about-social { float: none; }
  354. .header-widget-info .custom-social-icons { text-align: center; }
  355. /*Logo*/
  356. .navbar .navbar-brand { text-align: center; }
  357. .navbar-brand { display: block; float: none; margin-right: 0; padding: 20px 15px 10px 15px; }
  358. .navbar-brand img { display: block; margin: 0 auto; text-align: center; }
  359. /*Logo*/
  360. .site-branding-text { display: block; float: none; margin-right: 0; padding: 20px 15px 10px 15px; text-align: center; }
  361. .site-branding-text img { display: block; margin: 0 auto; text-align: center; }
  362.  
  363. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!