source: firmaeventos/static/css/simple-sidebar.css @ bf47591

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.