OwlCyberSecurity - MANAGER

Edit File: my-styles.css

.navbar-fixed-top { background: #011834; } .nav.navbar-nav li a { color: #6cbef2; } .nav.navbar-nav.navbar-right li a { color: #6cbef2; } .jumbotron { background:#011834; background-image: url("../images/banner-slide.jpg"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 70%; } .title-1 { font-size: 18px; color: #fff; } .title-2 { font-size: 20px; color: #fff; } .title-3 { font-size: 19px; color: #000; } .title-4 { font-size: 24px; color: #000; } .title-5 { font-size: 20px; color: #000; } .td-1 { background-image: url("../images/bg-live.png"); width: 30%; height: 60px; } .td-2 { width: 40%; height: 50px } .span-1 { font-size: 40px; color: #fff; } .ball-1 { font-size: 20px; color: #000; font-weight: bold; height: 30px; width: 30px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #fb6726); border:1px solid #000; text-align: center; } .ball-2 { font-size: 20px; color: #000; font-weight: bold; height: 30px; width: 30px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #f126fb); border:1px solid #000; text-align: center; } .ball-3 { font-size: 20px; color: #000; font-weight: bold; height: 30px; width: 30px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #ff0000); border:1px solid #000; text-align: center; } .ball-4 { font-size: 20px; color: #000; font-weight: bold; height: 30px; width: 30px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border:1px solid #000; text-align: center; } .ball-5 { font-size: 20px; color: #000; font-weight: bold; height: 30px; width: 30px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border:1px solid #000; text-align: center; } .btn-blue { background: #011835; } .btn-full { background: #011834; color: #fff; } .btn-day { background: #f5f5f5; color: #000; } .headrow { height: 40px; background-color: #5c5c5c; font-family: Myriad Pro; font-size: 14px; color: #FFF; padding: 10px; } .oddrow { height: 40px; background-color: #cbd4e4; font-family: Myriad Pro; font-size: 14px; color: #000; padding: 10px; } .evenrow { height: 40px; background-color: #a8b4c7; font-family: Myriad Pro; font-size: 14px; color: #000; padding: 10px; } .footer { min-height: 60px; background: #000; font-size: 14px; color: #000; } @media (max-width: 768px) { .title-1 { font-size: 13px; color: #fff; } .title-3 { font-size: 13px; color: #000; } .title-4 { font-size: 14px; color: #000; } .title-5 { font-size: 14px; color: #000; } .btn-full{ width: 30%; } .td-2 { width: 30%; height: 30px } .span-1 { font-size: 30px; color: #fff; } .ball-1 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #fb6726); border: 1px solid #000; text-align: center; } .ball-2 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #f126fb); border: 1px solid #000; text-align: center; } .ball-3 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #ff0000); border: 1px solid #000; text-align: center; } .ball-4 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border: 1px solid #000; text-align: center; } .ball-5 { font-size: 14px; color: #000; font-weight: bold; height: 18.5px; width: 18.5px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border:1px solid #000; text-align: center; } .headrow { height: 30px; background-color: #5c5c5c; font-family: Myriad Pro; font-size: 12px; color: #FFF; padding: 2px; } .oddrow { height: 30px; background-color: #cbd4e4; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .evenrow { height: 30px; background-color: #a8b4c7; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .footer { min-height: 35px; background: #000; font-size: 12px; color: #000; } } @media (max-width: 992px) { .title-1 { font-size: 13px; color: #fff; } .title-3 { font-size: 13px; color: #000; } .title-4 { font-size: 14px; color: #000; } .title-5 { font-size: 14px; color: #000; } .btn-full{ width: 30%; } .td-2 { width: 30%; height: 30px } .span-1 { font-size: 30px; color: #fff; } .ball-1 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #fb6726); border: 1px solid #000; text-align: center; } .ball-2 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #f126fb); border: 1px solid #000; text-align: center; } .ball-3 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #ff0000); border: 1px solid #000; text-align: center; } .ball-4 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border: 1px solid #000; text-align: center; } .ball-5 { font-size: 14px; color: #000; font-weight: bold; height: 18.5px; width: 18.5px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border:1px solid #000; text-align: center; } .headrow { height: 30px; background-color: #5c5c5c; font-family: Myriad Pro; font-size: 12px; color: #FFF; padding: 2px; } .oddrow { height: 30px; background-color: #cbd4e4; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .evenrow { height: 30px; background-color: #a8b4c7; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .footer { min-height: 35px; background: #000; font-size: 12px; color: #000; } } @media (max-width: 1200px) { .title-1 { font-size: 13px; color: #fff; } .title-3 { font-size: 13px; color: #000; } .title-4 { font-size: 14px; color: #000; } .title-5 { font-size: 14px; color: #000; } .btn-full{ width: 30%; } .td-2 { width: 30%; height: 30px } .span-1 { font-size: 30px; color: #fff; } .ball-1 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #fb6726); border: 1px solid #000; text-align: center; } .ball-2 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #f126fb); border: 1px solid #000; text-align: center; } .ball-3 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #ff0000); border: 1px solid #000; text-align: center; } .ball-4 { font-size: 15px; color: #000; font-weight: bold; height: 20px; width: 20px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border: 1px solid #000; text-align: center; } .ball-5 { font-size: 14px; color: #000; font-weight: bold; height: 18.5px; width: 18.5px; background-color: #ff7726; border-radius: 50%; display: inline-block; background: radial-gradient(#fff, #929292); border:1px solid #000; text-align: center; } .headrow { height: 30px; background-color: #5c5c5c; font-family: Myriad Pro; font-size: 12px; color: #FFF; padding: 2px; } .oddrow { height: 30px; background-color: #cbd4e4; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .evenrow { height: 30px; background-color: #a8b4c7; font-family: Myriad Pro; font-size: 12px; color: #000; padding: 2px; } .footer { min-height: 35px; background: #000; font-size: 12px; color: #000; } }