Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {padding: 0;
- margin: 0;}
- #bgimg {background-repeat: no-repeat; }
- /* Warna Background Atas Menu FLex */
- #wrn_ats {background: black;
- opacity: 0.8;
- }
- /*Menu Kontainer Flex*/
- .flex-container { display: flex;
- font-size: 22px;
- float: right;
- color: white;
- font-family: times new roman;
- padding-right: 150px;}
- #rdbl:hover {background: black;
- opacity: 0.8;}
- /* Flex Posisi */
- .flex-container > div
- { padding-top: 60px;
- margin-left: 35px;
- cursor: pointer;}
- /*Logo + Vitality*/
- #rdbl {width: 250px;
- height: 55px;
- margin: 15px 0 0 220px;
- }
- /* Menu Portofolio */
- .abtdrp {position: relative;
- display: inline-block;}
- /* Menu Portofolio + Content */
- .dropdown-content { display : none;
- position: absolute;
- min-width: 120px;}
- /* Menu Portofolio + Content + Dropdown Event */
- .drpbtn:hover { color : #ef4035;}
- .drpbtn { padding-bottom: 3px;}
- /* Dropdown + Content */
- .dropdown-content a {background-color: #f3f0f0;
- text-decoration: none;
- display: block;
- padding-top: 5px;
- font-size: 20px}
- /* Menu Portofolio + Content */
- .abtdrp:hover .dropdown-content {display: block;}
- .dropdown-content a:hover {padding-bottom: 5px;
- color : #ef4035;}
- /* Flex Posisi */
- .flex-container > div
- { padding-top: 40px;
- margin-left: 35px;
- cursor: pointer;}
- .abt a {text-decoration: none;
- color: white;
- font-size: 22px;
- font-family: times new roman;}
- .abt a:hover { color: #ef4035 ;}
- .abt span { font-size: 12px;
- vertical-align: middle;}
- /* Banteng Logo Tengah */
- #bantg1 {width: 230px;
- height: 230px;
- display: block;
- padding: 160px 0 0 650px;
- ;
- ;}
- /* Text Vitality */
- #vtl {color: white;
- font-size: 70px;
- margin-left: 640px;
- font-family: Arial, Helvetica, sans-serif;
- border-bottom: 4px solid #ef4035; }
- /* Page Vitality */
- /* -------------------------------Team Page HTML 2 -----------------------*/
- /* Warna Background Layout */
- /*Warna Layout*/
- #team {background-color: #e6e6e6;}
- .abt {padding-bottom: 3px;}
- .abt.active,
- .abtdrp.active { border-bottom: 5px solid red;}
- /*Text Our Team*/
- #staticot {text-align: center;
- margin-top: 50px;
- margin-bottom: 25px;
- font-size: 50px;
- font-family: times new 'Times New Roman', Times, serif;
- clear: none;
- }
- #staticp {font-size: 18px;
- font-family: arial;
- text-align: center;
- margin-top: 40px;
- }
- .garis {width: 180px;
- background: transparent;
- border-bottom-style: double;
- border-bottom: 3px solid #ef4035;
- padding-bottom: 1px;
- border-top: 2px solid #ef4035;
- margin-bottom: 60px;
- }
- /*Gambar*/
- .jpeg1 {
- display: flex;
- text-align: center;
- justify-content: center;
- align-items: center;
- }
- /* .jpeg1 {position: relative;} */
- /* .jpeg1 i {position: absolute;
- top: 10px;
- left: 10px;} */
- .mg1 { padding: 5px;
- position: relative;
- display: block;
- height: fit-content;
- width: fit-content;
- text-decoration: none;
- }
- .gmbar {
- max-width: 240px;
- max-height: 240px;
- width: 100%;
- transition: transform .5s;
- border-radius: 50%;
- margin:10px;
- }
- .gmbar:hover {background: black;
- opacity: 0,8;
- transform: scale(0.9);}
- .mg1 ul.social-media {
- position: absolute;
- top: calc(60% - 20px);
- left: calc(50% - 50px);
- list-style-type: none;
- margin: 0;
- padding: 0;
- display: flex;
- color: gainsboro;
- opacity: 0,5;
- }
- ul.social-media li {
- float: left;
- padding-right: 5px;
- display: none;
- }
- .mg1 ul.social-media li {
- display: block;
- }
- .team1 {display: flex;
- }
- .blue2 {
- color: black;
- text-decoration: none;
- font-family: Roboco;
- font-size: 20px;
- }
- .txt {font-size: 20px;
- }
- /*About Us Page HTML 3*/
- #aboutus {background-color: f2f2f2;}
- .container-fluid {
- text-align: center;
- }
- h1 {
- margin-top: 50px;
- font-size: 40px;
- }
- p {font-size: 22px;
- margin-top: -25px;
- }
- hr { width: 180px;
- background: transparent;
- border-bottom-style: double;
- border-bottom: 2px solid #ef4035;
- padding-bottom: 1px;
- border-top: 1px solid #ef4035;
- margin-bottom: 85px;
- }
- .fntawsm {width: 100%;
- display: flex;
- }
- .fntawsm .content {flex: 1;
- text-align: center;
- padding: 20px;
- }
- .uppercase { text-transform: uppercase !important;
- font-size: 24px;
- }
- /*----------------------------- HALAMAN PROCESS----------------------*/
- .container-p {text-align: center;}
- h1 { margin-top: 50px;
- font-size: 38px;
- font-family: 'Times New Roman', Times, serif;
- }
- .prcs { font-size: 24px;
- font-family: 'Times New Roman', Times, serif;
- margin-top: -15px;
- }
- .content-master { display : flex ;
- margin-left: auto;
- margin-right: auto;
- width: 75%;
- }
- .crt { margin-top: -15px;}
- .content_1 { flex : 1;
- margin-left: 30px;
- }
- .pcs { margin-left: 77px;
- margin-top: 5px;}
- .rounded-border {
- height: 30px;
- width: 30px;
- padding: 25px;
- border: 3px solid black;
- border-radius: 100%;
- }
- .txtfa {color:black;
- margin-left: 70px;
- text-transform: uppercase !important;
- }
- .pi { margin-bottom: 15px;
- font-size:18px;
- font-family: arial;}
- /*-----------------------------CLOSE HALAMAN PROCESS----------------------*/
- #process {background-color: whitesmoke;}
- #testi {background-color: violet;}
- /*-----------------------------HALAMAN KONTAK----------------------*/
- /*#contact {background-color: whitesmoke; } */
- .isicontent { margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- .h-contact { font-size: 42px;
- margin-top: 70px;
- }
- .t-uppercase {text-transform: uppercase !important;}
- .m-form {margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- #form-1 { border: none;
- border-bottom: 1px solid black;
- border-top: 1px solid black;
- width: 47%;
- height: 80px;
- outline: none;
- }
- .form { border: none;
- border-bottom: 1px solid black;
- width: 47%;
- height: 80px;
- outline : none;
- }
- .txtarea {
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- #mssg { width: 47%;
- height: 100px;
- resize: none;
- border:none;
- border-bottom: 1px solid black;
- outline: none;
- }
- .txte-style {text-transform: uppercase !important;
- text-decoration: none;
- color: white;
- font-size: 24px;
- text-align: center;
- margin-top: 100px;
- }
- .block {display: block;
- padding-top: 50px;
- padding-bottom: 50px;
- }
- .bg-clr {background-color: black;
- width: 1000px;
- height: 30px;
- }
- .bg-clr:hover {background-color: #ef4035; }
- /*-----------------------------CLOSE HALAMAN KONTAK----------------------*/
- /*----------------------------- HALAMAN GALERI----------------------*/
- #textglr {text-align: center;
- margin-top: 20px;
- margin-bottom: 15px;
- font-size: 36px;
- font-family: Roboto;
- clear: none;
- }
- #galeri {background-color: #cccccc;}
- .galeri2 {overflow: hidden;
- display: block;
- text-align: center;
- margin-left: auto;
- margin-right: auto;}
- .imgaziz {max-width: 300px;
- max-height: 300px;
- width: 100%;
- transition: transform .5s;
- }
- .imgaziz:hover {background: black;
- opacity: 0.9;
- transform: scale(0.9);}
- /*-------------------------------- HALAMAN GRID---------------------------*/
- .sldgambar {display: none;}
- .btn-left:hover {cursor: point;}
- #dcmnt { background-color: #cccccc;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement