KNACSS/css/09-booleans.css
2014-04-20 21:51:59 +02:00

162 lines
2.3 KiB
CSS

/* Google Gmap3 bug fix on images */
.gm-style img {
height: 100%;
}
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}
/* IE678 support */
.ie678 h1,
.ie678 .h1-like {
font-size: 2.28571429em;
}
.ie678 h2,
.ie678 .h2-like {
font-size: 2em;
}
.ie678 h3,
.ie678 .h3-like {
font-size: 1.71428571em;
}
.ie678 h4,
.ie678 .h4-like {
font-size: 1.42857143em;
}
.ie678 h5,
.ie678 .h5-like {
font-size: 1.28571429em;
}
.ie678 h6,
.ie678 .h6-like {
font-size: 1.14285714em;
}
.ie678 img {
width: auto;
/* @bugfix for IE8 */
}
.ie678 .gm-style img {
height: 100%;
}
/* hasLayout for IE6/IE7 */
.clearfix,
.line,
.mod,
.row,
.col {
*zoom: 1;
}
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.btn,
.col,
.inbl {
*display: inline;
*zoom: 1;
}
.visually-hidden {
*clip: rect(1px 1px 1px 1px);
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
behavior: url(/lib/box-sizing-polyfill/boxsizing.htc);
}
*/
/* styling skip links */
.skip-links {
position: absolute;
}
.skip-links a {
position: absolute;
left: -7000px;
padding: 0.5em;
background: black;
color: white;
text-decoration: none;
}
.skip-links a:focus {
position: static;
}
@media (max-width: 480px) {
/* you shall not pass */
div,
textarea,
table,
td,
th,
code,
pre,
samp {
word-wrap: break-word;
hyphens: auto;
}
}
/* styling elements */
code,
kbd,
mark {
border-radius: 2px;
}
kbd {
padding: 0 2px;
border: 1px solid #999;
}
code {
padding: 2px 4px;
background: rgba(0, 0, 0, 0.04);
color: #b11;
}
pre code {
padding: none;
background: none;
color: inherit;
border-radius: 0;
}
mark {
padding: 2px 4px;
background: #ff0;
}
sup,
sub {
vertical-align: 0;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
blockquote {
margin-left: 0;
padding-left: 1em;
border-left: 4px solid rgba(0, 0, 0, 0.15);
font-style: italic;
}
q {
font-style: normal;
}
q,
.q {
quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
quotes: "«\00a0" "\00a0»";
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}