%PDF-1.4
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/web/public/theme/assets/css/ |
.jarakMenu { padding-top: 20px; padding-bottom: 20px; } .jarakGambar { padding-right: 60px; } .jarakGambar2 { margin-top: 17px; } .topnav1 { overflow: hidden; /* background-color: #3330; */ background-color: inherit; /* flex-flow: row nowrap; */ float: right; } .topnav1 a { float: left; display: block; color: #0057a4; text-align: center; padding: 14px 13px; text-decoration: none; font-size: 15px; } .topnav1 button.icon { float: left; display: block; color: #0057a4; text-align: center; padding: 14px 13px; text-decoration: none; font-size: 15px; background: none; border: none; } /* .active { background-color: #04AA6D; color: white; } */ .topnav1 button.icon { display: none; } .dropdown1 { float: left; overflow: hidden; } .dropdown1 .dropbtn1 { font-size: 15px; border: none; outline: none; color: #0057a4; padding: 14px 13px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown1-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .dropdown1-content a { float: none; color: #0057a4; padding: 12px 13px; text-decoration: none; display: block; text-align: left; } .topnav1 a:hover, .topnav1 button:hover, .dropdown1:hover .dropbtn1 { background-color: red; color: white; } .dropdown1-content a:hover { background-color: red; color: white; } .dropdown1:hover .dropdown1-content { display: block; } .search { border-left: 2px solid #0057a4; } .search:hover { border-radius: 50%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .label-cari { display: none } .container_menu { margin: 0 18%; } @media screen and (max-width: 768px) { .container_menu { margin: 0 8%; } .topnav1 { /* float: left; */ width: 100%; } .topnav1 a:not(:first-child), .topnav1 button.icon, .dropdown1 .dropbtn1 { display: none; } .topnav1 button.icon { float: right; display: block; } .topnav1.responsive { position: relative; } .topnav1.responsive button.icon { position: absolute; right: 0; top: 0; } .topnav1.responsive a { float: none; display: block; text-align: left; } .topnav1.responsive button.icon { float: none; display: block; text-align: left; } .topnav1.responsive .dropdown1 { float: none; } .topnav1.responsive .dropdown1-content { position: relative; } .topnav1.responsive .dropdown1 .dropbtn1 { display: block; width: 100%; text-align: left; } .jarakMenu { padding-top: 0px; padding-bottom: 0px; } .jarakGambar { padding-right: 0px; } .jarakGambar2 { margin-top: 0px; } .search { border-radius: 0; border-left: none; } .label-cari { display: inline; margin-right: inherit; margin-left: inherit; } .search:hover { border-radius: 0; } } @media screen and (max-width: 1750px) and (min-width: 768px) { .container_menu{ margin:0 6%; } } @media screen and (max-width: 1200px) and (min-width: 768px) { .topnav1{ width: 25%; } .topnav1 a:not(:first-child), .topnav1 button.icon, .dropdown1 .dropbtn1 { display: none; /* margin-top: 15px; */ } .topnav1 a.title:first-child { margin-top: 15px; } /* .topnav1 a.title { margin-left: 17rem; } */ .topnav1 button.icon { float: right; display: block; margin-top: 15px; } .topnav1.responsive { position: relative; } .topnav1.responsive button.icon { position: absolute; right: 0; top: 0; } .topnav1.responsive a { float: none; display: block; text-align: left; } .topnav1.responsive button.icon { float: none; display: block; text-align: left; } .topnav1.responsive .dropdown1 { float: none; } .topnav1.responsive .dropdown1-content { position: relative; } .topnav1.responsive .dropdown1 .dropbtn1 { display: block; width: 100%; text-align: left; /* margin-left: 17rem; */ } .jarakMenu { padding-top: 0px; padding-bottom: 0px; } .jarakGambar { padding-right: 0px; } .jarakGambar2 { margin-top: 0px; } .search { border-radius: 0; border-left: none; /* margin-left: 17rem; */ max-width: 400px; } .label-cari { display: inline; } .search:hover { border-radius: 0; } .dropdown1-content { text-align: left; /* margin-left: 17rem; */ } }