API tools faq
paste
Guest User

CSS

a guest
Nov 10th, 2015
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.71 KB | None | 0 0
raw download clone embed print report
  1. [hidden],
  2. template {
  3.   display: none;
  4. }
  5.  
  6. html {
  7.   font-family: sans-serif;
  8.   -webkit-text-size-adjust: 100%;
  9.       -ms-text-size-adjust: 100%;
  10. }
  11.  
  12. body {
  13.   margin: 0;
  14.  
  15. }
  16.  
  17. a {
  18.   background: transparent;
  19. }
  20.  
  21. a:focus {
  22.   outline: thin dotted;
  23. }
  24.  
  25. a:active,
  26. a:hover {
  27.   outline: 0;
  28. }
  29.  
  30. h1 {
  31.   margin: 0.67em 0;
  32.   font-size: 2em;
  33. }
  34.  
  35. html {
  36.   font-size: 62.5%;
  37.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  38. }
  39.  
  40. body {
  41.   margin: 0;
  42. background: url(/assets/images/hJivAAn.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  43. }
  44.  
  45.  
  46.  
  47. a {
  48.   color: #428bca;
  49.   text-decoration: none;
  50. }
  51.  
  52. hr {
  53.   margin-top: 20px;
  54.   margin-bottom: 20px;
  55.   border: 0;
  56.   border-top: 1px solid #eeeeee;
  57. }
  58.  
  59. h1,
  60. h2,
  61. h3,
  62. h4,
  63. h5,
  64. h6,
  65. .h1,
  66. .h2,
  67. .h3,
  68. .h4,
  69. .h5,
  70. .h6 {
  71.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  72.   font-weight: 500;
  73.   line-height: 1.1;
  74.   color: inherit;
  75. }
  76.  
  77. h1 small,
  78. h2 small,
  79. h3 small,
  80. h4 small,
  81. h5 small,
  82. h6 small,
  83. .h1 small,
  84. .h2 small,
  85. .h3 small,
  86. .h4 small,
  87. .h5 small,
  88. .h6 small,
  89. h1 .small,
  90. h2 .small,
  91. h3 .small,
  92. h4 .small,
  93. h5 .small,
  94. h6 .small,
  95. .h1 .small,
  96. .h2 .small,
  97. .h3 .small,
  98. .h4 .small,
  99. .h5 .small,
  100. .h6 .small {
  101.   font-weight: normal;
  102.   line-height: 1;
  103.   color: #999999;
  104. }
  105.  
  106. h1,
  107. h2,
  108. h3 {
  109.   margin-top: 20px;
  110.   margin-bottom: 10px;
  111. }
  112.  
  113. h1 small,
  114. h2 small,
  115. h3 small,
  116. h1 .small,
  117. h2 .small,
  118. h3 .small {
  119.   font-size: 65%;
  120. }
  121.  
  122. h4,
  123. h5,
  124. h6 {
  125.   margin-top: 10px;
  126.   margin-bottom: 10px;
  127. }
  128.  
  129. h4 small,
  130. h5 small,
  131. h6 small,
  132. h4 .small,
  133. h5 .small,
  134. h6 .small {
  135.   font-size: 75%;
  136. }
  137.  
  138. h1,
  139. .h1 {
  140.   font-size: 36px;
  141. }
  142.  
  143. h2,
  144. .h2 {
  145.   font-size: 30px;
  146. }
  147.  
  148. h3,
  149. .h3 {
  150.   font-size: 24px;
  151. }
  152.  
  153. h4,
  154. .h4 {
  155.   font-size: 18px;
  156. }
  157.  
  158. h5,
  159. .h5 {
  160.   font-size: 14px;
  161. }
  162.  
  163. h6,
  164. .h6 {
  165.   font-size: 12px;
  166. }
  167.  
  168. p {
  169.   margin: 0 0 10px;
  170. }
  171.  
  172.  
  173.  
  174. .dl_button {
  175.   color: #ffffff;
  176.   background-color: #428bca;
  177.   border-color: #357ebd;
  178. }
  179.  
  180. .dl_button:hover {
  181.   color: #ffffff;
  182.   background-color: #3276b1;
  183.   border-color: #285e8e;
  184. }
  185.  
  186.  
  187. .dl_button i{
  188.  display:none;
  189. }
  190. audio,
  191. canvas,
  192. video {
  193.   display: inline-block;
  194. }
  195.  
  196. audio:not([controls]) {
  197.   display: none;
  198.   height: 0;
  199. }
  200.  
  201. [hidden],
  202. template {
  203.   display: none;
  204. }
  205.  
  206. html {
  207.   font-family: sans-serif;
  208.   -webkit-text-size-adjust: 100%;
  209.       -ms-text-size-adjust: 100%;
  210. }
  211.  
  212. body {
  213.   margin: 0;
  214.  
  215. }
  216.  
  217. a {
  218.   background: transparent;
  219. }
  220.  
  221. a:focus {
  222.   outline: thin dotted;
  223. }
  224.  
  225. a:active,
  226. a:hover {
  227.   outline: 0;
  228. }
  229.  
  230. h1 {
  231.   margin: 0.67em 0;
  232.   font-size: 2em;
  233. }
  234.  
  235. html {
  236.   font-size: 62.5%;
  237.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  238. }
  239.  
  240. body {
  241.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  242.   font-size: 14px;
  243.   line-height: 1.428571429;
  244.   color: #333333;
  245.   background-color: #ffffff;
  246. }
  247.  
  248. input,
  249. button,
  250. select,
  251. textarea {
  252.   font-family: inherit;
  253.   font-size: inherit;
  254.   line-height: inherit;
  255. }
  256.  
  257. a {
  258.   color: #428bca;
  259.   text-decoration: none;
  260. }
  261.  
  262. .img-circle {
  263.   border-radius: 50%;
  264. }
  265.  
  266. hr {
  267.   margin-top: 20px;
  268.   margin-bottom: 20px;
  269.   border: 0;
  270.   border-top: 1px solid #eeeeee;
  271. }
  272.  
  273. h1,
  274. h2,
  275. h3,
  276. h4,
  277. h5,
  278. h6,
  279. .h1,
  280. .h2,
  281. .h3,
  282. .h4,
  283. .h5,
  284. .h6 {
  285.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  286.   font-weight: 500;
  287.   line-height: 1.1;
  288.   color: inherit;
  289. }
  290.  
  291. h1 small,
  292. h2 small,
  293. h3 small,
  294. h4 small,
  295. h5 small,
  296. h6 small,
  297. .h1 small,
  298. .h2 small,
  299. .h3 small,
  300. .h4 small,
  301. .h5 small,
  302. .h6 small,
  303. h1 .small,
  304. h2 .small,
  305. h3 .small,
  306. h4 .small,
  307. h5 .small,
  308. h6 .small,
  309. .h1 .small,
  310. .h2 .small,
  311. .h3 .small,
  312. .h4 .small,
  313. .h5 .small,
  314. .h6 .small {
  315.   font-weight: normal;
  316.   line-height: 1;
  317.   color: #999999;
  318. }
  319.  
  320. h1,
  321. h2,
  322. h3 {
  323.   margin-top: 20px;
  324.   margin-bottom: 10px;
  325. }
  326.  
  327. h1 small,
  328. h2 small,
  329. h3 small,
  330. h1 .small,
  331. h2 .small,
  332. h3 .small {
  333.   font-size: 65%;
  334. }
  335.  
  336. h4,
  337. h5,
  338. h6 {
  339.   margin-top: 10px;
  340.   margin-bottom: 10px;
  341. }
  342.  
  343. h4 small,
  344. h5 small,
  345. h6 small,
  346. h4 .small,
  347. h5 .small,
  348. h6 .small {
  349.   font-size: 75%;
  350. }
  351.  
  352. h1,
  353. .h1 {
  354.   font-size: 36px;
  355. }
  356.  
  357. h2,
  358. .h2 {
  359.   font-size: 30px;
  360. }
  361.  
  362. h3,
  363. .h3 {
  364.   font-size: 24px;
  365. }
  366.  
  367. h4,
  368. .h4 {
  369.   font-size: 18px;
  370. }
  371.  
  372. h5,
  373. .h5 {
  374.   font-size: 14px;
  375. }
  376.  
  377. h6,
  378. .h6 {
  379.   font-size: 12px;
  380. }
  381.  
  382. p {
  383.   margin: 0 0 10px;
  384. }
  385.  
  386.  
  387.  
  388. .dl_button {
  389.   color: #ffffff;
  390.   background-color: #428bca;
  391.   border-color: #357ebd;
  392. }
  393.  
  394. .dl_button:hover {
  395.   color: #ffffff;
  396.   background-color: #3276b1;
  397.   border-color: #285e8e;
  398. }
  399.  
  400.  
  401. .dl_button i{
  402.  display:none;
  403. }
  404. /* ===== Tipsy ===== */
  405.            
  406.                     .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
  407.        
  408.                     .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
  409.                     .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  410.                     .tipsy-arrow { position: absolute; background: url('https://filefirst.net/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  411.                     .tipsy-w { margin-left: 5px; }
  412.                     .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  413.        
  414.                     body{
  415.                         background-color:white;
  416.                         font-size: 14px;
  417.                     }
  418.                    
  419.                     .offerlst{
  420.            
  421.                         background-color:rgba(239,239,239,0.5);
  422.                        
  423.                         border:1px solid white;
  424.                         padding:20px;
  425.                         border-radius:8px;
  426.                        
  427.                         min-height: 80px;
  428.                         margin-bottom: 8px;
  429.                         font-size: 16px;
  430.                     }
  431.                     .link_a, .link_a:link{
  432.                        
  433.                        
  434.                         background-color: #F5F5F5;
  435.                         background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
  436.                         background-repeat: repeat-x;
  437.                         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  438.                         border-image: none;
  439.                         border-radius: 4px 4px 4px 4px;
  440.                         border-style: solid;
  441.                         border-width: 1px;
  442.                         box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  443.                         color: #333333;
  444.                         cursor: pointer;
  445.                         display: inline-block;
  446.                         font-size: 14px;
  447.                         line-height: 20px;
  448.                         margin-bottom: 0;
  449.                         padding: 4px 12px;
  450.                         text-align: center;
  451.                         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  452.                         vertical-align: middle;
  453.        
  454.                         font-weight: normal;
  455.                         text-decoration:none;
  456.        
  457.                        
  458.                        
  459.                     }
  460.                    
  461.                     .link_a:hover{
  462.                         background-position: 0 -15px;
  463.                         transition: background-position 0.1s linear 0s;
  464.                     }
  465.                     .each_p_elm{
  466.                         margin: 3px 0;
  467.        
  468.                         padding: 3px;
  469.                         white-space:nowrap;
  470.                     }
  471.                                         .link_a {
  472.     display: block;
  473.     background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
  474.     background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
  475.     background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
  476.     background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
  477.     background-color: #fcb326 !important;
  478.     font-weight: 700;
  479.     font-size: 14px !important;
  480.     color: #303030;
  481.     text-align: center;
  482.     text-transform: uppercase;
  483.     padding: 1.5%;
  484.     text-decoration: none;
  485.     border-radius: 5px;
  486.     border: 1px solid #ffd34c;
  487.     width: 100%;
  488.     cursor: pointer;
  489. }
  490.  
  491. .main {
  492.     max-width: 960px;
  493.     margin: 0 auto;
  494. }
  495. .top_head_text{
  496.  color:white;
  497.  font-size:25px;
  498. }
  499. .header {
  500.     text-align: center;
  501.     padding-top: 50px;
  502.     text-align: center;
  503.     padding-bottom: 50px;
  504. }
  505. .header img {
  506.     max-width: 100%;
  507. }
  508. .clearfix {
  509.     clear: both;
  510. }
  511. .jumbotron {
  512.     background: transparent;
  513.     padding: 0px !important;
  514. }
  515.  
  516. .jumbotron-left {
  517.     width: 50%;
  518.     float: left;
  519. }
  520. .jumbotron-right {
  521.     width: 47%;
  522.     margin-left: 3%;
  523.     float: left;
  524.     text-align: right;
  525. }
  526. .jumbotron-right img {
  527.     max-width: 100%;
  528. }
  529. .file {
  530.     border: 2px solid #ffffff;
  531.     border-radius: 5px;
  532.     padding: 3%;
  533. }
  534. .file-hero {
  535.     font-weight: 300;
  536.     font-size: 30px;
  537.     color: #ffffff;
  538.     text-transform: uppercase;
  539. }
  540. .file-zero {
  541.     color: #fff;
  542.     text-align: center;
  543. }
  544. .file-img {
  545.     float: left;
  546.     margin-right: 2%;
  547.     width: 16%;
  548. }
  549. .file-img img {
  550.     max-width: 100%;
  551. }
  552. .file-text {
  553.     float: left;
  554.     width: 82%;
  555. }
  556. .file-name {
  557.     font-weight: 100;
  558.     font-size: 19px;
  559.     color: #ffffff;
  560.     margin-top: 0px;
  561.     margin-bottom: 0px;
  562. }
  563.  
  564. .file-size {
  565.     font-weight: 700;
  566.     font-size: 23px;
  567.     color: #475773;
  568.     text-transform: uppercase;
  569.     margin-top: -5px;
  570.     margin-bottom: 0px;
  571. }
  572. .file-value {
  573.     font-weight: 400;
  574.     color: #ffffff;
  575.     font-size: 14px;
  576.     margin-top: 0px;
  577. }
  578. .report-file {
  579.     font-weight: 400;
  580.     font-size: 14px;
  581.     text-decoration: underline;
  582.     color: #3e777c;
  583.     margin-top: 0;
  584.     margin-bottom: 0;
  585. }
  586. .download-button {
  587.  
  588. }
  589. .dl_button {
  590.     display: block;
  591.     background: -webkit-linear-gradient(#ffd34c, #fcb326); /* For Safari 5.1 to 6.0 */
  592.     background: -o-linear-gradient(#ffd34c, #fcb326); /* For Opera 11.1 to 12.0 */
  593.     background: -moz-linear-gradient(#ffd34c, #fcb326); /* For Firefox 3.6 to 15 */
  594.     background: linear-gradient(#ffd34c, #fcb326); /* Standard syntax (must be last) */
  595.     background-color: #fcb326;
  596.     font-weight: 700;
  597.     font-size: 30px;
  598.     color: #ffffff;
  599.     text-align: center;
  600.     text-transform: uppercase;
  601.     padding: 1.5%;
  602.     padding-top: 2%;
  603.     text-decoration: none;
  604.     border-radius: 3px;
  605.     border: 1px solid #ffd34c;
  606.     width: 85%;
  607.     margin-top: 25px;
  608. }
  609. .dl_button:hover {
  610.     background: -webkit-linear-gradient(#fcb326, #ffd34c); /* For Safari 5.1 to 6.0 */
  611.     background: -o-linear-gradient(#fcb326, #ffd34c); /* For Opera 11.1 to 12.0 */
  612.     background: -moz-linear-gradient(#fcb326, #ffd34c); /* For Firefox 3.6 to 15 */
  613.     background: linear-gradient(#fcb326, #ffd34c); /* Standard syntax (must be last) */
  614. }
  615. .dl_button img {
  616.     vertical-align: middle;
  617.     margin-left: 2%;
  618.     margin-top: -5px;
  619. }
  620. .hide-div {
  621.  
  622. }
  623. .show-div {
  624.     margin-top: 20px;
  625. }
  626.  
  627. .half-content {
  628.     width: 48%;
  629.     margin-bottom: 30px;
  630. }
  631. .full-content {
  632.     margin-bottom: 30px;
  633. }
  634. .content {
  635.     width: 100%;
  636.     margin-bottom: 10px;
  637. }
  638. .full-button {
  639. }
  640. .link_a {
  641.     display: block;
  642.     background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
  643.     background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
  644.     background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
  645.     background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
  646.     background-color: #fcb326 !important;
  647.     font-weight: 700;
  648.     font-size: 14px !important;
  649.     color: #303030;
  650.     text-align: center;
  651.     text-transform: uppercase;
  652.     padding: 1.5%;
  653.     text-decoration: none;
  654.     border-radius: 5px;
  655.     border: 1px solid #ffd34c;
  656.     width: 100%;
  657.     cursor: pointer;
  658. }
  659. .link_a img {
  660.     vertical-align: middle;
  661.     margin-left: 1%;
  662.     margin-top: -3px;
  663. }
  664. .link_a:hover {
  665.     background: -webkit-linear-gradient(#fcb326, #ffd34c) !important; /* For Safari 5.1 to 6.0 */
  666.     background: -o-linear-gradient(#fcb326, #ffd34c) !important; /* For Opera 11.1 to 12.0 */
  667.     background: -moz-linear-gradient(#fcb326, #ffd34c) !important; /* For Firefox 3.6 to 15 */
  668.     background: linear-gradient(#fcb326, #ffd34c) !important; /* Standard syntax (must be last) */
  669. }
  670. .content-hero {
  671.     font-weight: 700;
  672.     font-size: 22px;
  673.     color: #3f3f3f;
  674.     margin-top: 0;
  675.     margin-bottom: 5px;
  676. }
  677. .lead {
  678.     font-weight: 400;
  679.     font-size: 14px;
  680.     color: #3e777c;
  681.     margin-top: 0;
  682. }
  683. .services {
  684.     margin-top: 5px;
  685.     font-weight: 400;
  686.     font-size: 12px;
  687.     color: #ffffff;
  688. }
  689. .services a {
  690.     color: #266166;
  691.     text-decoration: none;
  692. }
  693.  
  694. .steps {
  695.     border-bottom: 1px solid #468f95;
  696.     padding-bottom: 50px;
  697. }
  698. .steps-hero {
  699.     font-weight: 300;
  700.     font-size: 30px;
  701.     color: #ffffff;
  702.     text-align: center;
  703.     text-transform: uppercase;
  704.     margin-top: 0px;
  705.     margin-bottom: 25px;
  706. }
  707. .step-section {
  708.     width: 31%;
  709.     float: left;
  710.     margin-right: 3%;
  711. }
  712. .section-img {
  713.     width: 25%;
  714.     float: left;
  715.     margin-right: 2%;
  716. }
  717. .section-img img {
  718.     max-width: 100%;
  719. }
  720. .section-text {
  721.     width: 73%;
  722.     margin-top: -7px;
  723.     float: left;
  724. }
  725. .section-text-hero {
  726.     font-weight: 100;
  727.     font-size: 60px;
  728.     color: #ffffff;
  729.     margin-top: 0;
  730.     margin-bottom: 0;
  731.     line-height: 45px;
  732. }
  733. .section-text-zero {
  734.     font-weight: 400;
  735.     font-size: 14px;
  736.     color: #ffffff;
  737.     margin-bottom: 0;
  738.     margin-top: 5px;
  739. }
  740. .comments {
  741.     padding-top: 50px;
  742.     padding-bottom: 50px;
  743. }
  744. .comment-hero {
  745.     font-weight: 300;
  746.     font-size: 26px;
  747.     color: #ffffff;
  748.     text-transform: uppercase;
  749.     margin-top: 0px;
  750.     text-align: center;
  751. }
  752. .comment-section {
  753.     padding-bottom: 25px;
  754.     padding-top: 10px;
  755.     border-bottom: 1px solid #468f95;
  756. }
  757. .comment-date-name {
  758.     margin-bottom: 5px;
  759. }
  760. .commenter-name {
  761.     font-weight: 400;
  762.     font-size: 24px;
  763.     color: #ffffff;
  764.     float: left;
  765.     text-align: left;
  766.     width: 50%;
  767.     margin-bottom: 0px;
  768.     margin-top: 0;
  769. }
  770. .commenter-date {
  771.     font-weight: 400;
  772.     font-size: 12px;
  773.     color: #ffffff;
  774.     float: left;
  775.     text-align: right;
  776.     width: 50%;
  777.     /*                position: relative;
  778.      top: 20px;*/
  779. }
  780. .commenter-comment {
  781.     font-weight: 400;
  782.     font-size: 14px;
  783.     color: #ffffff;
  784.     margin-top: 0;
  785.     margin-bottom: 0;
  786. }
  787. .commenter-reply {
  788.     font-weight: 400;
  789.     font-size: 12px;
  790.     color: #475773;
  791.     margin-top: 5px;
  792.     margin-bottom: 0;
  793. }
  794. .footer {
  795.     padding-top: 30px;
  796.     padding-bottom: 10px;
  797. }
  798. .footer-left {
  799.     width: 50%;
  800.     float: left;
  801.     text-align: left;
  802.     font-weight: 400;
  803.     font-size: 12px;
  804.     color: #30757b;
  805. }
  806.  
  807. .footer-right {
  808.     width: 50%;
  809.     float: left;
  810.     text-align: right;
  811.     margin-top: -7px;
  812. }
  813. .footer-nav {
  814.     padding-left: 0;
  815. }
  816. .footer-nav li {
  817.     font-weight: 400;
  818.     font-size: 12px;
  819.     color: #30757b;
  820.     display: inline;
  821.     padding-left: 0;
  822. }
  823. .footer-nav li a {
  824.     font-weight: 400;
  825.     font-size: 12px;
  826.     color: #30757b;
  827. }
  828.  
  829. @media screen and (max-width: 980px) {
  830.     .main {
  831.         padding-left: 2%;
  832.         padding-right: 2%;
  833.     }
  834.     .file-name {
  835.         font-size: 18px;
  836.     }
  837.     .file-size {
  838.         font-size: 23px;
  839.     }
  840.     .file-value {
  841.         font-size: 12px;
  842.     }
  843.     .dl_button {
  844.         font-size: 25px;
  845.     }
  846.     .dl_button img {
  847.         width: 10%;
  848.     }
  849.     .content-hero {
  850.         font-size: 18px;
  851.     }
  852.     .link_a {
  853.         font-size: 11px !important;
  854.     }
  855.     .link_a img {
  856.         width: 8%;
  857.     }
  858.     .section-text-hero {
  859.         font-size: 40px;
  860.     }
  861.     .section-text-zero {
  862.         font-size: 13px;
  863.     }
  864. }
  865.  
  866. @media screen and (max-width: 900px) {
  867.     .link_a {
  868.         font-size: 10px !important;
  869.     }
  870. }
  871. @media screen and (max-width: 850px) {
  872.     .link_a {
  873.         width: 100%;
  874.     }
  875.     .jumbotron-left {
  876.         width: 80%;
  877.         margin-left: 10%;
  878.         margin-right: 10%;
  879.     }
  880.     .jumbotron-right {
  881.         display: none;
  882.     }
  883.     .step-section {
  884.         width: 80%;
  885.         margin-left: 10%;
  886.         margin-right: 10%;
  887.         margin-bottom: 25px;
  888.     }
  889.     .footer-left {
  890.         width: 100%;
  891.         text-align: center;
  892.         margin-left: 0;
  893.         margin-right: 0;
  894.     }
  895.     .footer-right {
  896.         width: 100%;
  897.         text-align: center;
  898.         margin-left: 0;
  899.         margin-right: 0;
  900.     }
  901.     .header {
  902.         padding-bottom: 15px;
  903.     }
  904.     .file-hero {
  905.         text-align: center;
  906.     }
  907. }
  908.  
  909. @media screen and (max-width: 800px) {
  910.     .steps-hero {
  911.         font-size: 25px;
  912.     }
  913.     .comment-hero {
  914.         font-size: 23px;
  915.     }
  916.     .commenter-name {
  917.         font-size: 20px;
  918.     }
  919. }
  920.  
  921. @media screen and (max-width: 600px) {
  922.     .link_a {
  923.         font-size: 10px !important;
  924.     }
  925.     .commenter-comment {
  926.         font-size: 13px;
  927.     }
  928.     .comment-hero {
  929.         font-size: 20px;
  930.     }
  931.     .steps-hero {
  932.         font-size: 20px;
  933.     }
  934.     .link_a img {
  935.         margin-left: 1%;
  936.     }
  937.     .content-hero {
  938.         font-size: 16px;
  939.         text-align: center;
  940.     }
  941.     .lead {
  942.         font-size: 12px;
  943.         text-align: center;
  944.     }
  945.     .file-name {
  946.         font-size: 14px;
  947.     }
  948.     .file-size {
  949.         font-size: 20px;
  950.     }
  951.     .file-value {
  952.         font-size: 11px;
  953.     }
  954.     .file-text {
  955.         margin-top: 15px;
  956.     }
  957. }
  958.  
  959. @media screen and (max-width: 550px) {
  960.     .link_a {
  961.         font-size: 9px1important;
  962.     }
  963.     .dl_button {
  964.         font-size: 17px;
  965.     }
  966.     .jumbotron-left {
  967.         margin-left: 2.5%;
  968.         margin-right: 2.5%;
  969.         width: 95%;
  970.     }
  971.  
  972. }
  973. @media screen and (max-width: 450px) {
  974.     .jumbotron-left {
  975.         width: 95%;
  976.         margin-left: 2.5%;
  977.         margin-right: 2.5%;
  978.     }
  979.     .section-text-hero {
  980.         font-size: 30px;
  981.         margin-bottom: -7px;
  982.     }
  983.     .file-text {
  984.         margin-top: 0px;
  985.     }
  986.     .file-name {
  987.         font-size: 11px;
  988.     }
  989.     .file-size {
  990.         font-size: 15px;
  991.         margin-top: 0px;
  992.     }
  993.     .link_a img {
  994.         display: none;
  995.     }
  996. }
  997. @media screen and (max-width: 400px) {
  998. }
  999. .tipsy { display:none !important;padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
  1000.            
  1001.                         .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
  1002.                         .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  1003.                         .tipsy-arrow { position: absolute; background: url('https://gripmedia.co/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  1004.                         .tipsy-w { margin-left: 5px; }
  1005.                         .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
  1006.  
  1007.  
  1008.  
  1009. a:hover, a:focus {
  1010. color: #FFFFFF;
  1011. text-decoration: underline;
  1012. }
Advertisement
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!