edited tasks.css for modal

tasks/tasks.css

@@ -4,8 +4,12 @@ span.mw-editsection {
 display: none;
 }
 
+span.mw-headline {
+  font-size: 1em;
+}
+
 /* hide the marker for image gallery imported from mw*/
-ul {
+ul.mw-gallery-traditional {
   list-style-type: none;
 }
 
@@ -29,12 +33,8 @@ body {
 #tasksBtn {
   display: inline-block;
   color: black;
-  font-family: serif;
-  font-size: 1.6em;
   padding-left: 0px;
   padding-right: 0px;
-  margin-left: 18px;
-  margin-top: 6px;
   background-color: white;
   border: none;
 }
@@ -42,12 +42,11 @@ body {
 /* id for button that opens "*A note to the reader" text in modal popup*/
 #noteBtn {
   display: inline;
-  color: blue;
   font-family: serif;
   font-size: 1.6em;
   padding-left: 0px;
   padding-right: 0px;
-  margin-top: 6px;
+  margin-top: 0px;
   background-color: white;
   border: none;
 }
@@ -62,11 +61,13 @@ body {
 .modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
+  font-family: sans-serif;
+  font-size: 1em; 
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
-  width: 80%; /* Full width */
-  height: 80%; /* Full height */
+  width: 50%; /* Full width */
+  height: 50%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
@@ -83,8 +84,9 @@ body {
   width: 50%; /* Could be more or less, depending on screen size */
 }
 
-/* The Close Button */
+/* The Close Button HIDDEN FOR NOW */
 .close {
+  display: none;
   color: #aaa;
   float: right;
   font-size: 28px;
@@ -143,14 +145,28 @@ div.container-fluid {
   display: inline-block;
 }
 
-h2 {
-  text-align: top;
+.gallerytext {
+  font-family: sans-serif;
+  font-size: 11px;
+  margin-top: -10px;
 }
 
+
+
+h2 {
+  }
+
 .heading {
   font-family: serif;
   font-size: 1.6em;
   margin-left: 18px;
+  margin-top: 6px;
+  margin-bottom: 0px;
+}
+
+pre {
+  background-color: lavender;
+  padding: 6px;
 }
 
 iframe {
@@ -186,20 +202,13 @@ iframe[name="recto"] {
 }
 
 .note {
+  margin: auto;
   display: none;
   position: absolute;
+  width: 80% auto;
   background-color: white;
   z-index: 10;
 }
-/*
-img {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  z-index: -1;
-  max-width: 100%
-}
-*/
 
 .cardbackimg {
   width: auto;