API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 2nd, 2015
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.45 KB | None | 0 0
raw download clone embed print report
  1. /*------------------------------------------
  2. BASE
  3. -------------------------------------------*/
  4.  
  5. html {overflow-x: hidden;}
  6.  
  7. body {position: relative;}
  8.  
  9. h1 {font-size: 2em;}
  10.  
  11. h2 {font-size: 1.5em;}
  12.  
  13. h3 {font-size: 1.3em;}
  14.  
  15. h4 {font-size: 1.1em;}
  16.  
  17. p,
  18. li,
  19. a {font-size: .8em;}
  20.  
  21.  
  22. .page-header {
  23. text-align: center;
  24. text-transform: uppercase;
  25. }
  26.  
  27. @media screen and (min-width: 768px) and (max-width: 991px) {
  28. h1 {font-size: 2.5em}
  29.  
  30. h2 {font-size: 2em;}
  31.  
  32. h3 {font-size: 1.8em;}
  33.  
  34. h4 {font-size: 1.6em;}
  35.  
  36. p,
  37. li,
  38. a { font-size: 1.3em;}
  39. }
  40.  
  41. @media screen and (min-width: 992px) {
  42. h1 (font-size: 2.7em;)
  43.  
  44. h2 {font-size: 2.1em;}
  45.  
  46. h3 {font-size: 1.6em;}
  47.  
  48. h4 {font-size: 1.3em;}
  49.  
  50. p,
  51. li,
  52. a {font-size: .9em;}
  53.  
  54. .page-header h2 {
  55. font-size: 2.5em;
  56. width: 45%;
  57. margin: 0 auto;
  58. background-color: rgba(225,225,225,.5);
  59. padding: 20px;
  60. border-radius: 8px;
  61. margin-bottom: 20px;
  62. }
  63. }
  64.  
  65. @media screen and (min-width: 1200px) {
  66.  
  67. .page-header h2 {font-size: 2.9em;}
  68. }
  69.  
  70. /*------------------------------------------
  71. NAVIGATION
  72. -------------------------------------------*/
  73.  
  74. .navbar-default {border: none;}
  75.  
  76. .navbar-header .navbar-text p {
  77. font-size: 1.2em;
  78. margin-top: -20px;
  79. margin-bottom: 0;
  80. padding-right: 10px;
  81. padding-top: 25px;
  82. padding-bottom: 0;
  83. color: rgba(255,255,255,1);
  84. text-transform: uppercase;
  85. }
  86.  
  87. .navbar-brand {padding: 20px 15px 0 15px;}
  88.  
  89. .navbar-header > button {margin-right: 25px;}
  90.  
  91. .navbar-header a.navbar-brand {
  92. font-size: 15px;
  93. text-transform: uppercase;
  94. font-weight: bolder;
  95. letter-spacing: 0.1em;
  96. color: rgba(255,255,255,1);
  97. }
  98.  
  99. .navbar-header .navbar-toggle {
  100. border: 3px solid white;
  101. border-radius: 5px;
  102. }
  103.  
  104. .navbar-default {background-color: rgba(246,71,71,1);}
  105.  
  106. .navbar-default .navbar-collapse {border-color: transparent;}
  107.  
  108. .navbar-toggle .icon-bar {
  109. width: 20px;
  110. height: 3px;
  111. }
  112.  
  113. .navbar-default .navbar-toggle .icon-bar {background-color: white;}
  114.  
  115. .navbar-default .navbar-nav > li > a {
  116. color: rgba(255,255,255,1);
  117. text-transform: uppercase;
  118. font-weight: bold;
  119. letter-spacing: .3em;
  120. }
  121.  
  122. .navbar-default .navbar-nav > .active > a,
  123. .navbar-default .navbar-nav > .active > a:hover,
  124. .navbar-default .navbar-nav > .active > a:focus {
  125. background-color: rgba(255,255,255,.5);
  126. color: rgba(255,255,255,1);
  127. }
  128.  
  129. .navbar-default .navbar-toggle:hover,
  130. .navbar-default .navbar-toggle:focus {background-color: rgba(255,255,255,.5);}
  131.  
  132. @media screen and (min-width: 768px) and (max-width: 991px) {
  133. .navbar-default {border: none;}
  134. .navbar-default .navbar-nav > li > a {
  135. font-size: .6em;
  136. padding-left: 20px;
  137. }
  138. .navbar-default .navbar-brand {margin-top: -5px;}
  139. }
  140.  
  141. @media screen and (min-width: 992px) {
  142.  
  143. .navbar-default .navbar-nav > li > a {padding-left: 20px;}
  144.  
  145. .navbar-default .navbar-brand {margin-top: -4px;}
  146. }
  147.  
  148. @media screen and (min-width: 1200px) {
  149.  
  150. .navbar-default .navbar-nav > li > a {padding-left: 30px;}
  151.  
  152. .navbar-header a.navbar-brand {
  153. font-size: 1.3em;
  154. margin-top: -5px;
  155. }
  156.  
  157. .navbar-default .navbar-nav > li > a {font-size: 1.2em;}
  158.  
  159. .navbar-default .navbar-nav > li > a:last-child {padding-right: 25px;}
  160. }
  161. /*------------------------------------------
  162. PAGE: HOME
  163. -------------------------------------------*/
  164.  
  165. .fullwidth-carousel {
  166. margin-left: -15px;
  167. margin-right: -15px;
  168. padding-top: 60px;
  169. }
  170.  
  171. .carousel-caption {
  172. background-color: rgba(45,45,45,.3);
  173. position: absolute;
  174. bottom: 75px;
  175. border-radius: 10px;
  176. width: 45%;
  177. margin: 0 auto;
  178. }
  179.  
  180. .carousel-caption h4 {
  181. font-weight: bolder;
  182. font-size: 1.1em;
  183. line-height: 5%;
  184. }
  185.  
  186. .carousel-caption p {
  187. font-weight: bold;
  188. line-height: 25%;
  189. padding-top: 5px;
  190. font-size: .6em;
  191. }
  192.  
  193. .home-bg {
  194. background:url("../img/mountain.jpg") no-repeat center fixed;
  195. background-size: cover;
  196. }
  197.  
  198. .home-info {
  199. margin-top: 20px;
  200. border: 5px solid rgba(45,45,45,.5);
  201. border-radius: 6px;
  202. background-color: rgba(255,255,255,.8);
  203. }
  204.  
  205. .home-info:last-child {margin-bottom: 20px;}
  206.  
  207. .home-info button {margin-bottom: 10px;}
  208.  
  209. .home-info h3 {
  210. font-size: 1.3em;
  211. font-weight: bold;
  212. letter-spacing: .05em;
  213. }
  214.  
  215. .home-info p {
  216. font-size: .8em;
  217. letter-spacing: .08em;
  218. font-weight: bold;
  219. }
  220.  
  221. .home-info button > a {
  222. color: rgba(255,255,255,1);
  223. font-weight: bolder;
  224. }
  225.  
  226. .btn-default {
  227. border-color: transparent;
  228. background-color: rgba(246,71,71,.8);
  229. }
  230.  
  231. @media screen and (min-width: 768px) and (max-width: 991px) {
  232.  
  233. .fullwidth-carousel {margin-top: -10px;}
  234.  
  235. .carousel-caption {
  236. width: 55%;
  237. margin: 0 auto;
  238. position: absolute;
  239. bottom: 300px;
  240. }
  241.  
  242. .carousel-caption h4 {font-size: 1.5em;}
  243.  
  244. .carousel-caption p {
  245. font-size: 1.2em;
  246. padding-top: 10px;
  247. }
  248.  
  249. .home-bg {background: none;}
  250.  
  251. .home-info {
  252. border: none;
  253. border-radius: 0;
  254. background-color: rgba(246,71,71,.2);
  255. color: rgba(108,122,137,1);
  256. padding-bottom: 10px;
  257. }
  258.  
  259. .home-info h3 {
  260. background-color: rgba(255,255,255,.5);
  261. padding: 10px;
  262. text-align: center;
  263. font-size: 1.6em;
  264. }
  265.  
  266. .home-info p{font-size: 1em;}
  267.  
  268. button[type="button"] > a {font-size: 1em;}
  269.  
  270. }
  271.  
  272. @media screen and (min-width: 992px) {
  273.  
  274. .fullwidth-carousel {margin-top: -10px;}
  275.  
  276. .carousel-caption {
  277. width: 40%;
  278. margin: 0 auto;
  279. position: absolute;
  280. bottom: 350px;
  281. }
  282.  
  283. .carousel-caption h4 {font-size: 1.8em;}
  284.  
  285. .carousel-caption p {
  286. font-size: 1.5em;
  287. line-height: 1.5em;
  288. }
  289.  
  290. .home-bg {background: none;}
  291.  
  292. .home-info {
  293. border: none;
  294. border-radius: 0;
  295. background-color: rgba(246,71,71,.2);
  296. color: rgba(108,122,137,1);
  297. padding-bottom: 10px;
  298. }
  299.  
  300. .home-info h3 {
  301. background-color: rgba(255,255,255,.8);
  302. padding: 10px;
  303. text-align: center;
  304. margin-bottom: 20px;
  305. font-size: 1.5em;
  306. }
  307.  
  308. .home-info p {
  309. font-size: 1.1em;
  310. background-color: rgba(255,255,255,.8);
  311. padding: 15px;
  312. letter-spacing: .08em;
  313. margin-bottom: 20px;
  314. }
  315.  
  316. .home-info button {
  317. font-size: 1.2em;
  318. padding: 10px;
  319. }
  320.  
  321. }
  322.  
  323. @media screen and (min-width: 1200px) {
  324.  
  325. .carousel-caption {
  326. bottom: 450px;
  327. width: 30%;
  328. }
  329.  
  330. .carousel-caption h4 {
  331. font-size: 1.8em;
  332. letter-spacing: .05em;
  333. margin-top: 20px;
  334. }
  335.  
  336. .carousel-caption p {
  337. font-size: 1.6em;
  338. margin-top: 10px;
  339. }
  340.  
  341. .home-info {padding-bottom: 25px;}
  342.  
  343. .home-info h3 {font-size: 1.8em;}
  344.  
  345. .home-info p {
  346. font-size: 1.4em;
  347. }
  348.  
  349. .home-info button {
  350. font-size: 1.5em;
  351. margin-top: 10px;
  352. }
  353.  
  354. .home-info button.btn-default {border-radius: 5px;}
  355. }
  356. /*------------------------------------------
  357. PAGE: ABOUT
  358. -------------------------------------------*/
  359. .about-page {
  360. background: url("../img/mountain2.jpg") no-repeat center fixed;
  361. background-size: cover;
  362. padding-top: 20px;
  363. }
  364.  
  365. .about-page h2 {
  366. color: rgba(255,255,255,1);
  367. font-weight: bolder;
  368. }
  369.  
  370. .about-info {
  371. background-color: rgba(207,0,15,.5);
  372. margin-top: 5px;
  373. border-radius: 6px;
  374. color: rgba(255,255,255,1);
  375. }
  376.  
  377. .about-info h3 {
  378. text-align: center;
  379. font-weight: 800;
  380. }
  381.  
  382. .about-info p {
  383. margin-bottom: 15px;
  384. line-height: 1em;
  385. text-align: center;
  386. letter-spacing: .1em;
  387. font-weight: bolder;
  388. }
  389.  
  390. .about-skills {
  391. border: 2px solid rgba(210,77,87,.8);
  392. background-color: rgba(255,255,255,.8);
  393. margin-top: 20px;
  394. margin-bottom: 20px;
  395. border-radius: 6px;
  396. color: rgba(45,45,45,.8);
  397. }
  398.  
  399. .about-skills h3 {
  400. text-align: center;
  401. font-weight: 800;
  402. }
  403.  
  404. .about-skills li {
  405. padding-top: 10px;
  406. font-weight: bolder;
  407. }
  408.  
  409. .about-skills li:last-child {padding-bottom: 10px;}
  410.  
  411. .about-story {
  412. border: 2px solid rgba(210,77,87,.5);
  413. background-color: rgba(255,255,255,.8);
  414. border-radius: 4px;
  415. margin-bottom: 20px;
  416. }
  417.  
  418. .about-story p {padding-bottom: 10px;}
  419.  
  420. @media screen and (min-width: 768px) and (max-width: 991px) {
  421.  
  422. .about-page {padding-bottom: 20px;}
  423.  
  424. .about-photo {
  425. margin-top: 10px;
  426. margin-bottom: 20px;
  427. }
  428.  
  429. .about-info {
  430. padding: 10px;
  431. margin-bottom: 30px;
  432. }
  433.  
  434. .about-info p {
  435. padding-top: 5px;
  436. line-height: 1.5em;
  437. }
  438.  
  439. .about-skills {
  440. border: none;
  441. padding: 30px;
  442. margin-top: 45px;
  443. }
  444.  
  445. .about-story {border: none;}
  446.  
  447. }
  448.  
  449. @media screen and (min-width: 992px) {
  450.  
  451. .about-page {padding-bottom: 50px;}
  452.  
  453. .about-info {
  454. font-size: 1.6em;
  455. margin-top: 20px;
  456. margin-bottom: 20px;
  457. padding-bottom: 15px;
  458. }
  459.  
  460. .about-info h3 {letter-spacing: .05em;}
  461.  
  462. .about-skills {
  463. border: none;
  464. border-radius: 10px;
  465. margin-top: 70px;
  466. }
  467.  
  468. .about-skills li {
  469. line-height: .8em;
  470. font-size: 1em;
  471. }
  472.  
  473. .about-story {
  474. margin-top: 20px;
  475. border: none;
  476. border-radius: 10px;
  477. }
  478.  
  479. .about-story h3 {
  480. font-size: 1.8em;
  481. font-weight: bolder;
  482. letter-spacing: .08em;
  483. }
  484.  
  485. .about-story p {
  486. font-size: 1.1em;
  487. letter-spacing: .05em;
  488. line-height: 1.5em;
  489. }
  490. }
  491.  
  492. @media screen and (min-width: 1200px) {
  493.  
  494. .about-info h3 {font-size: 1.8em;}
  495.  
  496. .about-info p {font-size: 1.5em;}
  497.  
  498. .about-skills {
  499. margin-top: 80px;
  500. padding: 50px;
  501. }
  502.  
  503. .about-skills h3 {font-size: 1.8em;}
  504.  
  505. .about-skills li {font-size: 1.4em;}
  506.  
  507. .about-story {padding: 30px;}
  508.  
  509. .about-story h3 {font-size: 1.8em;}
  510.  
  511. .about-story p {font-size: 1.4em;}
  512. }
  513.  
  514. /*------------------------------------------
  515. PAGE: CONTACT
  516. -------------------------------------------*/
  517.  
  518. .contact-page {
  519. background: url("../img/mac.jpg") no-repeat center fixed;
  520. background-size: cover;
  521. }
  522.  
  523. .contact-page h2 {
  524. font-weight: bolder;
  525. color: rgba(255,255,255,1);
  526. padding-top: 20px;
  527. }
  528.  
  529. .contact-info h4 {
  530. text-align: center;
  531. font-size: 1.2em;
  532. }
  533.  
  534. .contact-intro {
  535. text-align: center;
  536. background-color: rgba(255,255,255,.8);
  537. border: 3px solid rgba(45,45,45,.8);
  538. padding-bottom: 20px;
  539. border-radius: 7px;
  540. padding: 25px 2px 35px;
  541. margin-bottom: 10px;
  542. }
  543.  
  544. .contact-intro h3 {text-transform: uppercase;}
  545.  
  546. .contact-intro a {color: black;}
  547.  
  548. h4 > span.glyphicon {padding-right: 5px;}
  549.  
  550. .contact-email {
  551. background-color: rgba(246,71,71,.5);
  552. color: rgba(255,255,255,1);
  553. border-radius: 8px;
  554. margin-top: 10px;
  555. margin-bottom: 20px;
  556. padding: 30px 5px;
  557. }
  558.  
  559. .contact-email p {
  560. text-align: center;
  561. font-size: 1em;
  562. }
  563.  
  564. .contact-email a {
  565. color: rgba(255,255,255,1);
  566. letter-spacing: .2em;
  567. }
  568.  
  569. .contact-phone {
  570. background-color: rgba(246,71,71,.5);
  571. color: rgba(255,255,255,1);
  572. border-radius: 8px;
  573. margin-bottom: 20px;
  574. padding: 30px 5px;
  575. }
  576.  
  577. .contact-phone p {
  578. text-align: center;
  579. font-size: 1em
  580. }
  581.  
  582. .contact-phone a {
  583. color: rgba(255,255,255,1);
  584. letter-spacing: .2em;
  585. }
  586.  
  587. .contact-address {
  588. background-color: rgba(246,71,71,.5);
  589. color: white;
  590. margin-bottom: 20px;
  591. padding-bottom: 5px;
  592. padding-top: 5px;
  593. border-radius: 8px;
  594. }
  595.  
  596. .contact-address p {
  597. padding-left: 70px;
  598. font-size: 1em;
  599. padding-bottom: 5px;
  600. letter-spacing: .1em;
  601. }
  602.  
  603. form {
  604. background-color: rgba(255,255,255,.4);
  605. border-radius: 6px;
  606. padding-left: 35px;
  607. padding-top: 10px;
  608. padding-bottom: 15px;
  609. margin-bottom: 20px;
  610. }
  611.  
  612. .contact-form h3 {
  613. text-align: center;
  614. font-weight: bolder;
  615. }
  616.  
  617. .form-control {width: 80%;}
  618.  
  619. .comment-container {
  620. margin-bottom: 15px;
  621. background-color: rgba(45,45,45,.6);
  622. text-align: center;
  623. padding: 30px;
  624. border-radius: 5px;
  625. }
  626.  
  627. .comment-container h4 {
  628. color: rgba(246,71,71,1);
  629. text-transform: uppercase;
  630. }
  631.  
  632. #visible-comment {
  633. color: white;
  634. font-size: 1.2em;
  635. letter-spacing: .08em;
  636. }
  637.  
  638.  
  639.  
  640. @media screen and (min-width: 768px) and (max-width: 991px) {
  641.  
  642. .contact-page {padding-bottom: 30px;}
  643.  
  644. .contact-info h4 {font-size: 1em;}
  645.  
  646. .contact-info a {font-size: 1em;}
  647.  
  648. .contact-info p {font-size: .8em;}
  649.  
  650. .contact-phone {margin-top: 10px;}
  651.  
  652. .contact-address {padding: 20px;}
  653. }
  654.  
  655. @media screen and (min-width: 992px) {
  656.  
  657. .contact-page {padding-bottom: 45px;}
  658.  
  659. .contact-page h2 {
  660. margin-top: 20px;
  661. }
  662.  
  663. .contact-info {margin-bottom: 20px;}
  664.  
  665. .contact-intro {
  666. border: none;
  667. padding: 35px;
  668. }
  669.  
  670. .contact-intro h3 {
  671. font-weight: bolder;
  672. letter-spacing: .05em;
  673. font-size: 1.8em;
  674. color: rgba(45,45,45,.8);
  675. }
  676.  
  677. .contact-intro a {font-size: 1.6em;}
  678.  
  679. .contact-info-md {
  680. background-color: rgba(255,255,255,.5);
  681. border-radius: 10px;
  682. padding-left: 30px;
  683. padding-top: 20px;
  684. padding-bottom: 20px;
  685. margin-bottom: 20px;
  686. }
  687.  
  688. .contact-info-md h4 {font-size: 1.6em;}
  689.  
  690. .contact-info-md >p > a {font-size: 1em;}
  691.  
  692. .contact-info-md > p {font-size: 1.1em;}
  693.  
  694. .contact-form h3 {font-size: 1.8em;}
  695.  
  696. label {font-size: 1.2em;}
  697. }
  698.  
  699. @media screen and (min-width: 1200px) {
  700. form {
  701. padding-left: 140px;
  702. padding-bottom: 50px;
  703. }
  704. }
  705. /*------------------------------------------
  706. PAGE: PORTFOLIO
  707. -------------------------------------------*/
  708.  
  709. .portfolio-page {
  710. background: url("../img/bridge.jpg") no-repeat center fixed;
  711. background-size: cover;
  712. padding-top: 20px;
  713. padding-bottom: 20px;
  714. }
  715.  
  716. .contact-thumbnail h4 {
  717. text-align: center;
  718. background-color: rgba(246,71,71,.8);
  719. padding-top: 10px;
  720. padding-bottom: 10px;
  721. }
  722.  
  723. .contact-thumbnail a {color: rgba(255,255,255,1);}
  724.  
  725. .contact-thumbnail a:hover,
  726. .contact-thumbnail a:focus {
  727. color: rgba(45,45,45,1);
  728. text-decoration: none;
  729. }
  730.  
  731. .recent-project {
  732. background: rgba(255,255,255,.5);
  733. font-size: 1.6em;
  734. margin-top: 20px;
  735. margin-bottom: 20px;
  736. color: rgba(45,45,45,1);
  737. text-transform: uppercase;
  738. letter-spacing: .2em;
  739. }
  740.  
  741. .image {
  742. box-sizing: border-box;
  743. border: 2px solid rgba(255,255,255,1);
  744. width: 400px;
  745. height: 400px;
  746. margin: 5px;
  747. display: inline-block;
  748. position: relative;
  749. }
  750.  
  751. .info {
  752. display: inline-block;
  753. color: rgba(246,71,71,.8);
  754. font-family: "Helvetica";
  755. text-transform: uppercase;
  756. font-weight: 700;
  757. letter-spacing: .5em;
  758. line-height: 1.6;
  759. position: absolute;
  760. top: 15%;
  761. left: 22%;
  762. font-size: 1.5em;
  763. }
  764.  
  765. .proj-title {
  766. font-weight: 100;
  767. }
  768.  
  769. @media screen and (min-width: 768px) and (max-width: 991px) {
  770.  
  771. .portfolio-page {padding-bottom: 50px;}
  772.  
  773. .portfolio-page h4 {font-size: .9em;}
  774. }
  775.  
  776. @media screen and (min-width: 992px) {
  777.  
  778. .portfolio-page {padding-bottom: 35px;}
  779.  
  780. .portfolio-page h4 {font-size: 1.6em;}
  781. }
  782.  
  783. /*------------------------------------------
  784. PAGE: FAQ
  785. -------------------------------------------*/
  786. .faq-page {
  787. background: url("../img/sampan.jpg") no-repeat center fixed;
  788. background-size: cover;
  789. padding-top: 80px;
  790. padding-bottom: 100px;
  791. }
  792.  
  793. .faq-page h2 {
  794. margin-top: -40px;
  795. color: rgba(255,255,255,1);
  796. }
  797.  
  798. .panel-default {border-color: rgba(225,225,225,1);}
  799.  
  800. .panel-body {background-color: rgba(225,225,225,.5);}
  801.  
  802. .panel-default > .panel-heading {background-color: rgba(274,71,71,.8);}
  803.  
  804. .panel-default > .panel-heading + .panel-collapse > .panel-body {border-color: rgba(225,225,225,1);}
  805. .panel-title a:focus,
  806. .panel-title a:hover {
  807. color: white;
  808. text-decoration: none;
  809. }
  810. .modal-button {margin-bottom: 20px;}
  811.  
  812. .modal-body {height: 500px;}
  813.  
  814. #myResume {
  815. padding: 10px;
  816. width: 100%;
  817. height: 100%;
  818. }
  819.  
  820. table {
  821. background-color: rgba(255,255,255,.5);
  822. font-size: 1.3em;
  823. margin: 0 auto;
  824. margin-top: 30px;
  825. }
  826.  
  827. th {
  828. text-align: center;
  829. padding-top: 15px;
  830. padding-bottom: 15px;
  831. text-transform: uppercase;
  832. letter-spacing: .09em;
  833. }
  834.  
  835. td {
  836. text-align: center;
  837. padding-top: 10px;
  838. padding-bottom: 10px;
  839. }
  840.  
  841. .td-img img {
  842. margin: 10px 25px;
  843. border: 3px solid white;
  844. border-radius: 5px;
  845. }
  846.  
  847. .td-title {
  848. width: 25%;
  849. text-align: right;
  850. padding-right: 25px;
  851. font-weight: bolder;
  852. letter-spacing: .05em;
  853. }
  854.  
  855. @media screen and (min-width: 768px) and (max-width: 991px) {
  856. .panel-title {font-size: .9em;}
  857.  
  858. .panel-body {font-size: .7em;}
  859. }
  860.  
  861. @media screen and (min-width: 992px) {
  862. .panel-title {font-size: 1.6em;}
  863.  
  864. .panel-body {font-size: 1.4em;}
  865. }
  866. /*------------------------------------------
  867. FOOTER
  868. -------------------------------------------*/
  869. .navbar-text > p {
  870. padding-top: 20px;
  871. font-size: .6em;
  872. }
  873.  
  874. .navbar-text > a {
  875. color: inherit;
  876. text-decoration: none;
  877. }
  878.  
  879. @media screen and (min-width: 768px) and (max-width: 991px) {
  880. .navbar-text p {font-size: 1em;}
  881.  
  882. .footer-copy {margin-left: -45px;}
  883.  
  884. .footer-social {
  885. margin-top: 30px;
  886. margin-right: -45px;
  887. }
  888. }
  889.  
  890. @media screen and (min-width: 992px) {
  891.  
  892. .footer-copy p {font-size: 1em;}
  893.  
  894. .footer-social {
  895. margin-top: 30px;
  896. font-size: 1.2em;
  897. }
  898. }
  899.  
  900. @media screen and (min-width: 1200px) {
  901.  
  902. .navbar-static-bottom {border: none;}
  903.  
  904. .footer-copy {margin-left: -60px;}
  905.  
  906. .footer-social {margin-right: -60px;}
  907.  
  908. .footer-social a {font-size: 1.5em;}
  909. }
  910.  
  911.  
  912. /*------------------------------------------
  913. TYPOGRAPHY
  914. -------------------------------------------*/
  915. h1,
  916. h2,
  917. h3,
  918. h4,
  919. h5,
  920. h6 {font-family: 'Lora', Georgia, Times, 'Times New Roman', serif;}
  921.  
  922. p,
  923. ul,
  924. li,
  925. a,
  926. label,
  927. table {font-family: 'Cabin', Verdana, Geneva, sans-serif;}
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!