12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- .d-flex > .btn {
- flex: 1;
- }
- .carbonads {
- border-radius: .25rem;
- border: 1px solid #ccc;
- font-size: .875rem;
- overflow: hidden;
- padding: 1rem;
- }
- .carbon-wrap {
- overflow: hidden;
- }
- .carbon-img {
- clear: left;
- display: block;
- float: left;
- }
- .carbon-text,
- .carbon-poweredby {
- display: block;
- margin-left: 140px;
- }
- .carbon-text,
- .carbon-text:hover,
- .carbon-text:focus {
- color: #fff;
- text-decoration: none;
- }
- .carbon-poweredby,
- .carbon-poweredby:hover,
- .carbon-poweredby:focus {
- color: #ddd;
- text-decoration: none;
- }
- @media (min-width: 768px) {
- .carbonads {
- float: right;
- margin-bottom: -1rem;
- margin-top: -1rem;
- max-width: 360px;
- }
- }
- .footer {
- font-size: .875rem;
- overflow: hidden;
- }
- .heart {
- color: #ddd;
- display: block;
- height: 2rem;
- line-height: 2rem;
- margin-bottom: 0;
- margin-top: 1rem;
- position: relative;
- text-align: center;
- width: 100%;
- }
- .heart:hover {
- color: #ff4136;
- }
- .heart::before {
- border-top: 1px solid #eee;
- content: " ";
- display: block;
- height: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 50%;
- }
- .heart::after {
- background-color: #fff;
- content: "♥";
- padding-left: .5rem;
- padding-right: .5rem;
- position: relative;
- z-index: 1;
- }
|