/* * Built by: cowowo.cat * Author: Carl Johansson * File: CSS Reset */ /* The point here is that box-sizing will not change any more. Its purpose is to switch box models, and its two values border-box and content-box are supported everywhere. */ /* * BOX MODEL */ * { @include box-sizing(border-box); /* Sass - Compass */ } * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* * CSS RESET */ html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, pre, code, img, dl, dt, dd, ol, ul, li, img { margin: 0; padding: 0; border: 0; outline: 0; font-size:100%; } ul, ol {list-style:none;} img { max-width:100%; height:auto; /* The height is added to ensure the aspect ratio of the image is retained. */ } a, a:hover, a:visited { text-decoration:none; } /* * FORMS RESET */ input[type=text], input[type=submit], input[type=reset], input[type=button], input[type=image], textarea, select { -webkit-appearance: none; /* VIP - to override al i.e. iOS safari stryling) */ border-radius:0px; } /* option {cursor:pointer;} */ /* NOT WORKING !!! */ label, input[type="submit"], input[type="reset"], button, select { cursor:pointer; } /* input, */ input[type=text], input[type=password], select, textarea { width:100%; } textarea { /* resize:none; */ resize:vertical; display: block; /* to avoid default margin bottom due to display: inline(-block) */ } /* TABLES */ table { border-collapse: collapse; border-spacing: 0; }