Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div role="tabpanel" class="tab" id="raffles">
- <div class="fix">
- <div class="raffles-page">
- <div class="raffle-controls">
- <div class="raffle-filters">
- <p>All Items</p>
- <p>VGO</p>
- <p>GFUEL</p>
- <p>GIFTS</p>
- <p>GAMES</p>
- </div>
- <div class="raffle-search">
- <input class="raffle-input" placeholder="Search for item..."></input>
- <select class="price-filter">
- <option value="Price High to Low">Price High to Low</option>
- <option value="Price Low to High">Price Low to High</option>
- </select>
- <select class="selection-filter">
- <option value="All raffles">All raffles</option>
- <option value="Active raffles">Active raffles</option>
- <option value="Joined raffles">Joined raffles</option>
- <option value="Ended raffles">Ended raffles</option>
- </select>
- </div>
- </div>
- <div class="raffles-body">
- <div class="raffle">
- <div class="raffle-header">
- <div class="header-left">
- <p style="font-size: 14px;font-weight: 600;">YEEZY BOOST 350 V2</p>
- <p style="font-size: 12px;color: #808085 !important;">by Adidas</p>
- </div>
- <div class="header-right">
- <p style="font-size: 14px;font-weight: 600;">$240</p>
- <p style="font-size: 12px;color: #808085 !important;">$70</p>
- </div>
- </div>
- <div class="raffle-progress">
- <div class="progress-inner">
- </div>
- </div>
- <div class="raffle-body">
- <div class="raffle-img">
- </div>
- <div class="raffle-quickjoin">
- <p><i class="fas fa-bolt" style="margin-right: 5px;"></i>Insta Join</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- /* Raffles */
- .raffle-filters {
- display: flex;
- }
- .raffle {
- width: 24.5%;
- border-radius: 5px;
- margin-top: 20px;
- }
- .raffle-quickjoin p {
- margin-bottom: 10px;
- margin-top: 25px;
- font-size: 14px;
- cursor: pointer;
- font-weight: 600;
- color: #808085 !important;
- }
- .raffle-quickjoin i {
- margin-right: 5px;
- font-size: 12px;
- }
- .raffle-progress {
- background: #1e1e26;
- height: 5px;
- }
- .raffle-progress .progress-inner {
- background: #f95246;
- width: 25%;
- opacity: 1 !important;
- height: 5px;
- }
- .raffle-img {
- background-image: url(https://image.goat.com/attachments/product_template_pictures/images/008/707/328/original/152603_00.png.png);
- background-color: transparent;
- background-repeat: no-repeat;
- background-position: center center;
- background-size: 300px 300px;
- margin: 0 auto;
- height: 200px;
- width: 300px;
- }
- .raffle-body {
- background: #1c1c23;
- text-align: center;
- padding: 5px;
- }
- .raffles-body {
- display: flex;
- cursor: pointer;
- flex-wrap: wrap;
- }
- .raffle-header {
- background: #191920;
- padding: 15px;
- display: flex;
- }
- .raffle-header p {
- margin-bottom: 0px;
- }
- .header-left {
- width: 50%;
- text-align:left;
- }
- .header-right {
- width: 50%;
- text-align:right;
- }
- .raffle-filters p {
- margin-bottom: 0px;
- margin-right: 10px;
- color: #808085 !important;
- cursor: pointer;
- }
- select.price-filter {
- outline: 0px;
- background: #1e1e26;
- border: 0px;
- color: #808085 !important;
- padding: 10px 15px;
- border-radius: 5px;
- }
- select.selection-filter {
- outline: 0px;
- background: #1e1e26;
- border: 0px;
- color: #808085 !important;
- height: 100%;
- padding: 10px 15px;
- border-radius: 5px;
- margin: 0px;
- }
- input.raffle-input {
- outline: 0px;
- background: #1e1e26;
- border: 0px;
- height: 100%;
- color: #808085 !important;
- padding: 10px 15px;
- border-radius: 5px;
- }
- .raffle-filters p:hover {
- color: #fff !important;
- }
- .raffle-controls {
- display: flex;
- background: #191920;
- justify-content: space-between;
- align-items: center;
- font-size: 15px;
- font-weight: 600;
- padding: 15px 30px;
- border-radius: 5px;
- color: #808085;
- width: 100%;
- }
- /* End Raffles */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement