MAINHACK

Viewing / Editing File: style.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}

body{ width:100%; font-family: "Abel-Regular"; background:url("../images/gif-body.gif" ) 0px 0px no-repeat; background-attachment: fixed;
background-size: cover;  }
.container{ width: 450px; margin: 0px auto;  padding: 0; }
.corner { width: 0; height: 0; border-top: 80px solid #1d3c8c; border-right: 150px solid transparent; margin-left: -15px;     z-index: 9; position: relative;}
.corner-bottom { width: 0; height: 0; margin-left: auto; border-bottom: 80px solid #1d3c8c; border-left: 150px solid transparent; margin-right: -15px; }

/*Header Top*/
.header-top{  width: 100%; position: relative; padding: 0; margin: 10px 0 0; }
.header-top ul{ padding: 0; margin: 0;  } 
.header-top ul li{ padding: 0; margin: 0; width: 20%; float: left; height: 8px; }

/*Header*/
.header{ width: 100%; height: auto; background: #ebebed; padding: 0 0 0; margin: 10px 0; /*border-top: 5px solid #f00;*/ background: linear-gradient(90deg, rgb(0 101 255) 10%, rgb(255 255 255) 10%);     background: #ebebed; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.logo-block{ width: 100%; padding: 0; margin: 0; text-align: center;}
.logo{ width: 20%; }
.logo-block h3{ color: #1d3c8c; font-size: 20px; line-height: 31px; }
.logo-block h6{ color: #1d3c8c; font-size: 17px; line-height: 21px; }

.contact-top{ width: 100%; height: auto; background: #fff; }
.contact-top ul{padding: 0; margin: 0; } 
.contact-top ul li{ font-size: 15px; background: linear-gradient(90deg, rgb(255 149 32) 10%, rgb(255 255 255) 10%); padding: 10px 0 10px 15px; margin: 0; color: #000; line-height: 20px;} 
.contact-top ul li i.fa{ padding: 0 40px 0 0; color: #fff;  }
.dropdown-top{     padding: 30px 0 0 20px; margin: 0; width: 100%; display: inline-block;}
.dropdown-top .input-group{ width: 50%; float: left; display: block;margin: 10px 0; }
.dropdown-top .input-group input{ border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0;    font-size: 16px;}
.dropdown-top .input-group button{ border: 1px solid #ccc; width: 90%; color: #000; padding: 10px; margin: 0;color: #fff; background: #969696;    font-size: 16px;background: #f9be02; font-size: 16px;     background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);}

.contact-action-table { margin-left: 0; width: 100%; }
.contact-action-table td { padding: 0; }
.contact-action-table tr:nth-child(1) .trapezoid { border-left-color: #ED3835; }
.contact-action-table tr:nth-child(even) .trapezoid .contact-action-container-icon { position: absolute; left: 20px; top: 4px; }
.contact-action-table tr:nth-child(odd) .trapezoid { border-bottom: 30px solid transparent; border-left: 60px solid #1d3c8c; border-top: 30px solid transparent; height: 100px; width: 0; position: relative; }
.contact-action-table tr:nth-child(2) .trapezoid { border-right-color: var(--theme-color-dark1); }
.contact-action-container-text.address-text { margin-top: -22px; margin-bottom: -22px; }
.contact-action-container-text { color: #555555; font-size: 14px; display: inline-block; font-family: 'Roboto'; word-break: break-word; }
.contact-action-table tr:nth-child(even) .trapezoid { border-bottom: 30px solid transparent; border-right: 60px solid #7c7c7c; border-top: 30px solid transparent; height: 100px; width: 0; margin-top: -27px; margin-bottom: -27px; position: relative; }
.contact-action-container-icon { position: absolute; left: -38px; top: 4px; }
.contact-action-container-icon { display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #d88b06; background-color: #ffffff; font-size: 16px; border-radius: 50%; }

/*About*/
.about-top{  width: 100%; height: auto; background: #fff; padding:0 0px; margin: 10px 0;     background: #fff; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.about-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
.about-top h3{text-align: center; font-family: "Abel-Regular"; font-size: 17px; color: #585656; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-top h3 span{ font-weight: bold; }
.about-top p{text-align: center; }

/*Services*/
.service-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.service-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; }
img.pro-img{  width: 100%; border-radius: 30px; text-align: center; background: #f1f1f1; padding: 10px; margin: 0 auto; }
.service-top a{ text-align: center;text-align: center; position: relative; display: block; color: #fff; font-weight: normal; font-size: 20px; line-height: 40px; width: 40%; border-radius: 20px; margin: 10px auto; text-decoration: none; background: linear-gradient(to bottom, #002bff 50%, #000000 100%);  }
.service-top a:hover{ background: #007eff; }

/*gallery*/
.gallery-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.gallery-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.gallery-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*video*/
.video-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.video-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
img.video-img{  width: 100%; border-radius: 30px; text-align: center;  padding: 10px; margin: 0 auto; }

/*FEEDBACKS*/
.feedback-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;     display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.feedback-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.feedback-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.feedback-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.feedback-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.feedback-top input[type="submit"]:hover { background: #333; color: #fff; }

/*enquuiry*/
.enquuiry-top{  width: 100%; height: auto; background: #fff; padding: 0px; margin: 10px 0;    display: inline-block; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.enquuiry-top h2{ text-align: center;font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.enquuiry-top .input-group{ width: 45%; float: left; display: block;margin: 10px; }
.enquuiry-top .input-group input { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.enquuiry-top .input-group textarea { border: 1px solid #ccc; width: 100%; color: #000; padding: 10px; margin: 0; font-size: 16px; }
.enquuiry-top input[type="submit"] { outline: none; padding: .5em 2em; font-size: 1em; color: #fff; border: none; background: #007eff; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all;     background: #f9be02;    background-image: linear-gradient(140deg, #fff9cf 0%, #1d3c8c 50%, #0c276d 75%);width: 30%;display: block;margin: 0 auto 0;border-radius: 5px;border-bottom: 5px solid #a3a3a3;}
.enquuiry-top input[type="submit"]:hover { background: #333; color: #fff; }

/*payment*/
.payment-top{  width: 100%; height: auto; background: #fff; padding: 15px; margin: 10px 0; border-left: 15px solid #303030; box-shadow: 1px 2px 15px #484848; position: relative; border-right: 15px solid #303030;}
.payment-top h2{text-align: center; font-family: "Abel-Regular"; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 10px; margin: 0; color: #000; }
.payment-top .pay-det{ width: 100%; padding: 0 0 30px; margin: 0; }
.payment-top .pay-det h3{ font-weight: bold; font-size: 20px; line-height: 30px; padding: 0; margin: 0; }
.payment-top .pay-det p{ font-size: 17px; color: #000; line-height: 30px; display: block; }
.payment-top .pay-det p span{ text-align: right; float: right; font-size: 16px; color: #484848; line-height: 20px; padding: 0; margin: 0; }

/*footer-menu*/
.footer-menu{ width: 100%; background: #fff; background-image: linear-gradient(to bottom,#fff,#ffffff,#ffffff,#ffffff,#b3b3b3); position: fixed; z-index: 999999; bottom: 0;    box-shadow: 10px 0px 40px 0 rgba(0,0,0,0.5); }
.footer-menu ul{ padding: 0; margin: 0; text-align: center; }
.footer-menu ul li{ display: inline-block;
color: #000; font-size: 16px; line-height: 22px; padding: 20px 50px; margin: 0; }
.footer-menu ul li a{ color: #1d3c8c; font-weight: bold; text-decoration: none; }
.footer-menu ul li a:hover{ color: #006eff; }
.footer-menu ul li a span{     display: block;}
.cpy-right{ margin: 20px 0 60px; background: #fff; padding: 20px 20px 15px;   }
.cpy-right p{ text-align: center; color: #000; }
.cpy-right p a{ text-decoration: none; }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info