API tools faq
paste
Advertisement
PaleoCrafter

Updated styles.css

PaleoCrafter
Apr 12th, 2015
279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.04 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.     background-color: #fff;
  3.     font-family: 'Source Sans Pro', sans-serif;
  4.     color: #333
  5. }
  6.  
  7. body a {
  8.     color: #333;
  9.     text-decoration: underline;
  10.     -webkit-transition: all .2s ease-in-out;
  11.     transition: all .2s ease-in-out
  12. }
  13.  
  14. body a:hover, body a:active {
  15.     text-decoration: none;
  16.     color: #474747
  17. }
  18.  
  19. body a:visited {
  20.     color: #333;
  21.     text-decoration: underline
  22. }
  23.  
  24. .btn {
  25.     display: inline-block;
  26.     position: relative;
  27.     text-decoration: none;
  28.     -webkit-transition: background .2s ease-in-out;
  29.     transition: background .2s ease-in-out;
  30.     text-align: center;
  31.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
  32.     box-shadow: 0 0 1px rgba(0, 0, 0, .4);
  33.     line-height: .9em
  34. }
  35.  
  36. .btn small {
  37.     font-size: .6em
  38. }
  39.  
  40. .btn i {
  41.     position: relative;
  42.     margin-right: 5px
  43. }
  44.  
  45. .btn:active {
  46.     -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .4);
  47.     box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .4)
  48. }
  49.  
  50. .btn.btn-small {
  51.     padding: 5px 9px;
  52.     font-size: .9em
  53. }
  54.  
  55. .btn.btn-small i {
  56.     top: 1px
  57. }
  58.  
  59. .btn.btn-medium {
  60.     padding: 10px;
  61.     font-size: 1.1em
  62. }
  63.  
  64. .btn.btn-medium i {
  65.     top: 2px
  66. }
  67.  
  68. .btn.btn-large {
  69.     padding: 20px;
  70.     font-size: 1.5em
  71. }
  72.  
  73. .btn.btn-large i {
  74.     top: 2px
  75. }
  76.  
  77. .btn.btn-red {
  78.     background-color: #cb3d35;
  79.     border: 1px solid #d05049;
  80.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  81.     color: #eeeeee;
  82. }
  83.  
  84. .btn.btn-red:hover {
  85.     background-color: #b7362f;
  86.     border: 1px solid #d05049;
  87. }
  88.  
  89. .btn.btn-red:active {
  90.     background-color: #b7362f;
  91.     border: 1px solid #d05049;
  92. }
  93.  
  94. .btn.btn-blue {
  95.     background-color: #165cb1;
  96.     border: 1px solid #1a77d1;
  97.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  98.     color: #eee
  99. }
  100.  
  101. .btn.btn-blue:hover {
  102.     background-color: #165098;
  103.     border: 1px solid #176dc5
  104. }
  105.  
  106. .btn.btn-blue:active {
  107.     background-color: #165098;
  108.     border: 1px solid #176dc5
  109. }
  110.  
  111. .btn.btn-green {
  112.     background-color: #590;
  113.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  114.     color: #eee
  115. }
  116.  
  117. .btn.btn-green:hover {
  118.     background-color: #6FBF00
  119. }
  120.  
  121. .btn.btn-green:active {
  122.     background-color: #6FBF00
  123. }
  124.  
  125. .btn.btn-orange {
  126.     background-color: #f28a2e;
  127.     border: 1px solid #f26917;
  128.     text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  129.     color: #333
  130. }
  131.  
  132. .btn.btn-orange:hover {
  133.     background-color: #ffa022
  134. }
  135.  
  136. .btn.btn-orange:active {
  137.     background-color: #ffa022
  138. }
  139.  
  140. input[type=submit] {
  141.     display: inline-block;
  142.     position: relative;
  143.     text-decoration: none;
  144.     -webkit-transition: background .2s ease-in-out;
  145.     transition: background .2s ease-in-out;
  146.     text-align: center;
  147.     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
  148.     box-shadow: 0 0 1px rgba(0, 0, 0, .4);
  149.     line-height: .9em;
  150.     background-color: #b52016;
  151.     border: 1px solid #c02018;
  152.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  153.     color: #eee;
  154.     padding: 10px;
  155.     font-size: 1.1em;
  156.     font-size: inherit !important;
  157.     padding: 7px !important
  158. }
  159.  
  160. input[type=submit] small {
  161.     font-size: .6em
  162. }
  163.  
  164. input[type=submit] i {
  165.     position: relative;
  166.     margin-right: 5px
  167. }
  168.  
  169. input[type=submit]:active {
  170.     -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .4);
  171.     box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .4)
  172. }
  173.  
  174. input[type=submit].btn-small {
  175.     padding: 5px 9px;
  176.     font-size: .9em
  177. }
  178.  
  179. input[type=submit].btn-small i {
  180.     top: 1px
  181. }
  182.  
  183. input[type=submit].btn-medium {
  184.     padding: 10px;
  185.     font-size: 1.1em
  186. }
  187.  
  188. input[type=submit].btn-medium i {
  189.     top: 2px
  190. }
  191.  
  192. input[type=submit].btn-large {
  193.     padding: 20px;
  194.     font-size: 1.5em
  195. }
  196.  
  197. input[type=submit].btn-large i {
  198.     top: 2px
  199. }
  200.  
  201. input[type=submit].btn-red {
  202.     background-color: #b52016;
  203.     border: 1px solid #c02018;
  204.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  205.     color: #eee
  206. }
  207.  
  208. input[type=submit].btn-red:hover {
  209.     background-color: #991d15;
  210.     border: 1px solid #b52016
  211. }
  212.  
  213. input[type=submit].btn-red:active {
  214.     background-color: #991d15;
  215.     border: 1px solid #b52016
  216. }
  217.  
  218. input[type=submit].btn-blue {
  219.     background-color: #165cb1;
  220.     border: 1px solid #1a77d1;
  221.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  222.     color: #eee
  223. }
  224.  
  225. input[type=submit].btn-blue:hover {
  226.     background-color: #165098;
  227.     border: 1px solid #176dc5
  228. }
  229.  
  230. input[type=submit].btn-blue:active {
  231.     background-color: #165098;
  232.     border: 1px solid #176dc5
  233. }
  234.  
  235. input[type=submit].btn-green {
  236.     background-color: #590;
  237.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  238.     color: #eee
  239. }
  240.  
  241. input[type=submit].btn-green:hover {
  242.     background-color: #6FBF00
  243. }
  244.  
  245. input[type=submit].btn-green:active {
  246.     background-color: #6FBF00
  247. }
  248.  
  249. input[type=submit].btn-orange {
  250.     background-color: #f28a2e;
  251.     border: 1px solid #f26917;
  252.     text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  253.     color: #333
  254. }
  255.  
  256. input[type=submit].btn-orange:hover {
  257.     background-color: #ffa022
  258. }
  259.  
  260. input[type=submit].btn-orange:active {
  261.     background-color: #ffa022
  262. }
  263.  
  264. input[type=submit]:hover {
  265.     background-color: #991d15;
  266.     border: 1px solid #b52016
  267. }
  268.  
  269. input[type=submit]:active {
  270.     background-color: #991d15;
  271.     border: 1px solid #b52016
  272. }
  273.  
  274. input[type=submit] i {
  275.     top: 2px
  276. }
  277.  
  278. .headerWrapper {
  279.     position: relative;
  280.     width: 100%;
  281.     min-height: 520px;
  282.     background: #513f35;
  283.     background-image: url(../images/headerPattern.png), url(../images/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #513f35), color-stop(100%, #3e3330));
  284.     background-image: url(../images/headerPattern.png), url(../images/noise.png), -webkit-linear-gradient(top, #513f35 0, #3e3330 100%);
  285.     background-image: url(../images/headerPattern.png), url(../images/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #513f35), to(#3e3330));
  286.     background-image: url(../images/headerPattern.png), url(../images/noise.png), -webkit-linear-gradient(top, #513f35 0, #3e3330 100%);
  287.     background-image: url(../images/headerPattern.png), url(../images/noise.png), linear-gradient(to bottom, #513f35 0, #3e3330 100%);
  288.     z-index: 0;
  289.     background-attachment: local;
  290.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#513f35', endColorstr='#3e3330', GradientType=0);
  291.     -webkit-box-shadow: inset 0 -8px 0 rgba(0, 0, 0, .5);
  292.     box-shadow: inset 0 -8px 0 rgba(0, 0, 0, .5)
  293. }
  294.  
  295. .headerWrapper header {
  296.     position: relative;
  297.     width: 960px;
  298.     margin: 0 auto;
  299.     padding: 70px 0 40px;
  300.     color: #eee;
  301.     text-shadow: 0 -1px 0 rgba(0, 0, 0, .3)
  302. }
  303.  
  304. .headerWrapper header a {
  305.     color: #eee;
  306.     -webkit-transition: all .2s ease-in-out;
  307.     transition: all .2s ease-in-out;
  308.     text-decoration: none
  309. }
  310.  
  311. .headerWrapper header a:hover {
  312.     color: #cfcfcf
  313. }
  314.  
  315. .headerWrapper header a.logo {
  316.     display: block;
  317.     width: 713px;
  318.     height: 64px;
  319.     margin: 0 auto;
  320.     background: url(../images/logo.png);
  321.     text-indent: -99999px
  322. }
  323.  
  324. .headerWrapper header .downloads {
  325.     position: relative;
  326.     text-align: center;
  327.     margin: 100px auto 0
  328. }
  329.  
  330. .navWrapper {
  331.     position: relative;
  332.     width: 100%;
  333.     height: 60px;
  334.     color: #eeeeee;
  335.     background: #333333;
  336.     z-index: 10;
  337.     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  338. }
  339.  
  340. .navWrapper.fixed {
  341.     position: fixed;
  342.     top: 0;
  343.     height: 60px;
  344.     z-index: 10;
  345. }
  346.  
  347. .navWrapper nav {
  348.     position: relative;
  349.     width: 960px;
  350.     left: 50%;
  351.     margin-left: -480px;
  352. }
  353.  
  354. .navWrapper nav .forge {
  355.     display: block;
  356.     float: left;
  357.     width: 139px;
  358.     height: 38px;
  359.     margin-top: 13px;
  360.     text-indent: -99999px;
  361.     background: url("../images/forge.png");
  362.     transition: left 0.6s ease-in-out, opacity 0.8s ease-in-out !important;
  363. }
  364.  
  365. .navWrapper nav > ul.links {
  366.     display: block;
  367.     float: left;
  368.     position: relative;
  369.     margin: 0;
  370.     padding: 0;
  371.     color: #eeeeee;
  372. }
  373.  
  374. .navWrapper.fixed nav > ul.links {
  375.     margin-left: 10px;
  376. }
  377.  
  378. .navWrapper nav > ul.links > li {
  379.     list-style: none;
  380.     float: left;
  381.     font-size: 20px;
  382.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
  383. }
  384.  
  385. .navWrapper nav > ul.links > li > a.active {
  386.     background: rgba(0, 0, 0, 0.1);
  387.     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  388. }
  389.  
  390. .navWrapper nav > ul.links > li > a {
  391.     display: none;
  392.     display: block;
  393.     padding: 18px 20px 17px !important;
  394.     color: #c6c6c6;
  395.     text-decoration: none;
  396.     transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  397. }
  398.  
  399. .navWrapper nav > ul.links > li > a:hover {
  400.     color: #dddddd;
  401.     background: rgba(0, 0, 0, 0.2);
  402.     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  403. }
  404.  
  405. .navWrapper nav > ul.links > li > a:active {
  406.     box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  407. }
  408.  
  409. .wrapper {
  410.     position: relative;
  411.     width: 960px;
  412.     margin: 0 auto
  413. }
  414.  
  415. .teasers {
  416.     width: 950px;
  417.     margin: 60px 10px 100px
  418. }
  419.  
  420. .teasers .teaser {
  421.     float: left;
  422.     width: 290px;
  423.     margin-right: 40px;
  424.     font-size: 1.1em;
  425.     text-align: justify
  426. }
  427.  
  428. .teasers .teaser:last-child {
  429.     margin-right: 0
  430. }
  431.  
  432. .teasers .teaser h3 {
  433.     position: relative;
  434.     width: 242px;
  435.     text-align: left;
  436.     margin-bottom: 10px;
  437.     padding: 8px 0 10px 50px;
  438.     border-bottom: 1px solid #727272;
  439.     font-size: 1.3em
  440. }
  441.  
  442. .teasers .teaser h3 i {
  443.     position: absolute;
  444.     top: 0;
  445.     left: 0
  446. }
  447.  
  448. .teasers .teaser h3 i.fa-smile-o {
  449.     font-size: 2em
  450. }
  451.  
  452. .teasers .teaser h3 i.fa-users {
  453.     font-size: 1.5em;
  454.     top: 5px
  455. }
  456.  
  457. .teasers .teaser h3 i.fa-github {
  458.     font-size: 2em
  459. }
  460.  
  461. .teasers .teaser a.btn {
  462.     margin-top: 16px;
  463.     text-decoration: none;
  464.     font-size: .9em
  465. }
  466.  
  467. section {
  468.     position: relative;
  469. }
  470.  
  471. section:last-child {
  472. / / margin-bottom : 100 px
  473. }
  474.  
  475. section:first-child {
  476.     margin-top: 90px
  477. }
  478.  
  479. section article {
  480.     margin-bottom: 50px;
  481.     text-align: justify;
  482.     width: 100%
  483. }
  484.  
  485. section article a.btn {
  486.     display: block;
  487.     float: right;
  488.     margin-top: 1.1em
  489. }
  490.  
  491. h2 {
  492.     position: relative;
  493.     display: block;
  494.     padding: 8px 0 10px;
  495.     border-bottom: 1px solid #727272;
  496.     font-size: 1.8em
  497. }
  498.  
  499. h2 form {
  500.     font-size: .7em
  501. }
  502.  
  503. h3 {
  504.     font-size: 1.5em
  505. }
  506.  
  507. h3 small {
  508.     color: #4f4f4f
  509. }
  510.  
  511. .footerWrapper {
  512.     position: relative;
  513.     width: 100%;
  514.     margin-top: 100px;
  515. }
  516.  
  517. .footerWrapper footer {
  518.     position: relative;
  519.     width: 960px;
  520.     margin: 0 auto;
  521.     padding: 30px 0;
  522.     border-top: 1px solid #939393;
  523. }
  524.  
  525. form {
  526.     width: 100%
  527. }
  528.  
  529. form .form-group {
  530.     width: 100%
  531. }
  532.  
  533. form .form-group label {
  534.     display: block;
  535.     font-weight: 700
  536. }
  537.  
  538. form select {
  539.     position: relative;
  540.     padding: 4px;
  541.     line-height: 1em !important;
  542.     border-radius: 3px;
  543.     min-width: 100px;
  544.     background: 0 0;
  545.     border: 1px solid #ccc;
  546.     color: #454545;
  547.     -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
  548.     transition: border linear .2s, box-shadow linear .2s;
  549.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  550.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3)
  551. }
  552.  
  553. form select:hover {
  554.     color: #383838
  555. }
  556.  
  557. form select:focus {
  558.     outline: 0;
  559.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  560.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3)
  561. }
  562.  
  563. form input:not([type]), form input[type=text], form input[type=number], form input[type=email], form input[type=date], form input[type=search], form input[type=password] {
  564.     width: 100%;
  565.     padding: 4px;
  566.     background: 0 0;
  567.     border: 1px solid #ccc;
  568.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  569.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  570.     border-radius: 3px;
  571.     -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
  572.     transition: border linear .2s, box-shadow linear .2s
  573. }
  574.  
  575. form input:not([type]):focus, form input[type=text]:focus, form input[type=number]:focus, form input[type=email]:focus, form input[type=date]:focus, form input[type=search]:focus, form input[type=password]:focus {
  576.     outline: 0;
  577.     border-color: #942117;
  578.     -webkit-box-shadow: 0 0 5px rgba(181, 32, 22, .4);
  579.     box-shadow: 0 0 5px rgba(181, 32, 22, .4);
  580.     color: #525252
  581. }
  582.  
  583. form input, form select {
  584.     -webkit-box-sizing: border-box;
  585.     -moz-box-sizing: border-box;
  586.     box-sizing: border-box;
  587.     margin-bottom: 10px !important
  588. }
  589.  
  590. form input:last-child, form select:last-child {
  591.     margin-bottom: 0 !important
  592. }
  593.  
  594. form.form-inline div, form.form-inline label, form.form-inline select {
  595.     display: inline !important
  596. }
  597.  
  598. form.form-inline select {
  599.     margin-left: 5px;
  600.     margin-right: 40px;
  601.     padding: 1px 0 1px 2px
  602. }
  603.  
  604. .downloads {
  605.     position: relative;
  606.     text-align: center;
  607.     margin-bottom: 30px;
  608. }
  609.  
  610. .downloads div.download {
  611.     background-color: #cb3d35;
  612.     border: 1px solid #d05049;
  613.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  614.     color: #eeeeee;
  615.     min-width: 80%;
  616.     padding: 0;
  617.     display: inline-block;
  618.     position: relative;
  619.     text-decoration: none;
  620.     transition: background 0.2s ease-in-out;
  621.     text-align: center;
  622.     line-height: 0.9em;
  623.     font-size: 1.5em;
  624.     margin: 10px 0;
  625. }
  626.  
  627. .downloads div.download small {
  628.     font-size: 0.6em;
  629. }
  630.  
  631. .downloads div.download i {
  632.     position: relative;
  633.     margin-right: 5px;
  634.     top: 2px;
  635. }
  636.  
  637. .downloads div.download:last-child {
  638.     margin-right: 0;
  639. }
  640.  
  641. .downloads div.download .title {
  642.     position: relative;
  643.     padding: 10px;
  644. }
  645.  
  646. .downloads div.download .links {
  647.     position: relative;
  648.     border-top: 1px solid #d64b44;
  649.     box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  650.     margin: 0;
  651. }
  652.  
  653. .downloads div.download .links .link > a {
  654.     position: relative;
  655.     box-sizing: border-box;
  656.     font-size: 1em;
  657.     width: 100%;
  658.     text-decoration: none;
  659.     display: block;
  660.     padding: 5px;
  661.     background-color: #cb3d35;
  662.     border-right: 1px solid #d64b44;
  663.     border-left: 1px solid rgba(0, 0, 0, 0.2);
  664.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  665.     color: #eeeeee;
  666. }
  667.  
  668. .downloads div.download .links .link {
  669.     float: left;
  670.     position: relative;
  671.     box-sizing: border-box;
  672.     font-size: 1em;
  673.     width: 100%;
  674.     text-decoration: none;
  675.     display: block;
  676. }
  677.  
  678. .downloads div.download .links .link > a i {
  679.     margin: 0;
  680. }
  681.  
  682. .downloads div.download .links .link > a:hover {
  683.     background-color: #b7362f;
  684.     border-right-color: #d1372f;
  685. }
  686.  
  687. .downloads div.download .links .link > a:active {
  688.     background-color: #b7362f;
  689.     border-right-color: #d1372f;
  690.     box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  691. }
  692.  
  693. .downloads div.download .links .link > a:first-child {
  694.     border-left: 0;
  695. }
  696.  
  697. .downloads div.download .links .link > a:last-child {
  698.     border-right: 0;
  699. }
  700.  
  701. .downloads div.download .links .link > a .promo-label {
  702.     display: block;
  703.     margin-top: 5px;
  704.     font-size: 0.8em;
  705. }
  706.  
  707. .downloads div.download .links .link .promo-download-info {
  708.     display: block;
  709.     font-size: 0.5em;
  710.     text-align: left;
  711.     max-height: 0;
  712.     overflow: hidden;
  713.     width: 150px;
  714.     position: absolute;
  715.     line-height: 1em;
  716.     left: 50%;
  717.     margin-left: -75px;
  718.     top: 100%;
  719.     z-index: 100;
  720.     transition: all 0.2s ease-in-out;
  721.     color: #333333;
  722.     text-shadow: none;
  723.     background: #ffffff;
  724.     border-right: 1px solid rgba(0, 0, 0, 0.2);
  725.     border-left: 1px solid rgba(0, 0, 0, 0.2);
  726.     border-radius: 3px;
  727.     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  728. }
  729.  
  730. .downloads div.download .links .link:hover .promo-download-info {
  731.     overflow: hidden;
  732.     max-height: 200px;
  733.     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  734. }
  735.  
  736. .downloads div.download .links .link:hover .promo-download-info:hover {
  737.     cursor: default;
  738. }
  739.  
  740. .downloads div.download .links .link .promo-download-info .header {
  741.     display: block;
  742.     width: 100%;
  743.     text-align: center;
  744.     color: #b7362f;
  745.     font-size: 1.6em;
  746.     height: 2px;
  747.     overflow: visible;
  748.     line-height: 0;
  749. }
  750.  
  751. .downloads div.download .links .link .promo-download-info .header:before {
  752.     display: inline-block;
  753.     margin-top: -7px;
  754.     font: normal normal normal 14px/1 FontAwesome;
  755.     font-size: inherit;
  756.     text-rendering: auto;
  757.     -webkit-font-smoothing: antialiased;
  758.     -moz-osx-font-smoothing: grayscale;
  759.     -webkit-transform: translate(0, 0);
  760.     -ms-transform: translate(0, 0);
  761.     transform: translate(0, 0);
  762.     content: "\f0d7";
  763. }
  764.  
  765. .downloads div.download .links .link .promo-download-info .text {
  766.     display: inline-block;
  767.     float: none;
  768.     width: 100%;
  769.     max-width: 300px;
  770.     box-sizing: border-box;
  771.     padding: 7px;
  772.     font-size: 1.25em;
  773. }
  774.  
  775. .downloads div.download .links .link .promo-download-info .text a {
  776.     display: inline;
  777. }
  778.  
  779. .downloads div.download .links .link .promo-download-info .text small {
  780.     font-size: 0.9em;
  781. }
  782.  
  783. #list.loading {
  784.     text-align: center;
  785.     padding-top: 60px
  786. }
  787.  
  788. #list i.fa-refresh {
  789.     font-size: 4em
  790. }
  791.  
  792. .downloadsTable {
  793.     position: relative;
  794.     width: 100%;
  795. }
  796.  
  797. .downloadsTable td:first-child, .downloadsTable th:first-child {
  798.     width: 14%;
  799.     border-right: 1px solid rgba(0, 0, 0, .1)
  800. }
  801.  
  802. .downloadsTable td {
  803.     font-size: .9em
  804. }
  805.  
  806. .downloadsTable td:first-child {
  807.     font-weight: 700;
  808.     font-size: .95em;
  809.     color: #b60000
  810. }
  811.  
  812. .downloadsTable td.recommended i {
  813.     font-size: .9em;
  814.     margin-right: 0;
  815.     position: absolute;
  816.     left: -10px;
  817.     margin-top: 3px
  818. }
  819.  
  820. .downloadsTable i {
  821.     margin-right: 5px
  822. }
  823.  
  824. .downloadsTable i.fa-link, .downloadsTable i.fa-info-circle {
  825.     margin-right: 0
  826. }
  827.  
  828. .downloadsTable ul {
  829.     margin: 0;
  830.     padding: 0
  831. }
  832.  
  833. .downloadsTable li {
  834.     display: block;
  835.     float: left;
  836.     padding: 0 5px;
  837.     border-right: 1px solid rgba(0, 0, 0, .1);
  838.     list-style: none
  839. }
  840.  
  841. .downloadsTable li .info {
  842.     display: none
  843. }
  844.  
  845. .downloadsTable li:last-child {
  846.     border-right: none
  847. }
  848.  
  849. table {
  850.     width: 100%
  851. }
  852.  
  853. table th, table td {
  854.     text-align: left;
  855.     padding: 10px
  856. }
  857.  
  858. table th {
  859.     font-size: 1.1em;
  860.     font-weight: 700;
  861.     border-bottom: 2px solid rgba(0, 0, 0, .5)
  862. }
  863.  
  864. .pull-left {
  865.     float: left
  866. }
  867.  
  868. .inline {
  869.     display: inline !important
  870. }
  871.  
  872. .jumbo {
  873.     margin-top: 60px;
  874.     background: rgba(0, 0, 0, .1);
  875.     width: 100%;
  876.     position: relative
  877. }
  878.  
  879. .jumbo section {
  880.     margin-top: 0;
  881.     padding: 60px 0
  882. }
  883.  
  884. .jumbo section .pageicon {
  885.     float: left;
  886.     width: 120px;
  887.     height: 120px;
  888.     display: block;
  889.     padding: 4px;
  890.     background: #fff;
  891.     border-radius: 3px
  892. }
  893.  
  894. .jumbo section .pagetitle {
  895.     margin-left: 150px;
  896.     height: 120px;
  897.     margin-bottom: 30px
  898. }
  899.  
  900. .jumbo section .title h1 {
  901.     width: 100%;
  902.     border-bottom: 1px solid #727272
  903. }
  904.  
  905. .jumbo section h1 {
  906.     font-size: 2.5em;
  907.     margin-top: 0;
  908.     margin-bottom: 10px
  909. }
  910.  
  911. .jumbo section .large {
  912.     font-size: 1.5em;
  913.     text-align: justify
  914. }
  915.  
  916. .jumbo section .links {
  917.     margin-top: 20px;
  918.     text-align: left;
  919. }
  920.  
  921. .jumbo section .links .btn {
  922.     margin-right: 20px;
  923.     margin-bottom: 20px
  924. }
  925.  
  926. .jumbo section .links .btn:last-child {
  927.     margin-right: 0
  928. }
  929.  
  930. .jumbo section .links.mods .btn {
  931.     margin-bottom: 0
  932. }
  933.  
  934. .jumbo .downloads {
  935.     margin-bottom: 0
  936. }
  937.  
  938. #Comments {
  939.     margin-top: 20px !important
  940. }
  941.  
  942. .versions-wrapper {
  943.     text-align: center;
  944. }
  945.  
  946. .versions-heading {
  947.     display: block;
  948.     font-weight: 600;
  949.     color: #fafafa;
  950. }
  951.  
  952. .versions {
  953.     background-color: #cb3d35;
  954.     border: 1px solid #d05049;
  955.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  956.     color: #eeeeee;
  957.     min-width: 310px;
  958.     padding: 0;
  959.     display: inline-block;
  960.     position: relative;
  961.     text-decoration: none;
  962.     transition: background 0.2s ease-in-out;
  963.     text-align: center;
  964.     line-height: 0.9em;
  965.     font-size: 1.5em;
  966.     margin: 10px 30px 10px 0;
  967. }
  968.  
  969. .versions i {
  970.     position: relative;
  971.     margin-right: 5px;
  972.     top: 2px;
  973. }
  974.  
  975. .versions:last-child {
  976.     margin-right: 0;
  977. }
  978.  
  979. .versions .title {
  980.     position: relative;
  981.     padding: 10px;
  982. }
  983.  
  984. .versions .links {
  985.     position: relative;
  986.     border-top: 1px solid #d64b44;
  987.     box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  988.     margin: 0;
  989.     list-style: none;
  990. }
  991.  
  992. .versions .links > li {
  993.     float: left;
  994.     position: relative;
  995.     box-sizing: border-box;
  996.     font-size: 1em;
  997.     text-decoration: none;
  998.     display: block;
  999.     padding: 10px;
  1000.     background-color: #cb3d35;
  1001.     border-right: 1px solid #d64b44;
  1002.     border-left: 1px solid rgba(0, 0, 0, 0.2);
  1003.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  1004.     color: #eeeeee;
  1005. }
  1006.  
  1007. .li-version-list.active > span {
  1008.     font-weight: bold;
  1009. }
  1010.  
  1011. .versions .links > li i {
  1012.     margin: 0;
  1013. }
  1014.  
  1015. .versions .links > li:hover {
  1016.     background-color: #b7362f;
  1017.     border-right-color: #d1372f;
  1018.     cursor: default;
  1019. }
  1020.  
  1021. .versions .links > li:hover .versions-info {
  1022.     overflow: hidden;
  1023.     max-height: 500px;
  1024.     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  1025. }
  1026.  
  1027. .versions .links > li:first-child {
  1028.     border-left: 0;
  1029. }
  1030.  
  1031. .versions .links > li:last-child {
  1032.     border-right: 0;
  1033. }
  1034.  
  1035. .versions .links > li .versions-info {
  1036.     display: block;
  1037.     font-size: 0.5em;
  1038.     text-align: left;
  1039.     max-height: 0;
  1040.     overflow: hidden;
  1041.     width: 150px;
  1042.     position: absolute;
  1043.     line-height: 1em;
  1044.     left: 50%;
  1045.     margin-left: -75px;
  1046.     top: 100%;
  1047.     z-index: 100;
  1048.     transition: all 0.2s ease-in-out;
  1049.     color: #333333;
  1050.     text-shadow: none;
  1051.     background: #ffffff;
  1052.     border-right: 1px solid rgba(0, 0, 0, 0.2);
  1053.     border-left: 1px solid rgba(0, 0, 0, 0.2);
  1054.     border-radius: 3px;
  1055.     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  1056. }
  1057.  
  1058. .versions .links > li .versions-info .header {
  1059.     display: block;
  1060.     width: 100%;
  1061.     text-align: center;
  1062.     color: #b7362f;
  1063.     font-size: 1.6em;
  1064.     height: 2px;
  1065.     overflow: visible;
  1066.     line-height: 0;
  1067. }
  1068.  
  1069. .versions .links > li .versions-info .header:before {
  1070.     display: inline-block;
  1071.     margin-top: -7px;
  1072.     font: normal normal normal 14px/1 FontAwesome;
  1073.     font-size: inherit;
  1074.     text-rendering: auto;
  1075.     -webkit-font-smoothing: antialiased;
  1076.     -moz-osx-font-smoothing: grayscale;
  1077.     -webkit-transform: translate(0, 0);
  1078.     -ms-transform: translate(0, 0);
  1079.     transform: translate(0, 0);
  1080.     content: "\f0d7";
  1081. }
  1082.  
  1083. .versions .links > li .versions-info ul.text {
  1084.     margin: 0;
  1085.     display: inline-block;
  1086.     float: none;
  1087.     width: 100%;
  1088.     max-width: 300px;
  1089.     box-sizing: border-box;
  1090.     font-size: 1.25em;
  1091. }
  1092.  
  1093. .versions .links > li .versions-info ul.text li {
  1094.     margin: 0;
  1095.     display: block;
  1096.     width: 100%;
  1097.     box-sizing: border-box;
  1098. }
  1099.  
  1100. .versions .links > li .versions-info ul.text li a {
  1101.     padding: 7px;
  1102.     display: block;
  1103.     width: 100%;
  1104.     box-sizing: border-box;
  1105.     text-decoration: none;
  1106. }
  1107.  
  1108. .versions .links > li .versions-info ul.text li a:hover, .versions .links > li .versions-info ul.text li a:active {
  1109.     background: rgba(0, 0, 0, 0.1);
  1110. }
  1111.  
  1112. .li-version-list-current {
  1113.     font-weight: bold;
  1114.     padding: 7px;
  1115. }
  1116.  
  1117. .versions .links a .versions-info .text small {
  1118.     font-size: 0.9em;
  1119. }
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!