summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'themes/mantra/style-mobile.css')
-rw-r--r--themes/mantra/style-mobile.css194
1 files changed, 0 insertions, 194 deletions
diff --git a/themes/mantra/style-mobile.css b/themes/mantra/style-mobile.css
deleted file mode 100644
index 74d31373..00000000
--- a/themes/mantra/style-mobile.css
+++ /dev/null
@@ -1,194 +0,0 @@
-/* =Responsive Structure
------------------------------------------------ */
-
-@media (max-width: 1100px) {
- body.mobile #content {
- float:none;
- margin:0 2%;
- width:96%;
- height:auto; }
- body.mobile #access, body.mobile #branding {width:100%;}
- body.mobile #wrapper, body.mobile #colophon, body.mobile #main, body.mobile article.post, body.mobile #container, body.mobile #linky { width: auto; }
- body.mobile #branding { height:auto; min-height:90px; }
- body.mobile #bg_image { min-height:90px; width:100%; }
-
- body.mobile #header-container > div {
- margin-top:7px;
- margin-left:14px;
- height:100%; }
-
- body.mobile a#logo { height:100%; display: block !important; }
-
- body.mobile a#logo img { height:80%; width:auto; max-width:90%; }
- body.mobile #site-title {margin-top:22px;}
- body.mobile #site-description {clear:both;margin-left:0;}
- body.mobile.safari a#logo img { max-height: 80px; height:auto;}
-
- body.mobile #smenul, body.mobile #smenur { margin-top:0; }
-
- body.mobile .socials a { margin:0; padding-left:5px; display: block; }
- body.mobile .socials a img { width:22px; }
- body.mobile #wrapper { margin:10px; }
- body.mobile #access .menu-header, body.mobile div.menu { width:95%; }
- body.mobile #primary, body.mobile #secondary { width:100%; height:auto !important; }
-
- body.mobile #content img, body.mobile content article.post img, body.mobile #content article .wp-caption, body.mobile article embed {
- max-width:90% !important; }
- body.mobile #access { /*background:#ddd;*/ }
- body.mobile #slider { width:auto; height:auto; }
- body.mobile #footer-widget-area .widget-title { background:none !important; padding-left:10px; }
- body.mobile .widget-title { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
- body.mobile .xoxo .widget-title { margin-left:-10px !important; text-align:left !important; }
- body.mobile #site-title { font-size:30px; line-height: 30px; padding-left:0; }
- body.mobile #site-description { margin-top:5px; font-size:15px; line-height: 15px; }
-
- body.mobile #main .widget-area ul.xoxo { padding-left:10px; }
-
- body.mobile .footertwo .widget-area, body.mobile .footerthree .widget-area, body.mobile .footerfour .widget-area {
- width:95%; margin-left:2.5%; }
- body.mobile #sfooter { display:table; float:none; text-align:center; margin:0 auto; padding:0; top:0; margin-top:10px; }
-}
-
-@media (max-width: 800px) {
- #content {
- float:none;
- margin:0 2%;
- width:96%;
- height:auto; }
- #access, #branding {width:100%;}
- #wrapper, #colophon, #main, article.post, #container, #linky { width: auto; }
- #branding { height:auto; min-height:90px; }
- #bg_image { min-height:90px; width:100%; }
-
- #header-container > div {
- margin-top:7px;
- margin-left:14px;
- height:100%; }
-
- a#logo { height:100%; display: block !important; }
-
- a#logo img { height:80%; width:auto; max-width:90%; }
- #site-title {margin-top:22px;}
- #site-description {clear:both;margin-left:0;}
- .safari a#logo img { max-height: 80px; height:auto;}
-
- #smenul, #smenur { margin-top:0; }
-
- .socials a { margin:0; padding-left:5px; display: block; }
- .socials a img { width:22px; }
- #wrapper { margin:10px; }
- #access .menu-header, div.menu { width:95%; }
- #primary, #secondary { width:100%; height:auto !important; }
-
- .slider-wrapper { width:95%; }
- #slider, #slider img { width:100%; }
- #front-columns > div { width:45%; }
- #front-columns .column-image, #front-columns .column-image img { height:inherit; }
-
- #content img, #content article.post img, #content .wp-caption, article embed { max-width:100% !important;}
- #access { /*background:#ddd;*/ }
- #column3 { clear:left; }
- #slider { width:auto; height:auto; }
- #footer-widget-area .widget-title { background:none !important; padding-left:10px; }
- .widget-title { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
- .xoxo .widget-title { margin-left:-10px !important; text-align:left !important; }
- #site-title { font-size:30px; line-height: 30px; padding-left:0; }
- #site-description { margin-top:5px; font-size:15px; line-height: 15px; }
-
- #main .widget-area ul.xoxo { padding-left:10px; }
-
- .footertwo .widget-area, .footerthree .widget-area, .footerfour .widget-area {
- width:95%; margin-left:2.5%; }
-
- #sfooter { display:table; float:none; text-align:center; margin:0 auto; padding:0; top:0; margin-top:10px; }
-}
-
-@media (max-width: 650px) {
- /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
- body, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
- font-size: 13px !important;
- }
- #front-text1 h1, #front-text2 h1 {
- font-size:2em;
- line-height:2em;
- }
- #access ul {
- font-size: 12px;
- }
- article.intro .entry-content {
- font-size: 12px;
- }
- .entry-title {
- font-size: 21px;
- }
- .featured-post .entry-title {
- font-size: 14px;
- }
- .singular .entry-title {
- font-size: 28px;
- }
- .entry-meta {border:none;padding:0;}
- .entry-meta a , .entry-meta, .comments-link{
- font-size: 10px !important;
- background:none !important;
- -moz-box-shadow:none !important;
- -webkit-box-shadow:none !important;
- box-shadow:none !important;
- }
- #content .entry-title {
- font-size:20px !important;
- }
- #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
- margin-left:0 !important;
- }
- .widget-area a:link, .widget-area a:visited {
- font-size:10px !important;
- }
- .tinynav {
- display: block;
- }
- #access .menu ul:first-child {
- display: none;
- }
- .theme-default .nivo-caption {
- font-size:9px;
- }
- .short-columns {
- width:100%;
- }
-}
-
-
-
-@media (max-width: 480px) {
- /* @media (max-width: 450px) Reduce font-sizes for better readability on the smalles of devices */
-
-
-body, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
- font-size: 12px !important;
- }
-
- #site-title span a{
- font-size: 18px;
- line-height:18px;
- }
- #site-description {
- font-size: 11px;
- line-height:10px;
- }
- #front-columns > div {
- width:90% ;
- }
-
- body {
- padding: 0;
- }
- #page {
- margin-top: 0;
- }
- #branding {
- border-top: none;
- }
-
-}
-