KNACSS/css/knacss.css

4 lines
19 KiB
CSS
Raw Normal View History

/*!
2015-03-06 10:00:51 +01:00
* www.KNACSS.com V4.0.3 BETA (2015-03-06) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
2015-03-06 16:22:20 +01:00
*/html{box-sizing:border-box}*{box-sizing:inherit}html,body{margin:0;padding:0}ul,ol{padding-left:2em}ul.unstyled{list-style:none}img{vertical-align:middle;border:0}img:not([src$=".svg"]){height:auto}blockquote,figure{margin-left:0;margin-right:0}audio,canvas,video{display:inline-block}svg:not(:root){overflow:hidden}html{font-size:62.5%;font-size:calc(.625em);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:1.4em;background-color:#fff;color:#000;font-family:Helvetica,Arial,sans-serif;line-height:1.5}a{color:#333}a:hover,a:focus,a:active{color:#000}p,.p-like,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure{margin-top:0.75em;margin-bottom:0;line-height:1.5}h1,.h1-like{font-size:3.2rem;font-family:Helvetica,Arial,sans-serif}h2,.h2-like{font-size:2.8rem;font-family:Helvetica,Arial,sans-serif}h3,.h3-like{font-size:2.4rem}h4,.h4-like{font-size:2rem}h5,.h5-like{font-size:1.8rem}h6,.h6-like{font-size:1.6rem}.smaller{font-size:0.6em}.small{font-size:0.8em}.big{font-size:1.2em}.bigger{font-size:1.5em}.biggest{font-size:2em}code,pre,samp,kbd{white-space:pre-line;white-space:pre-wrap;font-family:Consolas,"DejaVu Sans Mono",Courier,monospace;line-height:normal}em,.italic,address,cite,dfn,i,var{font-style:italic}strong,.bold{font-weight:bold}small,sub,sup{font-size:smaller}.visually-hidden{position:absolute !important;border:0 !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important}@media (max-width:768px){.no-small-screen{display:none}}@media (min-width:1280px){.no-large-screen{display:none}}p:first-child,.p-like:first-child,ul:first-child,ol:first-child,dl:first-child,blockquote:first-child,pre:first-child,h1:first-child,.h1-like:first-child,h2:first-child,.h2-like:first-child,h3:first-child,.h3-like:first-child,h4:first-child,.h4-like:first-child,h5:first-child,.h5-like:first-child,h6:first-child,.h6-like:first-child{margin-top:0}li p,li .p-like,li ul,li ol{margin-top:0;margin-bottom:0}img,table,td,blockquote,code,pre,textarea,input,video{max-width:100%}table{margin-bottom:20px}.mod{overflow:hidden}.clear,.line,.row{clear:both}.clearfix:after,.line:after{content:"";display:table;clear:both;border-collapse:collapse}.left{margin-right:auto}.right{margin-left:auto}.center{margin-left:auto;margin-right:auto}.txtleft{text-align:left}.txtright{text-align:right}.txtcenter{text-align:center}.fl{float:left}img.fl{margin-right:10px}.fr{float:right}img.fr{margin-left:10px}img.fl,img.fr{margin-bottom:5px}.row{display:table;table-layout:fixed;width:100%}.row>*,.col{display:table-cell;vertical-align:top}body>script{display:none !important}.inbl{display:inline-block;vertical-align:top}.flexbox,.flexbox-h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flexbox-v{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flexitem-fluid{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flexitem-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.flexitem-medium{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.flexitem-last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}[class*="grid-"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1em}[class*="grid-"]>*{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:block;border-left:1em solid transparent;background-clip:padding-box !important}.grid-2>*{width:50%}.grid-2>.flexitem-double{width:100%}@media (min-width:769px) and (max-width:1024px){.grid-2>*{width:33.3333%}.grid-2>.