diff options
Diffstat (limited to 'themes/mantra/style-mobile.css')
| -rw-r--r-- | themes/mantra/style-mobile.css | 217 |
1 files changed, 217 insertions, 0 deletions
diff --git a/themes/mantra/style-mobile.css b/themes/mantra/style-mobile.css new file mode 100644 index 00000000..850781f0 --- /dev/null +++ b/themes/mantra/style-mobile.css @@ -0,0 +1,217 @@ +
+/* =Responsive Structure
+----------------------------------------------- */
+
+@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 {height:auto;}
+ #content img, content article.post img, #content article .wp-caption, article embed {
+ max-width:90% !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;
+ }
+
+
+}
+
+
+
+@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 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;
+ }
+
+
+}
+
|