2 * Author: Carlos Alvarez
3 * URL: http://alvarez.is
5 * Project Name: FLATTY - Free Bootstrap 3 Theme
7 * URL: http://blacktie.co
11 background-color: #f2f2f2;
12 font-family: 'Roboto', sans-serif;
17 -webkit-font-smoothing: antialiased;
18 -webkit-overflow-scrolling: touch;
22 h1, h2, h3, h4, h5, h6 {
23 font-family: 'Roboto', sans-serif;
47 text-overflow: ellipsis;
57 word-wrap: break-word;
59 -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
60 -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
61 -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
62 -o-transition: color 0.1s ease-in, background 0.1s ease-in;
63 transition: color 0.1s ease-in, background 0.1s ease-in;
69 text-decoration: none;
75 -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
76 -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
77 -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
78 -o-transition: color 0.1s ease-in, background 0.1s ease-in;
79 transition: color 0.1s ease-in, background 0.1s ease-in;
86 border-top: 1px solid #ccc;
92 background-color: #3498db;
93 border-color: transparent;
96 .navbar-default .navbar-brand {
100 .navbar-default .navbar-nav > li > a {
130 /* background: url(../img/bg01.jpg) no-repeat center top; */
131 background-color: #3498db;
134 background-attachment: relative;
135 background-position: center center;
140 -webkit-background-size: 100%;
141 -moz-background-size: 100%;
142 -o-background-size: 100%;
143 background-size: 100%;
145 -webkit-background-size: cover;
146 -moz-background-size: cover;
147 -o-background-size: cover;
148 background-size: cover;
168 text-justify: inter-word;
171 @media (min-width: 768px) and (max-width: 991px) {
172 .navbar-collapse.collapse {
173 display: none !important;
175 .navbar-collapse.collapse.in {
176 display: block !important;
178 .navbar-header .collapse, .navbar-toggle {
179 display:block !important;
196 @media (max-width:767px) {
206 /* entire container, keeps perspective */
210 /* flip the pane when hovered */
211 .flip-container:hover .flipper, .flip-container.hover .flipper {
212 transform: rotateY(180deg);
215 .flip-container, .front, .back {
220 /* flip speed goes here */
223 transform-style: preserve-3d;
228 /* hide back of pane during swap */
230 backface-visibility: hidden;
237 /* front pane, placed above back */
241 transform: rotateY(0deg);
244 /* back, initially hidden pane */
246 transform: rotateY(180deg);
250 -moz-transform: scaleX(-1);
251 -o-transform: scaleX(-1);
252 -webkit-transform: scaleX(-1);
253 transform: scaleX(-1);