menu vertical css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'>
<div class="menu-container">
      
  <div class="nav-menu">
      <div class="config"></div>
  </div>
  
  <div class="menu">
      <ul>
        <li><a href="javascript:void(0)" target="_blank"><img src="http://i.imgur.com/4JPrK.png"><p>Search</p></a></li>
        <li><a href="javascript:void(0)" target="_blank"><img src="http://i.imgur.com/jHwHy.png"><p>Upload</p></a></li>
        <li><a href="javascript:void(0)" target="_blank"><img src="http://i.imgur.com/Gyusy.png"><p>Location</p></a></li>
        <li><a href="javascript:void(0)" target="_blank"><img src="http://i.imgur.com/mbWpc.png"><p>Contacts</p></a></li>
      </ul>
  </div>
  
</div>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
  * {
    margin: 0;
    padding: 0;
  }
  body {
   background-color: #8c8888;
  }
  .menu-container {
    display: block;
    position: relative;
    width: 300px;
    background-color: #f3f0ef;
    margin: 5% auto 0;
    padding: 0;
    border-radius:5px;
    box-shadow:  inset 0 0 1px rgba(255,255,255,1);
    box-shadow:  5px 5px 15px 1px rgba(0,0,0,0.1);
  }
  .nav-menu{
    background-color: #e4cccc;
    height:40px;
    border-radius:5px 5px 0 0;
  }
  .config {
    height:20px;
    float:right;
    background-image:url(http://i.imgur.com/CLs7u.png);
    width:20px;
    margin:10px;
  }
  .menu ul {
    list-style:none;
  }
  .menu ul li {
    border-top:1px solid rgba(0,0,0,0.1);
    padding:11px 10px;
    box-shadow:inset 0 1px 1px #fff;
    text-indent:10px;
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

menu vertical css

Category

Associated Tags

RESULT

HTML

CSS

Related snippets :

Login via

RESULT

HTML

CSS

Related snippets :