API tools faq
paste
Guest User

Untitled

a guest
Nov 17th, 2017
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.41 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. * Typography.less
  3. * -----------------------------------------------
  4. */
  5. ::selection {
  6. background: #333333;
  7. color: #fff;
  8. text-shadow: none;
  9. }
  10. ::-moz-selection {
  11. background: #333333;
  12. /* Firefox */
  13. color: #fff;
  14. text-shadow: none;
  15. }
  16. ::-webkit-selection {
  17. background: #333333;
  18. /* Safari */
  19. color: #fff;
  20. text-shadow: none;
  21. }
  22. :active,
  23. :focus {
  24. outline: none !important;
  25. }
  26. html {
  27. font-size: 100%;
  28. }
  29. body {
  30. line-height: 1.7;
  31. color: #666666;
  32. font-size: 14px;
  33. font-family: 'Open Sans', sans-serif;
  34. background-color: #fff;
  35. }
  36. a {
  37. color: #808080;
  38. text-decoration: none;
  39. }
  40. a:hover,
  41. a:focus {
  42. color: #595959;
  43. text-decoration: none;
  44. }
  45. a img {
  46. border: none;
  47. }
  48. img {
  49. max-width: 100%;
  50. }
  51. iframe {
  52. border: none !important;
  53. }
  54. /* -------- Headings ---------- */
  55. h1,
  56. .h1 {
  57. font-size: 3.4rem;
  58. }
  59. h2,
  60. .h2 {
  61. font-size: 28px;
  62. }
  63. h3,
  64. .h3 {
  65. font-size: 24px;
  66. }
  67. h4,
  68. .h4 {
  69. font-size: 18px;
  70. }
  71. h5,
  72. .h5 {
  73. font-size: 14px;
  74. }
  75. h6,
  76. .h6 {
  77. font-size: 12px;
  78. }
  79. h1,
  80. h2,
  81. .h1,
  82. .h2 {
  83. font-family: 'Open Sans', sans-serif;
  84. font-weight: 700;
  85. line-height: 1.42857143;
  86. color: #333333;
  87. }
  88. h1 small,
  89. h2 small,
  90. .h1 small,
  91. .h2 small,
  92. h1 .small,
  93. h2 .small,
  94. .h1 .small,
  95. .h2 .small {
  96. font-weight: normal;
  97. line-height: 1;
  98. color: #333333;
  99. }
  100. h1 a,
  101. h2 a,
  102. .h1 a,
  103. .h2 a {
  104. color: #333333;
  105. }
  106. h3,
  107. h4,
  108. h5,
  109. h6,
  110. .h3,
  111. .h4,
  112. .h5,
  113. .h6 {
  114. font-family: 'Open Sans', sans-serif;
  115. font-weight: 700;
  116. line-height: 1.42857143;
  117. color: #333333;
  118. }
  119. h3 small,
  120. h4 small,
  121. h5 small,
  122. h6 small,
  123. .h3 small,
  124. .h4 small,
  125. .h5 small,
  126. .h6 small,
  127. h3 .small,
  128. h4 .small,
  129. h5 .small,
  130. h6 .small,
  131. .h3 .small,
  132. .h4 .small,
  133. .h5 .small,
  134. .h6 .small {
  135. font-weight: normal;
  136. line-height: 1;
  137. color: #333333;
  138. }
  139. h3 a,
  140. h4 a,
  141. h5 a,
  142. h6 a,
  143. .h3 a,
  144. .h4 a,
  145. .h5 a,
  146. .h6 a {
  147. color: #333333;
  148. }
  149. /* -------- Body Text ---------- */
  150. p,
  151. pre,
  152. ul,
  153. ol,
  154. dl,
  155. dd,
  156. blockquote,
  157. address,
  158. table,
  159. fieldset,
  160. form {
  161. margin-bottom: 10px;
  162. }
  163. /* -------- Custom Font Family ---------- */
  164. .font-opensans {
  165. font-family: 'Open Sans', sans-serif;
  166. }
  167. .font-raleway {
  168. font-family: 'Raleway', sans-serif;
  169. }
  170. .font-titillium {
  171. font-family: 'Titillium Web', sans-serif;
  172. }
  173. /* breadcrumb */
  174. .breadcrumb {
  175. background-color: transparent;
  176. padding-left: 0;
  177. text-align: center;
  178. }
  179. .breadcrumb > li + li::before {
  180. content: "\f22d";
  181. font-family: fontawesome;
  182. font-size: 9px;
  183. }
  184. .breadcrumb li.active {
  185. color: #111111;
  186. }
  187. .breadcrumb.white li.active {
  188. color: #fff;
  189. }
  190. .breadcrumb.white li a {
  191. color: #808080;
  192. }
  193. @media only screen and (min-width: 768px) {
  194. .breadcrumb.text-right {
  195. text-align: right !important;
  196. }
  197. }
  198. /*Drop Caps*/
  199. .drop-caps p {
  200. text-align: justify;
  201. }
  202. .drop-caps p:first-child:first-letter {
  203. color: #111111;
  204. display: block;
  205. float: left;
  206. font-size: 48px;
  207. line-height: 48px;
  208. margin: 6px 3px;
  209. padding: 10px 18px;
  210. }
  211. .drop-caps.text-colored p:first-child:first-letter {
  212. display: block;
  213. float: left;
  214. font-size: 48px;
  215. line-height: 48px;
  216. margin: 6px 3px;
  217. padding: 10px 18px;
  218. }
  219. .drop-caps.border p:first-child:first-letter {
  220. border: 1px solid;
  221. margin: 8px 16px 0 0;
  222. padding: 15px 20px;
  223. }
  224. .drop-caps.border-rounded p:first-child:first-letter {
  225. border: 1px solid;
  226. border-radius: 50%;
  227. margin: 8px 16px 0 0;
  228. padding: 15px 20px;
  229. }
  230. .drop-caps.colored-square p:first-child:first-letter {
  231. color: #fff;
  232. margin: 8px 16px 0 0;
  233. padding: 15px 20px;
  234. }
  235. .drop-caps.colored-rounded p:first-child:first-letter {
  236. color: #fff;
  237. margin: 8px 16px 0 0;
  238. padding: 15px 20px;
  239. border-radius: 50%;
  240. }
  241. .drop-caps.dark-square p:first-child:first-letter {
  242. background: #222222;
  243. color: #fff;
  244. margin: 8px 16px 0 0;
  245. padding: 15px 20px;
  246. }
  247. .drop-caps.dark-rounded p:first-child:first-letter {
  248. background: #222222;
  249. color: #fff;
  250. margin: 8px 16px 0 0;
  251. padding: 15px 20px;
  252. border-radius: 50%;
  253. }
  254. /*Text Highlight*/
  255. .text-highlight {
  256. background: none repeat scroll 0 0 #111111;
  257. border-radius: 4px;
  258. color: #fff;
  259. padding: 0 5px 3px;
  260. }
  261. .text-highlight.light {
  262. background: #808080;
  263. }
  264. /*
  265. * common.less
  266. * -----------------------------------------------
  267. */
  268. /* -------- Basic Structure ---------- */
  269. html {
  270. font-size: 100%;
  271. max-width: 100%;
  272. }
  273. @media only screen and (max-width: 991px) {
  274. html {
  275. font-size: 90%;
  276. }
  277. }
  278. @media only screen and (max-width: 767px) {
  279. html {
  280. font-size: 85%;
  281. }
  282. }
  283. @media only screen and (max-width: 479px) {
  284. html {
  285. font-size: 80%;
  286. }
  287. }
  288. html,
  289. html a {
  290. -webkit-font-smoothing: antialiased;
  291. }
  292. body {
  293. max-width: 100%;
  294. overflow-x: hidden;
  295. }
  296. img {
  297. max-width: 100%;
  298. }
  299. ul,
  300. ol {
  301. list-style: none;
  302. margin: 0;
  303. padding: 0;
  304. }
  305. .fluid-video-wrapper {
  306. padding: 0;
  307. position: relative;
  308. width: 100%;
  309. }
  310. iframe {
  311. border: none;
  312. width: 100%;
  313. }
  314. .lead {
  315. font-size: 18px;
  316. }
  317. .text-highlight {
  318. background: none repeat scroll 0 0 #111111;
  319. border-radius: 4px;
  320. color: #fff;
  321. padding: 0 5px 3px;
  322. }
  323. .text-highlight.light {
  324. background: #808080;
  325. }
  326. .inline-block {
  327. display: inline-block;
  328. }
  329. .display-block {
  330. display: block;
  331. }
  332. .fullwidth {
  333. width: 100%;
  334. }
  335. .bg-hover-theme-colored {
  336. -webkit-transition: all 0.3s ease;
  337. -o-transition: all 0.3s ease;
  338. transition: all 0.3s ease;
  339. }
  340. /* Text-decoration */
  341. .text-underline {
  342. text-decoration: underline;
  343. }
  344. /* -------- Line-Bottom ---------- */
  345. .heading-line-bottom {
  346. border-bottom: 1px dashed #808080;
  347. display: inline-block;
  348. margin: 0;
  349. position: relative;
  350. margin: 20px 0;
  351. }
  352. .heading-line-bottom::after {
  353. content: "";
  354. height: 2px;
  355. left: 0;
  356. position: absolute;
  357. top: 4px;
  358. width: 20px;
  359. }
  360. .heading-title {
  361. margin-top: 10px;
  362. }
  363. .line-bottom {
  364. position: relative;
  365. margin-bottom: 30px;
  366. padding-bottom: 10px;
  367. }
  368. .line-bottom:after {
  369. bottom: -1px;
  370. content: "";
  371. height: 2px;
  372. left: 0;
  373. position: absolute;
  374. width: 50px;
  375. }
  376. .line-bottom-centered {
  377. position: relative;
  378. margin: 10px 0 20px;
  379. }
  380. .line-bottom-centered:after {
  381. background: #2b96cc none repeat scroll 0 0;
  382. bottom: -8px;
  383. content: "";
  384. height: 1px;
  385. left: 0;
  386. margin-left: auto;
  387. margin-right: auto;
  388. margin-top: 0;
  389. position: absolute;
  390. right: 0;
  391. width: 30px;
  392. }
  393. .title-icon [class^="flaticon-"]::after,
  394. .title-icon [class^="flaticon-"]::before {
  395. font-size: 48px;
  396. margin-left: 10px;
  397. }
  398. .title-icon {
  399. margin: 0 auto;
  400. max-width: 160px;
  401. position: relative;
  402. }
  403. .title-icon::after {
  404. content: "";
  405. height: 2px;
  406. left: 24px;
  407. position: absolute;
  408. top: 10px;
  409. width: 30px;
  410. }
  411. .title-icon::before {
  412. content: "";
  413. height: 2px;
  414. position: absolute;
  415. right: 20px;
  416. top: 10px;
  417. width: 30px;
  418. }
  419. /* -------- List ---------- */
  420. ul,
  421. ol {
  422. list-style: none;
  423. margin: 0;
  424. padding: 0;
  425. }
  426. ul ul,
  427. ol ul {
  428. margin-left: 15px;
  429. }
  430. ul.list {
  431. list-style: outside none none;
  432. margin-top: 13px;
  433. padding-left: 0;
  434. }
  435. ul.list li {
  436. margin: 5px 0;
  437. font-weight: 500;
  438. padding-left: 15px;
  439. position: relative;
  440. }
  441. ul.list li:hover:before {
  442. background: none;
  443. border-color: transparent;
  444. }
  445. ul.list li a {
  446. text-decoration: none;
  447. -webkit-transition: all 300ms ease-in;
  448. -o-transition: all 300ms ease-in;
  449. transition: all 300ms ease-in;
  450. }
  451. /* -------- List White ---------- */
  452. ul.list.list-white li:before {
  453. color: #fff;
  454. }
  455. ul.list.list-white li:hover:before {
  456. background: none;
  457. border-color: transparent;
  458. }
  459. ul.list.list-white li a {
  460. color: #fff;
  461. text-decoration: none;
  462. -webkit-transition: all 300ms ease-in;
  463. -o-transition: all 300ms ease-in;
  464. transition: all 300ms ease-in;
  465. }
  466. /* -------- List border bottom ---------- */
  467. ul.list-border-bottom li {
  468. border-bottom: 1px solid #eeeeee;
  469. padding-bottom: 10px;
  470. }
  471. ul.list.list-border-bottom li:last-child {
  472. border-bottom: none;
  473. }
  474. ul.list-border-bottom.no-padding li {
  475. padding-bottom: 0px;
  476. }
  477. ul.list-border-bottom.no-padding li:last-child {
  478. border-bottom: none;
  479. }
  480. /* -------- List Icons ---------- */
  481. .list-border li {
  482. border-bottom: 1px dashed #d3d3d3;
  483. padding: 10px 0;
  484. }
  485. .dark .list-border li {
  486. border-bottom: 1px dashed #333333;
  487. }
  488. .list-icon li {
  489. font-size: 14px;
  490. margin: 0;
  491. }
  492. .list-icon li i {
  493. color: #555555;
  494. font-size: 14px;
  495. height: 28px;
  496. line-height: 28px;
  497. margin: 5px 10px 5px 0;
  498. text-align: center;
  499. width: 28px;
  500. }
  501. .list-icon.square li i {
  502. background: #c0c0c0;
  503. color: #555555;
  504. font-size: 12px;
  505. height: 28px;
  506. line-height: 28px;
  507. margin: 5px 10px 5px 0;
  508. text-align: center;
  509. width: 28px;
  510. }
  511. .list-icon.rounded li i {
  512. color: #555555;
  513. background: #c0c0c0;
  514. border-radius: 50%;
  515. font-size: 12px;
  516. height: 28px;
  517. line-height: 28px;
  518. margin: 5px 10px 5px 0;
  519. text-align: center;
  520. width: 28px;
  521. }
  522. .list-icon.theme-colored.square li i {
  523. color: #fff;
  524. }
  525. .list-icon.theme-colored.rounded li i {
  526. color: #fff;
  527. }
  528. /* -------- Personal Info List ---------- */
  529. .list-info li {
  530. clear: both;
  531. position: relative;
  532. }
  533. .list-info li label {
  534. display: inline-block;
  535. font-weight: bold;
  536. padding: 5px 0 0;
  537. }
  538. .list-info li span {
  539. left: 110px;
  540. padding: 5px 0;
  541. position: absolute;
  542. }
  543. .list-features {
  544. -moz-column-count: 3;
  545. column-count: 3;
  546. }
  547. .list-dashed > article {
  548. border-bottom: 1px dashed #d3d3d3 !important;
  549. margin-bottom: 7px;
  550. padding-bottom: 7px;
  551. }
  552. .list-dashed > div {
  553. border-bottom: 1px dashed #d3d3d3 !important;
  554. margin-bottom: 7px;
  555. padding-bottom: 7px;
  556. }
  557. .list-dashed > li {
  558. border-bottom: 1px dashed #d3d3d3 !important;
  559. margin-bottom: 7px;
  560. padding-bottom: 7px;
  561. }
  562. .list-dashed.dark-dash > article {
  563. border-bottom: 1px dashed #333333 !important;
  564. }
  565. .list-dashed.dark-dash > div {
  566. border-bottom: 1px dashed #333333 !important;
  567. }
  568. .list-dashed.dark-dash > li {
  569. border-bottom: 1px dashed #333333 !important;
  570. }
  571. ul.list.check li:before {
  572. content: "\f00c";
  573. font-family: fontawesome;
  574. font-size: 12px;
  575. }
  576. ul.list.angle-double-right li:before {
  577. content: "\f101";
  578. font-family: fontawesome;
  579. font-size: 12px;
  580. }
  581. ul.list.angle-right li:before {
  582. content: "\f105";
  583. font-family: fontawesome;
  584. }
  585. ul.list.check-circle li:before {
  586. content: "\f058";
  587. font-family: fontawesome;
  588. font-size: 14px;
  589. }
  590. /* -------- Call To Actions ---------- */
  591. .call-to-action {
  592. width: 100%;
  593. padding-bottom: 20px;
  594. padding-top: 20px;
  595. }
  596. /* -------- Section & Divider ---------- */
  597. section {
  598. position: relative;
  599. }
  600. section > .container,
  601. section > .container-fluid {
  602. padding-top: 60px;
  603. padding-bottom: 60px;
  604. }
  605. /* -------- Background Video ---------- */
  606. .bg-video {
  607. height: 100%;
  608. position: absolute;
  609. text-align: center;
  610. width: 100%;
  611. z-index: -1;
  612. }
  613. .bg-video .video {
  614. height: 100%;
  615. left: 0;
  616. margin: 0!important;
  617. position: relative;
  618. top: 0;
  619. width: 100%;
  620. }
  621. .bg-video .video .mbYTP_wrapper {
  622. z-index: -1 !important;
  623. }
  624. /* -------- Box Table ---------- */
  625. .display-table-parent {
  626. height: 100%;
  627. left: 0;
  628. position: absolute;
  629. top: 0;
  630. width: 100%;
  631. }
  632. .display-table {
  633. display: table;
  634. height: 100%;
  635. position: relative;
  636. width: 100%;
  637. }
  638. .display-table-cell {
  639. display: table-cell;
  640. height: 100%;
  641. vertical-align: middle;
  642. }
  643. /* -------- Scroll To Top ---------- */
  644. .scrollToTop {
  645. background: rgba(0, 0, 0, 0.1);
  646. bottom: 15px;
  647. display: none;
  648. height: 50px;
  649. padding: 2px;
  650. position: fixed;
  651. right: 15px;
  652. text-align: center;
  653. text-decoration: none;
  654. width: 50px;
  655. z-index: 99999;
  656. }
  657. .scrollToTop i {
  658. color: #fff;
  659. font-size: 42px;
  660. }
  661. .scrollToTop:hover {
  662. background: rgba(0, 0, 0, 0.6);
  663. text-decoration: none;
  664. }
  665. /* -------- magnific popup ---------- */
  666. .mfp-close-btn-in .mfp-close {
  667. color: #eee;
  668. font-size: 64px;
  669. }
  670. /*
  671. * Extra.less
  672. * -----------------------------------------------
  673. */
  674. /* -------- Heading Style ---------- */
  675. .heading-border {
  676. border-bottom: 1px solid #d3d3d3;
  677. margin: 30px 0;
  678. padding: 20px 0;
  679. }
  680. /* -------- FullCalendar - Plugin ---------- */
  681. .fc-day-number {
  682. color: #333333;
  683. }
  684. .fc-day-number.fc-other-month {
  685. opacity: 0.4;
  686. }
  687. /* scrolltofixed-container */
  688. .scrolltofixed-container {
  689. position: static;
  690. }
  691. @media only screen and (max-width: 767px) {
  692. .scrolltofixed-container .scrolltofixed {
  693. position: static !important;
  694. }
  695. .scrolltofixed-container .scrolltofixed + div {
  696. display: none !important;
  697. }
  698. }
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!