normalize.css
+
/* Mobile Screen Resizing */
@-webkit-viewport {
width: device-width;
zoom: 1.0;
}
@-moz-viewport {
width: device-width;
zoom: 1.0;
}
@-ms-viewport {
width: device-width;
zoom: 1.0;
}
@-o-viewport {
width: device-width;
zoom: 1.0;
}
@viewport {
width: device-width;
zoom: 1.0;
}
/* Выравнивание по центру */
.absolute.center,
.fixed.center {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.center, .right.left{
margin:auto
}
.top { top:0 }
.right { right: 0 }
.bottom { bottom: 0 }
.left { left: 0 }
/* btn disabled */
.btn-disabled {
background: #ccc !important;
cursor: not-allowed !important;
background: #ccc !important;
}
.btn-disabled:hover {
-webkit-box-shadow:none !important;
box-shadow:none !important;
background: #ccc !important;
}
/* img gray*/
.img-gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.img-color:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none; /* IE 6-9 */
}
/* background */
.parallax {
background-size: cover;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
P.S. background-image задаю в инлайн стилях, удобно при работе с CMS MODX