Commit d6f315fb530a17fb1ab02226f3a246edccb136b6
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(69 / 0)
  | |||
28 | 28 | ||
29 | 29 | } | |
30 | 30 | ||
31 | .nav-sec-left { | ||
31 | 32 | ||
33 | position:fixed; | ||
34 | top: 200px; | ||
35 | right: 0px; | ||
36 | list-style: none; | ||
37 | padding: 3px 3px 3px 3px; | ||
38 | background-color: #e3ebe6; | ||
39 | } | ||
40 | |||
41 | |||
42 | .img-container { | ||
43 | position:relative; | ||
44 | /* width:100px; | ||
45 | * height:30px;*/ | ||
46 | |||
47 | } | ||
48 | .text-container { | ||
49 | background: none repeat scroll 0 0 #3f3b42; | ||
50 | border: 1px transparent; | ||
51 | color: #fff; | ||
52 | width:98px; | ||
53 | height: 0; | ||
54 | overflow:hidden; | ||
55 | right:50px; | ||
56 | line-height: 45px; | ||
57 | position: absolute; | ||
58 | top: -2px; | ||
59 | text-align:center; | ||
60 | |||
61 | transition:0.5s; | ||
62 | |||
63 | } | ||
64 | .img-container:hover > .text-container { | ||
65 | |||
66 | right:75px; | ||
67 | height: 50px; | ||
68 | opacity:0.7; | ||
69 | z-index:100; | ||
70 | transition: 0.5s; | ||
71 | } | ||
72 | |||
73 | |||
74 | |||
75 | |||
76 | |||
77 | |||
78 | |||
79 | |||
80 | |||
81 | |||
82 | |||
83 | |||
84 | |||
85 | |||
86 | |||
87 | |||
88 | |||
89 | |||
90 | |||
91 | |||
92 | |||
93 | |||
94 | |||
95 | |||
96 | |||
97 | |||
98 | |||
99 | |||
100 | |||
32 | 101 | ||
33 | 102 | ||
34 | 103 | .navigation-style { |