diff --git a/12-extra/9-drag-and-drop-plus/dragTree.view/dragTree.css b/12-extra/9-drag-and-drop-plus/dragTree.view/dragTree.css
index 17f2c495..747d26f8 100644
--- a/12-extra/9-drag-and-drop-plus/dragTree.view/dragTree.css
+++ b/12-extra/9-drag-and-drop-plus/dragTree.view/dragTree.css
@@ -1,20 +1,22 @@
 #tree span:hover {
-    cursor: pointer;
-    font-weight: bold;
+  cursor: pointer;
+  font-weight: bold;
 }
-
 /* #tree span.hover, для приоритета перед :hover также добавлен подселектор */
-#tree span.hover, #tree span.hover:hover {
-    color: red;
-    font-weight: bold;
-    cursor: pointer;
+
+#tree span.hover,
+#tree span.hover:hover {
+  color: red;
+  font-weight: bold;
+  cursor: pointer;
 }
 
 span.avatar {
-    padding: 1px;
-    border:  1px dotted black;
-    background:  white;
-    cursor: pointer;
-    opacity: 0.6;
-    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE opacity */
-}
+  padding: 1px;
+  border: 1px dotted black;
+  background: white;
+  cursor: pointer;
+  opacity: 0.6;
+  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
+  /* IE opacity */
+}
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.css b/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.css
index e04a30b3..b21a80be 100755
--- a/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.css
+++ b/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.css
@@ -11,5 +11,4 @@
 .welcome {
   background: red;
   color: yellow;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.css b/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.css
index e04a30b3..b21a80be 100755
--- a/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.css
+++ b/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.css
@@ -11,5 +11,4 @@
 .welcome {
   background: red;
   color: yellow;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.css b/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.css
index 9d4f4a6e..74a22c20 100755
--- a/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.css
+++ b/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.css
@@ -4,7 +4,7 @@ body {
 }
 
 #field {
-  overflow: hidden; 
+  overflow: hidden;
   width: 200px;
   height: 150px;
   border-top: 10px solid black;
@@ -24,4 +24,4 @@ body {
   border-left: 20px solid red;
   text-indent: -20px;
   font: 12px/1 monospace;
-}  
+}
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.css b/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.css
index 9d4f4a6e..74a22c20 100755
--- a/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.css
+++ b/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.css
@@ -4,7 +4,7 @@ body {
 }
 
 #field {
-  overflow: hidden; 
+  overflow: hidden;
   width: 200px;
   height: 150px;
   border-top: 10px solid black;
@@ -24,4 +24,4 @@ body {
   border-left: 20px solid red;
   text-indent: -20px;
   font: 12px/1 monospace;
-}  
+}
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.css b/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.css
index c3749b0d..a82c7d9c 100755
--- a/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.css
+++ b/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.css
@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
-  border-left:10px solid #ccc;
+  background: #f9f9f9;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  padding: .5em 10px;
+  quotes: "\201C""\201D""\2018""\2019";
   display: inline-block;
   white-space: pre;
 }
@@ -21,8 +21,8 @@ blockquote {
 blockquote:before {
   color: #ccc;
   content: open-quote;
-  font-size:4em;
-  line-height:.1em;
-  margin-right:.25em;
-  vertical-align:-.4em;
-}
+  font-size: 4em;
+  line-height: .1em;
+  margin-right: .25em;
+  vertical-align: -.4em;
+}
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/2-position-at/source.view/index.css b/2-ui/1-document/17-coordinates/2-position-at/source.view/index.css
index c3749b0d..a82c7d9c 100755
--- a/2-ui/1-document/17-coordinates/2-position-at/source.view/index.css
+++ b/2-ui/1-document/17-coordinates/2-position-at/source.view/index.css
@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
-  border-left:10px solid #ccc;
+  background: #f9f9f9;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  padding: .5em 10px;
+  quotes: "\201C""\201D""\2018""\2019";
   display: inline-block;
   white-space: pre;
 }
@@ -21,8 +21,8 @@ blockquote {
 blockquote:before {
   color: #ccc;
   content: open-quote;
-  font-size:4em;
-  line-height:.1em;
-  margin-right:.25em;
-  vertical-align:-.4em;
-}
+  font-size: 4em;
+  line-height: .1em;
+  margin-right: .25em;
+  vertical-align: -.4em;
+}
\ No newline at end of file
diff --git a/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.css b/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.css
index 0e0b7ec9..700bd8c2 100644
--- a/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.css
+++ b/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.css
@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
-  border-left:10px solid #ccc;
+  background: #f9f9f9;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  padding: .5em 10px;
+  quotes: "\201C""\201D""\2018""\2019";
   display: inline-block;
   white-space: pre;
 }
@@ -21,8 +21,8 @@ blockquote {
 blockquote:before {
   color: #ccc;
   content: open-quote;
-  font-size:4em;
-  line-height:.1em;
-  margin-right:.25em;
-  vertical-align:-.4em;
-}
+  font-size: 4em;
+  line-height: .1em;
+  margin-right: .25em;
+  vertical-align: -.4em;
+}
\ No newline at end of file
diff --git a/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.css b/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.css
index 588db26b..d2493f6e 100644
--- a/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.css
+++ b/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.css
@@ -26,4 +26,4 @@ blockquote:before {
   line-height: .1em;
   margin-right: .25em;
   vertical-align: -.4em;
-}
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/messages.css b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/messages.css
index 00a742c1..0856c9ba 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/messages.css
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/messages.css
@@ -1,24 +1,24 @@
 body {
-	margin: 10px auto;
-	width: 470px;
+  margin: 10px auto;
+  width: 470px;
 }
 
 h3 {
-	margin: 0;
-	padding-bottom: .3em;
-	padding-right: 20px;
-	font-size: 1.1em;
+  margin: 0;
+  padding-bottom: .3em;
+  padding-right: 20px;
+  font-size: 1.1em;
 }
 
 p {
-	margin: 0;
-	padding: 0 0 .5em;
+  margin: 0;
+  padding: 0 0 .5em;
 }
 
 .pane {
-	background: #edf5e1;
-	padding: 10px 20px 10px;
-	border-top: solid 2px #c4df9b;
+  background: #edf5e1;
+  padding: 10px 20px 10px;
+  border-top: solid 2px #c4df9b;
   position: relative;
 }
 
@@ -33,4 +33,4 @@ p {
   height: 24px;
   border: none;
   background: transparent;
-}
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/messages.css b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/messages.css
index c8c3d9eb..b3268b01 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/messages.css
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/messages.css
@@ -1,23 +1,23 @@
 body {
-	margin: 10px auto;
-	width: 470px;
+  margin: 10px auto;
+  width: 470px;
 }
 
 h3 {
-	margin: 0;
-	padding-bottom: .3em;
-	font-size: 1.1em;
+  margin: 0;
+  padding-bottom: .3em;
+  font-size: 1.1em;
 }
 
 p {
-	margin: 0;
-	padding: 0 0 .5em;
+  margin: 0;
+  padding: 0 0 .5em;
 }
 
 .pane {
-	background: #edf5e1;
-	padding: 10px 20px 10px;
-	border-top: solid 2px #c4df9b;
+  background: #edf5e1;
+  padding: 10px 20px 10px;
+  border-top: solid 2px #c4df9b;
 }
 
 .remove-button {
@@ -28,4 +28,4 @@ p {
   height: 24px;
   border: none;
   background: transparent;
-}
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css
index 67e58d74..73997cdb 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css
@@ -15,7 +15,8 @@ body {
   width: 130px;
   height: 130px;
   /* по умолчанию inline, в ряде браузеров это даст лишнее пространство вокруг элементов */
-  display: block; 
+  
+  display: block;
 }
 
 .arrow {
@@ -39,9 +40,11 @@ body {
   background: #ccc;
   cursor: pointer;
 }
+
 .prev {
   left: 7px;
 }
+
 .next {
   right: 7px;
 }
@@ -62,5 +65,4 @@ body {
 
 .gallery li {
   display: inline-block;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/style.css b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/style.css
index f8d04200..9b8680d6 100644
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/style.css
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/style.css
@@ -30,11 +30,13 @@ ul img {
   width: 130px;
   height: 130px;
   /* по умолчанию inline, но в ряде браузеров это даст лишнее пространство вокруг элементов */
-  display: block; 
+  
+  display: block;
 }
 
 ul li {
   /* если в HTML между элементами <li>..</li> есть пробелы, то они будут видны на странице,
   чтобы их избежать, нужно либо писать <li>..</li><li>..</li> вплотную, либо не ставить закрывающие </li> */
+  
   display: inline-block;
 }
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/messages.css b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/messages.css
index a7386bfa..f6e6a0e0 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/messages.css
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/messages.css
@@ -1,24 +1,24 @@
 body {
-	margin: 10px auto;
-	width: 470px;
+  margin: 10px auto;
+  width: 470px;
 }
 
 h3 {
-	margin: 0;
-	padding-bottom: .3em;
-	padding-right: 20px;
-	font-size: 1.1em;
+  margin: 0;
+  padding-bottom: .3em;
+  padding-right: 20px;
+  font-size: 1.1em;
 }
 
 p {
-	margin: 0;
-	padding: 0 0 .5em;
+  margin: 0;
+  padding: 0 0 .5em;
 }
 
 .pane {
-	background: #edf5e1;
-	padding: 10px 20px 10px;
-	border-top: solid 2px #c4df9b;
+  background: #edf5e1;
+  padding: 10px 20px 10px;
+  border-top: solid 2px #c4df9b;
   position: relative;
 }
 
@@ -34,4 +34,4 @@ p {
   border: none;
   background: transparent;
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/messages.css b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/messages.css
index 55f511a3..0379abe8 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/messages.css
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/messages.css
@@ -1,23 +1,23 @@
 body {
-	margin: 10px auto;
-	width: 470px;
+  margin: 10px auto;
+  width: 470px;
 }
 
 h3 {
-	margin: 0;
-	padding-bottom: .3em;
-	font-size: 1.1em;
+  margin: 0;
+  padding-bottom: .3em;
+  font-size: 1.1em;
 }
 
 p {
-	margin: 0;
-	padding: 0 0 .5em;
+  margin: 0;
+  padding: 0 0 .5em;
 }
 
 .pane {
-	background: #edf5e1;
-	padding: 10px 20px 10px;
-	border-top: solid 2px #c4df9b;
+  background: #edf5e1;
+  padding: 10px 20px 10px;
+  border-top: solid 2px #c4df9b;
 }
 
 .remove-button {
@@ -29,4 +29,4 @@ p {
   border: none;
   background: transparent;
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/bagua.css b/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/bagua.css
index 82ec4cb1..3045db40 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/bagua.css
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/bagua.css
@@ -1,56 +1,59 @@
 #bagua-table th {
-	text-align: center;
-	font-weight: bold;	
+  text-align: center;
+  font-weight: bold;
 }
 
 #bagua-table td {
-	width: 150px;
-	white-space: nowrap;
-	text-align: center;
-	vertical-align: bottom;
-	padding-top: 5px;
-	padding-bottom: 12px;
+  width: 150px;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: bottom;
+  padding-top: 5px;
+  padding-bottom: 12px;
 }
 
 #bagua-table .nw {
-	background: #999;
+  background: #999;
 }
 
 #bagua-table .n {
-	background: #03f;
-	color: #fff;
+  background: #03f;
+  color: #fff;
 }
 
 #bagua-table .ne {
-	background: #ff6;
+  background: #ff6;
 }
 
 #bagua-table .w {
-	background: #ff0;
+  background: #ff0;
 }
+
 #bagua-table .c {
-	background: #60c;
-	color: #fff;
+  background: #60c;
+  color: #fff;
 }
+
 #bagua-table .e {
-	background: #09f;
-	color: #fff;
+  background: #09f;
+  color: #fff;
 }
 
 #bagua-table .sw {
-	background: #963;
-	color: #fff;
+  background: #963;
+  color: #fff;
 }
 
 #bagua-table .s {
-	background: #f60;
-	color: #fff;
+  background: #f60;
+  color: #fff;
 }
+
 #bagua-table .se {
-	background: #0c3;
-	color: #fff;
+  background: #0c3;
+  color: #fff;
 }
 
 #bagua-table .highlight {
-	background: red;
-}
+  background: red;
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/gallery.css b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/gallery.css
index 5bfee393..66690e53 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/gallery.css
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/gallery.css
@@ -1,44 +1,44 @@
-
 body {
-	margin: 0;
-	padding: 0;
-	font: 75%/120% Arial, Helvetica, sans-serif;
+  margin: 0;
+  padding: 0;
+  font: 75%/120% Arial, Helvetica, sans-serif;
 }
 
 h2 {
-	font: bold 190%/100% Arial, Helvetica, sans-serif;
-	margin: 0 0 .2em;
+  font: bold 190%/100% Arial, Helvetica, sans-serif;
+  margin: 0 0 .2em;
 }
+
 h2 em {
-	font: normal 80%/100% Arial, Helvetica, sans-serif;
-	color: #999999;
+  font: normal 80%/100% Arial, Helvetica, sans-serif;
+  color: #999999;
 }
 
 #largeImg {
-	border: solid 1px #ccc;
-	width: 550px;
-	height: 400px;
-	padding: 5px;
+  border: solid 1px #ccc;
+  width: 550px;
+  height: 400px;
+  padding: 5px;
 }
 
 #thumbs a {
-	border: solid 1px #ccc;
-	width: 100px;
-	height: 100px;
-	padding: 3px;
-	margin: 2px;
-	float: left;
+  border: solid 1px #ccc;
+  width: 100px;
+  height: 100px;
+  padding: 3px;
+  margin: 2px;
+  float: left;
 }
 
 #thumbs a:hover {
-	border-color: #FF9900;
+  border-color: #FF9900;
 }
 
 #thumbs li {
-	list-style: none;
+  list-style: none;
 }
 
 #thumbs {
-	margin: 0;
-	padding: 0;
-}
+  margin: 0;
+  padding: 0;
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/gallery.css b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/gallery.css
index 230421b7..0c5061c2 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/gallery.css
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/gallery.css
@@ -1,35 +1,35 @@
-
 body {
-	margin: 0;
-	padding: 0;
-	font: 75%/120% Arial, Helvetica, sans-serif;
+  margin: 0;
+  padding: 0;
+  font: 75%/120% Arial, Helvetica, sans-serif;
 }
 
 h2 {
-	font: bold 190%/100% Arial, Helvetica, sans-serif;
-	margin: 0 0 .2em;
+  font: bold 190%/100% Arial, Helvetica, sans-serif;
+  margin: 0 0 .2em;
 }
+
 h2 em {
-	font: normal 80%/100% Arial, Helvetica, sans-serif;
-	color: #999999;
+  font: normal 80%/100% Arial, Helvetica, sans-serif;
+  color: #999999;
 }
 
 #largeImg {
-	border: solid 1px #ccc;
-	width: 550px;
-	height: 400px;
-	padding: 5px;
+  border: solid 1px #ccc;
+  width: 550px;
+  height: 400px;
+  padding: 5px;
 }
 
 #thumbs a {
-	border: solid 1px #ccc;
-	width: 100px;
-	height: 100px;
-	padding: 3px;
-	margin: 2px;
-	float: left;
+  border: solid 1px #ccc;
+  width: 100px;
+  height: 100px;
+  padding: 3px;
+  margin: 2px;
+  float: left;
 }
 
 #thumbs a:hover {
-	border-color: #FF9900;
-}
+  border-color: #FF9900;
+}
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/menu.css b/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/menu.css
index d518d6d2..4c172e05 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/menu.css
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/menu.css
@@ -11,9 +11,9 @@
   text-decoration: none;
   font: 14px/100% Arial, Helvetica, sans-serif;
   padding: .5em 2em .55em;
-  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
   border-radius: .5em;
-  box-shadow: 0 1px 2px rgba(0,0,0,.2);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
   color: #d9eef7;
   border: solid 1px #0076a3;
   background: #0095cd;
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/style.css
index 707de6db..50a70357 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/style.css
@@ -1,13 +1,12 @@
-
 #text {
   display: block;
-  height:100px;
-  width:400px;
+  height: 100px;
+  width: 400px;
 }
 
 #table th {
   text-align: center;
-  font-weight: bold;  
+  font-weight: bold;
 }
 
 #table td {
@@ -35,10 +34,12 @@
 #table .w {
   background: #ff0;
 }
+
 #table .c {
   background: #60c;
   color: #fff;
 }
+
 #table .e {
   background: #09f;
   color: #fff;
@@ -53,6 +54,7 @@
   background: #f60;
   color: #fff;
 }
+
 #table .se {
   background: #0c3;
   color: #fff;
@@ -60,5 +62,4 @@
 
 #table .highlight {
   background: red;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/style.css
index 707de6db..50a70357 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/style.css
@@ -1,13 +1,12 @@
-
 #text {
   display: block;
-  height:100px;
-  width:400px;
+  height: 100px;
+  width: 400px;
 }
 
 #table th {
   text-align: center;
-  font-weight: bold;  
+  font-weight: bold;
 }
 
 #table td {
@@ -35,10 +34,12 @@
 #table .w {
   background: #ff0;
 }
+
 #table .c {
   background: #60c;
   color: #fff;
 }
+
 #table .e {
   background: #09f;
   color: #fff;
@@ -53,6 +54,7 @@
   background: #f60;
   color: #fff;
 }
+
 #table .se {
   background: #0c3;
   color: #fff;
@@ -60,5 +62,4 @@
 
 #table .highlight {
   background: red;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/style.css
index 707de6db..50a70357 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/style.css
@@ -1,13 +1,12 @@
-
 #text {
   display: block;
-  height:100px;
-  width:400px;
+  height: 100px;
+  width: 400px;
 }
 
 #table th {
   text-align: center;
-  font-weight: bold;  
+  font-weight: bold;
 }
 
 #table td {
@@ -35,10 +34,12 @@
 #table .w {
   background: #ff0;
 }
+
 #table .c {
   background: #60c;
   color: #fff;
 }
+
 #table .e {
   background: #09f;
   color: #fff;
@@ -53,6 +54,7 @@
   background: #f60;
   color: #fff;
 }
+
 #table .se {
   background: #0c3;
   color: #fff;
@@ -60,5 +62,4 @@
 
 #table .highlight {
   background: red;
-}
-
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/style.css
index 2aa0a6b0..11430cda 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/style.css
@@ -1,21 +1,21 @@
 #blue {
-  background:blue;
-  width:160px;
-  height:160px;
-  position:relative;
+  background: blue;
+  width: 160px;
+  height: 160px;
+  position: relative;
 }
-  
+
 #red {
-  background:red;
-  width:70px;
-  height:70px;
-  position:absolute;
-  left:20px;
-  top:20px;
+  background: red;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  left: 20px;
+  top: 20px;
 }
 
 #text {
   display: block;
-  height:100px;
-  width:400px;
+  height: 100px;
+  width: 400px;
 }
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/style.css
index 08d3da10..49e3f9d6 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/style.css
@@ -1,21 +1,21 @@
 .blue {
-  background:blue;
-  width:160px;
-  height:160px;
-  position:relative;
+  background: blue;
+  width: 160px;
+  height: 160px;
+  position: relative;
 }
 
 .red {
-  background:red;
-  width:100px;
-  height:100px;
-  position:absolute;
-  left:30px;
-  top:30px;
+  background: red;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  left: 30px;
+  top: 30px;
 }
 
 textarea {
-  height:100px;
-  width:400px;
+  height: 100px;
+  width: 400px;
   display: block;
 }
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/style.css
index d88f845f..e6ae1a2b 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/style.css
@@ -1,5 +1,3 @@
-
-
 #green {
   height: 50px;
   width: 160px;
@@ -22,4 +20,4 @@
   height: 200px;
   width: 360px;
   display: block;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/style.css b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/style.css
index 89e733de..fd88761c 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/style.css
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/style.css
@@ -1,150 +1,165 @@
-body, html { 
-  height: 130px; 
-  margin: 0; 
-  padding: 0; 
+body,
+html {
+  height: 130px;
+  margin: 0;
+  padding: 0;
 }
 
-[class^="smiley-"]{
+[class^="smiley-"] {
   display: inline-block;
-  width:70px;
-  height:70px;
-  border-radius:50%;
-  margin-right:20px;
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+  margin-right: 20px;
 }
-.smiley-green{
-  background:#a9db7a;
-  border:5px solid #92c563;
+
+.smiley-green {
+  background: #a9db7a;
+  border: 5px solid #92c563;
   position: relative;
 }
-.smiley-green .left-eye{
-  width:18%;
-  height:18%;
-  background:#84b458;
-  position:relative;
-  top:29%;
-  left:22%;
-  border-radius:50%;
+
+.smiley-green .left-eye {
+  width: 18%;
+  height: 18%;
+  background: #84b458;
+  position: relative;
+  top: 29%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-green .right-eye{
-  width:18%;
-  height:18%;
-  border-radius:50%;
-  position:relative;
-  background:#84b458;
+
+.smiley-green .right-eye {
+  width: 18%;
+  height: 18%;
+  border-radius: 50%;
+  position: relative;
+  background: #84b458;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-green .smile{
+
+.smiley-green .smile {
   position: absolute;
-  top:67%;
-  left:16.5%;
-  width:70%;
-  height:20%;
+  top: 67%;
+  left: 16.5%;
+  width: 70%;
+  height: 20%;
   overflow: hidden;
 }
- .smiley-green .smile:after, .smiley-green .smile:before{
-  content:"";
-  position:absolute;
-  top:-50%;
-  left:0%;
-  border-radius:50%;
-  background:#84b458;
-  height:100%;
-  width:97%;
- }
- .smiley-green .smile:after{
+
+.smiley-green .smile:after,
+.smiley-green .smile:before {
+  content: "";
+  position: absolute;
+  top: -50%;
+  left: 0%;
+  border-radius: 50%;
+  background: #84b458;
+  height: 100%;
+  width: 97%;
+}
+
+.smiley-green .smile:after {
   background: #84b458;
   height: 80%;
   top: -40%;
   left: 0%;
 }
 
-
-.smiley-yellow{
-  background:#eed16a;
-  border:5px solid #dbae51;
+.smiley-yellow {
+  background: #eed16a;
+  border: 5px solid #dbae51;
   position: relative;
 }
-.smiley-yellow .left-eye{
-  width:18%;
-  height:18%;
-  background:#dba652;
-  position:relative;
-  top:29%;
-  left:22%;
-  border-radius:50%;
+
+.smiley-yellow .left-eye {
+  width: 18%;
+  height: 18%;
+  background: #dba652;
+  position: relative;
+  top: 29%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-yellow .right-eye{
-  width:18%;
-  height:18%;
-  border-radius:50%;
-  position:relative;
-  background:#dba652;
+
+.smiley-yellow .right-eye {
+  width: 18%;
+  height: 18%;
+  border-radius: 50%;
+  position: relative;
+  background: #dba652;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-yellow .smile{
+
+.smiley-yellow .smile {
   position: absolute;
-  top:67%;
-  left:19%;
-  width:65%;
-  height:14%;
-  background:#dba652;
+  top: 67%;
+  left: 19%;
+  width: 65%;
+  height: 14%;
+  background: #dba652;
   overflow: hidden;
-  border-radius:8px;
+  border-radius: 8px;
 }
 
-
-.smiley-red{
-  background:#ee9295;
-  border:5px solid #e27378;
+.smiley-red {
+  background: #ee9295;
+  border: 5px solid #e27378;
   position: relative;
 }
-.smiley-red .left-eye{
-  width:18%;
-  height:18%;
-  background:#d96065;
-  position:relative;
-  top:29%;
-  left:22%;
-  border-radius:50%;
+
+.smiley-red .left-eye {
+  width: 18%;
+  height: 18%;
+  background: #d96065;
+  position: relative;
+  top: 29%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-red .right-eye{
-  width:18%;
-  height:18%;
-  border-radius:50%;
-  position:relative;
-  background:#d96065;
+
+.smiley-red .right-eye {
+  width: 18%;
+  height: 18%;
+  border-radius: 50%;
+  position: relative;
+  background: #d96065;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-red .smile{
+
+.smiley-red .smile {
   position: absolute;
-  top:57%;
-  left:16.5%;
-  width:70%;
-  height:20%;
+  top: 57%;
+  left: 16.5%;
+  width: 70%;
+  height: 20%;
   overflow: hidden;
 }
- .smiley-red .smile:after, .smiley-red .smile:before{
-  content:"";
-  position:absolute;
-  top:50%;
-  left:0%;
-  border-radius:50%;
-  background:#d96065;
-  height:100%;
-  width:97%;
- }
- .smiley-red .smile:after{
+
+.smiley-red .smile:after,
+.smiley-red .smile:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0%;
+  border-radius: 50%;
+  background: #d96065;
+  height: 100%;
+  width: 97%;
+}
+
+.smiley-red .smile:after {
   background: #d96065;
   height: 80%;
   top: 60%;
   left: 0%;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/style.css b/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/style.css
index 0ed3c7a5..1aadbd15 100644
--- a/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/style.css
+++ b/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/style.css
@@ -1,8 +1,7 @@
-
 .slider {
   border-radius: 5px;
   background: #E0E0E0;
-  background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
+  background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
   background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
   background: linear-gradient(left top, #E0E0E0, #EEEEEE);
   width: 310px;
@@ -19,4 +18,4 @@
   top: -5px;
   background: blue;
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/style.css b/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/style.css
index 0ed3c7a5..1aadbd15 100644
--- a/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/style.css
+++ b/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/style.css
@@ -1,8 +1,7 @@
-
 .slider {
   border-radius: 5px;
   background: #E0E0E0;
-  background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
+  background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
   background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
   background: linear-gradient(left top, #E0E0E0, #EEEEEE);
   width: 310px;
@@ -19,4 +18,4 @@
   top: -5px;
   background: blue;
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/soccer.css b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/soccer.css
index 2f0143a0..d72bd8c9 100644
--- a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/soccer.css
+++ b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/soccer.css
@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
 }
@@ -9,8 +10,8 @@ html, body {
   height: 600px;
   float: left;
 }
-
 /* герои и мяч (переносимые элементы) */
+
 .hero {
   background: url(https://js.cx/drag-heroes/heroes.png);
   width: 130px;
@@ -44,4 +45,4 @@ html, body {
 
 .draggable {
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/soccer.css b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/soccer.css
index 2f0143a0..d72bd8c9 100644
--- a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/soccer.css
+++ b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/soccer.css
@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
 }
@@ -9,8 +10,8 @@ html, body {
   height: 600px;
   float: left;
 }
-
 /* герои и мяч (переносимые элементы) */
+
 .hero {
   background: url(https://js.cx/drag-heroes/heroes.png);
   width: 130px;
@@ -44,4 +45,4 @@ html, body {
 
 .draggable {
   cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css b/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css
index 1f712c68..d9cf2ac6 100644
--- a/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css
+++ b/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css
@@ -1,13 +1,13 @@
-.computer { 
-      width: 93px;
-      height: 98px;
-      background: url(https://js.cx/clipart/computer.gif) no-repeat;
-      padding: 5px;
-      font-style: italic;
-    }
+.computer {
+  width: 93px;
+  height: 98px;
+  background: url(https://js.cx/clipart/computer.gif) no-repeat;
+  padding: 5px;
+  font-style: italic;
+}
 
 .computer-smile {
-    background: url(https://js.cx/clipart/computer-smile.gif) no-repeat;      
+  background: url(https://js.cx/clipart/computer-smile.gif) no-repeat;
 }
 
 .draggable {
diff --git a/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/style.css b/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/style.css
index bd409020..65183a20 100644
--- a/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/style.css
+++ b/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/style.css
@@ -1,10 +1,8 @@
-
 #kinput {
   font-size: 150%;
   width: 600px;
 }
 
-
 #area {
   width: 600px;
   height: 250px;
@@ -12,7 +10,6 @@
   display: block;
 }
 
-
 form label {
   display: inline;
-}
+}
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/my.css b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/my.css
index 3b8bedea..06993029 100755
--- a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/my.css
+++ b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/my.css
@@ -1,23 +1,27 @@
-#view, #area {
-  height:150px;
-  width:400px;
+#view,
+#area {
+  height: 150px;
+  width: 400px;
   font-family: arial;
   font-size: 14px;
 }
 
-#view {  
+#view {
   /* padding + border = 3px */
-  padding: 2px; 
-  border:1px solid black;
+  
+  padding: 2px;
+  border: 1px solid black;
 }
 
 #area {
-  display:none;
-  
+  display: none;
   /* replace padding with border (still 3px not to shift the contents) */
-  border: 3px groove blue;  
+  
+  border: 3px groove blue;
   padding: 0px;
 }
-#area:focus { 
-  outline: none; /* remove focus border in Safari */
-}
+
+#area:focus {
+  outline: none;
+  /* remove focus border in Safari */
+}
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/my.css b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/my.css
index 3b8bedea..06993029 100755
--- a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/my.css
+++ b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/my.css
@@ -1,23 +1,27 @@
-#view, #area {
-  height:150px;
-  width:400px;
+#view,
+#area {
+  height: 150px;
+  width: 400px;
   font-family: arial;
   font-size: 14px;
 }
 
-#view {  
+#view {
   /* padding + border = 3px */
-  padding: 2px; 
-  border:1px solid black;
+  
+  padding: 2px;
+  border: 1px solid black;
 }
 
 #area {
-  display:none;
-  
+  display: none;
   /* replace padding with border (still 3px not to shift the contents) */
-  border: 3px groove blue;  
+  
+  border: 3px groove blue;
   padding: 0px;
 }
-#area:focus { 
-  outline: none; /* remove focus border in Safari */
-}
+
+#area:focus {
+  outline: none;
+  /* remove focus border in Safari */
+}
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css
index e738a441..aa6c03fe 100644
--- a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css
+++ b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css
@@ -1,14 +1,14 @@
 /* общие стили для таблицы */
 
 th {
-  text-align:center;
-  font-weight:bold;
+  text-align: center;
+  font-weight: bold;
 }
 
 td {
   width: 150px;
   white-space: nowrap;
-  text-align:center;
+  text-align: center;
   vertical-align: middle;
   padding: 10px;
 }
@@ -29,10 +29,12 @@ td {
 .w {
   background-color: #ff0;
 }
+
 .c {
   background-color: #60c;
   color: #fff;
 }
+
 .e {
   background-color: #09f;
   color: #fff;
@@ -47,7 +49,8 @@ td {
   background-color: #f60;
   color: #fff;
 }
+
 .se {
   background-color: #0c3;
   color: #fff;
-}
+}
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css
index caeb3250..d7f2a442 100644
--- a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css
+++ b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css
@@ -3,15 +3,21 @@
   margin: 0;
   padding: 0;
   display: block;
-  resize: none;    /* remove resizing handle in Firefox */
-  outline: none;   /* remove outline on focus in Chrome */
-  overflow: auto; /* remove scrollbar in IE */
+  resize: none;
+  /* remove resizing handle in Firefox */
+  
+  outline: none;
+  /* remove outline on focus in Chrome */
+  
+  overflow: auto;
+  /* remove scrollbar in IE */
 }
 
 .edit-controls {
   position: absolute;
 }
+
 .edit-td {
   position: relative;
   padding: 0;
-}
+}
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css
index e738a441..aa6c03fe 100644
--- a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css
+++ b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css
@@ -1,14 +1,14 @@
 /* общие стили для таблицы */
 
 th {
-  text-align:center;
-  font-weight:bold;
+  text-align: center;
+  font-weight: bold;
 }
 
 td {
   width: 150px;
   white-space: nowrap;
-  text-align:center;
+  text-align: center;
   vertical-align: middle;
   padding: 10px;
 }
@@ -29,10 +29,12 @@ td {
 .w {
   background-color: #ff0;
 }
+
 .c {
   background-color: #60c;
   color: #fff;
 }
+
 .e {
   background-color: #09f;
   color: #fff;
@@ -47,7 +49,8 @@ td {
   background-color: #f60;
   color: #fff;
 }
+
 .se {
   background-color: #0c3;
   color: #fff;
-}
+}
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/style.css b/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/style.css
index 2b2539ec..7c896c60 100755
--- a/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/style.css
+++ b/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/style.css
@@ -1,7 +1,7 @@
-
 .selected {
   background: #0f0;
 }
+
 li {
   cursor: pointer;
 }
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/style.css b/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/style.css
index 6b05faec..5fb66438 100755
--- a/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/style.css
+++ b/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/style.css
@@ -1,9 +1,10 @@
-
 .voter {
   font-family: Consolas, "Lucida Console", monospace;
   font-size: 18px;
 }
-.up, .down {
+
+.up,
+.down {
   cursor: pointer;
   color: blue;
   font-weight: bold;
diff --git a/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/style.css b/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/style.css
index 6b05faec..5fb66438 100644
--- a/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/style.css
+++ b/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/style.css
@@ -1,9 +1,10 @@
-
 .voter {
   font-family: Consolas, "Lucida Console", monospace;
   font-size: 18px;
 }
-.up, .down {
+
+.up,
+.down {
   cursor: pointer;
   color: blue;
   font-weight: bold;
diff --git a/2-ui/5-widgets/2-widgets-structure/menu-dom.view/style.css b/2-ui/5-widgets/2-widgets-structure/menu-dom.view/style.css
index 73515917..23937561 100644
--- a/2-ui/5-widgets/2-widgets-structure/menu-dom.view/style.css
+++ b/2-ui/5-widgets/2-widgets-structure/menu-dom.view/style.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/2-widgets-structure/menu.view/style.css b/2-ui/5-widgets/2-widgets-structure/menu.view/style.css
index 73515917..23937561 100644
--- a/2-ui/5-widgets/2-widgets-structure/menu.view/style.css
+++ b/2-ui/5-widgets/2-widgets-structure/menu.view/style.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css b/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css
index 73515917..23937561 100755
--- a/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css
+++ b/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css b/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css
index 73515917..23937561 100755
--- a/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css
+++ b/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/4-template-lodash/menu-template.view/menu.css b/2-ui/5-widgets/4-template-lodash/menu-template.view/menu.css
index 73515917..23937561 100644
--- a/2-ui/5-widgets/4-template-lodash/menu-template.view/menu.css
+++ b/2-ui/5-widgets/4-template-lodash/menu-template.view/menu.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/style.css b/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/style.css
index 2b2539ec..7c896c60 100644
--- a/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/style.css
+++ b/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/style.css
@@ -1,7 +1,7 @@
-
 .selected {
   background: #0f0;
 }
+
 li {
   cursor: pointer;
 }
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css b/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css
index ff8ae390..4ed39250 100755
--- a/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css
+++ b/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css
@@ -1,50 +1,49 @@
 .customselect {
-    width: 200px;
-    font-size: 14px;
-    display: inline-block;
+  width: 200px;
+  font-size: 14px;
+  display: inline-block;
 }
 
 .customselect .title {
-    height: 20px;
-    border: 2px groove #ADD8E6;
-    background: white;
-    width: 200px;
-    box-sizing: border-box;
-    padding: 2px;
-    line-height: 14px;
-    cursor: pointer;
-    text-align: left;
+  height: 20px;
+  border: 2px groove #ADD8E6;
+  background: white;
+  width: 200px;
+  box-sizing: border-box;
+  padding: 2px;
+  line-height: 14px;
+  cursor: pointer;
+  text-align: left;
 }
 
 .customselect li {
-    padding: 2px;
-    cursor: pointer;
+  padding: 2px;
+  cursor: pointer;
 }
 
 .customselect li:nth-child(even) {
-    background-color: #f0f8ff;
+  background-color: #f0f8ff;
 }
 
 .customselect li:hover {
-    background-color: #7fffd4;
+  background-color: #7fffd4;
 }
 
 .customselect ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-    display: none;
-
-    position: absolute;
-    z-index: 1000;
-    background: white;
-    width: 200px;
-    border-bottom: 1px solid #add8e6;
-    border-left: 1px solid #add8e6;
-    border-right: 1px solid #add8e6;
-    box-sizing: border-box;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: none;
+  position: absolute;
+  z-index: 1000;
+  background: white;
+  width: 200px;
+  border-bottom: 1px solid #add8e6;
+  border-left: 1px solid #add8e6;
+  border-right: 1px solid #add8e6;
+  box-sizing: border-box;
 }
 
 .customselect.open ul {
-    display: block;
-}
+  display: block;
+}
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/customselect.css b/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/customselect.css
index ff8ae390..4ed39250 100644
--- a/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/customselect.css
+++ b/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/customselect.css
@@ -1,50 +1,49 @@
 .customselect {
-    width: 200px;
-    font-size: 14px;
-    display: inline-block;
+  width: 200px;
+  font-size: 14px;
+  display: inline-block;
 }
 
 .customselect .title {
-    height: 20px;
-    border: 2px groove #ADD8E6;
-    background: white;
-    width: 200px;
-    box-sizing: border-box;
-    padding: 2px;
-    line-height: 14px;
-    cursor: pointer;
-    text-align: left;
+  height: 20px;
+  border: 2px groove #ADD8E6;
+  background: white;
+  width: 200px;
+  box-sizing: border-box;
+  padding: 2px;
+  line-height: 14px;
+  cursor: pointer;
+  text-align: left;
 }
 
 .customselect li {
-    padding: 2px;
-    cursor: pointer;
+  padding: 2px;
+  cursor: pointer;
 }
 
 .customselect li:nth-child(even) {
-    background-color: #f0f8ff;
+  background-color: #f0f8ff;
 }
 
 .customselect li:hover {
-    background-color: #7fffd4;
+  background-color: #7fffd4;
 }
 
 .customselect ul {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-    display: none;
-
-    position: absolute;
-    z-index: 1000;
-    background: white;
-    width: 200px;
-    border-bottom: 1px solid #add8e6;
-    border-left: 1px solid #add8e6;
-    border-right: 1px solid #add8e6;
-    box-sizing: border-box;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: none;
+  position: absolute;
+  z-index: 1000;
+  background: white;
+  width: 200px;
+  border-bottom: 1px solid #add8e6;
+  border-left: 1px solid #add8e6;
+  border-right: 1px solid #add8e6;
+  box-sizing: border-box;
 }
 
 .customselect.open ul {
-    display: block;
-}
+  display: block;
+}
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/slider.css b/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/slider.css
index ab985b39..a548331e 100644
--- a/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/slider.css
+++ b/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/slider.css
@@ -1,19 +1,20 @@
 .slider {
-    margin: 5px;
-    width: 310px;
-    height: 15px;
-    border-radius: 5px;
-    background: #E0E0E0;
-    background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
-    background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
-    background: linear-gradient(left top, #E0E0E0, #EEEEEE);
+  margin: 5px;
+  width: 310px;
+  height: 15px;
+  border-radius: 5px;
+  background: #E0E0E0;
+  background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
+  background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
+  background: linear-gradient(left top, #E0E0E0, #EEEEEE);
 }
+
 .thumb {
-    position: relative;
-    top: -5px;
-    width: 10px;
-    height: 25px;
-    border-radius: 3px;
-    background: blue;
-    cursor: pointer;
+  position: relative;
+  top: -5px;
+  width: 10px;
+  height: 25px;
+  border-radius: 3px;
+  background: blue;
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/menu-callback.view/menu.css b/2-ui/5-widgets/5-custom-events/menu-callback.view/menu.css
index 73515917..23937561 100644
--- a/2-ui/5-widgets/5-custom-events/menu-callback.view/menu.css
+++ b/2-ui/5-widgets/5-custom-events/menu-callback.view/menu.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/2-ui/5-widgets/5-custom-events/menu-event.view/menu.css b/2-ui/5-widgets/5-custom-events/menu-event.view/menu.css
index 73515917..23937561 100644
--- a/2-ui/5-widgets/5-custom-events/menu-event.view/menu.css
+++ b/2-ui/5-widgets/5-custom-events/menu-event.view/menu.css
@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;
diff --git a/5-animation/2-css-transitions/boat.view/style.css b/5-animation/2-css-transitions/boat.view/style.css
index 3e3b2b31..e76028cb 100644
--- a/5-animation/2-css-transitions/boat.view/style.css
+++ b/5-animation/2-css-transitions/boat.view/style.css
@@ -1,13 +1,13 @@
-
 #boat {
   margin-left: 0;
   cursor: pointer;
   transition: margin-left 3s ease-in-out;
 }
-
 /* переворот картинки через CSS */
+
 .back {
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
-  filter: fliph; /* IE9- */
+  filter: fliph;
+  /* IE9- */
 }
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/digits-negative-delay.view/style.css b/5-animation/2-css-transitions/digits-negative-delay.view/style.css
index c2af8112..a3e25cf4 100644
--- a/5-animation/2-css-transitions/digits-negative-delay.view/style.css
+++ b/5-animation/2-css-transitions/digits-negative-delay.view/style.css
@@ -1,13 +1,12 @@
-
 #digit {
   width: .5em;
   overflow: hidden;
   font: 32px "Courier New", monospace;
 }
 
-#stripe.animate  {
+#stripe.animate {
   margin-left: -174px;
   transition-property: margin-left;
   transition-duration: 9s;
   transition-timing-function: linear;
-}
+}
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/digits.view/style.css b/5-animation/2-css-transitions/digits.view/style.css
index c2af8112..a3e25cf4 100644
--- a/5-animation/2-css-transitions/digits.view/style.css
+++ b/5-animation/2-css-transitions/digits.view/style.css
@@ -1,13 +1,12 @@
-
 #digit {
   width: .5em;
   overflow: hidden;
   font: 32px "Courier New", monospace;
 }
 
-#stripe.animate  {
+#stripe.animate {
   margin-left: -174px;
   transition-property: margin-left;
   transition-duration: 9s;
   transition-timing-function: linear;
-}
+}
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/step-end.view/style.css b/5-animation/2-css-transitions/step-end.view/style.css
index af0554f9..30741ad4 100644
--- a/5-animation/2-css-transitions/step-end.view/style.css
+++ b/5-animation/2-css-transitions/step-end.view/style.css
@@ -1,13 +1,12 @@
-
 #digit {
   width: .5em;
   overflow: hidden;
   font: 32px "Courier New", monospace;
 }
 
-#stripe.animate  {
+#stripe.animate {
   margin-left: -174px;
   transition-property: margin-left;
   transition-duration: 9s;
   transition-timing-function: steps(9, end);
-}
+}
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/step.view/style.css b/5-animation/2-css-transitions/step.view/style.css
index 7a7ee410..e4583b34 100644
--- a/5-animation/2-css-transitions/step.view/style.css
+++ b/5-animation/2-css-transitions/step.view/style.css
@@ -1,13 +1,12 @@
-
 #digit {
   width: .5em;
   overflow: hidden;
   font: 32px "Courier New", monospace;
 }
 
-#stripe.animate  {
+#stripe.animate {
   margin-left: -174px;
   transition-property: margin-left;
   transition-duration: 9s;
   transition-timing-function: steps(9, start);
-}
+}
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train-linear.view/style.css b/5-animation/2-css-transitions/train-linear.view/style.css
index 15ccbed8..1625f710 100644
--- a/5-animation/2-css-transitions/train-linear.view/style.css
+++ b/5-animation/2-css-transitions/train-linear.view/style.css
@@ -3,7 +3,6 @@
   cursor: pointer;
   width: 177px;
   height: 160px;
-  
   left: 0;
   transition: left 5s cubic-bezier(0, 0, 1, 1);
 }
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train-over.view/style.css b/5-animation/2-css-transitions/train-over.view/style.css
index cf7590be..bcbc106f 100644
--- a/5-animation/2-css-transitions/train-over.view/style.css
+++ b/5-animation/2-css-transitions/train-over.view/style.css
@@ -3,7 +3,6 @@
   cursor: pointer;
   width: 177px;
   height: 160px;
-  
   left: 100px;
   transition: left 5s cubic-bezier(.5, -1, .5, 2);
 }
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train.view/style.css b/5-animation/2-css-transitions/train.view/style.css
index c3a9b3af..1627052c 100644
--- a/5-animation/2-css-transitions/train.view/style.css
+++ b/5-animation/2-css-transitions/train.view/style.css
@@ -3,7 +3,6 @@
   cursor: pointer;
   width: 177px;
   height: 160px;
-  
   left: 0px;
-  transition: left 5s cubic-bezier(0.0,0.5,0.5,1.0);
+  transition: left 5s cubic-bezier(0.0, 0.5, 0.5, 1.0);
 }
\ No newline at end of file
diff --git a/5-animation/3-js-animation/back.view/style.css b/5-animation/3-js-animation/back.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/back.view/style.css
+++ b/5-animation/3-js-animation/back.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/bounce-easeinout.view/style.css b/5-animation/3-js-animation/bounce-easeinout.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/bounce-easeinout.view/style.css
+++ b/5-animation/3-js-animation/bounce-easeinout.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/bounce-easeout.view/style.css b/5-animation/3-js-animation/bounce-easeout.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/bounce-easeout.view/style.css
+++ b/5-animation/3-js-animation/bounce-easeout.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/bounce.view/style.css b/5-animation/3-js-animation/bounce.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/bounce.view/style.css
+++ b/5-animation/3-js-animation/bounce.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/circ.view/style.css b/5-animation/3-js-animation/circ.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/circ.view/style.css
+++ b/5-animation/3-js-animation/circ.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/elastic.view/style.css b/5-animation/3-js-animation/elastic.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/elastic.view/style.css
+++ b/5-animation/3-js-animation/elastic.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/quad.view/style.css b/5-animation/3-js-animation/quad.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/quad.view/style.css
+++ b/5-animation/3-js-animation/quad.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/quint.view/style.css b/5-animation/3-js-animation/quint.view/style.css
index d4c5ff32..1954e4f1 100644
--- a/5-animation/3-js-animation/quint.view/style.css
+++ b/5-animation/3-js-animation/quint.view/style.css
@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;
diff --git a/5-animation/3-js-animation/text.view/style.css b/5-animation/3-js-animation/text.view/style.css
index 0e92aa9f..a89789e6 100644
--- a/5-animation/3-js-animation/text.view/style.css
+++ b/5-animation/3-js-animation/text.view/style.css
@@ -1,11 +1,10 @@
-
 textarea {
   display: block;
-  border: 1px solid #BBB; 
+  border: 1px solid #BBB;
   color: #444;
   font-size: 110%;
 }
 
 button {
   margin-top: 10px;
-}
+}
\ No newline at end of file
diff --git a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/bagua.css b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/bagua.css
index b390d188..3b45c840 100644
--- a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/bagua.css
+++ b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/bagua.css
@@ -1,52 +1,55 @@
 #bagua-table th {
-	text-align:center;
-	font-weight:bold;	
+  text-align: center;
+  font-weight: bold;
 }
 
 #bagua-table td {
-	width: 150px;
-	white-space: nowrap;
-	text-align:center;
-	vertical-align: bottom;
-	padding-top: 5px;
-	padding-bottom: 12px;
+  width: 150px;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: bottom;
+  padding-top: 5px;
+  padding-bottom: 12px;
 }
 
 #bagua-table .nw {
-	background-color: #999;
+  background-color: #999;
 }
 
 #bagua-table .n {
-	background-color: #03f;
-	color: #fff;
+  background-color: #03f;
+  color: #fff;
 }
 
 #bagua-table .ne {
-	background-color: #ff6;
+  background-color: #ff6;
 }
 
 #bagua-table .w {
-	background-color: #ff0;
+  background-color: #ff0;
 }
+
 #bagua-table .c {
-	background-color: #60c;
-	color: #fff;
+  background-color: #60c;
+  color: #fff;
 }
+
 #bagua-table .e {
-	background-color: #09f;
-	color: #fff;
+  background-color: #09f;
+  color: #fff;
 }
 
 #bagua-table .sw {
-	background-color: #963;
-	color: #fff;
+  background-color: #963;
+  color: #fff;
 }
 
 #bagua-table .s {
-	background-color: #f60;
-	color: #fff;
+  background-color: #f60;
+  color: #fff;
 }
+
 #bagua-table .se {
-	background-color: #0c3;
-	color: #fff;
-}
+  background-color: #0c3;
+  color: #fff;
+}
\ No newline at end of file
diff --git a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/bagua.css b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/bagua.css
index b390d188..3b45c840 100644
--- a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/bagua.css
+++ b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/bagua.css
@@ -1,52 +1,55 @@
 #bagua-table th {
-	text-align:center;
-	font-weight:bold;	
+  text-align: center;
+  font-weight: bold;
 }
 
 #bagua-table td {
-	width: 150px;
-	white-space: nowrap;
-	text-align:center;
-	vertical-align: bottom;
-	padding-top: 5px;
-	padding-bottom: 12px;
+  width: 150px;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: bottom;
+  padding-top: 5px;
+  padding-bottom: 12px;
 }
 
 #bagua-table .nw {
-	background-color: #999;
+  background-color: #999;
 }
 
 #bagua-table .n {
-	background-color: #03f;
-	color: #fff;
+  background-color: #03f;
+  color: #fff;
 }
 
 #bagua-table .ne {
-	background-color: #ff6;
+  background-color: #ff6;
 }
 
 #bagua-table .w {
-	background-color: #ff0;
+  background-color: #ff0;
 }
+
 #bagua-table .c {
-	background-color: #60c;
-	color: #fff;
+  background-color: #60c;
+  color: #fff;
 }
+
 #bagua-table .e {
-	background-color: #09f;
-	color: #fff;
+  background-color: #09f;
+  color: #fff;
 }
 
 #bagua-table .sw {
-	background-color: #963;
-	color: #fff;
+  background-color: #963;
+  color: #fff;
 }
 
 #bagua-table .s {
-	background-color: #f60;
-	color: #fff;
+  background-color: #f60;
+  color: #fff;
 }
+
 #bagua-table .se {
-	background-color: #0c3;
-	color: #fff;
-}
+  background-color: #0c3;
+  color: #fff;
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/2-draggable-windows/solution.view/window.css b/archive/widget-tasks/2-draggable-windows/solution.view/window.css
index 3f5fbf0d..c6a25e60 100644
--- a/archive/widget-tasks/2-draggable-windows/solution.view/window.css
+++ b/archive/widget-tasks/2-draggable-windows/solution.view/window.css
@@ -1,56 +1,52 @@
-
-  .window {
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 10;
-    
-    width: 200px;
-    height: 300px;
-    border: 2px #ADD8E6 groove;
-    /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
+.window {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 10;
+  width: 200px;
+  height: 300px;
+  border: 2px #ADD8E6 groove;
+  /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
     border: 2px red solid;
     */
-    background: white;
-  }
+  
+  background: white;
+}
 
-  .window-title {
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
+.window-title {
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  background-color: #4169E1;
+  color: white;
+  text-align: center;
+  cursor: pointer;
+}
 
-    background-color: #4169E1;
-    color: white;
-    text-align:center;        
-    cursor: pointer;
-  }
+.window-moving .window-title {
+  cursor: move;
+}
 
-  .window-moving .window-title {
-    cursor: move;
-  }
+.window-message-form {
+  position: absolute;
+  bottom: 0;
+  height: 30px;
+  line-height: 30px;
+  width: 100%;
+  background: #ADD8E6;
+}
 
-  .window-message-form {
-    position: absolute;
-    bottom: 0;
-    height: 30px;
-    line-height: 30px;
-    width: 100%;
+.window-content {
+  height: 240px;
+  padding: 3px;
+  overflow-y: auto;
+}
 
-    background: #ADD8E6;
-  }
-
-  .window-content {
-    height: 240px;
-    padding: 3px;
-    overflow-y: auto;
-  }
-
-  .window-message-text {
-    width: 120px;
-  }
-
-  .window-message-submit {
-    width: 70px;
-    margin-left: 2px;
-  }
+.window-message-text {
+  width: 120px;
+}
 
+.window-message-submit {
+  width: 70px;
+  margin-left: 2px;
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/3-window-manager/solution.view/window.css b/archive/widget-tasks/3-window-manager/solution.view/window.css
index 3f5fbf0d..c6a25e60 100644
--- a/archive/widget-tasks/3-window-manager/solution.view/window.css
+++ b/archive/widget-tasks/3-window-manager/solution.view/window.css
@@ -1,56 +1,52 @@
-
-  .window {
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 10;
-    
-    width: 200px;
-    height: 300px;
-    border: 2px #ADD8E6 groove;
-    /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
+.window {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 10;
+  width: 200px;
+  height: 300px;
+  border: 2px #ADD8E6 groove;
+  /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
     border: 2px red solid;
     */
-    background: white;
-  }
+  
+  background: white;
+}
 
-  .window-title {
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
+.window-title {
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  background-color: #4169E1;
+  color: white;
+  text-align: center;
+  cursor: pointer;
+}
 
-    background-color: #4169E1;
-    color: white;
-    text-align:center;        
-    cursor: pointer;
-  }
+.window-moving .window-title {
+  cursor: move;
+}
 
-  .window-moving .window-title {
-    cursor: move;
-  }
+.window-message-form {
+  position: absolute;
+  bottom: 0;
+  height: 30px;
+  line-height: 30px;
+  width: 100%;
+  background: #ADD8E6;
+}
 
-  .window-message-form {
-    position: absolute;
-    bottom: 0;
-    height: 30px;
-    line-height: 30px;
-    width: 100%;
+.window-content {
+  height: 240px;
+  padding: 3px;
+  overflow-y: auto;
+}
 
-    background: #ADD8E6;
-  }
-
-  .window-content {
-    height: 240px;
-    padding: 3px;
-    overflow-y: auto;
-  }
-
-  .window-message-text {
-    width: 120px;
-  }
-
-  .window-message-submit {
-    width: 70px;
-    margin-left: 2px;
-  }
+.window-message-text {
+  width: 120px;
+}
 
+.window-message-submit {
+  width: 70px;
+  margin-left: 2px;
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/calendar.css b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/calendar.css
index 3eb78e38..eb8885de 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/calendar.css
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/calendar.css
@@ -1,9 +1,9 @@
-
 .calendar-table {
   border-collapse: collapse;
 }
 
-.calendar-table td, .calendar-table th {
+.calendar-table td,
+.calendar-table th {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
@@ -25,4 +25,4 @@
 
 .calendar-table caption {
   text-align: center;
-}
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/datepicker.css b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/datepicker.css
index b3002990..69159bcf 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/datepicker.css
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/datepicker.css
@@ -1,4 +1,3 @@
-
 .datepicker {
   border: 1px solid black;
   width: 350px;
@@ -19,24 +18,24 @@
   cursor: pointer;
 }
 
-.datepicker .prev-link:hover, .datepicker .next-link:hover {
-	color: red;
+.datepicker .prev-link:hover,
+.datepicker .next-link:hover {
+  color: red;
 }
 
-
 .datepicker .header {
-	padding: 5px;
+  padding: 5px;
   font-size: 120%;
 }
 
 .datepicker .calendar-left-holder {
-	float: left;
+  float: left;
 }
 
 .datepicker .calendar-right-holder {
-	float: right;
+  float: right;
 }
 
 .datepicker .title {
-	text-align: center;
-}
+  text-align: center;
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/calendar.css b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/calendar.css
index 3eb78e38..eb8885de 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/calendar.css
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/calendar.css
@@ -1,9 +1,9 @@
-
 .calendar-table {
   border-collapse: collapse;
 }
 
-.calendar-table td, .calendar-table th {
+.calendar-table td,
+.calendar-table th {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
@@ -25,4 +25,4 @@
 
 .calendar-table caption {
   text-align: center;
-}
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/datepicker.css b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/datepicker.css
index d168879f..89ebd23a 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/datepicker.css
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/datepicker.css
@@ -1,2 +1 @@
-
-/* ваши стили */
+/* ваши стили */
\ No newline at end of file
diff --git a/archive/widget-tasks/5-tree-checkboxes/solution.view/tree.css b/archive/widget-tasks/5-tree-checkboxes/solution.view/tree.css
index eeef4ef5..01784ef5 100644
--- a/archive/widget-tasks/5-tree-checkboxes/solution.view/tree.css
+++ b/archive/widget-tasks/5-tree-checkboxes/solution.view/tree.css
@@ -1,37 +1,36 @@
-.tree, .tree ul {
-	list-style: none;
-	margin: 0;
-	padding: 2px;
+.tree,
+.tree ul {
+  list-style: none;
+  margin: 0;
+  padding: 2px;
 }
 
 .tree .tree-open ul {
-	display: block;
+  display: block;
 }
 
-
 .tree .tree-closed ul {
-	display: none;
+  display: none;
 }
 
 .tree-toggler {
-	color: blue;
-	cursor: pointer;
-	float: left;
-	margin-left: -16px;
-	width: 1em;
-	height: 1em;
+  color: blue;
+  cursor: pointer;
+  float: left;
+  margin-left: -16px;
+  width: 1em;
+  height: 1em;
 }
 
 .tree-open .tree-toggler {
-	background: url(https://js.cx/tree/minus.gif) no-repeat center;
+  background: url(https://js.cx/tree/minus.gif) no-repeat center;
 }
 
-
 .tree-closed .tree-toggler {
-	background: url(https://js.cx/tree/plus.gif) no-repeat center;
+  background: url(https://js.cx/tree/plus.gif) no-repeat center;
 }
 
 .tree li {
-	line-height: 1em;
-	padding-left: 16px;
-}
+  line-height: 1em;
+  padding-left: 16px;
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/7-calendar/solution.view/calendar.css b/archive/widget-tasks/7-calendar/solution.view/calendar.css
index 3eb78e38..eb8885de 100644
--- a/archive/widget-tasks/7-calendar/solution.view/calendar.css
+++ b/archive/widget-tasks/7-calendar/solution.view/calendar.css
@@ -1,9 +1,9 @@
-
 .calendar-table {
   border-collapse: collapse;
 }
 
-.calendar-table td, .calendar-table th {
+.calendar-table td,
+.calendar-table th {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
@@ -25,4 +25,4 @@
 
 .calendar-table caption {
   text-align: center;
-}
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/7-calendar/source.view/calendar.css b/archive/widget-tasks/7-calendar/source.view/calendar.css
index 3eb78e38..eb8885de 100644
--- a/archive/widget-tasks/7-calendar/source.view/calendar.css
+++ b/archive/widget-tasks/7-calendar/source.view/calendar.css
@@ -1,9 +1,9 @@
-
 .calendar-table {
   border-collapse: collapse;
 }
 
-.calendar-table td, .calendar-table th {
+.calendar-table td,
+.calendar-table th {
   border: 1px solid black;
   padding: 3px;
   text-align: center;
@@ -25,4 +25,4 @@
 
 .calendar-table caption {
   text-align: center;
-}
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/8-autocomplete/solution.view/autocomplete.css b/archive/widget-tasks/8-autocomplete/solution.view/autocomplete.css
index 339f0c18..abbebc00 100644
--- a/archive/widget-tasks/8-autocomplete/solution.view/autocomplete.css
+++ b/archive/widget-tasks/8-autocomplete/solution.view/autocomplete.css
@@ -1,4 +1,3 @@
-
 .autocomplete ol {
   display: none;
   margin: 0;
@@ -9,17 +8,13 @@
 
 .autocomplete input {
   -moz-box-sizing: border-box;
-  
   box-sizing: border-box;
   margin: 0;
   padding: 1px 0 1px 3px;
-
   width: 100%;
-
   border: 1px solid blue;
   border-radius: 3px;
   -webkit-appearance: none;
-
   font-size: 16px;
 }
 
@@ -35,7 +30,6 @@
 
 .autocomplete.open ol {
   display: block;
-
   background: white;
   z-index: 10000;
   position: relative;
@@ -48,4 +42,4 @@
 
 .autocomplete ol .selected {
   background: blue;
-}
+}
\ No newline at end of file
diff --git a/archive/widget-tasks/9-hover-menu-onclick/solution.view/menu.css b/archive/widget-tasks/9-hover-menu-onclick/solution.view/menu.css
index da22a577..668bfb0d 100644
--- a/archive/widget-tasks/9-hover-menu-onclick/solution.view/menu.css
+++ b/archive/widget-tasks/9-hover-menu-onclick/solution.view/menu.css
@@ -1,11 +1,9 @@
-
 .menu::before {
   content: '☞';
   font-size: 16px;
   float: left;
 }
 
-
 .menu.open::before {
   content: '☟';
 }
@@ -51,4 +49,4 @@ li.active > a {
 
 .menu li.active > ol {
   display: block;
-}
+}
\ No newline at end of file