[#854 state:resolved] Moved all Melody CSS files to mt-static/css a…

…nd Melody images to `mt-static/images/melody` along with all of the changes required to put Humpty together again. Also fixed a smattering of issues like the missing fullscreen editor toggle button, the quicklook dialog styling, etc.

build/melody/minify-static

@@ -31,7 +31,7 @@ cat                                 \
     mt-static/css/structure.css     \
     mt-static/css/messaging.css     \
     mt-static/css/utilities.css     \
-    mt-static/melody/styles.css     \
+    mt-static/css/melody-styles.css     \
 >| mt-static/css/main.css           \
 && ./build/minifier.pl mt-static/css/main.css
 
@@ -41,7 +41,7 @@ cat                                 \
     mt-static/css/utilities.css     \
     mt-static/css/messaging.css     \
     mt-static/css/chromeless.css    \
-    mt-static/melody/chromeless.css \
+    mt-static/css/melody-chromeless.css \
  >| mt-static/css/simple.css        \
  && ./build/minifier.pl mt-static/css/simple.css
 

check/check.css

@@ -13,7 +13,7 @@ body.has-static {
 }
 
 body.has-static #header {
-    background: #6B3081 url('$static_path/melody/melody-logo-white-banner.png') no-repeat 25px 10px;
+    background: #6B3081 url('$static_path/images/melody/melody-logo-white-banner.png') no-repeat 25px 10px;
     height: 55px;
 }
 

index.html

@@ -47,7 +47,7 @@
             height: 108px;
             font-size: 24px;
             font-weight: normal;
-            background: transparent url(mt-static/melody/melody-logo.png) no-repeat scroll top center;
+            background: transparent url(mt-static/images/melody/melody-logo.png) no-repeat scroll top center;
         }
         .chromeless #content h1 span {
             visibility: hidden;

mt-static/melody/chromeless.css → mt-static/css/melody-chromeless.css

@@ -7,7 +7,7 @@
     width:250px;
     height:73px;
     margin:30px auto 0 auto;
-    background:url('../melody/melody-logo-white-banner.png') no-repeat!important;
+    background:url('../images/melody/melody-logo-white-banner.png') no-repeat!important;
 }
 
 

mt-static/melody/quicklook.css → mt-static/css/melody-quicklook.css

@@ -36,7 +36,7 @@
   position: absolute;
   z-index: 99;
   bottom: -70px;
-  background: url("bottom-fade.png") repeat-x bottom left;
+  background: url('../images/melody/bottom-fade.png') repeat-x bottom left;
   display: block;
   width: 100%;
   height: 100px;

mt-static/melody/styles.css → mt-static/css/melody-styles.css

@@ -13,7 +13,7 @@
     display: block;
     width: 150px;
     height: 41px;
-    background: url('../melody/melody-logo-white-banner.png') no-repeat;
+    background: url('../images/melody/melody-logo-white-banner.png') no-repeat;
 }
 
 /* Redesigned Plugins Screen */
@@ -48,7 +48,7 @@
 }
 #template-body-actions .fullscreen,
 #editor-content .editor-toolbar .fullscreen {
-  background-image: url('fullscreen-icon.gif');
+  background-image: url('../images/melody/fullscreen-icon.gif');
 }
 .edit-template .fullscreen #title-field #title {
   width: 890px;

mt-static/melody/mt.dialog.css → mt-static/css/melody.dialog.css

@@ -14,7 +14,7 @@
 }
 
 .ui-dialog-inner {
-	background: url('../../../images/content.jpg') repeat-x;
+	background: url('../images/content.jpg') repeat-x;
     border-collapse:separate;
     position:relative;
     left:0;
@@ -50,7 +50,7 @@
 .mt.ui-dialog .ui-dialog-titlebar-close {
 	width: 16px;
 	height: 16px;
-	background: url(i/dialog-titlebar-close.png) no-repeat;
+	background: url(../jquery/themes/flora/i/dialog-titlebar-close.png) no-repeat;
 	position:absolute;
 	top: 20px;
 	right: 10px;
@@ -64,7 +64,7 @@
 
 .mt .ui-dialog .ui-dialog-titlebar-close-hover,
 .mt.ui-dialog .ui-dialog-titlebar-close-hover {
-	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
+	background: url(../jquery/themes/flora/i/dialog-titlebar-close-hover.png) no-repeat;
 }
 
 .mt .ui-dialog .ui-dialog-title,
@@ -104,7 +104,7 @@
 .mt .ui-dialog .ui-dialog-buttonpane button,
 .mt.ui-dialog .ui-dialog-buttonpane button {
     margin: 6px 6px 16px 6px;
-    background: #333 url('../../../images/buttons/button.gif') no-repeat 0 center;
+    background: #333 url('../images/buttons/button.gif') no-repeat 0 center;
 	border: none;
 	border-top: 1px solid #d4d4d4;
 	font-weight: bold;
@@ -118,7 +118,7 @@
 
 .mt .ui-dialog .ui-dialog-buttonpane button:first-child,
 .mt.ui-dialog .ui-dialog-buttonpane button:first-child {
-    background-image: url('../../../images/buttons/button-primary.gif');
+    background-image: url('../images/buttons/button-primary.gif');
 }
 
 /* Dialog handle styles */
@@ -151,14 +151,14 @@
 
 /* Overlays */
 .ui-widget-overlay { 
-  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
+  background: #aaaaaa url(jquery/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
   opacity: .6;
   filter:Alpha(Opacity=30); 
 }
 .ui-widget-shadow { 
   margin: -8px 0 0 -8px; 
   padding: 8px; 
-  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
+  background: #aaaaaa url(jquery/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
   opacity: .3;
   filter:Alpha(Opacity=30);
   -moz-border-radius: 8px;

mt-static/css/structure.css

@@ -184,10 +184,10 @@ body.system #header {background: #6B3081 url('../images/header-inner.gif') repea
     display: block;
     width: 150px;
     height: 40px;
-    background: url('../melody/melody-logo-white-banner.png') no-repeat;
+    background: url('../images/melody/melody-logo-white-banner.png') no-repeat;
 }
 .system #brand a {
-    background-image: url('../melody/melody-logo-white-banner.png');
+    background-image: url('../images/melody/melody-logo-white-banner.png');
 }
 #brand span {
     position: relative;
@@ -5115,7 +5115,7 @@ background: #C9E1EE;
     margin: 0 4px 0 0;
     padding: 0;
     color: #000;
-    background: url(../../codepress/images/toggle.gif) left top no-repeat;
+    background: url(../codepress/images/toggle.gif) left top no-repeat;
     text-indent: 1000em;
     min-width: 0;
     -moz-user-select: none !important;

mt-static/js/melody/list_entry.js

@@ -71,7 +71,7 @@ function ajax_publish( id ) {
         url: url,
         dataType: 'json',
         error: function (xhr, status, error) {
-            link.css('background','url('+StaticURI+'melody/icon-error.gif) no-repeat center -1px');
+            link.css('background','url('+StaticURI+'images/melody/icon-error.gif) no-repeat center -1px');
             jQuery('.listing tr.obj-'+id).removeClass('publishing').addClass('has_errors');
         },
         success: function (data, status, xhr) {
@@ -87,7 +87,7 @@ function ajax_publish( id ) {
                     link.css('background','url('+StaticURI+'images/nav-icon-rebuild.gif) no-repeat center 0px');
                 });
             } else {
-                link.css('background','url('+StaticURI+'melody/icon-error.gif) no-repeat center -1px');
+                link.css('background','url('+StaticURI+'images/melody/icon-error.gif) no-repeat center -1px');
                 link.qtip({
                     content: data.errstr,
                     position: {

tmpl/cms/include/css_js_common.tmpl

@@ -20,7 +20,7 @@
       <mt:var name="linked_stylesheet" relpath="css/jquery/jquery.ui.all.css">
   <mt:unless name="optimize_ui">
       <mt:var name="linked_stylesheet" relpath="styles.css">
-      <mt:var name="linked_stylesheet" relpath="melody/styles.css">
+      <mt:var name="linked_stylesheet" relpath="css/melody-styles.css">
   <mt:else>
       <mt:var name="linked_stylesheet" relpath="css/main.css">
   </mt:unless>

tmpl/cms/list_entry.tmpl

@@ -71,12 +71,12 @@
 </mt:unless>
 
 <mt:setvarblock name="html_head" append="1">
-<link rel="stylesheet" href="<mt:var name="static_uri">melody/mt.dialog.css" type="text/css">
+<link rel="stylesheet" href="<mt:var name="static_uri">css/melody.dialog.css" type="text/css">
 <mt:ignore>----- No longer needed because we load jquery.ui.all.css in header
     <link rel="stylesheet" href="<mt:var name="static_uri">css/jquery/jquery.ui.core.css" type="text/css">
     <link rel="stylesheet" href="<mt:var name="static_uri">css/jquery/jquery.ui.dialog.css" type="text/css">
 </mt:Ignore>
-<link rel="stylesheet" href="<mt:var name="static_uri">melody/quicklook.css" type="text/css">
+<link rel="stylesheet" href="<mt:var name="static_uri">css/melody-quicklook.css" type="text/css">
 </mt:setvarblock>
 
 

tmpl/include/chromeless_header.tmpl

@@ -12,7 +12,7 @@
                     <link rel="stylesheet" href="<$mt:var name="static_uri"$>css/utilities.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
                     <link rel="stylesheet" href="<$mt:var name="static_uri"$>css/messaging.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
                     <link rel="stylesheet" href="<$mt:var name="static_uri"$>css/chromeless.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
-                    <link rel="stylesheet" href="<$mt:var name="static_uri"$>melody/chromeless.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
+                    <link rel="stylesheet" href="<$mt:var name="static_uri"$>css/melody-chromeless.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
                 <mt:else>
                     <link rel="stylesheet" href="<$mt:var name="static_uri"$>css/simple.css?v=<mt:var name="mt_version_id" escape="url">" type="text/css" />
                 </mt:unless>