octopus-ad/components/style/base.css

Quickapp Sample Template

.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-round{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.grow-0{flex-grow:0}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.shrink-1{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-9999{z-index:9999}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-24{font-size:24px}.fs-26{font-size:26px}.fs-28{font-size:28px}.fs-30{font-size:30px}.fs-32{font-size:32px}.fs-34{font-size:34px}.fs-36{font-size:36px}.fs-38{font-size:38px}.fs-40{font-size:40px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-white{color:#fff}.bg-white{background-color:#fff}.text-333{color:#333}.bg-333{background-color:#333}.text-666{color:#666}.bg-666{background-color:#666}.text-999{color:#999}.bg-999{background-color:#999}.text-black{color:#000}.bg-black{background-color:#000}.text-transparent{color:transparent}.bg-transparent{background-color:transparent}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.w-0{width:0}.h-0{height:0}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-0{max-width:0}.max-h-0{max-height:0}.w-4{width:4px}.h-4{height:4px}.min-w-4{min-width:4px}.min-h-4{min-height:4px}.max-w-4{max-width:4px}.max-h-4{max-height:4px}.w-8{width:8px}.h-8{height:8px}.min-w-8{min-width:8px}.min-h-8{min-height:8px}.max-w-8{max-width:8px}.max-h-8{max-height:8px}.w-12{width:12px}.h-12{height:12px}.min-w-12{min-width:12px}.min-h-12{min-height:12px}.max-w-12{max-width:12px}.max-h-12{max-height:12px}.w-16{width:16px}.h-16{height:16px}.min-w-16{min-width:16px}.min-h-16{min-height:16px}.max-w-16{max-width:16px}.max-h-16{max-height:16px}.w-20{width:20px}.h-20{height:20px}.min-w-20{min-width:20px}.min-h-20{min-height:20px}.max-w-20{max-width:20px}.max-h-20{max-height:20px}.w-24{width:24px}.h-24{height:24px}.min-w-24{min-width:24px}.min-h-24{min-height:24px}.max-w-24{max-width:24px}.max-h-24{max-height:24px}.w-28{width:28px}.h-28{height:28px}.min-w-28{min-width:28px}.min-h-28{min-height:28px}.max-w-28{max-width:28px}.max-h-28{max-height:28px}.w-32{width:32px}.h-32{height:32px}.min-w-32{min-width:32px}.min-h-32{min-height:32px}.max-w-32{max-width:32px}.max-h-32{max-height:32px}.w-36{width:36px}.h-36{height:36px}.min-w-36{min-width:36px}.min-h-36{min-height:36px}.max-w-36{max-width:36px}.max-h-36{max-height:36px}.w-40{width:40px}.h-40{height:40px}.min-w-40{min-width:40px}.min-h-40{min-height:40px}.max-w-40{max-width:40px}.max-h-40{max-height:40px}.w-44{width:44px}.h-44{height:44px}.min-w-44{min-width:44px}.min-h-44{min-height:44px}.max-w-44{max-width:44px}.max-h-44{max-height:44px}.w-48{width:48px}.h-48{height:48px}.min-w-48{min-width:48px}.min-h-48{min-height:48px}.max-w-48{max-width:48px}.max-h-48{max-height:48px}.w-52{width:52px}.h-52{height:52px}.min-w-52{min-width:52px}.min-h-52{min-height:52px}.max-w-52{max-width:52px}.max-h-52{max-height:52px}.w-56{width:56px}.h-56{height:56px}.min-w-56{min-width:56px}.min-h-56{min-height:56px}.max-w-56{max-width:56px}.max-h-56{max-height:56px}.w-60{width:60px}.h-60{height:60px}.min-w-60{min-width:60px}.min-h-60{min-height:60px}.max-w-60{max-width:60px}.max-h-60{max-height:60px}.w-64{width:64px}.h-64{height:64px}.min-w-64{min-width:64px}.min-h-64{min-height:64px}.max-w-64{max-width:64px}.max-h-64{max-height:64px}.w-68{width:68px}.h-68{height:68px}.min-w-68{min-width:68px}.min-h-68{min-height:68px}.max-w-68{max-width:68px}.max-h-68{max-height:68px}.w-72{width:72px}.h-72{height:72px}.min-w-72{min-width:72px}.min-h-72{min-height:72px}.max-w-72{max-width:72px}.max-h-72{max-height:72px}.w-76{width:76px}.h-76{height:76px}.min-w-76{min-width:76px}.min-h-76{min-height:76px}.max-w-76{max-width:76px}.max-h-76{max-height:76px}.w-80{width:80px}.h-80{height:80px}.min-w-80{min-width:80px}.min-h-80{min-height:80px}.max-w-80{max-width:80px}.max-h-80{max-height:80px}.w-84{width:84px}.h-84{height:84px}.min-w-84{min-width:84px}.min-h-84{min-height:84px}.max-w-84{max-width:84px}.max-h-84{max-height:84px}.w-88{width:88px}.h-88{height:88px}.min-w-88{min-width:88px}.min-h-88{min-height:88px}.max-w-88{max-width:88px}.max-h-88{max-height:88px}.w-92{width:92px}.h-92{height:92px}.min-w-92{min-width:92px}.min-h-92{min-height:92px}.max-w-92{max-width:92px}.max-h-92{max-height:92px}.w-96{width:96px}.h-96{height:96px}.min-w-96{min-width:96px}.min-h-96{min-height:96px}.max-w-96{max-width:96px}.max-h-96{max-height:96px}.w-100{width:100px}.h-100{height:100px}.min-w-100{min-width:100px}.min-h-100{min-height:100px}.max-w-100{max-width:100px}.max-h-100{max-height:100px}.btn{display:inline-flex;padding:8px 16px;background-color:transparent;color:#888;border-radius:9999px;border:1px solid #888}.btn text{font-size:20px}.close{position:absolute;top:20px;right:20px;width:40px;height:40px;padding:10px;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);border-radius:9999px}.close image{width:20px;height:20px}