update to fontawesome 4
[bootswatch] / assets / less / bootswatch.less
1 body {
2         padding-top: 50px;
3 }
4
5 #banner {
6         border-bottom: none;
7 }
8
9 .page-header {
10
11         h1 {
12                 font-size: 4em;
13         }
14 }
15
16 .bs-docs-section {
17         margin-top: 8em;
18 }
19
20 .affix {
21         top: 70px;
22 }
23
24 footer {
25         margin: 5em 0;
26
27         li {
28                 float: left;
29                 margin-right: 1.5em;
30                 margin-bottom: 1.5em;
31         }
32
33         p {
34                 clear: left;
35                 margin-bottom: 0;
36         }
37 }
38
39 .splash {
40         background-color: #1c2533;
41     background: -webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
42     background: -o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
43     background: -ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
44     background: -moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
45     background: linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%);
46     background-attachment: fixed;
47     padding: 6em 0 2em;
48     color: #fff;
49     text-align: center;
50
51         .alert {
52                 margin: 4em 0 2em;
53         }
54
55         h1 {
56                 font-size: 4em;
57         }
58
59         #social {
60                 margin-top: 6em;
61         }
62 }
63
64 .section-tout {
65         padding: 4em 0 3em;
66         border-top: 1px solid rgba(255, 255, 255, 0.1);
67         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
68         background-color: #eaf1f1;
69
70         .fa {
71                 margin-right: 0.5em;
72         }
73
74         p {
75                 margin-bottom: 3em;
76         }
77 }
78
79 .section-preview {
80
81         padding: 4em 0 4em;
82
83         .preview {
84
85                 margin-bottom: 4em;
86                 background-color: #eaf1f1;
87                 border: 1px solid rgba(0, 0, 0, 0.1);
88                 border-radius: 6px;
89
90                 .image {
91                         padding: 5px;
92
93                         img {
94                                 border: 1px solid rgba(0, 0, 0, 0.1);
95                         }
96                 }
97
98                 .options {
99                         text-align: center;
100                         padding: 0 2em 2em;
101
102                         p {
103                                 margin-bottom: 2em;
104                         }
105                 }
106         }
107
108         .dropdown-menu {
109                 text-align: left;
110         }
111
112         .lead {
113                 margin-bottom: 2em;
114         }
115
116         @media (max-width: 767px) {
117                 
118                 .image img {
119                         width: 100%;
120                 }
121         }
122 }
123
124 .bsa .one {
125
126         .bsa_it_ad {
127                 border: none !important;
128                 background-color: transparent !important;
129
130                 .bsa_it_t,
131                 .bsa_it_d {
132                         color: inherit !important;
133                 }
134         }
135
136         .bsa_it_p {
137                 display: none;
138         }
139
140 }