Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html #x13-counter-container #counter-3{
- float: left;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 15px;
- }
- html #x13-counter-container em{
- float: left;
- width: 50%;
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- align-items: center;
- }
- html #x13-counter-container em strong.code{
- border: 2px dashed #FFF;
- padding: 17px;
- font-size: 20px;
- font-weight: 300;
- position:relative;
- margin-top: 6px;
- }
- html #x13-counter-container em strong.code:before{
- content: 'KOD';
- position: absolute;
- top: -13px;
- left: 50%;
- width: auto;
- font-size: 12px;
- transform: translateX(-50%);
- background: #b16721;
- padding-left: 10px;
- padding-right: 10px;
- border-radius: 50px;
- }
- html #x13-counter-container .code-info{
- padding-top: 8px;
- }
- html #x13-counter-container .code-info p{
- font-size: 14px;
- padding-top: 7px;
- text-transform: uppercase;
- }
- html #x13-counter-container .x13-js-counter{
- position:relative;
- }
- html #x13-counter-container .code-info-header{
- font-size: 19px;
- text-transform: uppercase;
- letter-spacing: 6px;
- border-bottom: 2px solid #e29333;
- padding-bottom: 3px;
- }
- html #x13-counter-container .x13-js-counter:before{
- content: 'Do końca promocji zostało';
- position: absolute;
- top: -39px;
- left: 0;
- width: 100%;
- text-align: center;
- text-transform: uppercase;
- font-size: 12px;
- padding-right: 20px;
- }
- html #x13-counter-container .x13-js-counter .counter-item span.number {
- color: #ffffff;
- border-radius: 5px;
- font-size: 40px;
- border: none !important;
- font-weight: 700;
- }
- html #x13-counter-container .counter-item{
- float:left;
- }
- html #x13-counter-container .counter-item .counter-label{
- position:relative;
- color: transparent !important;
- overflow: hidden;
- width: 20px;
- margin: 0;
- padding: 0;
- }
- html #x13-counter-container .counter-item:nth-child(1) .counter-label:before{
- content: ':';
- position: absolute;
- top: -4px;
- left: -4px;
- color: #FFF;
- z-index: 999;
- font-size: 29px;
- display: block;
- width: 30px;
- height: 30px;
- }
- html #x13-counter-container .counter-item:nth-child(2) .counter-label:before{
- content: ':';
- position: absolute;
- top: -4px;
- left: -4px;
- color: #FFF;
- z-index: 999;
- font-size: 29px;
- display: block;
- width: 30px;
- height: 30px;
- }
- html #x13-counter-container .counter-text >p > em > span{
- margin-top: 10px;
- float: left;
- width: 100%;
- }
- html #x13-counter-container .counter-text{
- width: 100%;
- float: left;
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- margin-right: 0;
- padding-right: 0;
- }
- html #x13-counter-container .counter-text > .code-info{
- width:33%;
- }
- html #x13-counter-container .counter-text > p:nth-child(1){
- width: 33%;
- display: flex;
- justify-content: center;
- }
- html #x13-counter-container .counter-text > p:nth-child(2){
- width: 33%;
- display: flex;
- flex-flow: row wrap;
- align-items: center;
- justify-content: center;
- padding-top: 20px;
- }
- @media screen and (max-width: 991px){
- html #x13-counter-container em{
- width:100%;
- }
- html #x13-counter-container #counter-3{
- width:100%;
- }
- html #x13-counter-container{
- margin-top: -15px;
- margin-bottom: 40px;
- }
- }
- @media screen and (max-width: 768px){
- html #x13-counter-container #counter-3{
- width: 100% !important;
- margin-left: 10px;
- }
- html #x13-counter-container em strong.code{
- margin-top: 16px;
- width: 100%;
- margin-bottom: 10px;
- }
- html #x13-counter-container .code-info{
- width:100%!important;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement