Last change
on this file since bf47591 was
bf47591,
checked in by Leonel Hernandez <leonelphm@…>, 7 years ago
|
Inicializando Proyecto
|
-
Property mode set to
100644
|
File size:
2.2 KB
|
Line | |
---|
1 | /*! |
---|
2 | * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/) |
---|
3 | * Copyright 2013-2016 Start Bootstrap |
---|
4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) |
---|
5 | */ |
---|
6 | |
---|
7 | body { |
---|
8 | overflow-x: hidden; |
---|
9 | } |
---|
10 | |
---|
11 | /* Toggle Styles */ |
---|
12 | |
---|
13 | #wrapper { |
---|
14 | padding-left: 0; |
---|
15 | -webkit-transition: all 0.5s ease; |
---|
16 | -moz-transition: all 0.5s ease; |
---|
17 | -o-transition: all 0.5s ease; |
---|
18 | transition: all 0.5s ease; |
---|
19 | } |
---|
20 | |
---|
21 | #wrapper.toggled { |
---|
22 | padding-left: 250px; |
---|
23 | } |
---|
24 | |
---|
25 | #sidebar-wrapper { |
---|
26 | z-index: 1000; |
---|
27 | position: fixed; |
---|
28 | left: 250px; |
---|
29 | width: 0; |
---|
30 | height: 100%; |
---|
31 | margin-left: -250px; |
---|
32 | overflow-y: auto; |
---|
33 | background: #000; |
---|
34 | -webkit-transition: all 0.5s ease; |
---|
35 | -moz-transition: all 0.5s ease; |
---|
36 | -o-transition: all 0.5s ease; |
---|
37 | transition: all 0.5s ease; |
---|
38 | } |
---|
39 | |
---|
40 | #wrapper.toggled #sidebar-wrapper { |
---|
41 | width: 250px; |
---|
42 | } |
---|
43 | |
---|
44 | #page-content-wrapper { |
---|
45 | width: 100%; |
---|
46 | position: absolute; |
---|
47 | padding: 15px; |
---|
48 | } |
---|
49 | |
---|
50 | #wrapper.toggled #page-content-wrapper { |
---|
51 | position: absolute; |
---|
52 | margin-right: -250px; |
---|
53 | } |
---|
54 | |
---|
55 | /* Sidebar Styles */ |
---|
56 | |
---|
57 | .sidebar-nav { |
---|
58 | position: absolute; |
---|
59 | top: 0; |
---|
60 | width: 250px; |
---|
61 | margin: 0; |
---|
62 | padding: 0; |
---|
63 | list-style: none; |
---|
64 | } |
---|
65 | |
---|
66 | .sidebar-nav li { |
---|
67 | text-indent: 20px; |
---|
68 | line-height: 40px; |
---|
69 | } |
---|
70 | |
---|
71 | .sidebar-nav li a { |
---|
72 | display: block; |
---|
73 | text-decoration: none; |
---|
74 | color: #999999; |
---|
75 | } |
---|
76 | |
---|
77 | .sidebar-nav li a:hover { |
---|
78 | text-decoration: none; |
---|
79 | color: #fff; |
---|
80 | background: rgba(255,255,255,0.2); |
---|
81 | } |
---|
82 | |
---|
83 | .sidebar-nav li a:active, |
---|
84 | .sidebar-nav li a:focus { |
---|
85 | text-decoration: none; |
---|
86 | } |
---|
87 | |
---|
88 | .sidebar-nav > .sidebar-brand { |
---|
89 | height: 65px; |
---|
90 | font-size: 18px; |
---|
91 | line-height: 60px; |
---|
92 | } |
---|
93 | |
---|
94 | .sidebar-nav > .sidebar-brand a { |
---|
95 | color: #999999; |
---|
96 | } |
---|
97 | |
---|
98 | .sidebar-nav > .sidebar-brand a:hover { |
---|
99 | color: #fff; |
---|
100 | background: none; |
---|
101 | } |
---|
102 | |
---|
103 | @media(min-width:768px) { |
---|
104 | #wrapper { |
---|
105 | padding-left: 0; |
---|
106 | } |
---|
107 | |
---|
108 | #wrapper.toggled { |
---|
109 | padding-left: 250px; |
---|
110 | } |
---|
111 | |
---|
112 | #sidebar-wrapper { |
---|
113 | width: 0; |
---|
114 | } |
---|
115 | |
---|
116 | #wrapper.toggled #sidebar-wrapper { |
---|
117 | width: 250px; |
---|
118 | } |
---|
119 | |
---|
120 | #page-content-wrapper { |
---|
121 | padding: 20px; |
---|
122 | position: relative; |
---|
123 | } |
---|
124 | |
---|
125 | #wrapper.toggled #page-content-wrapper { |
---|
126 | position: relative; |
---|
127 | margin-right: 0; |
---|
128 | } |
---|
129 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.