Let view previews use the main-column styles even though they are not in the main-column

htdocs/js/preview.js

@@ -6,7 +6,7 @@
  * This file is licensed under the same terms as Mahara itself
  */
 
-var preview = DIV({'id':'viewpreview', 'class':'hidden'},
+var preview = DIV({'id':'viewpreview', 'class':'hidden main-column'},
     DIV({'id':'viewpreviewinner'},
         DIV({'id':'viewpreviewclose'},
             A({'href':'','id':'closepreview'}, 'Close')

htdocs/theme/raw/static/style/style.css

@@ -24,29 +24,29 @@ img {
 label {
     font-weight: bold;
 }
-#main-column h1, #main-column h2, #main-column h3, #main-column h4, #main-column h5, #main-column h6 {
+.main-column h1, .main-column h2, .main-column h3, .main-column h4, .main-column h5, .main-column h6 {
     margin: .75em 0 .5em;
 }
-#main-column h1:first-child, #main-column h2:first-child, #main-column h3:first-child, #main-column h4:first-child, #main-column h5:first-child, #main-column h6:first-child,
-#main-column h1 + p, #main-column h2 + p, #main-column h3 + p, #main-column h4 + p, #main-column h5 + p, #main-column h6 + p {
+.main-column h1:first-child, .main-column h2:first-child, .main-column h3:first-child, .main-column h4:first-child, .main-column h5:first-child, .main-column h6:first-child,
+.main-column h1 + p, .main-column h2 + p, .main-column h3 + p, .main-column h4 + p, .main-column h5 + p, .main-column h6 + p {
     margin-top: 0;
 }
-#main-column h1 {
+.main-column h1 {
     font-size: 2.25em;
 }
-#main-column h2 {
+.main-column h2 {
     font-size: 1.8em;
 }
-#main-column h3 {
+.main-column h3 {
     font-size: 1.4em;
 }
-#main-column h4 {
+.main-column h4 {
     font-size: 1.2em;
 }
-#main-column h5 {
+.main-column h5 {
     font-size: 1em;
 }
-#main-column h6 {
+.main-column h6 {
     font-size: .9em;
 }
 .left {
@@ -672,6 +672,27 @@ p.progress-text {
     height: 40px;
 }
 
+
+/* Copy a view */
+#viewpreview {
+  position: absolute;
+  border: 10px solid #eee;
+  background-color: #fff;
+}
+#viewpreviewinner {
+  border: 1px solid #ccc;
+  padding: 1em;
+}
+#viewpreviewclose {
+  width: 100%;
+  text-align: right;
+  border-bottom: 1px dotted #ccc;
+  padding-bottom: 1em;
+}
+#viewpreviewcontent {
+  margin-top: 1em;
+}
+
 /*
 
 #staffusers table,
@@ -1509,25 +1530,6 @@ fieldset.collapsed .mceEditor td {
   padding: 0;
 }
 
-#viewpreview {
-  position: absolute;
-  border: 10px solid #eee;
-  background-color: #fff;
-}
-#viewpreviewinner {
-  border: 1px solid #ccc;
-  padding: 1em;
-}
-#viewpreviewclose {
-  width: 100%;
-  text-align: right;
-  border-bottom: 1px dotted #ccc;
-  padding-bottom: 1em;
-}
-#viewpreviewcontent {
-  margin-top: 1em;
-}
-
 /* GROUPS */
     /*
 #groupsviewlist {

htdocs/theme/raw/templates/header.tpl

@@ -19,7 +19,7 @@
 {include file="sidebar.tpl" blocks=$SIDEBLOCKS.left}
                 </td>
 {/if}
-                <td id="main-column">
+                <td id="main-column" class="main-column">
                     {insert name="messages"}
                     <div id="main-column-container">
 

htdocs/theme/views.css

@@ -206,7 +206,7 @@
   margin-right: auto;
   padding: .25em .5em;
 }
-#main-column .blockinstance-header h4, .blockinstance.configure h4 {
+.main-column .blockinstance-header h4, .blockinstance.configure h4 {
     margin: 0;
     cursor: default;
 }