Merge pull request #168 from Rotzbua/chore_cleanup_css

t-paul · web-flow · commit fd47674d8444 · 2025-11-07T11:12:42.000+01:00
chore: cleanup css
diff --git 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 {
