css: Remove code elements from bootstrap.css.

Updates `markdown.css` and `rendered_markdown.css` for the rules
in `bootstrap.css` that were being used to style code elements and
removes the now redundant/ignored rules from `bootstrap.css`.

web/styles/portico/markdown.css

@@ -363,10 +363,16 @@
     }
 
     code {
-        /* Copied from rendered_markdown.css */
+        /* Different from zulip.css */
+        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+        /* Same as base rules for code elements in rendered_markdown.css */
         font-size: 0.825em;
         unicode-bidi: embed;
         direction: ltr;
+        color: hsl(0, 0%, 0%);
+        border: 1px solid hsl(240, 13%, 90%);
+        border-radius: 3px;
+        /* Different from base rules for code elements in rendered_markdown.css */
         white-space: initial;
         padding: 0;
         padding-right: 4px;
@@ -378,6 +384,9 @@
             font-size: 14px;
             white-space: pre-wrap;
             padding: 0;
+            color: inherit;
+            background-color: transparent;
+            border: 0;
         }
     }
 

web/styles/rendered_markdown.css

@@ -613,6 +613,10 @@ code {
     direction: ltr;
     color: hsl(0, 0%, 0%);
     white-space: pre;
+    padding: 2px 4px;
+    background-color: hsl(240, 14%, 97%);
+    border: 1px solid hsl(240, 13%, 90%);
+    border-radius: 3px;
 }
 
 .rendered_markdown code {
@@ -673,6 +677,10 @@ pre {
 pre code {
     overflow-x: scroll;
     white-space: pre;
+    padding: 0;
+    color: inherit;
+    background-color: transparent;
+    border: 0;
 }
 
 /* Style inline code inside a link

web/third/bootstrap/css/bootstrap.css

@@ -281,7 +281,6 @@ blockquote:before,
 blockquote:after {
   content: "";
 }
-code,
 pre {
   padding: 0 3px 2px;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
@@ -291,13 +290,6 @@ pre {
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
-code {
-  padding: 2px 4px;
-  color: #d14;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-  white-space: nowrap;
-}
 pre {
   display: block;
   padding: 9.5px;
@@ -315,14 +307,6 @@ pre {
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-pre code {
-  padding: 0;
-  color: inherit;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border: 0;
-}
 .label {
   display: inline-block;
   padding: 2px 4px;