main.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .d-flex > .btn {
  2. flex: 1;
  3. }
  4. .carbonads {
  5. border-radius: .25rem;
  6. border: 1px solid #ccc;
  7. font-size: .875rem;
  8. overflow: hidden;
  9. padding: 1rem;
  10. }
  11. .carbon-wrap {
  12. overflow: hidden;
  13. }
  14. .carbon-img {
  15. clear: left;
  16. display: block;
  17. float: left;
  18. }
  19. .carbon-text,
  20. .carbon-poweredby {
  21. display: block;
  22. margin-left: 140px;
  23. }
  24. .carbon-text,
  25. .carbon-text:hover,
  26. .carbon-text:focus {
  27. color: #fff;
  28. text-decoration: none;
  29. }
  30. .carbon-poweredby,
  31. .carbon-poweredby:hover,
  32. .carbon-poweredby:focus {
  33. color: #ddd;
  34. text-decoration: none;
  35. }
  36. @media (min-width: 768px) {
  37. .carbonads {
  38. float: right;
  39. margin-bottom: -1rem;
  40. margin-top: -1rem;
  41. max-width: 360px;
  42. }
  43. }
  44. .footer {
  45. font-size: .875rem;
  46. overflow: hidden;
  47. }
  48. .heart {
  49. color: #ddd;
  50. display: block;
  51. height: 2rem;
  52. line-height: 2rem;
  53. margin-bottom: 0;
  54. margin-top: 1rem;
  55. position: relative;
  56. text-align: center;
  57. width: 100%;
  58. }
  59. .heart:hover {
  60. color: #ff4136;
  61. }
  62. .heart::before {
  63. border-top: 1px solid #eee;
  64. content: " ";
  65. display: block;
  66. height: 0;
  67. left: 0;
  68. position: absolute;
  69. right: 0;
  70. top: 50%;
  71. }
  72. .heart::after {
  73. background-color: #fff;
  74. content: "♥";
  75. padding-left: .5rem;
  76. padding-right: .5rem;
  77. position: relative;
  78. z-index: 1;
  79. }