IheartMusic.Best Style Css Code Wapkiz Desktop and Mobile Version Code Wapkiz Code 2019

Dear All ,
Today share i desktop and Mobile View Wapkiz Css Code




Go To wapkiz admin  Panel >> CSS Theme >> Paste This Code Enjoy >>>>






.section1{float:left; width:100%;}.section2{float:right; width:100%;}.section3{float:right; width:100%;}.section4{float:left; width:100%;}.section5{float:left;width:100%;}.section6{float:right;width:100%;}.section7{float:right;width:100%;}.sectionx{float:left;width:100%;}@media only screen and (min-width:960px) {.section1 {width:65%;} .section2{width:34%;} .section3 { width:49%;} .section4{width:50%;} .section5{width:50%;} .section6{width:0px;height:0px;background-color:#f0f0f0;} .section7{width:49%;} .sectionx{width:49%;display:inline-block;margin:0px 1px 1px 1px;}} .sort a[href*="/:url-3(:to-order(idn):):/"] {background: #f90; color:#fff;border: 1px solid #d50;}.az a[href*="/:site-1(:to-fid:):/"] {background: #f90; color:#fff;border: 1px solid #d50;}.sort a[href*="/:site-2(:to-cat:):/"] {background: #f90; color:#fff;border: 1px solid #d50;}body{font-family:Play;margin:0px;padding:0px;font-size:small;line-height:19px;}img{max-width:100%;transition:0.7s;}a:link{text-decoration:none;}a:hover{text-decoration:none;color:black;}a:active{text-decoration:none;color:red;}input[type=text], input[type=search], input[type=number]{background:#f9f9f9;border:1px solid #308bcf;padding:7px;color:#5c5c5c;font-weight:bold;box-shadow:inset 0px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.1);border-radius:15px 0px 0px 15px;-webkit-border-radius:15px 0px 0px 15px;-khtml-border-radius:15px 0px 0px 15px;-o-border-radius:15px 0px 0px 15px;-ms-border-radius:15px 0px 0px 15px;-icab-border-radius:15px 0px 0px 15px;} input[type=text]:Focus, input[type=search]:Focus, input[type=number]:Focus{outline:0;background-color:#fafad2;}input[type=submit], input[type=button], button{margin:0px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#308bcf;text-shadow:0px 1px 0px #d26c24;border:1px solid #1079a8;color:#ffffff;cursor:pointer;display:inline-block;padding:7px;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);text-decoration:none;border-radius:0px 15px 15px 0px;-webkit-border-radius:0px 15px 15px 0px;-khtml-border-radius:0px 15px 15px 0px;-o-border-radius:0px 15px 15px 0px;-ms-border-radius:0px 15px 15px 0px;-icab-border-radius:0px 15px 15px 0px;}input[type=submit]:hover, input[type=button]:hover, button:hover{background:#f44336;text-shadow:0px 1px 0px #888888;border:1px solid #1079a8;color:#ffffff;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.25);}input[type=submit]:active, input[type=button]:active,button:active{background:#f44336;border:1px solid #1079a8;text-shadow:0px 1px 0px #888888;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);}input:invalid{border:1px red solid;padding:7px;}.gcse input[type=text], .gcse input[type=search]{background:;border:none;padding:;color:;font-weight:none;box-shadow:none;border-radius:0px;}.exclusive{display:inline-block;background-color:#E85A70;padding:0px 10px;border-radius:5px;color:#fff;font-weight:bold;} .filetag1{background-color:#f0f0f0;padding:7px 0px 7px 0px;}.filetag2{border-bottom:4px #3090c7 solid;padding:3px 5px 2px 7px;}.orangeurl a{color:orange;}mark{background-color:yellow;font-size:small;}.redexclusive{display:inline-block;text-decoration:none;background:#f44336;color:#ffffff;padding:0px 7px;border-radius:5px;}.blueexclusive{display:inline-block;text-decoration:none;background:#006699;color:#ffffff;padding:0px 7px;border-radius:5px;}.greenexclusive{display:inline-block;text-decoration:none;background:#008000;color:#ffffff;padding:0px 7px;border-radius:5px;}.brownexclusive{display:inline-block;text-decoration:none;background:#a52a2a;color:#ffffff;padding:0px 7px;border-radius:5px;}.purpleexclusive{display:inline-block;text-decoration:none;background:#800080;color:#ffffff;padding:0px 7px;border-radius:5px;}.oliveexclusive{display:inline-block;text-decoration:none;background:#808000;color:#ffffff;padding:0px 7px;border-radius:5px;}.orangeexclusive{display:inline-block;text-decoration:none;background:#ffa500;color:#ffffff;padding:0px 7px;border-radius:5px;}.grey{color:#aaa;}.sotdurl a{color:#e56717;font-weight:bold;}.sotd{text-decoration:none;font-weight:bold;background:#006699;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;text-transform:capitalize;}.red{display:inline-block;color:red;}.redurl a{color:red;}.green{display:inline-block;color:green;}.greenurl a{color:green;}.violet{display:inline-block;color:#6600cc;}.violeturl a{color:#6600cc;}.pink{display:inline-block;color:#ff00cc;}.pinkurl a{color:#ff00cc;}.blue1{display:inline-block;color:0b8080;}.blue1url a{color:0b8080;}.d2691e{display:inline-block;color:#d2691e;}.a3a3a3{display:inline-block;color:#a3a3a3;}.finfo{border-bottom:1px #e3e3e3 solid;padding:6px;}.catlist3{padding:9px;border-bottom:1px #ccc solid;}.catlist3:hover{padding:9px;background-color:#f0f0f0;}.catlist2{margin:1px 5px 1px 5px;padding:0;transition:all .5s ease;}.catlist2:hover{box-shadow:0 1px 8px 0 rgba(0,0,0,.45);}.taga{display:inline-block;box-sizing:border-box;padding:2px 4px;float:none;width:100%;background:#444;margin:1px;text-align:center;color:#fff;text-decoration:none;font-weight:500;font-size:12px;transition:all .4s ease;cursor:pointer;border-radius:2px;text-transform:capitalize;}.sort form{background:#f90;}.sort span{background:#f90;padding:2px 5px;margin:0 1px;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;}.sort a{border:1px solid #ccc;background:#f3f3f3;color:;padding:4px 5px 4px 5px;border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-icab-border-radius:5px;margin:3px;font-weight:bold;}.sort{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#F33;}.sort a:hover{border:1px #f33 solid;background:#f90;color:white;text-shadow:1px 1px 1px #000;padding:4px 5px 4px 5px;margin:3px;border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-icab-border-radius:5px;font-weight:bold;}.brcrmb{background-color:#ececec;padding:5px;border-top:1px #d3d3d3 solid;font-weight:bold;} .brcrmb a{color:#006699;} .tag1{background:#f6f6f6;color:#222;font-size:small;padding:5px;font-weight:bold;text-align:center;}.tag2{background:#f6f6f6;color:#222;padding:5px;border-bottom:1px #ccc solid;font-weight:bold;text-align:center;}.tag2 a{color:green;}.tag2-1{font-size:medium;}.cat{background-image: linear-gradient(to bottom right, #0077b3,#006699);padding:10px 0px 9px 7px;border-bottom:0px solid #5299b9;border-left:11px solid #3090c7;color:white;margin:0px;overflow:hidden;font-weight:bold;} .pgn1{padding:3px;} .pgn1 form{padding-top:5px;} .pgn1 a{padding:5px 8px;margin:2px 1px 5px 1px;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px 1px #000;} .pgn1 a{border:1px solid #a0a0a0;background:#659ec7;color:#fff;} .pgn1 div{padding-top:5px;} .pgn1 span,.pgn1 a:hover{background:#f90;color:#f5f5f5;text-shadow:1px 1px 1px #000;padding:5px 8px;margin:2px 1px 5px 1px;border:1px #a0a0a0 solid;}.pgn2{display:inline-block;background-color:#659ec7;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}.pgn2:hover{display:inline-block;background-color:#f44336;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}.pgn2 a{display:inline-block;background-color:#659ec7;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}.pgn2 a:hover{display:inline-block;background-color:#f44336;font-weight:bold;padding:10px 15px;border:#bbb;margin:2px 5px;color:#fff;}.dlerror a{color:red;text-align:center;font-weight:bold;}.A1{background-color:rgb(221, 231, 241);border:1px solid rgb(170, 187, 204);padding:4px;}.A2{background:fcfcfc;border-bottom:1px solid#ccc;padding:5px 5px 5px 9px;font-weight:normal;}.blue{background-color:#006699;color: #fff;padding-top:1px;padding-bottom:1px;}.blue a{color: #fff;}body *{margin:0;padding:0;font-family:font-family:"Arial","Helvetica",sans-serif;}a{text-decoration:none;color:#006699;}a:hover{text-decoration:none;}body, td{margin:0;padding:0;}body{background-image:url(https://i.extraimage.info/pix/uQStP.jpg);color:#000;}b{font-weight:bold;}textarea{font-size:small;}h2{background-color:#006699;padding:2px 7px;color:white;margin:0px;overflow:hidden;font-weight:bold;font-size:medium;}h2 a{color:#00bfff;}h1{background-color:#006699;padding:10px 7px 9px 7px;color:white;margin:0px;overflow:hidden;font-weight:bold;font-size:medium;}h5{background:306090;color:#fff;border:1px solid #ddd;font-size:120%;padding:6px;}.red{color:red;}p{padding:6px 0;}table{width:100%;margin:0px;}tr{margin:0px;}.search{background:#f3f3f3;border:1px dashed #d6d6d6;padding:10px;color:#111111;font-weight:bold;text-align:center;}img{vertical-align:middle;} textarea{font-size:small;}.imgclass{border-radius:7px;border:1px #ccc solid;padding:1px;}img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.fea{margin:1px;padding:0;transition:all .5s ease;}.fea:hover{box-shadow:0 1px 8px 0 rgba(0,0,0,.45);}.fe{padding:4px 7px;}.fe:hover{padding:4px 7px;background-color:#ffffff;}.fe1{padding:4px 7px;border-bottom:1px #ccc solid;background-color:#ffffff;}.fe1:hover{padding:4px 7px;background-color:#ffffff;}.f44336{color:#f44336;}.duall:nth-child(even){background:#f0f0f0;margin:3px 5px 8px 5px;padding-right:3px;transition:all 0.4s ease;}.duall:nth-child(odd){background:#FFF;margin:3px 5px 8px 5px;padding-right:3px;transition:all 0.4s ease;}.duall:hover{box-shadow:0 1px 8px 0;}.updatea{display:inline-block;background-color:#6b7b8d;padding:5px;color:white;}hr{border-bottom:1px solid #ede9dc;margin-top:2px;margin-bottom:2px;}.pno{display:inline-block;background-color:#f44336;padding:2px 10px;color:#fff;font-weight:bold;}.downloadbox{padding:7px;background-color:#f3f3f3;text-align:center;}.sitenav{border-bottom:1px solid #ccc;padding:5px;background-color:#f6f6f6;}.polaroid{display:inline-block;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);text-align:center;}.thumb{padding:0px 5px 6px 5px;text-align:center;}.notice{background-color:#AFDCEC;border:1px green solid;padding:7px;margin:5px;border-radius:7px;font-weight:bold;color:blue;text-align:center;}.bold{font-weight:bold; text-align:center;}.footer{background-image: linear-gradient(#5a6872,#484f5b);padding:7px 10px 12px 15px; box-shadow: 0px -5px 5px -5px #111;}.disclaimer{padding:9px 7px;border-bottom:1px #e9e9e9 solid;}.disclaimer:hover{background-color:#f6f6f6;padding:9px 7px;border-bottom:1px #e9e9e9 solid;}.dbtn input[type=submit]{display:inline-block;background-color:#f44336;padding:7px 15px;margin:2px 7px;color:#fff;text-align:center;font-size:medium;font-weight:bold;border:2px #fff solid;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.45);transition:0.5s;}.dbtn input[type=submit]:hover{background-color:red;}.dbtn-1{display:inline-block;} .dbtn-2{display:inline-block;} .dbtn-3{display:inline-block;} .dbtn1 input[type=submit]{display:inline-block;background-color:#387C44;padding:5px 5px;margin:2px 5px;color:#fff;text-align:center;font-family:monospace;text-shadow:1px 1px 2px #000;font-size:1.6em;border:1px #fff solid;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.45);transition:0.5s;line-height:1.3;}.dbtn1 input[type=submit]:hover{opacity:0.7;}.dbtn2{display:inline-block;}.dbtn2 input[type=submit]{display:inline-block;background-color:#FFA500;padding:5px 5px;margin:2px 5px;color:#fff;text-align:center;font-family:monospace;text-shadow:1px 1px 2px #000;font-size:1.6em;border:1px #fff solid;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.45);transition:0.5s;line-height:1.3;}.dbtn2 input[type=submit]:hover{opacity:0.7;}.dbtn3{display:inline-block;}.dbtn3 input[type=submit]{display:inline-block;background-color:#DC381F;padding:5px 5px;margin:2px 5px;color:#fff;text-align:center;font-family:monospace;text-shadow:1px 1px 2px #000;font-size:1.6em;border:1px #fff solid;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.45);transition:0.5s;line-height:1.3;}.dbtn3 input[type=submit]:hover{opacity:0.7;}.bitrate{font-size:1.7em;text-align:center;margin:7px;text-shadow:1px 1px 2px #000;}.dlerror{color:red;font-weight:bold;margin:7px 7px 0px 7px;}.bollyalbum{display:inline-block;}::placeholder{color:#bbb;opacity:1;}::-ms-input-placeholder{color:#bbb;opacity:1;}::-ms-input-placeholder{color:#bbb;opacity:1;}   :root {
                                                                                                                --color-primary: #006699;
                                                                                                                --color-secondary: #00DCC0;
                                                                                                                --color-text-light: #fff;
                                                                                                         
                                                                                                                --space-2: 1rem;   /* 16px */
                                                                                                         
                                                                                                                --box-shadow-1: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -1px rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
                                                                                                              }
                                                                                                              .scrollToTop , .scrollToTop:hover {
                                                                                                                color: var(--color-text-light);
                                                                                                                font-size: 1.4em; box-shadow: var(--box-shadow-1);
                                                                                                                width: 50px;
                                                                                                                height: 50px;
                                                                                                                border-radius: 50%;
                                                                                                                border: none;
                                                                                                                outline: none;
                                                                                                                background: var(--color-primary);
                                                                                                                z-index: 99999;
                                                                                                                bottom: var(--space-2);
                                                                                                                right: var(--space-2);
                                                                                                                position: fixed;
                                                                                                                opacity: 0.5;
                                                                                                                visibility: hidden;
                                                                                                              }
                                                                                                            .target {
                                                                                                                position: relative;
                                                                                                              }
                                                                                                              .target-anchor {
                                                                                                                position: absolute;
                                                                                                                top: -72px;
                                                                                                                left: 0;
                                                                                                              } .xyz {color:#fff; font-size: 1.4em; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); border: none;    outline: none; background:#ffa726;   bottom: 0px; position: fixed; width:100%;z-index: 200000 !important;padding:7px;text-align:center;font-size:small;font-weight:bold;} .xyz a{color:#fff;} .btn{display:inline-block; background-color:#006699; border:1px #006666 solid; padding:5px 8px;margin: 5px 5px 5px 0px;border-radius:6px;color:#fff; font-weight:bold;transition:1s;} .btn:hover{display:inline-block; background-color:#f0a638; border:1px #f7a038 solid; padding:5px 8px;margin: 5px 5px 5px 0px;border-radius:6px;color:#fff; font-weight:bold;} .btnact{display:inline-block; background-color:#f0a638; border:1px #f7a038 solid; padding:5px 8px;margin: 5px 5px 5px 0px;border-radius:6px;color:#fff; font-weight:bold;} .rcbolly a{display:inline-block;background:#039BE5;padding:4px;border-radius:5px;color:#fff;font-weight:bold;font-size:small; margin:2px 4px 2px 0px;} .rcbolly a:hover{display:inline-block;background:#ffc107;padding:4px;border-radius:5px;color:#fff;font-weight:bold; margin:2px 4px 2px 0px;} .slist {color:#fff; font-weight:bold;font-size:small; padding:6px 0px;} .slist a {color:#fff;} .log{background-image: linear-gradient(#484f5b,#5a6872);padding:7px 10px 12px 15px; box-shadow: 0px 5px 10px -5px #111;}.navcat{background:#262626;padding:7px;color:#fff;}.hamburger{border:1px #444 solid;border-radius:4px;font-size: 2em;display:inline-block;top:10px;right:3px;cursor: pointer;width: 40px;height: 40px;z-index:1;}.hamburger:hover{}.ftflex{width:100%;color:#ececec;padding:0px 0px 10px 0px;} .ftflexx{margin: 0px 0px 5px 0px; font-size:large;font-weight:bold;} header {background: #516C8D;height: 97px;} footer {background: #516C8D;} .ft{padding:10px;color:#222;} nav {margin: 0px;} aside {display: none;} ul.nav-container {display: block;background-image: linear-gradient(to right, #484f5b,#5a6872);padding: 0; margin: 0px;width: 280px;} ul.nav-container a{color:#f0f0f0;} ul.nav-container > * {display: block;border-bottom: 1px solid rgba(0,0,0,0.1);padding: 10px 5px 10px 17px;color:#f0f0f0; font-size:medium; font-weight:bold;} #desktop-sidebar{background-image: linear-gradient(to right, #484f5b,#5a6872);;box-shadow:5px 0px 5px -5px rgba(0,0,0,0.3);} /*  desktop /    @media (min-width: 960px) {      / overflow: scroll MUST BE on the `toolbar` */      nav[toolbar] {        max-height: calc(100vh - 100px);        overflow: auto;position:sticky;top:0;} .log{text-align:left;} .log img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);} .ftflex {width:40%;display:inline-block;padding:5px 17px;}.brcrmb {background:#006699;color:#ccc;padding:10px 5px;} .brcrmb a {color:#fff;} .cat{background:#f0a638;padding:7px;color:#fff;border:0px;font-size:medium;font-weight:bold;} .sotd{text-decoration:none;font-weight:bold;background:#f0a638;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;text-transform:capitalize;} .hamburger {display: none; visibility:hidden;} main {        display: flex; flex-direction: row;background:#fcfcfc;} aside { display: flex; flex-direction: column; }   article { flex: 1}}



Thanks 
Attention : – Pls Visit Our সকল মুভি ডাউনলোড করুুন আমাদের মুভি ডাউনলোড ওয়েবসাইট থেকে and মুভি ডাউনলোড করতে না পারলে জয়েন করুুন টেলিগ্রামে এবং ডাউনলোড করার পিন ভিডিও দেখুন। Join Telegram Group

1 Response to "IheartMusic.Best Style Css Code Wapkiz Desktop and Mobile Version Code Wapkiz Code 2019 "