/*
Theme Name: Stallion Responsive Mobile CSS Rules
Theme URI: http://stallion-theme.co.uk/
Description: Stallion theme with SEO optimization and AdSense, Chitika, Kontera and Infolinks ads. You must use your PayPal transaction ID to activate the theme on the Stallion options page.
Version: 8.2
Author: David Law (aka SEO Dave)
Author URI: http://stallion-theme.co.uk/
*/
@media only screen and (max-width: 800px) {
#wrap_stallion {
width: 780px;
}
#stsearchform,
#header_widget {
right: 10px;
}
#content_all {
padding-right: 0;
padding-left: 0;
min-width: 100%;
}
.singleside {
width: auto;
margin-right: 0px;
margin-left: 0px;
position: relative;
float: left;
padding: 0 0 15px 0;
}
* html .singleside {
left: 0px;
}
.leftside,
.rightside {
position: static;
float: inherit;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0 0 0 0;
}
* html .leftside {
left: 0px;
}
#footer_stallion {
margin-right: 0px;
margin-left: 0px;
}
#footer_stallion2 {
width: auto;
margin-right: 0px;
margin-left: 0px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 752px;
padding: 0;
margin: auto 10px auto 10px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 760px;
padding: 0;
margin: auto 10px auto 10px;
}
.sidebars-plus1,
.sidebars-plus2 {
width: 100%;
padding: 0;
}
.st-footer-links ul {
padding: 0 0 10px 0;
}
.str_landscape {
height: 225px;
width: 780px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 760px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 760px;
margin: 10px;
}
#st_feature_content,
.st_feature_post {
height: auto;
}
.st-profiles-left,
.st-profiles-right {
top: 20px;
width: 30px;
}
.st_navslider_wide {
width:762px;
}
.stnavbox {
width:152px;
}
.st_navslider:hover .stnavbox {
width:115px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
}
@media only screen and (max-width: 768px) {
#wrap_stallion {
width: 748px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 720px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 728px;
}
.str_landscape {
height: 215px;
width: 748px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 728px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 728px;
margin: 10px;
}
.st-profiles-left,
.st-profiles-right {
width: 28px;
}
.st_navslider_wide {
width:730px;
}
.stnavbox {
width:146px;
}
.st_navslider:hover .stnavbox {
width:107px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
}
@media only screen and (max-width: 720px) {
#wrap_stallion {
width: 700px;
}
#stsearchform,
#header_widget {
right: 0px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 672px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 680px;
}
.str_landscape {
height: 202px;
width: 700px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 680px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 680px;
margin: 10px;
}
.st_navslider_wide {
width:682px;
}
.stnavbox {
width:136px;
}
.st_navslider:hover .stnavbox {
width:95px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
}
@media only screen and (max-width: 640px) {
#wrap_stallion {
width: 620px;
}
#branding div.site-title,
#branding h1,
.h1disc h1,
.h1disc span {
padding-left: 10px;
line-height: 100%;
font-size: 150%;
}
#site-description,
.description {
padding: 5px 0 0 10px;
line-height: 100%;
font-size: 100%;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 592px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 600px;
}
.str_landscape {
height: 179px;
width: 620px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 600px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 600px;
margin: 10px;
}
.st_navslider_wide {
width:602px;
}
.stnavbox {
width:120px;
}
.st_navslider:hover .stnavbox {
width:75px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
}
@media only screen and (max-width: 600px) {
#wrap_stallion {
width: 580px;
}
#header_stallion_2011_top {
width: 98%;
}
.headleft {
width: auto;
}
#stsearchform,
#header_widget {
position: static;
width: auto;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 552px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 560px;
}
.str_landscape {
height: 167px;
width: 580px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 560px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 560px;
margin: 10px;
}
.st-profiles-left,
.st-profiles-right {
width: 26px;
}
.st-profiles-left {
left: 4px;
}
.st-profiles-right {
right: 4px;
}
.st_navslider_wide {
width:562px;
}
.stnavbox {
width:112px;
}
.st_navslider:hover .stnavbox {
width:65px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
.fadright,
.fadleft {
width: auto;
padding: 5px 0;
text-align: center;
}
}
@media only screen and (max-width: 540px) {
#wrap_stallion {
width: 520px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 492px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 500px;
}
.str_landscape {
height: 150px;
width: 520px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 500px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 500px;
margin: 10px;
}
span.feature-title {
line-height:100%;
}
.st_feature_main p {
line-height:0%;
visibility: hidden;
}
.st_navslider_wide {
width:502px;
}
.stnavbox {
width:100px;
}
.st_navslider:hover .stnavbox {
width:50px;
}
.st_navslider .stnavbox:hover {
width:300px;
}
.sthalf,
.stthird,
.stthird2,
.stfourth,
.stfourth3,
.stfifth,
.stfifth2,
.stfifth3,
.stfifth4,
.stsixth,
.stsixth5 {
width: 98%;
}
}
@media only screen and (max-width: 480px) {
#wrap_stallion {
width: 460px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 432px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 440px;
}
.str_landscape {
height: 132px;
width: 460px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 440px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 440px;
margin: 10px;
}
.st_feature_nav {
display: none;
}
.st-profiles-left,
.st-profiles-right {
width: 24px;
}
.st-profiles-left {
left: 3px;
}
.st-profiles-right {
right: 3px;
}
.st_navslider_wide {
width:442px;
}
.stnavbox {
width:88px;
}
.st_navslider:hover .stnavbox {
width:45px;
}
.st_navslider .stnavbox:hover {
width:260px;
}
}
@media only screen and (max-width: 400px) {
#wrap_stallion {
width: 380px;
}
.headleft {
width: 98%;
}
#branding div.site-title,
#branding h1,
.h1disc h1,
.h1disc span {
padding-left: 5px;
font-size: 140%;
}
#site-description,
.description {
padding: 5px 0 0 5px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 352px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 360px;
}
.str_landscape {
height: 109px;
width: 380px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 360px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 360px;
margin: 10px;
}
.st-profiles-left,
.st-profiles-right {
top: 10px;
width: 22px;
}
.st_navslider_wide {
width:362px;
}
.stnavbox {
width:72px;
}
.st_navslider:hover .stnavbox {
width:40px;
}
.st_navslider .stnavbox:hover {
width:200px;
}
}
@media only screen and (max-width: 360px) {
#wrap_stallion {
width: 340px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 312px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 320px;
}
.str_landscape {
height: 98px;
width: 340px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 320px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 320px;
margin: 10px;
}
.st_navslider_wide {
width:322px;
}
.stnavbox {
width:64px;
}
.st_navslider:hover .stnavbox {
width:35px;
}
.st_navslider .stnavbox:hover {
width:180px;
}
}
@media only screen and (max-width: 320px) {
#wrap_stallion {
width: 300px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 272px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 280px;
}
.str_landscape {
height: 86px;
width: 300px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 280px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 280px;
margin: 10px;
}
.st-profiles-left,
.st-profiles-right {
top: 5px;
width: 20px;
}
.st-profiles-left {
left: 2px;
}
.st-profiles-right {
right: 2px;
}
.st_navslider_wide {
width:282px;
}
.stnavbox {
width:56px;
}
.st_navslider:hover .stnavbox {
width:30px;
}
.st_navslider .stnavbox:hover {
width:160px;
}
body:after {
content: 'imagemenusmall';
display: none;
}
}
@media only screen and (max-width: 240px) {
#wrap_stallion {
width: 220px;
}
#archive_widget,
#banner_widget,
.stfullwidget,
.stfoot,
.stfoot3 {
width: 192px;
}
#right-sidebars,
#left-sidebars,
#queries_stallion {
width: 200px;
}
.str_landscape {
height: 63px;
width: 220px;
}
.post-meta,
.extra-padding,
#comment-area textarea,
.comment-stallion {
width: 200px;
}
.home .odd0,
.archive .odd0,
.search .odd0,
.home .odd1,
.archive .odd1,
.search .odd1 {
width: 200px;
margin: 10px;
}
.st-profiles-left,
.st-profiles-right {
top: 2px;
width: 18px;
}
.st_navslider_wide {
width:202px;
}
.stnavbox {
width:40px;
}
.st_navslider:hover .stnavbox {
width:20px;
}
.st_navslider .stnavbox:hover {
width:120px;
}
.gallery-item:hover .gallery-caption {
display: none;
}
}
.stradunit1 { width: 180px; height: 150px; }
@media(min-width: 241px) { .stradunit1 { width: 250px; height: 250px; } }
@media(min-width: 321px) { .stradunit1 { width: 300px; height: 250px; } }
@media(min-width: 801px) { .stradunit1 { width: 336px; height: 280px; } }
.stradunit2 { width: 180px; height: 150px; }
@media(min-width: 241px) { .stradunit2 { width: 250px; height: 250px; } }
@media(min-width: 321px) { .stradunit2 { width: 300px; height: 250px; } }
@media(min-width: 361px) { .stradunit2 { width: 320px; height: 50px; } }
@media(min-width: 481px) { .stradunit2 { width: 468px; height: 60px; } }
@media(min-width: 721px) { .stradunit2 { width: 728px; height: 90px; } }
@media(min-width: 801px) { .stradunit2 { width: 728px; height: 90px; } }
.stradunit3 { width: 180px; height: 150px; }
@media(min-width: 241px) { .stradunit3 { width: 250px; height: 250px; } }
@media(min-width: 321px) { .stradunit3 { width: 300px; height: 250px; } }
@media(min-width: 361px) { .stradunit3 { width: 320px; height: 50px; } }
@media(min-width: 481px) { .stradunit3 { width: 468px; height: 60px; } }
@media(min-width: 721px) { .stradunit3 { width: 728px; height: 90px; } }
@media(min-width: 801px) { .stradunit3 { width: 300px; height: 250px; } }