Make CSS more specific

nbsphinx.py

@@ -191,24 +191,20 @@
 
 /* remove conflicting styling from Sphinx themes */
 div.nbinput,
-div.nbinput div,
-div.nbinput div pre,
+div.nbinput > div,
+div.nbinput div[class|=highlight],
+div.nbinput div[class|=highlight] pre,
 div.nboutput,
-div.nboutput div,
-div.nboutput div pre {
+div.nboutput > div,
+div.nboutput div[class|=highlight],
+div.nboutput div[class|=highlight] pre {
     background: none;
     border: none;
     padding: 0 0;
     margin: 0;
     box-shadow: none;
 }
 
-/* remove negative margin from cloud theme */
-div.nbinput div[class|="highlight"],
-div.nboutput div[class|="highlight"] {
-    margin: 0;
-}
-
 /* input/output containers */
 div.nbinput,
 div.nboutput {
@@ -239,7 +235,8 @@
 }
 
 /* all prompts */
-div.nbinput > :first-child,
+div.nbinput > :first-child[class|=highlight],
+div.nboutput > :first-child[class|=highlight],
 div.nboutput > :first-child {
     min-width: 11ex;
     padding-top: 0.4em;
@@ -249,15 +246,16 @@
 }
 
 /* input/output area */
-div.nbinput > :nth-child(2),
-div.nboutput > :nth-child(2) {
+div.nbinput > :nth-child(2)[class|=highlight],
+div.nboutput > :nth-child(2),
+div.nboutput > :nth-child(2)[class|=highlight] {
     padding: 0.4em;
     -webkit-flex: 1;
     flex: 1;
 }
 
 /* input area */
-div.nbinput > :nth-child(2) {
+div.nbinput > :nth-child(2)[class|=highlight] {
     border: 1px solid #cfcfcf;
     border-radius: 2px;
     background: #f7f7f7;