6 background-color: #777777;
43 border-radius: 0 !important;
63 .navigation-example .img-src{
64 background-attachment: scroll;
68 background-image: url('../img/bg.jpg');
69 background-position: center center;
70 background-size: cover;
75 background-color: #FFFFFF;
81 text-transform: capitalize;
95 /* border-bottom: 1px solid #aaa; */
102 color: #ddd !important;
111 background-attachment: fixed;
112 background-repeat:no-repeat;
113 background-size:cover;
114 background-position: center center;
118 .logo-container .logo{
121 border: 1px solid #333333;
126 .logo-container .brand{
137 .logo-container .brand-material{
143 .logo-container .logo img{
146 .navbar-small .logo-container .brand{
155 .fixed-section ul li{
164 .fixed-section li a.active{
167 .fixed-section.float{
175 .parallax .parallax-image{
180 .parallax .parallax-image img{
184 @media (max-width: 768px){
185 .parallax .parallax-image{
190 .parallax .parallax-image img{
197 content: "Separator";
204 background-color: #EEE;
209 .separator.separator-gray{
210 background-color: #EEEEEE;
212 .social-buttons-demo .btn{
228 .lightbox .modal-content{
231 .lightbox .modal-body{
234 @media screen and (min-width: 991px){
235 .lightbox .modal-dialog{
239 @media (max-width: 991px){
240 .fixed-section.affix{
242 margin-bottom: 100px;
245 @media (max-width: 768px){
260 .presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{
261 -webkit-transition: all .2s;
262 -moz-transition: all .2s;
263 -o-transition: all .2s;
271 #javascriptComponents{
274 #javascriptComponents .btn-raised{
279 /* layer animation */
286 .layers-container img {
296 background-color: #333;
300 transition: 1.5s ease-in-out;
301 -moz-transition: 1.5s ease-in-out;
302 -webkit-transition: 1.5s ease-in-out;
305 .navbar-default.navbar-small .logo-container .brand{
308 .navbar-transparent.navbar-small .logo-container .brand{
311 .navbar-default.navbar-small .logo-container .brand{
322 .sharing-area .btn i{
328 .sharing-area .btn-twitter{
329 background-color: #55acee;
330 box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
332 .sharing-area .btn-twitter:hover{
333 box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
336 .sharing-area .btn-facebook{
337 background-color: #3b5998;
338 box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
340 .sharing-area .btn-facebook:hover{
341 box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
344 .sharing-area .btn-google-plus{
345 background-color: #dd4b39;
346 box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
348 .sharing-area .btn-google-plus:hover{
349 background-color: #dd4b39;
350 box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
353 .sharing-area .btn-github{
354 background-color: #333333;
355 box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
357 .sharing-area .btn-github:hover{
358 background-color: #333333;
359 box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
363 .section-notifications{
378 .section-download h4{
382 text-decoration: none;
384 .section-examples h5{
387 .components-page .wrapper > .header,
388 .tutorial-page .wrapper > .header{
391 background-size: cover;
392 background-position: center center;
394 .components-page .title,
395 .tutorial-page .title{