beautify_css

12-extra/9-drag-and-drop-plus/dragTree.view/dragTree.css

@@ -2,9 +2,10 @@
   cursor: pointer;
   font-weight: bold;
 }
-
 /* #tree span.hover, для приоритета перед :hover также добавлен подселектор */
-#tree span.hover, #tree span.hover:hover {
+
+#tree span.hover,
+#tree span.hover:hover {
   color: red;
   font-weight: bold;
   cursor: pointer;
@@ -16,5 +17,6 @@ span.avatar {
   background: white;
   cursor: pointer;
   opacity: 0.6;
-    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE opacity */
+  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
+  /* IE opacity */
 }

2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.css

@@ -12,4 +12,3 @@
   background: red;
   color: yellow;
 }
-

2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.css

@@ -12,4 +12,3 @@
   background: red;
   color: yellow;
 }
-

2-ui/1-document/17-coordinates/2-position-at/solution.view/index.css

@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
+  background: #f9f9f9;
-  border-left:10px solid #ccc;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
+  padding: .5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  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;
+  font-size: 4em;
-  line-height:.1em;
+  line-height: .1em;
-  margin-right:.25em;
+  margin-right: .25em;
-  vertical-align:-.4em;
+  vertical-align: -.4em;
 }

2-ui/1-document/17-coordinates/2-position-at/source.view/index.css

@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
+  background: #f9f9f9;
-  border-left:10px solid #ccc;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
+  padding: .5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  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;
+  font-size: 4em;
-  line-height:.1em;
+  line-height: .1em;
-  margin-right:.25em;
+  margin-right: .25em;
-  vertical-align:-.4em;
+  vertical-align: -.4em;
 }

2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.css

@@ -9,11 +9,11 @@
 }
 
 blockquote {
-  background:#f9f9f9;
+  background: #f9f9f9;
-  border-left:10px solid #ccc;
+  border-left: 10px solid #ccc;
   margin: 0 0 0 100px;
-  padding:.5em 10px;
+  padding: .5em 10px;
-  quotes:"\201C""\201D""\2018""\2019";
+  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;
+  font-size: 4em;
-  line-height:.1em;
+  line-height: .1em;
-  margin-right:.25em;
+  margin-right: .25em;
-  vertical-align:-.4em;
+  vertical-align: -.4em;
 }

2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css

@@ -15,6 +15,7 @@ body {
   width: 130px;
   height: 130px;
   /* по умолчанию inline, в ряде браузеров это даст лишнее пространство вокруг элементов */
+  
   display: block;
 }
 
@@ -39,9 +40,11 @@ body {
   background: #ccc;
   cursor: pointer;
 }
+
 .prev {
   left: 7px;
 }
+
 .next {
   right: 7px;
 }
@@ -63,4 +66,3 @@ body {
 .gallery li {
   display: inline-block;
 }
-

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;
 }
 
 ul li {
   /* если в HTML между элементами <li>..</li> есть пробелы, то они будут видны на странице,
   чтобы их избежать, нужно либо писать <li>..</li><li>..</li> вплотную, либо не ставить закрывающие </li> */
+  
   display: inline-block;
 }

2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/bagua.css

@@ -28,10 +28,12 @@
 #bagua-table .w {
   background: #ff0;
 }
+
 #bagua-table .c {
   background: #60c;
   color: #fff;
 }
+
 #bagua-table .e {
   background: #09f;
   color: #fff;
@@ -46,6 +48,7 @@
   background: #f60;
   color: #fff;
 }
+
 #bagua-table .se {
   background: #0c3;
   color: #fff;

2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/gallery.css

@@ -1,4 +1,3 @@
-
 body {
   margin: 0;
   padding: 0;
@@ -9,6 +8,7 @@ h2 {
   font: bold 190%/100% Arial, Helvetica, sans-serif;
   margin: 0 0 .2em;
 }
+
 h2 em {
   font: normal 80%/100% Arial, Helvetica, sans-serif;
   color: #999999;

2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/gallery.css

@@ -1,4 +1,3 @@
-
 body {
   margin: 0;
   padding: 0;
@@ -9,6 +8,7 @@ h2 {
   font: bold 190%/100% Arial, Helvetica, sans-serif;
   margin: 0 0 .2em;
 }
+
 h2 em {
   font: normal 80%/100% Arial, Helvetica, sans-serif;
   color: #999999;

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;

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/style.css

@@ -1,8 +1,7 @@
-
 #text {
   display: block;
-  height:100px;
+  height: 100px;
-  width:400px;
+  width: 400px;
 }
 
 #table th {
@@ -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;
@@ -61,4 +63,3 @@
 #table .highlight {
   background: red;
 }
-

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/style.css

@@ -1,8 +1,7 @@
-
 #text {
   display: block;
-  height:100px;
+  height: 100px;
-  width:400px;
+  width: 400px;
 }
 
 #table th {
@@ -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;
@@ -61,4 +63,3 @@
 #table .highlight {
   background: red;
 }
-

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/style.css

@@ -1,8 +1,7 @@
-
 #text {
   display: block;
-  height:100px;
+  height: 100px;
-  width:400px;
+  width: 400px;
 }
 
 #table th {
@@ -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;
@@ -61,4 +63,3 @@
 #table .highlight {
   background: red;
 }
-

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/style.css

@@ -1,21 +1,21 @@
 #blue {
-  background:blue;
+  background: blue;
-  width:160px;
+  width: 160px;
-  height:160px;
+  height: 160px;
-  position:relative;
+  position: relative;
 }
 
 #red {
-  background:red;
+  background: red;
-  width:70px;
+  width: 70px;
-  height:70px;
+  height: 70px;
-  position:absolute;
+  position: absolute;
-  left:20px;
+  left: 20px;
-  top:20px;
+  top: 20px;
 }
 
 #text {
   display: block;
-  height:100px;
+  height: 100px;
-  width:400px;
+  width: 400px;
 }

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/style.css

@@ -1,21 +1,21 @@
 .blue {
-  background:blue;
+  background: blue;
-  width:160px;
+  width: 160px;
-  height:160px;
+  height: 160px;
-  position:relative;
+  position: relative;
 }
 
 .red {
-  background:red;
+  background: red;
-  width:100px;
+  width: 100px;
-  height:100px;
+  height: 100px;
-  position:absolute;
+  position: absolute;
-  left:30px;
+  left: 30px;
-  top:30px;
+  top: 30px;
 }
 
 textarea {
-  height:100px;
+  height: 100px;
-  width:400px;
+  width: 400px;
   display: block;
 }

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;

2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/style.css

@@ -1,148 +1,163 @@
-body, html { 
+body,
+html {
   height: 130px;
   margin: 0;
   padding: 0;
 }
 
-[class^="smiley-"]{
+[class^="smiley-"] {
   display: inline-block;
-  width:70px;
+  width: 70px;
-  height:70px;
+  height: 70px;
-  border-radius:50%;
+  border-radius: 50%;
-  margin-right:20px;
+  margin-right: 20px;
 }
-.smiley-green{
+
-  background:#a9db7a;
+.smiley-green {
-  border:5px solid #92c563;
+  background: #a9db7a;
+  border: 5px solid #92c563;
   position: relative;
 }
-.smiley-green .left-eye{
+
-  width:18%;
+.smiley-green .left-eye {
-  height:18%;
+  width: 18%;
-  background:#84b458;
+  height: 18%;
-  position:relative;
+  background: #84b458;
-  top:29%;
+  position: relative;
-  left:22%;
+  top: 29%;
-  border-radius:50%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-green .right-eye{
+
-  width:18%;
+.smiley-green .right-eye {
-  height:18%;
+  width: 18%;
-  border-radius:50%;
+  height: 18%;
-  position:relative;
+  border-radius: 50%;
-  background:#84b458;
+  position: relative;
+  background: #84b458;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-green .smile{
+
+.smiley-green .smile {
   position: absolute;
-  top:67%;
+  top: 67%;
-  left:16.5%;
+  left: 16.5%;
-  width:70%;
+  width: 70%;
-  height:20%;
+  height: 20%;
   overflow: hidden;
 }
- .smiley-green .smile:after, .smiley-green .smile:before{
+
-  content:"";
+.smiley-green .smile:after,
-  position:absolute;
+.smiley-green .smile:before {
-  top:-50%;
+  content: "";
-  left:0%;
+  position: absolute;
-  border-radius:50%;
+  top: -50%;
-  background:#84b458;
+  left: 0%;
-  height:100%;
+  border-radius: 50%;
-  width:97%;
+  background: #84b458;
- }
+  height: 100%;
- .smiley-green .smile:after{
+  width: 97%;
+}
+
+.smiley-green .smile:after {
   background: #84b458;
   height: 80%;
   top: -40%;
   left: 0%;
 }
 
-
+.smiley-yellow {
-.smiley-yellow{
+  background: #eed16a;
-  background:#eed16a;
+  border: 5px solid #dbae51;
-  border:5px solid #dbae51;
   position: relative;
 }
-.smiley-yellow .left-eye{
+
-  width:18%;
+.smiley-yellow .left-eye {
-  height:18%;
+  width: 18%;
-  background:#dba652;
+  height: 18%;
-  position:relative;
+  background: #dba652;
-  top:29%;
+  position: relative;
-  left:22%;
+  top: 29%;
-  border-radius:50%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-yellow .right-eye{
+
-  width:18%;
+.smiley-yellow .right-eye {
-  height:18%;
+  width: 18%;
-  border-radius:50%;
+  height: 18%;
-  position:relative;
+  border-radius: 50%;
-  background:#dba652;
+  position: relative;
+  background: #dba652;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-yellow .smile{
+
+.smiley-yellow .smile {
   position: absolute;
-  top:67%;
+  top: 67%;
-  left:19%;
+  left: 19%;
-  width:65%;
+  width: 65%;
-  height:14%;
+  height: 14%;
-  background:#dba652;
+  background: #dba652;
   overflow: hidden;
-  border-radius:8px;
+  border-radius: 8px;
 }
 
-
+.smiley-red {
-.smiley-red{
+  background: #ee9295;
-  background:#ee9295;
+  border: 5px solid #e27378;
-  border:5px solid #e27378;
   position: relative;
 }
-.smiley-red .left-eye{
+
-  width:18%;
+.smiley-red .left-eye {
-  height:18%;
+  width: 18%;
-  background:#d96065;
+  height: 18%;
-  position:relative;
+  background: #d96065;
-  top:29%;
+  position: relative;
-  left:22%;
+  top: 29%;
-  border-radius:50%;
+  left: 22%;
+  border-radius: 50%;
   float: left;
 }
-.smiley-red .right-eye{
+
-  width:18%;
+.smiley-red .right-eye {
-  height:18%;
+  width: 18%;
-  border-radius:50%;
+  height: 18%;
-  position:relative;
+  border-radius: 50%;
-  background:#d96065;
+  position: relative;
+  background: #d96065;
   top: 29%;
   right: 22%;
   float: right;
 }
-.smiley-red .smile{
+
+.smiley-red .smile {
   position: absolute;
-  top:57%;
+  top: 57%;
-  left:16.5%;
+  left: 16.5%;
-  width:70%;
+  width: 70%;
-  height:20%;
+  height: 20%;
   overflow: hidden;
 }
- .smiley-red .smile:after, .smiley-red .smile:before{
+
-  content:"";
+.smiley-red .smile:after,
-  position:absolute;
+.smiley-red .smile:before {
-  top:50%;
+  content: "";
-  left:0%;
+  position: absolute;
-  border-radius:50%;
+  top: 50%;
-  background:#d96065;
+  left: 0%;
-  height:100%;
+  border-radius: 50%;
-  width:97%;
+  background: #d96065;
- }
+  height: 100%;
- .smiley-red .smile:after{
+  width: 97%;
+}
+
+.smiley-red .smile:after {
   background: #d96065;
   height: 80%;
   top: 60%;

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;

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;

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;

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;

2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css

@@ -4,7 +4,7 @@
   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;

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;
 }

2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/my.css

@@ -1,23 +1,27 @@
-#view, #area {
+#view,
-  height:150px;
+#area {
-  width:400px;
+  height: 150px;
+  width: 400px;
   font-family: arial;
   font-size: 14px;
 }
 
 #view {
   /* padding + border = 3px */
+  
   padding: 2px;
-  border:1px solid black;
+  border: 1px solid black;
 }
 
 #area {
-  display:none;
+  display: none;
-  
   /* replace padding with border (still 3px not to shift the contents) */
+  
   border: 3px groove blue;
   padding: 0px;
 }
+
 #area:focus {
-  outline: none; /* remove focus border in Safari */
+  outline: none;
+  /* remove focus border in Safari */
 }

2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/my.css

@@ -1,23 +1,27 @@
-#view, #area {
+#view,
-  height:150px;
+#area {
-  width:400px;
+  height: 150px;
+  width: 400px;
   font-family: arial;
   font-size: 14px;
 }
 
 #view {
   /* padding + border = 3px */
+  
   padding: 2px;
-  border:1px solid black;
+  border: 1px solid black;
 }
 
 #area {
-  display:none;
+  display: none;
-  
   /* replace padding with border (still 3px not to shift the contents) */
+  
   border: 3px groove blue;
   padding: 0px;
 }
+
 #area:focus {
-  outline: none; /* remove focus border in Safari */
+  outline: none;
+  /* remove focus border in Safari */
 }

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/bagua.css

@@ -1,14 +1,14 @@
 /* общие стили для таблицы */
 
 th {
-  text-align:center;
+  text-align: center;
-  font-weight:bold;
+  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,6 +49,7 @@ td {
   background-color: #f60;
   color: #fff;
 }
+
 .se {
   background-color: #0c3;
   color: #fff;

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css

@@ -3,14 +3,20 @@
   margin: 0;
   padding: 0;
   display: block;
-  resize: none;    /* remove resizing handle in Firefox */
+  resize: none;
-  outline: none;   /* remove outline on focus in Chrome */
+  /* remove resizing handle in Firefox */
-  overflow: auto; /* remove scrollbar in IE */
+  
+  outline: none;
+  /* remove outline on focus in Chrome */
+  
+  overflow: auto;
+  /* remove scrollbar in IE */
 }
 
 .edit-controls {
   position: absolute;
 }
+
 .edit-td {
   position: relative;
   padding: 0;

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/bagua.css

@@ -1,14 +1,14 @@
 /* общие стили для таблицы */
 
 th {
-  text-align:center;
+  text-align: center;
-  font-weight:bold;
+  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,6 +49,7 @@ td {
   background-color: #f60;
   color: #fff;
 }
+
 .se {
   background-color: #0c3;
   color: #fff;

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;
 }

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;

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;

2-ui/5-widgets/2-widgets-structure/menu-dom.view/style.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

2-ui/5-widgets/2-widgets-structure/menu.view/style.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

2-ui/5-widgets/4-template-lodash/menu-template.view/menu.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

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;
 }

2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css

@@ -34,7 +34,6 @@
   margin: 0;
   padding: 0;
   display: none;
-
   position: absolute;
   z-index: 1000;
   background: white;

2-ui/5-widgets/5-custom-events/3-custom-select/source.view/customselect.css

@@ -34,7 +34,6 @@
   margin: 0;
   padding: 0;
   display: none;
-
   position: absolute;
   z-index: 1000;
   background: white;

2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/slider.css

@@ -8,6 +8,7 @@
   background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
   background: linear-gradient(left top, #E0E0E0, #EEEEEE);
 }
+
 .thumb {
   position: relative;
   top: -5px;

2-ui/5-widgets/5-custom-events/menu-callback.view/menu.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

2-ui/5-widgets/5-custom-events/menu-event.view/menu.css

@@ -1,4 +1,3 @@
-
 .menu ul {
   display: none;
   margin: 0;

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- */
 }

5-animation/2-css-transitions/digits-negative-delay.view/style.css

@@ -1,4 +1,3 @@
-
 #digit {
   width: .5em;
   overflow: hidden;

5-animation/2-css-transitions/digits.view/style.css

@@ -1,4 +1,3 @@
-
 #digit {
   width: .5em;
   overflow: hidden;

5-animation/2-css-transitions/step-end.view/style.css

@@ -1,4 +1,3 @@
-
 #digit {
   width: .5em;
   overflow: hidden;

5-animation/2-css-transitions/step.view/style.css

@@ -1,4 +1,3 @@
-
 #digit {
   width: .5em;
   overflow: hidden;

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);
 }

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);
 }

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);
 }

5-animation/3-js-animation/back.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/bounce-easeinout.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/bounce-easeout.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/bounce.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/circ.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/elastic.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/quad.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/quint.view/style.css

@@ -1,4 +1,3 @@
-
 #brick {
   width: 40px;
   height: 20px;

5-animation/3-js-animation/text.view/style.css

@@ -1,4 +1,3 @@
-
 textarea {
   display: block;
   border: 1px solid #BBB;

archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/bagua.css

@@ -1,12 +1,12 @@
 #bagua-table th {
-	text-align:center;
+  text-align: center;
-	font-weight:bold;	
+  font-weight: bold;
 }
 
 #bagua-table td {
   width: 150px;
   white-space: nowrap;
-	text-align:center;
+  text-align: center;
   vertical-align: bottom;
   padding-top: 5px;
   padding-bottom: 12px;
@@ -28,10 +28,12 @@
 #bagua-table .w {
   background-color: #ff0;
 }
+
 #bagua-table .c {
   background-color: #60c;
   color: #fff;
 }
+
 #bagua-table .e {
   background-color: #09f;
   color: #fff;
@@ -46,6 +48,7 @@
   background-color: #f60;
   color: #fff;
 }
+
 #bagua-table .se {
   background-color: #0c3;
   color: #fff;

archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/bagua.css

@@ -1,12 +1,12 @@
 #bagua-table th {
-	text-align:center;
+  text-align: center;
-	font-weight:bold;	
+  font-weight: bold;
 }
 
 #bagua-table td {
   width: 150px;
   white-space: nowrap;
-	text-align:center;
+  text-align: center;
   vertical-align: bottom;
   padding-top: 5px;
   padding-bottom: 12px;
@@ -28,10 +28,12 @@
 #bagua-table .w {
   background-color: #ff0;
 }
+
 #bagua-table .c {
   background-color: #60c;
   color: #fff;
 }
+
 #bagua-table .e {
   background-color: #09f;
   color: #fff;
@@ -46,6 +48,7 @@
   background-color: #f60;
   color: #fff;
 }
+
 #bagua-table .se {
   background-color: #0c3;
   color: #fff;

archive/widget-tasks/2-draggable-windows/solution.view/window.css

@@ -1,56 +1,52 @@
-
+.window {
-  .window {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;
-    
   width: 200px;
   height: 300px;
   border: 2px #ADD8E6 groove;
   /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
     border: 2px red solid;
     */
-    background: white;
-  }
   
-  .window-title {
+  background: white;
+}
+
+.window-title {
   width: 100%;
   height: 30px;
   line-height: 30px;
-
   background-color: #4169E1;
   color: white;
-    text-align:center;        
+  text-align: center;
   cursor: pointer;
-  }
+}
 
-  .window-moving .window-title {
+.window-moving .window-title {
   cursor: move;
-  }
+}
 
-  .window-message-form {
+.window-message-form {
   position: absolute;
   bottom: 0;
   height: 30px;
   line-height: 30px;
   width: 100%;
-
   background: #ADD8E6;
-  }
+}
 
-  .window-content {
+.window-content {
   height: 240px;
   padding: 3px;
   overflow-y: auto;
-  }
+}
 
-  .window-message-text {
+.window-message-text {
   width: 120px;
-  }
+}
 
-  .window-message-submit {
+.window-message-submit {
   width: 70px;
   margin-left: 2px;
-  }
+}
-

archive/widget-tasks/3-window-manager/solution.view/window.css

@@ -1,56 +1,52 @@
-
+.window {
-  .window {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;
-    
   width: 200px;
   height: 300px;
   border: 2px #ADD8E6 groove;
   /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
     border: 2px red solid;
     */
-    background: white;
-  }
   
-  .window-title {
+  background: white;
+}
+
+.window-title {
   width: 100%;
   height: 30px;
   line-height: 30px;
-
   background-color: #4169E1;
   color: white;
-    text-align:center;        
+  text-align: center;
   cursor: pointer;
-  }
+}
 
-  .window-moving .window-title {
+.window-moving .window-title {
   cursor: move;
-  }
+}
 
-  .window-message-form {
+.window-message-form {
   position: absolute;
   bottom: 0;
   height: 30px;
   line-height: 30px;
   width: 100%;
-
   background: #ADD8E6;
-  }
+}
 
-  .window-content {
+.window-content {
   height: 240px;
   padding: 3px;
   overflow-y: auto;
-  }
+}
 
-  .window-message-text {
+.window-message-text {
   width: 120px;
-  }
+}
 
-  .window-message-submit {
+.window-message-submit {
   width: 70px;
   margin-left: 2px;
-  }
+}
-

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;

archive/widget-tasks/4-double-calendar-with-arrows/solution.view/datepicker.css

@@ -1,4 +1,3 @@
-
 .datepicker {
   border: 1px solid black;
   width: 350px;
@@ -19,11 +18,11 @@
   cursor: pointer;
 }
 
-.datepicker .prev-link:hover, .datepicker .next-link:hover {
+.datepicker .prev-link:hover,
+.datepicker .next-link:hover {
   color: red;
 }
 
-
 .datepicker .header {
   padding: 5px;
   font-size: 120%;

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;

archive/widget-tasks/4-double-calendar-with-arrows/source.view/datepicker.css

@@ -1,2 +1 @@
-
 /* ваши стили */

archive/widget-tasks/5-tree-checkboxes/solution.view/tree.css

@@ -1,4 +1,5 @@
-.tree, .tree ul {
+.tree,
+.tree ul {
   list-style: none;
   margin: 0;
   padding: 2px;
@@ -8,7 +9,6 @@
   display: block;
 }
 
-
 .tree .tree-closed ul {
   display: none;
 }
@@ -26,7 +26,6 @@
   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;
 }

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;

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;

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;

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: '☟';
 }