Skip to content

Instantly share code, notes, and snippets.

@xyos
Last active August 29, 2015 14:04
Show Gist options
  • Save xyos/5f8c201353d0b1b23708 to your computer and use it in GitHub Desktop.
Save xyos/5f8c201353d0b1b23708 to your computer and use it in GitHub Desktop.
/**
* General styles
*/
.readon, .layout-slideshow .readon {
margin-left: auto;
margin-right: auto;
}
#rt-content-top{
width: auto;
}
#rt-top .banneritem img {
max-width: 100%;
height: auto;
}
.rt-image img[style] {
max-width: 300px;
height: auto;
margin-left: auto;
margin-right: auto;
bottom: 0px;
right: 0px;
}
.gf-menu-device-wrapper[style]{
width: 100%;
}
.rt-grid-6.rt-alpha{
width: auto;
margin-left: 10%;
clear: both;
display: inline-block;
}
.rt-grid-6.rt-alpha {
width: auto;
bottom: 15px;
right: 80px;
}
.rt-grid-6.rt-omega {
bottom: 0px;
right: 60px;
}
.rt-grid-6.rt-alpha > .rt-block {
padding: 0px;
margin: 0px;
}
.menu-block {
position: relative;
right: 0px;
top: 0px;
}
/**
* 0 - 371
*/
@media only screen and (min-width: 0px) and (max-width: 371px) {
.cols-3 > li {
width: 90%;
}
.layout-showcase .sprocket-features-title{
font-size: 20px;
line-height: 40px;
margin-top: 15px;
margin-bottom: 0px;
}
.layout-showcase .sprocket-features-desc {
font-size: 15px;
line-height: 15px;
padding-right: 10px;
padding-left: 40px;
}
}
/**
* 372 - 767
*/
@media only screen and (min-width: 372px) and (max-width: 767px) {
.cols-3 > li {
width: 45%;
}
}
/**
* 0 - 767
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
#rt-top .banneritem img {
display:none;
}
.rt-grid-6.rt-alpha {
margin-left: auto;
margin-right: auto;
width: 100%;
bottom: 0px;
right: 0px;
padding-top: 20px;
}
.menu-block {
width: 150%;
position: relative;
display: inline-block;
clear: both;
left: 80px;
top: 0;
}
.rt-image img {
right: 0px;
bottom: 0px;
}
body #rt-header {
margin-top: 0px;
}
.rt-grid-12.rt-alpha.rt-omega > .rt-block {
padding: 0px;
margin: 0px;
}
.rt-image img[style] {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
}
/**
* 768 - 959
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.rt-grid-6.rt-alpha {
display: none;
}
.rt-grid-6.rt-omega {
width: 100%;
left: 5%;
}
}
/**
* 0-1199
*/
@media only screen and (min-width: 0px) and (max-width: 1199px) {
.layout-showcase .sprocket-features-img-container{
float: none;
width: 100% !important;
}
.layout-showcase .sprocket-features-content {
float: none;
width: 100% !important;
}
.layout-showcase .sprocket-features-title {
float: none;
width: 100% !important;
}
.layout-showcase .sprocket-features-desc {
float: none;
width: 100% !important;
}
}
/**
* 768-1199
*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.rt-image img[style] {
max-width: 200px;
}
.rt-grid-6.rt-alpha {
bottom: 0px;
right: 80px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment