API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2016
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.68 KB | None | 0 0
raw download clone embed print report
  1. /* = Main navigation
  2. ----------------------------------------------- */
  3. .main-nav {
  4. clear: both;
  5. margin: 0 0 30px 0;
  6. }
  7. .main-nav .navbar_inner {
  8. background: #262626;
  9. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.33);
  10. -webkit-box-sizing:content-box;
  11. -moz-box-sizing:content-box;
  12. box-sizing:content-box;
  13. }
  14. .main-nav .navbar_inner :after {
  15. clear: both;
  16. content: "";
  17. width: 100%;
  18. display: block;
  19. }
  20. /* Portrait tablet to landscape and desktop */
  21. @media (min-width: 768px) and (max-width: 979px) {
  22. .sf-menu {
  23. text-align: center;
  24. }
  25. }
  26. /* Essential styles for dropdown menu */
  27. .sf-menu,
  28. .sf-menu * {
  29. margin: 0;
  30. padding: 0;
  31. list-style: none;
  32. }
  33. .sf-menu {
  34. line-height: 1.0;
  35. }
  36. .navbar_inner > div > ul ul,
  37. .navbar_inner > ul ul {
  38. position: absolute;
  39. top: -999em;
  40. min-width: 200px;
  41. left: 0;
  42. background: #ff5b5b;
  43. padding: 10px 0;
  44. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  45. }
  46. .navbar_inner > div > ul li:hover,
  47. .navbar_inner > ul li:hover {
  48. visibility: inherit;
  49. /* fixes IE7 'sticky bug' */
  50.  
  51. }
  52. .navbar_inner > div > ul li,
  53. .navbar_inner > ul li {
  54. position: relative;
  55. background: none;
  56. text-transform: none;
  57. font-weight: normal;
  58. -webkit-box-sizing:content-box;
  59. -moz-box-sizing:content-box;
  60. box-sizing:content-box;
  61. }
  62. .navbar_inner > div > ul > li,
  63. .navbar_inner > ul > li {
  64. float: left;
  65. border: none;
  66. margin: 0;
  67. height: 52px;
  68. border-left: 1px solid #3a3a3a;
  69. }
  70. .navbar_inner > div > ul > li:first-child,
  71. .navbar_inner > ul > li:first-child {
  72. border-left: none;
  73. }
  74. /* Portrait tablet to landscape and desktop */
  75. @media (min-width: 768px) and (max-width: 979px) {
  76. .navbar_inner > div > ul > li,
  77. .navbar_inner > ul > li {
  78. float: none;
  79. display: inline-block;
  80. border: none;
  81. }
  82. }
  83. .navbar_inner > div > ul a,
  84. .navbar_inner > ul a {
  85. display: block;
  86. position: relative;
  87. -webkit-box-sizing:content-box;
  88. -moz-box-sizing:content-box;
  89. box-sizing:content-box;
  90. }
  91. .navbar_inner > div > ul li:hover ul,
  92. .navbar_inner > div > ul li.sfHover ul,
  93. .navbar_inner > ul li:hover ul,
  94. .navbar_inner > ul li.sfHover ul {
  95. left: 0;
  96. top: 52px;
  97. /* match top ul list item height */
  98.  
  99. z-index: 99;
  100. }
  101.  
  102. @media (min-width: 768px) and (max-width: 979px) {
  103. .navbar_inner > div > ul li:hover ul,
  104. .navbar_inner > div > ul li.sfHover ul,
  105. .navbar_inner > ul li:hover ul,
  106. .navbar_inner > ul li.sfHover ul {
  107. top: 26px;
  108. }
  109. }
  110. .navbar_inner > div > ul li:hover li ul,
  111. .navbar_inner > div > ul li.sfHover li ul,
  112. .navbar_inner > ul li:hover li ul,
  113. .navbar_inner > ul li.sfHover li ul {
  114. top: -999em;
  115. }
  116. .navbar_inner > div > ul li li:hover ul,
  117. .navbar_inner > div > ul li li.sfHover ul,
  118. .navbar_inner > ul li li:hover ul,
  119. .navbar_inner > ul li li.sfHover ul {
  120. left: 101%;
  121. /* match ul width */
  122.  
  123. top: -10px;
  124. }
  125. .navbar_inner > div > ul li li:hover li ul,
  126. .navbar_inner > div > ul li li.sfHover li ul,
  127. .navbar_inner > ul li li:hover li ul,
  128. .navbar_inner > ul li li.sfHover li ul {
  129. top: -999em;
  130. }
  131. /* Our skin for dropdown menu */
  132. .navbar_inner > div > ul,
  133. .navbar_inner > ul {
  134. margin: 0;
  135. padding: 0;
  136. -webkit-box-sizing:content-box;
  137. -moz-box-sizing:content-box;
  138. box-sizing:content-box;
  139. }
  140. /* Landscape phone to portrait tablet */
  141. @media (max-width: 767px) {
  142. .navbar_inner > div > ul,
  143. .navbar_inner > ul {
  144. display: none;
  145. }
  146. }
  147. .navbar_inner > div > ul > li > a,
  148. .navbar_inner > ul > li > a {
  149. color: #fff8ed;
  150. font-size: 18px;
  151. line-height: 52px;
  152. height: 52px;
  153. text-decoration: none;
  154. text-transform: uppercase;
  155. letter-spacing: 0;
  156. background: none;
  157. font-weight: bold;
  158. padding: 0 15px;
  159. font-family: 'BenchNine', sans-serif;
  160. border-bottom: 0 solid #ff5b5b;
  161. }
  162. /* Large Desktop */
  163. @media (min-width: 1200px) {
  164. .navbar_inner > div > ul > li > a,
  165. .navbar_inner > ul > li > a {
  166. padding: 0 20px;
  167. }
  168. }
  169. @media (min-width: 768px) and (max-width: 979px) {
  170. .navbar_inner > div > ul,
  171. .navbar_inner > ul {
  172. padding: 10px 0 0 0;
  173. }
  174. .navbar_inner > div > ul > li,
  175. .navbar_inner > ul > li {
  176. margin: 0 15px 10px;
  177. line-height: 26px;
  178. height: 26px;
  179. }
  180. .navbar_inner > div > ul > li > a,
  181. .navbar_inner > ul > li > a {
  182. font-size: 18px;
  183. line-height: 26px;
  184. height: 26px;
  185. padding: 0;
  186. border-bottom: 0 solid #ff5b5b;
  187. }
  188. }
  189. .navbar_inner > div > ul > li > a:hover,
  190. .navbar_inner > div > ul > li.sfHover > a,
  191. .navbar_inner > div > ul > li.current-menu-item > a,
  192. .navbar_inner > div > ul > li.current_page_item > a,
  193. .navbar_inner > ul > li > a:hover,
  194. .navbar_inner > ul > li.sfHover > a,
  195. .navbar_inner > ul > li.current-menu-item > a,
  196. .navbar_inner > ul > li.current_page_item > a {
  197. color: #ffffff;
  198. outline: 0;
  199. text-decoration: none;
  200. border-bottom: 6px solid #ff5b5b;
  201. }
  202. /* Portrait tablet to landscape and desktop */
  203. @media (min-width: 768px) and (max-width: 979px) {
  204. .navbar_inner > div > ul > li > a:hover,
  205. .navbar_inner > div > ul > li.sfHover > a,
  206. .navbar_inner > div > ul > li.current-menu-item > a,
  207. .navbar_inner > div > ul > li.current_page_item > a,
  208. .navbar_inner > ul > li > a:hover,
  209. .navbar_inner > ul > li.sfHover > a,
  210. .navbar_inner > ul > li.current-menu-item > a,
  211. .navbar_inner > ul > li.current_page_item > a {
  212. color: #ff5b5b;
  213. border-bottom: 0 solid #ff5b5b;
  214. }
  215. }
  216. .navbar_inner > div > ul li li,
  217. .navbar_inner > ul li li {
  218. margin: 0;
  219. }
  220. .navbar_inner > div > ul li li a,
  221. .navbar_inner > ul li li a {
  222. font-family: 'BenchNine', sans-serif;
  223. color: #fff8ed;
  224. font-size: 16px;
  225. line-height: 20px;
  226. text-decoration: none;
  227. padding: 6px 5px;
  228. text-transform: none;
  229. position: relative;
  230. text-align: center;
  231. text-transform: uppercase;
  232. display: block;
  233. background: rgba(0,0,0,0);
  234. }
  235. .navbar_inner > div > ul li li > a:hover,
  236. .navbar_inner > div > ul li li.sfHover > a,
  237. .navbar_inner > div > ul li li > a:focus,
  238. .navbar_inner > div > ul li li.current-menu-item > a,
  239. .navbar_inner > ul li li > a:hover,
  240. .navbar_inner > ul li li.sfHover > a,
  241. .navbar_inner > ul li li > a:focus,
  242. .navbar_inner > ul li li.current-menu-item > a {
  243. color: #fff8ed;
  244. background: rgba(0,0,0,.2);
  245. outline: 0;
  246. }
  247. /*** arrows **/
  248. .sf-sub-indicator {
  249. position: absolute;
  250. right: 5px;
  251. top: 50%;
  252. width: 10px;
  253. height: 10px;
  254. background: url(images/arrows-ffffff.png) no-repeat 0 0;
  255. margin: -5px 0 0 0;
  256. overflow: hidden;
  257. text-indent: -100px;
  258. }
  259. .navbar_inner > div > ul > li > a > .sf-sub-indicator,
  260. .navbar_inner > ul > li > a > .sf-sub-indicator {
  261. position: relative;
  262. top: auto;
  263. right: auto;
  264. display: inline-block;
  265. width: 10px;
  266. height: 10px;
  267. margin: 0 0 0 5px;
  268. text-indent: -999em;
  269. overflow: hidden;
  270. background: url(images/arrows-ffffff.png) no-repeat 0 -100px;
  271. /* 8-bit indexed alpha png. IE6 gets solid image only */
  272.  
  273. }
  274. .navbar_inner > div > ul > li > a:hover > .sf-sub-indicator,
  275. .navbar_inner > div > ul > li.sfHover > a > .sf-sub-indicator,
  276. .navbar_inner > div > ul > li.current-menu-item > a > .sf-sub-indicator,
  277. .navbar_inner > ul > li > a:hover > .sf-sub-indicator,
  278. .navbar_inner > ul > li.sfHover > a > .sf-sub-indicator,
  279. .navbar_inner > ul > li.current-menu-item > a > .sf-sub-indicator {
  280. background-position: -10px -100px;
  281. /* arrow hovers for modern browsers*/
  282.  
  283. }
  284. .navbar_inner > div > ul li li > a:hover > .sf-sub-indicator,
  285. .navbar_inner > div > ul li li.sfHover > a > .sf-sub-indicator,
  286. .navbar_inner > div > ul li li.current-menu-item a > .sf-sub-indicator,
  287. .navbar_inner > ul li li > a:hover > .sf-sub-indicator,
  288. .navbar_inner > ul li li.sfHover > a > .sf-sub-indicator,
  289. .navbar_inner > ul li li.current-menu-item a > .sf-sub-indicator {
  290. background-position: -10px 0;
  291. /* arrow hovers for modern browsers*/
  292.  
  293. }
  294. /*** shadows for all but IE6 ***/
  295. /* Navigation select styling */
  296. .select-menu {
  297. background-color: #262626;
  298. width: 100%;
  299. height: 30px;
  300. padding: 5px;
  301. cursor: pointer;
  302. display: none !important;
  303. color: #ffffff;
  304. border: none;
  305. border: 1px solid #262626;
  306. margin: 5px 0;
  307. }
  308. /* Landscape phone to portrait tablet */
  309. @media (max-width: 767px) {
  310. .select-menu {
  311. display: block !important;
  312. }
  313. }
  314. .select-menu option {
  315. padding: 5px 8px;
  316. cursor: pointer;
  317. }
  318. .select-menu option:first-child {
  319. padding-left: 5px;
  320. padding-right: 5px;
  321. }
  322. .select-menu option.main_item {
  323. font-weight: bold;
  324. }
  325. .hentry {
  326. padding: 6px 0 0 0;
  327. margin: 0 0 30px 0;
  328. background: #ffffff;
  329. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22);
  330. position: relative;
  331. min-height: 150px;
  332. }
  333. .page_wrap {
  334. padding: 20px;
  335. margin: 0 0 30px 0;
  336. background: #ffffff;
  337. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22);
  338. position: relative;
  339. }
  340. .page_wrap:after {
  341. clear: both;
  342. content: "";
  343. width: 100%;
  344. display: block;
  345. height: 0;
  346. }
  347. .page-title {
  348. padding: 20px;
  349. background: #ffffff;
  350. margin: 0 0 30px 0;
  351. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22);
  352. }
  353. .taxonomy-description {
  354. padding: 20px 20px 15px 20px;
  355. background: #ffffff;
  356. margin: 0 0 30px 0;
  357. box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22);
  358. }
  359. .taxonomy-description p {
  360. margin: 0;
  361. padding: 0 0 5px 0;
  362. }
  363. #primary.left {
  364. float: right;
  365. }
  366. #primary .page-header {
  367. border: none;
  368. padding: 0;
  369. margin: 0;
  370. }
  371. .post-title a:hover,
  372. .post-title a:active,
  373. .post-title a:focus {
  374. text-decoration: none;
  375. }
  376. /* Post header */
  377. .post-header {
  378. padding: 5px 15px 0 15px;
  379. }
  380. .single .post-header {
  381. padding: 10px 0 0 0;
  382. }
  383. /* Large Desktop */
  384. @media (min-width: 1200px) {
  385. .post-header {
  386. padding: 0 35px 0 35px;
  387. }
  388. }
  389. .post-title {
  390. margin: 0;
  391. padding: 10px 0 0 0;
  392. font-size: 46px;
  393. overflow: hidden;
  394. }
  395. .single .post-title {
  396. padding: 0 0 10px 0;
  397. }
  398. .post-title a {
  399. color: #434242;
  400. }
  401. .post-title a:hover {
  402. color: #ff5b5b;
  403. }
  404. /* Sticky Post */
  405. .single .sticky.post_content {
  406. padding-top: 40px;
  407. }
  408. .single .sticky.video_wrap {
  409. padding-top: 40px;
  410. }
  411. #content .featured_badge {
  412. display: block;
  413. position: absolute;
  414. top: 0;
  415. left: 0;
  416. right: 0;
  417. height: 35px;
  418. line-height: 35px;
  419. padding: 0 35px;
  420. background: #ff5b5b;
  421. color: #ffffff;
  422. font-size: 22px;
  423. font-family: 'BenchNine', sans-serif;
  424. font-weight: bold;
  425. }
  426. #content .featured_badge i {
  427. font-size: 22px;
  428. margin: 0 10px 0 0;
  429. font-weight: normal;
  430. }
  431. .featured_badge + .post-title {
  432. padding-top: 35px;
  433. }
  434. .featured-thumbnail + .post-header .featured_badge + .post-title {
  435. padding-top: 10px;
  436. }
  437. /* Medium Desktop */
  438. @media (min-width: 1200px) and (max-width: 1350px) {
  439. .featured_badge + .post-title {
  440. padding-top: 0;
  441. }
  442. .single .sticky.post_content {
  443. padding-top: 5px;
  444. }
  445. .single .sticky.video_wrap {
  446. padding-top: 5px;
  447. }
  448. #content .featured_badge {
  449. font-size: 30px;
  450. line-height: 58px;
  451. width: 69px;
  452. height: 60px;
  453. text-align: center;
  454. background: #ff5b5b;
  455. border-radius: 30px 0 0 30px;
  456. font-weight: bold;
  457. color: #ffffff;
  458. font-family: Arial, Helvetica, sans-serif;
  459. letter-spacing: 0;
  460. vertical-align: top;
  461. margin: 0;
  462. position: absolute;
  463. right: 0;
  464. left: auto;
  465. top: 6px;
  466. padding: 0;
  467. -moz-transform: scale(0.7);
  468. -webkit-transform: scale(0.7);
  469. -o-transform: scale(0.7);
  470. -ms-transform: scale(0.7);
  471. transform: scale(0.7);
  472. -webkit-transform-origin: right top;
  473. -moz-transform-origin: right top;
  474. -ms-transform-origin: right top;
  475. -o-transform-origin: right top;
  476. transform-origin: right top;
  477. }
  478. #content .featured_badge i {
  479. font-size: 30px;
  480. margin: 0;
  481. font-weight: normal;
  482. }
  483. #content .featured_badge strong {
  484. display: none;
  485. }
  486. }
  487. /* Small Desktop */
  488. @media (min-width: 980px) and (max-width: 1100px) {
  489. .featured_badge + .post-title {
  490. padding-top: 0;
  491. }
  492. .single .sticky.post_content {
  493. padding-top: 5px;
  494. }
  495. .single .sticky.video_wrap {
  496. padding-top: 5px;
  497. }
  498. #content .featured_badge {
  499. font-size: 30px;
  500. line-height: 58px;
  501. width: 69px;
  502. height: 60px;
  503. text-align: center;
  504. background: #ff5b5b;
  505. border-radius: 30px 0 0 30px;
  506. font-weight: bold;
  507. color: #ffffff;
  508. font-family: Arial, Helvetica, sans-serif;
  509. letter-spacing: 0;
  510. vertical-align: top;
  511. margin: 0;
  512. position: absolute;
  513. right: 0;
  514. left: auto;
  515. top: 6px;
  516. padding: 0;
  517. -moz-transform: scale(0.7);
  518. -webkit-transform: scale(0.7);
  519. -o-transform: scale(0.7);
  520. -ms-transform: scale(0.7);
  521. transform: scale(0.7);
  522. -webkit-transform-origin: right top;
  523. -moz-transform-origin: right top;
  524. -ms-transform-origin: right top;
  525. -o-transform-origin: right top;
  526. transform-origin: right top;
  527. }
  528. #content .featured_badge i {
  529. font-size: 30px;
  530. margin: 0;
  531. font-weight: normal;
  532. }
  533. #content .featured_badge strong {
  534. display: none;
  535. }
  536. }
  537. /* All Devices */
  538. @media (max-width: 979px) {
  539. .featured_badge + .post-title {
  540. padding-top: 0;
  541. }
  542. .single .sticky.post_content {
  543. padding-top: 5px;
  544. }
  545. .single .sticky.video_wrap {
  546. padding-top: 5px;
  547. }
  548. #content .featured_badge {
  549. font-size: 30px;
  550. line-height: 58px;
  551. width: 69px;
  552. height: 60px;
  553. text-align: center;
  554. background: #ff5b5b;
  555. border-radius: 30px 0 0 30px;
  556. font-weight: bold;
  557. color: #ffffff;
  558. font-family: Arial, Helvetica, sans-serif;
  559. letter-spacing: 0;
  560. vertical-align: top;
  561. margin: 0;
  562. position: absolute;
  563. right: 0;
  564. left: auto;
  565. top: 6px;
  566. padding: 0;
  567. -moz-transform: scale(0.7);
  568. -webkit-transform: scale(0.7);
  569. -o-transform: scale(0.7);
  570. -ms-transform: scale(0.7);
  571. transform: scale(0.7);
  572. -webkit-transform-origin: right top;
  573. -moz-transform-origin: right top;
  574. -ms-transform-origin: right top;
  575. -o-transform-origin: right top;
  576. transform-origin: right top;
  577. }
  578. #content .featured_badge i {
  579. font-size: 30px;
  580. margin: 0;
  581. font-weight: normal;
  582. }
  583. #content .featured_badge strong {
  584. display: none;
  585. }
  586. }
  587. /* Post content */
  588. .post_content {
  589. padding: 10px 15px 10px 15px;
  590. min-height: 50px;
  591. }
  592. .post_content p {
  593. word-break:normal;
  594. -ms-word-wrap: break-word;
  595. word-wrap: break-word;
  596. }
  597. .post_content.pholio {
  598. min-height: 0;
  599. }
  600. .post_content:after {
  601. clear: both;
  602. content: "";
  603. width: 100%;
  604. display: block;
  605. }
  606. .post_content .post_permalink {
  607. float: right;
  608. margin: 0 10px 0 0;
  609. }
  610. .post_permalink a {
  611. font-size: 12px;
  612. font-style: normal;
  613. text-decoration: none !important;
  614. }
  615. .post_permalink a:active,
  616. .post_permalink a:focus {
  617. text-decoration: none;
  618. }
  619. .post_permalink a i {
  620. font-size: 14px;
  621. margin: 0 3px 0 0;
  622. text-decoration: none !important
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!