-
✘✘✘ WIBUHAX0R1337 ✘✘✘
-
✘
PATCH :
/
var
/
www
/
clients
/
client4
/
web4
/
web
/
ethics
/
Upload File:
files >> /var/www/clients/client4/web4/web/ethics/style.css
body, html { /*font-family: 'Roboto', sans-serif;*/ font-family: 'Mitr', sans-serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; color: #777; font-weight: 300; width: 100% !important; height: 100% !important; } h1,h2,h3,h4,h5{ font-family: 'Mitr', sans-serif; } h2 { margin: 0 0 10px 0; font-weight: 500; font-size: 34px; color: #333; text-transform: uppercase; } h3 { font-size: 22px; font-weight: 500; color: #333; } h4 { font-size: 24px; text-transform: uppercase; font-weight: 400; color: #333; } h5 { text-transform: uppercase; font-weight: 700; line-height: 20px; } p { font-size: 17px; } p.intro { margin: 12px 0 0; line-height: 24px; } a { color: #333; font-weight: 400; } a:hover, a:focus { text-decoration: none; color: #222; } ul, ol { list-style: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } ul, ol { padding: 0; webkit-padding: 0; moz-padding: 0; } hr { height: 4px; width: 70px; text-align: center; position: relative; background: #a7c44c; margin: 0 auto; margin-bottom: 20px; border: 0; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; outline-offset: none; } /* Navigation */ #menu { padding: 10px; transition: all 0.8s; } #menu.navbar-default { /*background-color: rgba(248, 248, 248, 0); border-color: rgba(231, 231, 231, 0);*/ background-color: #444; } #menu.navbar-default a.navbar-brand{ font-size: 22px; color: #a7c44c; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } /*#menu a.navbar-brand { font-size: 22px; color: #eee; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }*/ #menu.navbar-default .navbar-nav > li > a { text-transform: uppercase; color: #a7c44c; font-weight: 400; font-size: 15px; padding: 5px 0; border: 2px solid transparent; letter-spacing: 0.5px; margin: 10px 15px 0 15px; } #menu.navbar-default .navbar-nav > li > a:hover { color: #eee; } .on { background-color: #363636 !important; padding: 0 !important; padding: 10px 0 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #eee !important; background-color: transparent; } .navbar-toggle { border-radius: 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #a7c44c; border-color: #a7c44c; } .navbar-default .navbar-toggle:hover>.icon-bar { background-color: #FFF; } .section-title { margin-bottom: 70px; } .section-title p { font-size: 18px; } .btn-custom { text-transform: uppercase; color: #fff; text-shadow: 0 0 3px #859c3c; background-color: #a7c44c; border: 0; padding: 14px 20px; margin: 0; font-size: 17px; border-radius: 12px 0 12px 0; margin-top: 20px; transition: all 0.5s; } .btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active { color: rgba(255,255,255,0.8); background-color: #94ae44; } /* Header Section */ .intro { display: table; width: auto; min-width: 100%; max-width: 100%; height: auto; min-width: 100%; padding: 0; background: url(../img/intro-bg.jpg) no-repeat; background-color: #e5e5e5; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .intro1 { display: block; width: auto; min-width: 100%; max-width: 100%; height: 80px; overflow: hidden; padding: 0; background: url(../img/intro-bg1.jpg) no-repeat; background-color: #e5e5e5; } .intro .overlay { /*background: rgba(0,0,0,0.40);*/ } .intro h1 { color: #fff; font-size: 68px; font-weight: 400; margin-top: 0; margin-bottom: 10px; letter-spacing: -1px; } .intro span { color: #a7c44c; font-weight: 600; } .intro p { color: #fff; font-size: 24px; font-weight: 300; margin-top: 10px; margin-bottom: 40px; } header .intro-text { padding-top: 300px; padding-bottom: 200px; text-align: center; } /* About Section */ #about { padding: 80px 0; /*background: #f6f6f6;*/ } #about h3 { font-size: 20px; text-transform: uppercase; margin-top: 10px; } #about .about-text { margin-left: 10px; margin-top: 20px; } #about img { display: inline-block; /*border-radius: 100px 0 100px 0; box-shadow: -15px 0 #a7c44c;*/ } #about p { line-height: 24px; margin: 15px 0 30px; } /* Services Section */ #services { padding: 120px 0; } #services .service { padding-left: 40px; } #services img { width: 300px; border-radius: 75px 0 75px 0; box-shadow: 15px 0 #a7c44c; } #services h3 { padding: 10px 0; text-transform: uppercase; } /* Portfolio Section */ #portfolio { padding: 120px 0; background: #f6f6f6; } .categories { padding-bottom: 40px; text-align: center; } ul.cat li { display: inline-block; } ol.type li { display: inline-block; margin-left: 20px; } ol.type li a { color: #a7c44c; font-weight: 400; font-size: 15px; padding: 10px 20px; border: 2px solid #a7c44c; border-radius: 10px 0 10px 0; text-transform: uppercase; letter-spacing: 0.5px; } ol.type li a.active { background: #a7c44c; color: #fff; } ol.type li a:hover { background: #a7c44c; color: #fff; } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { z-index: 1 } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope-item { margin-right: -1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .isotope { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .portfolio-item { margin: 15px 0; } .portfolio-item .hover-bg { overflow: hidden; position: relative; } .portfolio-item img { border-radius: 0 50px 0 50px; } .hover-bg .hover-text { position: absolute; text-align: center; margin: 0 auto; color: #333; background: rgba(255, 255, 255, 0.75); padding: 30% 0 0 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s; border-radius: 0 50px 0 50px; } .hover-bg .hover-text>h4 { opacity: 0; color: #333; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s; font-size: 18px; font-weight: 400; } .hover-bg:hover .hover-text>h4 { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); } .hover-bg:hover .hover-text { opacity: 1; } /* Team Section */ #team { color: #fff; background: #a7c44c url(../img/team-bg.jpg) center top no-repeat; background-size: cover; } #team .overlay { padding: 120px 0; background: rgba(167, 196, 76, 0.9); } #team h2, #team p { color: #fff; } #team hr { background: #fff; } #team h3 { color: #fff; font-weight: 500; font-size: 20px; margin: 5px 0; } #team .team-img { width: 200px; height: 200px; border-radius: 50px 0 50px 0; box-shadow: 15px 0 #96b044; } #team .thumbnail { background: transparent; border: 0; } #team .thumbnail .caption { padding-top: 10px; } #team .thumbnail .caption p { color: #fff; } /* Contact Section */ #contact { /*padding: 120px 0 60px 0; background: #F6F6F6;*/ } #contact form { padding: 30px 0; } #contact h3 { text-transform: uppercase; font-size: 20px; font-weight: 400; color: #555; } #contact .text-danger { color: #cc0033; text-align: left; } label { font-size: 12px; font-weight: 400; font-family: 'Open Sans', sans-serif; float: left; } #contact .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; color: #444; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } #contact .form-control:focus { border-color: #999; outline: 0; -webkit-box-shadow: transparent; box-shadow: transparent; } .form-control::-webkit-input-placeholder { color: #777; } .form-control:-moz-placeholder { color: #777; } .form-control::-moz-placeholder { color: #777; } .form-control:-ms-input-placeholder { color: #777; } #contact .contact-item { margin: 20px 0 40px 0; } #contact .contact-item span { font-weight: 400; color: #aaa; text-transform: uppercase; margin-bottom: 6px; display: inline-block; } #contact .contact-item p { font-size: 16px; } /* Footer Section*/ #footer { background: #333; padding: 50px 0 20px 0; } #footer .social { margin-bottom: 50px; } #footer .social ul li { display: inline-block; margin: 0 20px; } #footer .social i.fa { font-size: 26px; padding: 4px; color: #a7c44c; transition: all 0.3s; } #footer .social i.fa:hover { color: #eee; } #footer p { font-size: 15px; } #footer a { color: #999; } #footer a:hover { color: #a7c44c; }
2022 - 2023 Copyright By Lutfifakee || Padang Blackhat ♥