#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;}
Flattering hairstyles for your face shaperound face shape2 by rpgshowhttp://www.rpgshow.com/officialblog/wp-content/uploads/2013/08/Flattering-hairstyles-for-your-face-shape-round-face-shape2.jpgdeep...
Style by Shantell Nunez, Elon Salon , Marietta, GAhttp://content.latest-hairstyles.com/wp-content/uploads/2015/02/Straight-Hairstyle-with-Triangular-Layers.jpgheavy...
Short layered pixie haircut for inverted triangle and heart faces 3http://thebestfashionblog.com/wp-content/uploads/2015/02/Short-layered-pixie-haircut-for-inverted-triangle-and-heart-faces-3.jpggo...
floppy straight across bangs the reason rashida jones straight acrosshttp://a4.files.beautyeditor.ca/image/upload/c_fit,cs_srgb,dpr_1.0,q_80,w_620/MTIzNjEzMTg5NzU2MDYxMTk4.jpgheavy...
Hairstyles For Your Triangular Face Shape: Short, Medium amp; Longhttp://images.thehairstyler.com/attachment_resources/attachments/3779/original/hairstyles-for-your-triangular-face-shape-short-curly.jpggo...
