diff --git a/assets/css/style.css b/assets/css/style.css index 6adfcbc..06c203a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -33,7 +33,9 @@ blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, -q:after {content: ''; content: none;} +q:after { + content: none; +} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none;} a:hover {text-decoration:underline;} @@ -59,20 +61,15 @@ pre { line-height: 20px; word-break: break-all; word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ + white-space: pre-line; background-color: light-dark(#f5f5f5, #151515); border: 1px solid light-dark(#ccc, #222); border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} -.ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} @@ -109,12 +106,6 @@ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} - -/* scale images in IE7 more attractively */ -.ie7 img {-ms-interpolation-mode: bicubic;} - -/* prevent BG image flicker upon hover */ -.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } @@ -139,8 +130,6 @@ body { #page-wrap {width:1000px; margin:0px auto; border:1px solid light-dark(#fff, #111); padding:20px;} header {background:light-dark(#fff, #171717); padding:10px 20px 12px 20px; position:relative; --moz-box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); --webkit-box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); border-radius:12px 12px 0px 0px; } @@ -169,7 +158,7 @@ opacity:0.8; #page-content { background:light-dark(#ffffe5,#141400); /* #FFFFE5 BACKGROUND_COLOR - pale yellow/cream from colormap.cc */ position:relative; padding:20px 20px 0px 20px; - -moz-box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); -webkit-box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); + box-shadow: 1px 1px 12px 2px light-dark(#aaa, #222); border-radius:0px 0px 12px 12px; } @@ -202,8 +191,7 @@ section {margin-bottom:20px; background:light-dark(#fff, #1b1b1b); border-radius .github-ribbon {float: right; position: relative; top: -10px; right: -20px; border: 0; z-index: 0;} /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ -::-moz-selection {background: #000; color: light-dark(#fff, #1b1b1b); text-shadow: none;} -::selection {background: #000; color: light-dark(#fff, #1b1b1b); text-shadow: none;} +::selection {background: #000; color: light-dark(#fff, #1b1b1b); text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #1b2f01;} @@ -417,29 +405,6 @@ span.link {cursor:pointer;} span.link:hover {text-decoration:underline;} .tutorial-links .current {text-decoration:underline;} - -/* Print styles! --------------------------------------------------------------------------------*/ -@media print { - -} - -/* Media queries! --------------------------------------------------------------------------------*/ - -/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ -@media screen and (max-device-width: 480px) { - -} - -@media all and (orientation: portrait) { - -} - -@media all and (orientation: landscape) { - -} - /* Social media icons */ i.fab {