Posted By

rodeboys5 on 12/31/14


Tagged

mobile


Versions (?)

Moblify CSS


 / Published in: JavaScript
 

URL: cosmicsearch.org/Moblify

Make any site Mobile Friendly with one line of code!

  1. /*Moblify Terms*/
  2.  
  3. /* Moblify Web Code was giving to you from Cosmic and at any time you may*/
  4. /* not remove these terms and/or say you made this. Moblify was not made */
  5. /*to track or turn a site into a mobile looking site just to size different parts*/
  6. /*of pages and to make scrolling easier! Using Moblify means you agree*/
  7. /*with the terms!*/
  8.  
  9. /*About Moblify*/
  10.  
  11. /*Moblify uses css to calculate the width of the screen then change the elements*/
  12. /*So they can fit the screen size*/
  13.  
  14. /*Version Info*/
  15. /*version 1.2.5 (current)*/
  16.  
  17. /*
  18. 1. Responsive text
  19. 2. Responsive img
  20. 3. Disables Mobile Webkit Highlights
  21. */
  22.  
  23. /*Version 1.2*/
  24.  
  25. /*
  26. 1. Added Eric Meyer's Reset CSS v2.0,
  27. 2. Minified.
  28. */
  29.  
  30. /*Version 1.1.5 */
  31.  
  32. /*
  33. 1. Better Iphone Support.
  34. */
  35.  
  36. /*Version 1.1*/
  37.  
  38. /*
  39. 1. Added Video Resizing,
  40.  
  41. 2. Added iFrame Resizing,
  42.  
  43. 3. Updated Picture Resizing,
  44.  
  45. 4. Bug Fix that did not let the user resize on some pages.
  46.  
  47. 5. Added Form Support (Buttons, Text Boxes, etc.)
  48. */
  49.  
  50. /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  51. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;overview:scroll;-webkit-overview-scrolling:touch}body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}body{font-size: 3.2vw;}img{max-width:100%; max-height:100%;margin:auto;display:block;}@media (max-width: @screen-xs) {body{font-size: 10px;}}@media (max-width: @screen-sm) {body{font-size: 14px;}}h5{font-size: 1.4em;}@media screen and (max-device-width:480px){img{max-width:100%;height:auto}}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:auto;font-family:Helvetica,Arial,Verdana,sans-serif;padding:5px}}.hide{display:none}input[type=checkbox]{width:44px;height:44px;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;border:1px solid #bbb}input[type=range]{width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;background:#fdfdfd;background:-moz-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#bebebe));background:-webkit-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-o-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-ms-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:linear-gradient(to bottom,#fdfdfd 0,#bebebe 100%);border:1px solid #bbb;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px}button[type=submit]{-webkit-appearance:none;-moz-appearance:none;display:block;margin:1.5em 0;font-size:1em;line-height:2.5em;color:#333;font-weight:700;height:2.5em;width:100%;background:#fdfdfd;background:-moz-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#bebebe));background:-webkit-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-o-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:-ms-linear-gradient(top,#fdfdfd 0,#bebebe 100%);background:linear-gradient(to bottom,#fdfdfd 0,#bebebe 100%);border:1px solid #bbb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url]{-webkit-appearance:none;-moz-appearance:none;display:block;margin:0;width:100%;height:40px;line-height:40px;font-size:17px;border:1px solid #bbb}embed,object,video{max-width:100%}.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video embed,.video iframe,.video object{position:absolute;top:0;left:0;width:100%;height:100%}img{width:auto;height:auto}.wrapper{width:100%}li,p{margin-bottom:10px}h1{height:0}h2{margin-bottom:10px}ul{margin-left:25px}img{border:none}#page-wrap{min-width:780px;max-width:1260px;margin:10px auto}#page-wrap #inside{margin:10px 10px 0;padding-top:10px;padding-bottom:10px}#main-content{padding-left:230px;padding-top:20px}#header{text-align:center}#left-sidebar{width:150px;float:left;padding-left:15px;padding-top:20px}#footer{text-align:center;padding-top:20px;padding-bottom:20px}@media screen and (max-width:500px){/ #header{position:static}}@media screen and (max-width:500px){.tabs{padding:3px 1em}}img,input,textarea{max-width:100%}h1 {font-size: 5.9vw;}h2 {font-size: 3.0vh;}p {font-size: 2vmin;}body {font-size:100%; }p {font-size: 0.875em; line-height: 1em; }@media screen and (max-width: 30em) {body {font-size: 90%;}} @media screen and (max-width: 20em) {body {font-size: 80%;}}body {font-size: 18px;}h1,h2,h3,h4,h5,h6,p {line-height: 1.45;}h1 { font-size: 4em; }h2 { font-size: 3em; }h3 { font-size: 2em; }h4 { font-size: 1em; }html {font-size: 20px;}body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a[href],input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }

Report this snippet  

You need to login to post a comment.