CSS
81
ms ctr info slidetab css
Guest on 5th May 2022 02:11:59 AM
#ctrinf-tab {
display:inline-block;position:fixed;right:0;bottom:0;padding:5px 10px;font-size:16px;text-align:center;
text-decoration:none;background-color:#f04034;color:#fff;z-index:999;border-radius:10px 0 0 0;box-shadow:0px 0px 10px #111;
}
.ctrinf-tog {cursor:pointer}
.ctrinf-tog:hover {!important;text-shadow:0 0 10px yellow !important}
#ctrinf-slide {
position:fixed;right:-600px;bottom:0;background-color:#f9f9f9;border:1px solid #f04034;
border-right:none;z-index:9999;box-shadow:0px 0px 20px #111;font-size:15px;border-radius:10px 0 0 0;
}
#ctrinf-slide .top,
#ctrinf-slide .btm {background-color:#f04034;color:#fff;font-size:16px;padding:5px;text-align:center}
#ctrinf-slide .top {border-top-left-radius:10px}
#ctrinf-slide .inf-con {padding:0 10px}
#ctrinf-slide .sect-lbl {font-size:17px;font-weight:bold;margin-top:10px}
#ctrinf-slide table {margin:0 0 10px 0}
#ctrinf-slide th {padding-right:12px;vertical-align:top;font-size:14px;font-weight:normal}
#ctrinf-slide th, #ctrinf-slide td {padding-bottom:0px;font-size:14px}
#ctrinf-slide .tel-num a:link,
#ctrinf-slide .tel-num a:visited {color:royalblue;font-weight:bold}
#ctrinf-slide .tel-num a:hover {text-decoration:none;color:#f03b34}
@media (min-width: 768px) {
#ctrinf-tab {
bottom:30%;padding:5px 10px;
transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:bottom right;
border-radius:10px 10px 0 0;
}
#ctrinf-slide {bottom:10%;border-bottom-left-radius:10px}
#ctrinf-slide .btm {border-bottom-left-radius:10px}
}