Subversion Repositories cheapmusic

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 - 1 
/* Remove the navbar's default margin-bottom and rounded borders */
2 
.navbar {
3 
    margin-bottom: 0;
4 
    border-radius: 0;
5 
}
6 
/* Add a gray background color and some padding to the footer */
7 
footer {
8 
    background-color: #f2f2f2;
9 
    padding: 25px;
10 
}
11 
 
4 - 12 
/* Hide on small and extra-small screens */
1 - 13 
@media screen and (max-width: 768px) {
14 
    .hide-small { display: none !important; }
15 
}
16 
 
4 - 17 
/* Hide on extra-small screens */
18 
@media screen and (max-width: 576px) {
19 
    .hide-extra-small { display: none !important; }
20 
}
21 
 
1 - 22 
/* Override Progress Bar Transition Time */
23 
.progress-bar {
24 
    transition: width 0.1s ease !important;
25 
}
26 
 
27 
/* Add opacity */
28 
.opacity-5 {
29 
    opacity: 0.5;
3 - 30 
}
31 
 
32 
/* Two additional bigger font sizes */
33 
.display-5 {
34 
  font-size: 2.5rem;
35 
  font-weight: 300;
36 
  line-height: 1.2;
37 
}
38 
.display-6 {
39 
  font-size: 1.5rem;
40 
  font-weight: 300;
41 
  line-height: 1.2;
5 - 42 
}
43 
 
44 
/* responsive typography */
45 
/* xs < 576 */
46 
 @media screen and (max-width: 575px) {
6 - 47 
    th, td, .display-7 { font-size: 0.8em; }
5 - 48 
    .display-4 {font-size: 1.5rem;}
49 
    .display-5 {font-size: 1.0rem;}
50 
    .display-6 {font-size: 1.0rem;}
51 
}
52 
/* sm < 768 */
53 
 @media screen and (max-width: 767px) {
6 - 54 
    th, td, .display-7 { font-size: 0.9em; }
5 - 55 
    .display-4 {font-size: 2.0rem;}
56 
    .display-5 {font-size: 1.4rem;}
57 
    .display-6 {font-size: 1.0rem;}
58 
}
59 
/* md */
60 
 @media screen and (min-width: 768px) {
6 - 61 
    th, td, .display-7 { font-size: 1em; }
5 - 62 
    .display-4 {font-size: 2.5rem;}
63 
    .display-5 {font-size: 1.7rem;}
64 
    .display-6 {font-size: 1.20rem;}
65 
}
66 
/* lg */
67 
 @media screen and (min-width: 992px) {
6 - 68 
    th, td, .display-7 { font-size: 1.1em; }
5 - 69 
    .display-4 {font-size: 3.0rem;}
70 
    .display-5 {font-size: 2.1rem;}
71 
    .display-6 {font-size: 1.35rem;}
72 
}
73 
/* xl */
74 
 @media screen and (min-width: 1200px) {
6 - 75 
    th, td, .display-7 { font-size: 1.2em; }
5 - 76 
    .display-4 {font-size: 3.5rem;}
77 
    .display-5 {font-size: 2.5rem;}
78 
    .display-6 {font-size: 1.5rem;}
79 
}