source: pro-violet-viettel/sourcecode/assets/css/custom.css @ 629

Last change on this file since 629 was 629, checked in by dungnv, 11 years ago
  • Property svn:executable set to *
File size: 5.2 KB
Line 
1body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
2   margin-right: 0;
3}
4
5.modal {
6  overflow-y: auto;
7}
8
9.nav-tabs>li {
10        margin-bottom: -2px;
11        white-space: nowrap;
12}
13
14.menu-min > nav > ul > li > a > span {
15        display: none;
16}
17.menu-min > .navbar-minimal > .navbar-menu > li > a {
18        padding: 16px 0 0 0;
19        margin-left: -6px
20}
21.menu-min > .navbar-minimal > .navbar-menu > li > a:hover {
22        color: #fff;
23        background-color: transparent;
24}
25
26.sidebar-collapse {
27        border-bottom: 0;
28        background-color: transparent;
29        text-align: center;
30        padding: 3px 0;
31        position: relative;
32}
33
34#not_success_charge .modal-dialog {
35        width: 660px
36}
37
38@media (max-width:993px) {
39        .site-info {
40                display: none;
41        }
42        .login-layout {
43                background: #ecf0f1
44        }
45}
46
47.login-container {
48        width:100%
49}
50
51.embed-responsive {
52  position: relative;
53  display: block;
54  height: 0;
55  padding: 0;
56  overflow: hidden;
57}
58.embed-responsive .embed-responsive-item,
59.embed-responsive iframe,
60.embed-responsive embed,
61.embed-responsive object {
62  position: absolute;
63  top: 0;
64  bottom: 0;
65  left: 0;
66  width: 100%;
67  height: 100%;
68  border: 0;
69}
70.embed-responsive.embed-responsive-16by9 {
71  padding-bottom: 56.25%;
72}
73.embed-responsive.embed-responsive-4by3 {
74  padding-bottom: 75%;
75}
76
77.widget.pink-1 {
78    color: #333;
79    background-color: #F57A82;
80}
81.widget.lightblue-1 {
82    background-color: #abb7b7;
83    color: #fff;
84}
85.widget.darkblue-1 {
86    background-color: #4A525F;
87    color: #FFF;
88}
89.widget.green-1 {
90    background-color: #68C39F;
91    color: #FFF;
92}
93.widget {
94    position: relative;
95    color: #5B5B5B;
96    margin-bottom: 20px;
97    border-radius: 2px;
98    background: none repeat scroll 0px 0px #FFF;
99}
100.fadeInDown {
101    animation-name: fadeInDown;
102}
103.animated {
104    animation-duration: 1s;
105    animation-fill-mode: both;
106}
107.widget-content.padding {
108    padding: 15px;
109}
110.widget-content {
111    border-radius: 0px 0px 2px 2px;
112}
113.widget-header, .widget-content {
114    display: block;
115    width: 100%;
116    clear: both;
117}
118.widget .widget-icon {
119    font-size: 50px;
120    position: absolute;
121    right: 4%;
122    top: 10px;
123    color: #FFF;
124}
125.widget .text-box .maindata {
126    font-size: 11px;
127    color: #FFF;
128}
129.widget .text-box h2 {
130    font-weight: 300;
131    font-size: 32px;
132    color: #FFF;
133}
134.widget .widget-footer {
135    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
136    padding: 4px 15px;
137    font-size: 12px;
138    color: rgba(255, 255, 255, 0.898);
139    border-radius: 0px 0px 2px 2px;
140    overflow: hidden;
141}
142.widget .widget-footer .rel-change {
143    font-size: 14px;
144    color: #FFF;
145    margin-right: 7px;
146}
147
148.title-box {
149        padding: 10px;
150        color: #000
151}
152
153.link-effect a {
154        position: relative;
155        display: inline-block;
156        margin: 15px 25px;
157        outline: none;
158        color: #596574;
159        text-decoration: none;
160        letter-spacing: 1px;
161        font-weight: 400;
162        text-shadow: 0 0 1px rgba(255,255,255,0.3);
163        font-size: 1em;
164}
165
166.link-effect a:hover,
167.link-effect a:focus {
168        outline: none;
169}
170
171/* Effect 1: Brackets */
172.cl-effect-1 a::before,
173.cl-effect-1 a::after {
174        display: inline-block;
175        opacity: 0;
176        -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
177        -moz-transition: -moz-transform 0.3s, opacity 0.2s;
178        transition: transform 0.3s, opacity 0.2s;
179}
180
181.cl-effect-1 a::before {
182        margin-right: 10px;
183        content: '{';
184        -webkit-transform: translateX(20px);
185        -moz-transform: translateX(20px);
186        transform: translateX(20px);
187}
188
189.cl-effect-1 a::after {
190        margin-left: 10px;
191        content: '}';
192        -webkit-transform: translateX(-20px);
193        -moz-transform: translateX(-20px);
194        transform: translateX(-20px);
195}
196
197.cl-effect-1 a:hover::before,
198.cl-effect-1 a:hover::after,
199.cl-effect-1 a:focus::before,
200.cl-effect-1 a:focus::after {
201        opacity: 1;
202        -webkit-transform: translateX(0px);
203        -moz-transform: translateX(0px);
204        transform: translateX(0px);
205}
206
207
208
209.animate {
210        -webkit-transition: all 0.3s ease-in-out;
211        -moz-transition: all 0.3s ease-in-out;
212        -o-transition: all 0.3s ease-in-out;
213        -ms-transition: all 0.3s ease-in-out;
214        transition: all 0.3s ease-in-out;
215}
216
217.navbar-minimal {
218        width: 60px;           
219        min-height: 60px;
220        max-height: 100%;
221        border-width: 0px;
222        z-index: 1000;
223}
224
225.navbar-minimal > .navbar-menu {
226        top: -1000px;
227        left: 0px;
228        margin: 0px;
229        padding: 0px;
230        list-style: none;
231        z-index: 50;
232}
233.navbar-minimal > .navbar-menu > li {
234        margin: 0px;
235        padding: 0px;
236        border-width: 0px;
237        height: 54px;
238}
239.navbar-minimal > .navbar-menu > li > a {
240        position: relative;
241        display: inline-block;
242        color: #000;
243        padding: 16px;
244        text-align: left;
245        cursor: pointer;
246        border-bottom: 1px solid rgb(81, 81, 81);
247        width: 100%;
248        text-decoration: none;
249        margin: 0px;
250}
251
252.navbar-minimal > .navbar-menu > li > a > span {
253        font-weight: bold
254}
255
256.navbar-minimal > .navbar-menu > li > a:last-child {
257        border-bottom-width: 0px;
258}
259.navbar-minimal > .navbar-menu > li > a:hover {
260        color: #fff;
261        background-color: rgb(158, 202, 59);
262}
263.navbar-minimal > .navbar-menu > li > a > .glyphicon {
264        float: right;
265}
266
267.navbar-minimal.open {
268        width: 100%;
269}
270
271.navbar-minimal.open > .navbar-toggler > span {
272        background-position: 0 -16px;
273        -webkit-transform: rotate(-180deg);
274        -moz-transform: rotate(-180deg);
275        -o-transform: rotate(-180deg);
276        -ms-transform: rotate(-180deg);
277        transform: rotate(-180deg);
278}
279
280.navbar-minimal.open > .navbar-menu {
281        top: 0px;
282        width: 100%;
283        min-height: 100%;
284}
285
286.logo-group {
287        position: absolute;
288        bottom: 0;
289        left: 0
290}
Note: See TracBrowser for help on using the repository browser.