add rudimentary jingles audio import

3 files changed, 41 insertions, 28 deletions

diff --git a/www/styles/jingles.css b/www/styles/jingles.css
index 04d0364..065dfa9 100644
--- a/www/styles/jingles.css
+++ b/www/styles/jingles.css
@@ -19,3 +19,7 @@
  *  You should have received a copy of the GNU Affero General Public License
  *  along with rhwebimport. If not, see <http://www.gnu.org/licenses/>.
  */
+
+#app-jingles .group {
+    margin-bottom: 40px;
+}
diff --git a/www/styles/main-style.css b/www/styles/main-style.css
index eef0e63..38796fe 100644
--- a/www/styles/main-style.css
+++ b/www/styles/main-style.css
@@ -74,3 +74,39 @@ body {
     font-weight: bold;
     font-size: 1.6em;
 }
+
+#uploadModal {
+    width: 90%;
+    max-width: 560px;
+    min-width: 280px;
+    margin-top: 0;
+}
+
+#uploadModal.fade {
+    top: -250px;
+}
+
+#uploadModal.fade.in {
+    top: 10px;
+}
+
+#uploadModal div.modal-body {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+    height: 250px;
+    background-image: url('/img/dz-backdrop.png');
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+#uploadModal div.modal-body form {
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+
+#uploadModal div.modal-body form div.dz-preview {
+    display: none;
+}
diff --git a/www/styles/shows.css b/www/styles/shows.css
index fd62ff4..f902257 100644
--- a/www/styles/shows.css
+++ b/www/styles/shows.css
@@ -23,35 +23,8 @@
 #show-title {
   text-align: center;
 }
+
 #show-details {
   margin-top: 1.5em;
   margin-bottom: 1em;
 }
-#current-week {
-  display: block;
-  margin: 0.5em;
-  padding: 0.5em 1em;
-}
-#shows-upload {
-  width: 90%;
-  max-width: 560px;
-  min-width: 280px;
-}
-#shows-upload div.modal-body {
-  margin-left: auto;
-  margin-right: auto;
-  width: 250px;
-  height: 250px;
-  background-image: url('/img/dz-backdrop.png');
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-#shows-upload div.modal-body form {
-  display: block;
-  width: 100%;
-  height: 100%;
-  margin: 0px;
-}
-#shows-upload div.modal-body form div.dz-preview {
-  display: none;
-}