CSS   97

ms ctr info slidetab css

Guest on 5th May 2022 02:11:59 AM

  1. #ctrinf-tab {
  2.     display:inline-block;position:fixed;right:0;bottom:0;padding:5px 10px;font-size:16px;text-align:center;
  3.     text-decoration:none;background-color:#f04034;color:#fff;z-index:999;border-radius:10px 0 0 0;box-shadow:0px 0px 10px #111;
  4. }
  5. .ctrinf-tog {cursor:pointer}
  6. .ctrinf-tog:hover {!important;text-shadow:0 0 10px yellow !important}
  7. #ctrinf-slide {
  8.     position:fixed;right:-600px;bottom:0;background-color:#f9f9f9;border:1px solid #f04034;
  9.     border-right:none;z-index:9999;box-shadow:0px 0px 20px #111;font-size:15px;border-radius:10px 0 0 0;
  10. }
  11. #ctrinf-slide .top,
  12. #ctrinf-slide .btm {background-color:#f04034;color:#fff;font-size:16px;padding:5px;text-align:center}
  13. #ctrinf-slide .top {border-top-left-radius:10px}
  14. #ctrinf-slide .inf-con {padding:0 10px}
  15. #ctrinf-slide .sect-lbl {font-size:17px;font-weight:bold;margin-top:10px}
  16. #ctrinf-slide table {margin:0 0 10px 0}
  17. #ctrinf-slide th {padding-right:12px;vertical-align:top;font-size:14px;font-weight:normal}
  18. #ctrinf-slide th, #ctrinf-slide td {padding-bottom:0px;font-size:14px}
  19. #ctrinf-slide .tel-num a:link,
  20. #ctrinf-slide .tel-num a:visited {color:royalblue;font-weight:bold}
  21. #ctrinf-slide .tel-num a:hover {text-decoration:none;color:#f03b34}
  22.  
  23. @media (min-width: 768px) {
  24.     #ctrinf-tab {
  25.         bottom:30%;padding:5px 10px;
  26.         transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);
  27.         -o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:bottom right;
  28.         border-radius:10px 10px 0 0;
  29.     }
  30.     #ctrinf-slide {bottom:10%;border-bottom-left-radius:10px}
  31.     #ctrinf-slide .btm {border-bottom-left-radius:10px}
  32. }

Raw Paste

Login or Register to edit or fork this paste. It's free.