#menujohanes{ width: 100%; /* panjang menu */ margin: auto; /* posisi menu auto */ background: #fafafa; /* warna background */ height: 49px; /*tinggi menu*/ -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #ddd; text-transform: uppercase; /* Huruf besar */ box-shadow: 0px 3px 0px rgba(0,0,0,0.2); z-index: 99;} #menujohanes ul{ list-style-type: none; z-index: 9; width: 1000px; /* panjang menu */ margin: auto;} #menujohanes ul li{ float: left; position: relative; padding: 12px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menujohanes ul li:hover{ background:#557FFF; /* warna background ketika diarahkan*/ box-shadow: 0px 3px 0px rgba(0,0,0,0.2);} #menujohanes ul li a:hover { color:#fafafa;} /* warna text ketika diarahkan */ #menujohanes ul li a{ color: #666; /* warna text */ padding: 0 10px; line-height:25px; font-size:11px; /* ukuran text */ display:block; text-decoration:none; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-shadow: 0px 2px 0px rgba(0,0,0,0.1);} #menujohanes ul li ul li{float: none;position: relative;} #menujohanes ul li ul{ position: absolute; top:49px; left:0; display: none; box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2); width:150px; border-radius: 0px 0px 5px 5px; background: #fff;} #menujohanes ul li:hover > ul{display: block;} #menujohanes ul li ul li a{line-height:25px;} #menujohanes ul li ul li ul{ position: absolute; top:0; left:150px; display: none; box-shadow:0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2); border-radius:5px; width:150px; background: #fff;} #menujohanes ul li.selected{color: #000;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
Posted by : Vidya July 09, 2016


The Contents On This Website Comes From Various Sources. If Our Image Violate The Copyright Infringements, we will remove it soon. Please comment on related posts.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Best Travel Destination - Blogger Templates - Powered by Blogger - Designed by Johanes Djogan -