Overriding styles

README.html

@@ -373,7 +373,7 @@ margin-top: 21pt !important;
 margin-bottom: 9pt !important;
 }
 
-#dialogue {
+#project-detail #project-detail-readme article #dialogue {
 font-family: "Ume";
 font-size: 1em;
 line-height: 1.4em;
@@ -389,7 +389,7 @@ margin-right: 5 1em;
 margin-left: 1em;
 }
 
-code {
+#project-detail #project-detail-readme article code {
 font-family: "Ume";
 font-size: 1em;
 line-height: 1.4em;
@@ -399,24 +399,24 @@ margin-right: 1em;
 margin-left: 1em;
 }
 
-#dialogue .name {
+#project-detail #project-detail-readme article #dialogue .name {
 margin-right: 2em;
 }
 
-#dialogue p:nth-child(odd) {
+#project-detail #project-detail-readme article #dialogue p:nth-child(odd) {
 margin-left: 30px;
 margin-top: 10em;
 }
 
-#dialogue p:nth-child(even) {
+#project-detail #project-detail-readme article #dialogue p:nth-child(even) {
 margin-right: 30px;
 }
 
-#dialogue p:nth-child(3n+1):nth-child(even) {
+#project-detail #project-detail-readme article #dialogue p:nth-child(3n+1):nth-child(even) {
 margin-top: 80px;
 }
 
-.introduction {
+#project-detail #project-detail-readme article .introduction {
 font-family: "Nell";
 color: navy;
 font-size: 1.3em;
@@ -427,21 +427,17 @@ width: 30%;
 min-width: 300px;
 }
 
-.narrative {
+#project-detail #project-detail-readme article .narrative {
 float: left;
 font-family: "Ume";
 max-width: 25em;
 letter-spacing: 0.03em;
-font-family: "Ume";
-max-width: 25em;
-letter-spacing: 0.03em;
-font-size: 1em;
 font-size: 1em;
 line-height: 1.4em;
 color: black;
 }
 
-.documentation {
+#project-detail #project-detail-readme article .documentation {
 float: left;
 margin-left: 2em;
 font-family: "Ume";
@@ -451,11 +447,11 @@ font-size: 1em;
 color: forestgreen;
 }
 
-.introduction:nth-child(n+2) {
-margin-left: 3%;
+#project-detail #project-detail-readme article .introduction:nth-child(n+2) {
+margin-left: 3%;#project-detail #project-detail-readme pp
 }
 
-.panel {
+#project-detail #project-detail-readme article .panel {
 margin-top: 10em;
 position: relative;
 width: calc(90% - 20em);
@@ -463,14 +459,14 @@ float: left;
 padding: 0px 9px 0px 9px;
 }
 
-.panel .content {
+#project-detail #project-detail-readme article .panel .content {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
 min-height: 50vh;
 }
 
-.panel h2 {
+#project-detail #project-detail-readme article .panel h2 {
 position: sticky;
 top: 1em;
 font-family: ume;
@@ -482,7 +478,7 @@ font-size: 200%;
 margin-left: 1em;
 }
 
-iframe {
+#project-detail #project-detail-readme article iframe {
 width: calc(90vw - 20em);
 height: calc((9 / 16) * (90vw - 20em));
 }
@@ -521,7 +517,7 @@ background-image: url("http://osp.kitchen/api/osp.live.up-pen-down/raw/panels/7.
 background-image: url("http://osp.kitchen/api/osp.live.up-pen-down/raw/panels/8.svg");
 }
 </style>
-<script src="player.js"></script>
+<script src="http://osp.kitchen/api/osp.live.up-pen-down/raw/player.js"></script>
 <script>
 function autoStartPlayer(selector) {
 var video = document.querySelector(selector);