add core styles to Effects code examples

Author: bobholt

page/effects/custom-effects.md

@@ -10,15 +10,20 @@ jQuery makes it possible to animate arbitrary CSS properties via the
 value, or to a value relative to the current value.
 
 ```
-// Custom effects with $.fn.animate
-    $('div.funtimes').animate(
-        {
-            left : "+=50",
-            opacity : 0.25
-        },
-        300, // duration
-        function() { console.log('done!'); // calback
-    });
+// Custom effects with `$.fn.animate`">
+$("div.funtimes").animate({
+
+    left : "+=50",
+    opacity : 0.25
+
+  },
+  300, // duration
+  function() {
+
+    console.log("done!"); // callback
+
+  }
+});
 ```
 
 <div class="note">
@@ -39,14 +44,15 @@ As of jQuery 1.4, it is possible to do per-property easing when using the
 `$.fn.animate` method.
 
 ```
-// Per-property easing
-    $('div.funtimes').animate(
-        {
-            left : [ "+=50", "swing" ],
-            opacity : [ 0.25, "linear" ]
-        },
-        300
-    );
+// Per-property easing">
+$("div.funtimes").animate({
+
+    left : [ "+=50", "swing" ],
+    opacity : [ 0.25, "linear" ]
+
+  },
+  300
+);
 ```
 
 For more details on easing options, see

page/effects/queue_and_dequeue_explained.md

@@ -9,29 +9,38 @@ adding a job on to the fx queue.By default, using queue and passing a function,
 will add to the fx queue. So we’re creating our own bespoke animation step:
 
 ```
-$('.box').animate({
-  height : 20
-}, 'slow')
-.queue(function () {
-  $('#title').html("We're in the animation, baby!");
+$(".box").animate(
+  {
+    height : 20
+  },
+  "slow"
+).queue(function() {
+
+  $("#title").html("We"re in the animation, baby!");
+
 });
 ```
 
 As I said though, these methods come in pairs, so anything you add using queue,
 you need to dequeue to allow the process to continue. In the code above, if I
-chained more animations on, until I call $(this).dequeue(), the subsequent
+chained more animations on, until I call `$( this ).dequeue()`, the subsequent
 animations wouldn’t run:
 
 ```
-$('.box').animate({
-  height : 20
-}, 'slow')
-.queue(function () {
-  $('#title').html("We're in the animation, baby!");
-  $(this).dequeue();
-})
-.animate({
+$(".box").animate({
+
+    height : 20
+
+},"slow").queue(function() {
+
+  $("#title").html("We"re in the animation, baby!");
+
+  $( this ).dequeue();
+
+}).animate({
+
   height: 150
+
 });
 ```
 
@@ -41,24 +50,36 @@ that sets a timer and triggers after n milliseconds, at which time, it dequeues
 the element:
 
 ```
-$.fn.pause = function (n) {
-  return this.queue(function () {
+$.fn.pause = function( n ) {
+
+  return this.queue(function() {
+
     var el = this;
-    setTimeout(function () {
-      return $(el).dequeue();
-    }, n);
+
+    setTimeout( function () {
+
+      return $( el ).dequeue();
+
+    }, n );
+
   });
+
 };
 
-$('.box').animate({
+$
+(".box").animate(
+
+{
     height : 20
-  }, 'slow')
-  .pause(1000) // 1000ms == 1 second
-  .animate({
-    height: 150
-  });
+  },
+  "slow"
+).pause( 1000 ).animate({
+  height: 150
+});
+
 ```
 
+
 Remember that the first argument for queue and dequeue are `fx`, and that in
 all of these examples I’m not including it because jQuery set the argument to
 `fx` by default - so I don’t have to specify it.