Advertisement
Hayla

Style

Jun 5th, 2020
617
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.53 KB | None
  1. <style>
  2. .online_watch{position:relative;width:100%;height:576px;z-index:100;margin:20px 0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;clear:both}
  3. .two-sides,.two-sides .cover_online{height:400px;/* position:relative;*/}
  4. .cover_online{width:100%;height:576px;background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:0 0 5px rgba(0,0,0,0.09);position:relative;overflow:hidden;z-index:1;background:#000}
  5. .server-not-av{display:block;text-align:center;background:rgba(0,0,0,0.38);line-height:37px;font-weight:normal;margin:120px auto!important;color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,0.37);font-size:16px}
  6. .cover_online .play_player{position:absolute;width:110px;height:110px;border-radius:50%;text-align:center;right:50%;margin-right:-55px;top:50%;margin-top:-55px;z-index:2}
  7. .cover_online .play_player i{display:block;line-height:110px;font-size:110px;color:#f55b2b;text-shadow:-1px 7px 5px rgba(0,0,0,0.47)}
  8. .servers-box{position:relative;padding-top:84px}
  9. .servers-box.episode{padding-top:150px}
  10. .server-viewport{margin-right:170px;position:relative;height:100%}
  11. .two-sides .server-viewport{margin-left:200px}
  12. .servers-tabs{display:inline-block;float:right;width:170px;overflow-y:auto;padding-top:5px;height:100%;direction:ltr;background:rgb(30,30,31)}
  13. .servers-tabs ul{}
  14. .server-viewport iframe {width: 100%;height: 100%;z-index: +1;position: relative;}
  15. .servers-tabs li{background:#7d7d7d;margin:0 5px;padding:5px 10px;margin-bottom:5px;text-align:right;color:#fff;cursor:pointer;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
  16. .servers-tabs li:hover,.servers-tabs li.active{background:#e2081c}
  17. .servers-tabs i{margin-left:5px}
  18. .related-side{position:relative;position:absolute;left:0;top:0;width:200px;height:100%;/* overflow-y:hidden;*/
  19. background:rgb(18,18,19)}
  20. .related-side h2{display:block;background:#e2081c;text-align:center;font-size:15px;border-bottom:2px #000 solid;padding:7px 8px}
  21. .related-side ul{height:calc( 100% - 43px );overflow-y:auto}
  22. .related-side a{display:block;position:relative;padding:5px 10px;background:#1f1f1f;color:#fff;margin:0 3px;margin-top:3px;font-size:12px;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
  23. .related-side a:hover{background:rgb(226,8,28)}
  24. .related-side a.active{background:#000}
  25. .related-side ul::-webkit-scrollbar-track{background:#151515;margin-left:10px}
  26. .related-side ul::-webkit-scrollbar-thumb{background:#e2081c;border-radius:25px}
  27. @media screen and (max-width:768px){/* CSS CODE HERE FOR SMALL TABLETS ---*/.two-sides,.two-sides .cover_online,.online_watch,.online_watch .cover_online{height:initial;display:block;clear:both;padding:1px 0;/* padding:0;*/ margin:11px 0;background:#38393b!important}.servers-tabs{float:none;display:block;width:initial;height:initial}.server-viewport{margin:5px 0!important;clear:both;height:260px}.related-side{position:relative;display:block;width:initial}}
  28. </style>
  29.  
  30. <script async='async' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/server_live_streaming2.js' type='text/javascript'/>
Advertisement
RAW Paste Data Copied
Advertisement