ulvis.paste.net

Paste Search Dynamic
Recent pastes
style.css
  1. html {
  2.     width: 100%;
  3.     overflow-x: hidden;
  4.     height: 100%
  5. }
  6.  
  7. body {
  8.     font-family: 'Open Sans', sans-serif;
  9.     color: #333;
  10.     height: 100%;
  11. }
  12.  
  13.  
  14. .content {
  15.     padding: 65px 0 65px 0;
  16.     position: relative;
  17. }
  18.  
  19. .introduction {
  20.     margin-bottom: 45px;
  21. }
  22.  
  23. p {
  24.     margin: 0 0 20px;
  25.     font-size: 18px;
  26.     line-height: 28px;
  27.     font-weight: 300;
  28. }
  29.  
  30. p.large {
  31.     font-size: 20px;
  32.     line-height: 30px;
  33.     font-weight: 300;
  34.     margin-bottom: 55px;
  35. }
  36.  
  37. span.underline {
  38.     text-decoration: underline;
  39. }
  40.  
  41. a {
  42.     cursor: pointer;
  43.     -webkit-transition: all .3s ease-in-out;
  44.     -moz-transition: all .3s ease-in-out;
  45.     -ms-transition: all .3s ease-in-out;
  46.     -o-transition: all .3s ease-in-out;
  47.     transition: all .3s ease-in-out;
  48. }
  49.  
  50. b {
  51.     font-weight: 700;
  52. }
  53.  
  54. img {
  55.     max-width: 100%;
  56. }
  57.  
  58. .h1,
  59. .h2,
  60. .h3,
  61. .h4,
  62. .h5,
  63. .h6,
  64. h1,
  65. h2,
  66. h3,
  67. h4,
  68. h5,
  69. h6 {
  70.     font-family: inherit;
  71.     font-weight: 400!important;
  72.     line-height: 1.1;
  73.     color: inherit;
  74. }
  75.  
  76. h1 {
  77.     font-size: 48px;
  78. }
  79.  
  80. h2 {
  81.     text-align: center;
  82.     margin-bottom: 35px;
  83.     font-size: 36px;
  84. }
  85.  
  86. h2.section-title {
  87.     line-height: 42px;
  88.     max-width: 800px;
  89.     margin: 0 auto;
  90.     margin-bottom: 35px;
  91. }
  92.  
  93. h3 {
  94.     margin-bottom: 25px;
  95.     margin-top: 35px;
  96.     font-weight:300;
  97. }
  98.  
  99. h4 {
  100.     font-size: 22px;
  101.     font-weight: 600;
  102.     margin-bottom: 18px;
  103. }
  104.  
  105. h5 {
  106.     text-transform: uppercase;
  107.     font-weight: 600;
  108.     font-size: 18px;
  109. }
  110.  
  111. .clear {
  112.     clear: both;
  113. }
  114.  
  115. .cta_btn {
  116.     margin: 35px 0;
  117. }
  118.  
  119. .cta_btn a {
  120.     cursor: pointer;
  121.     text-decoration: none;
  122.     font-size: 24px;
  123.     background: #ff4546;
  124.     padding: 15px 35px;
  125.     color: #fff;
  126.     border-radius: 5px;
  127.     font-weight: 400;
  128.     display: inline-block;
  129. }
  130.  
  131. .cta_btn a:hover,
  132. .cta_btn a:focus,
  133. .cta_btn a:active{
  134.     background: #ff5f5f;
  135.     text-decoration:none;
  136.     color:#fff;
  137. }
  138.  
  139. @media(max-width:998px){
  140.     .cta_btn a {
  141.         cursor: pointer;
  142.         text-decoration: none;
  143.         font-size: 22px;
  144.         background: #ff4546;
  145.         padding: 15px 15px;
  146.         color: #fff;
  147.         border-radius: 5px;
  148.         font-weight: 400;
  149.         display: inline-block;
  150.     }
  151. }
  152.  
  153. tbody tr td {
  154.     padding: 10px 0
  155. }
  156.  
  157. .text-block-narrow {
  158.     max-width: 800px;
  159.     margin: 0 auto;
  160.     text-align: center;
  161.     margin-top: 20px;
  162.     margin-bottom: 10px
  163. }
  164.  
  165. .centered,
  166. p.large.centered {
  167.     text-align: center;
  168. }
  169.  
  170. .text-block ul,
  171. .text-block-narrow ul {
  172.     list-style-type: none;
  173. }
  174.  
  175. .text-block ul li,
  176. .text-block-narrow ul li {
  177.     margin: 0 0 18px;
  178.     font-size: 18px;
  179.     line-height: 26px;
  180.     font-weight: 300;
  181.     text-align: left;
  182. }
  183.  
  184. .text-block ul li::before,
  185. .text-block-narrow ul li::before {
  186.     content: "\f00c";
  187.     font-family: Fontawesome;
  188.     font-weight: 400;
  189.     font-size: 20px;
  190.     margin-left: -35px;
  191.     padding-right: 10px;
  192.     opacity: .85;
  193.     text-rendering: optimizeLegibility;
  194.     -webkit-font-smoothing: antialiased;
  195.     -moz-osx-font-smoothing: grayscale;
  196.     -webkit-text-stroke: 2px #fff;
  197. }
  198.  
  199.  
  200. .section-grey .text-block ul li::before,
  201. .section-grey .text-block-narrow ul li::before {
  202.     -webkit-text-stroke: 2px #f7f7f7;
  203. }
  204.  
  205. .section-purple .text-block ul li::before,
  206. .section-purple .text-block-narrow ul li::before {
  207.     -webkit-text-stroke: 2px #6747c7;
  208. }
  209.  
  210. .section-grey{
  211.     background:#f7f7f7;
  212.     }
  213.  
  214. @media (min-width: 768px) {
  215.     .error{
  216.         padding-bottom:150px;
  217.     }
  218.     .footer.static {
  219.         position:fixed!important;
  220.         bottom:0!important;
  221.     }
  222. }
  223.  
  224. @media (max-width: 768px) {
  225.     .footer.static .cta_btn {
  226.         left: auto !important;
  227.         top: auto !important;
  228.         transform: inherit !important;
  229.         margin: 0;
  230.     }
  231. }
  232.  
  233.  
  234. .footer.static {
  235.     background-color: #6747c7;
  236.     overflow: hidden;
  237.     padding: 0;
  238.     text-align: left;
  239.     z-index: 6;
  240.     width:100%;
  241.     height:150px;
  242.     bottom: 0;
  243.     position: relative;
  244. }
  245.  
  246. .arrow__bg {
  247.     background-color: #5435b0;
  248.     min-height: 100%;
  249.     position: absolute;
  250.     left: 0;
  251.     width: 57%;
  252. }
  253. .arrow__bg::after {
  254.     border-bottom: 75px solid transparent;
  255.     border-left: 50px solid #5435b0;
  256.     border-top: 75px solid transparent;
  257.     bottom: 0;
  258.     content: " ";
  259.     display: block;
  260.     height: 150px;
  261.     position: absolute;
  262.     top: 0;
  263.     width: 0;
  264.     right: -49px;
  265. }
  266.  
  267. @media (max-width: 768px) {
  268.     .footer.static {
  269.         height:auto;
  270.     }
  271.     .arrow__bg {
  272.        display:none;
  273.     }
  274. }
  275.  
  276. .footer.static .content {
  277.     text-align: left;
  278.     color: #fff;
  279.     padding: 15px 0 15px 0;
  280.     position: relative;
  281. }
  282.  
  283. .footer.static h2{
  284.     text-align:left;
  285.     margin-bottom:20px;
  286. }
  287.  
  288. .footer.static .content ul{
  289.     padding:0;
  290. }
  291.  
  292. .footer.static .content ul li{
  293.     display:inline-block;
  294.     font-size:16px;
  295.     list-style-type:none;
  296.     color: #fff;
  297.     font-weight: 300;
  298.     padding: 5px 28px 5px 0;
  299.     vertical-align: middle;
  300. }
  301.  
  302. .footer.static .cta_btn{
  303.     left: auto;
  304.     top: 50%;
  305.     -webkit-transform: translateY(50%);
  306.     transform: translateY(50%);
  307.     margin:0;
  308. }
Parsed in 0.049 seconds