beautify_css

This commit is contained in:
Ilya Kantor 2015-03-09 18:51:07 +03:00
parent 5c2f32e184
commit ecf1478e7e
81 changed files with 699 additions and 694 deletions

View file

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

View file

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

View file

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

View file

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

View file

@ -30,11 +30,13 @@ ul img {
width: 130px; width: 130px;
height: 130px; height: 130px;
/* по умолчанию inline, но в ряде браузеров это даст лишнее пространство вокруг элементов */ /* по умолчанию inline, но в ряде браузеров это даст лишнее пространство вокруг элементов */
display: block; display: block;
} }
ul li { ul li {
/* если в HTML между элементами <li>..</li> есть пробелы, то они будут видны на странице, /* если в HTML между элементами <li>..</li> есть пробелы, то они будут видны на странице,
чтобы их избежать, нужно либо писать <li>..</li><li>..</li> вплотную, либо не ставить закрывающие </li> */ чтобы их избежать, нужно либо писать <li>..</li><li>..</li> вплотную, либо не ставить закрывающие </li> */
display: inline-block; display: inline-block;
} }

View file

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

View file

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

View file

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

View file

@ -1,4 +1,3 @@
#text { #text {
display: block; display: block;
height: 100px; height: 100px;
@ -35,10 +34,12 @@
#table .w { #table .w {
background: #ff0; background: #ff0;
} }
#table .c { #table .c {
background: #60c; background: #60c;
color: #fff; color: #fff;
} }
#table .e { #table .e {
background: #09f; background: #09f;
color: #fff; color: #fff;
@ -53,6 +54,7 @@
background: #f60; background: #f60;
color: #fff; color: #fff;
} }
#table .se { #table .se {
background: #0c3; background: #0c3;
color: #fff; color: #fff;
@ -61,4 +63,3 @@
#table .highlight { #table .highlight {
background: red; background: red;
} }

View file

@ -1,4 +1,3 @@
#text { #text {
display: block; display: block;
height: 100px; height: 100px;
@ -35,10 +34,12 @@
#table .w { #table .w {
background: #ff0; background: #ff0;
} }
#table .c { #table .c {
background: #60c; background: #60c;
color: #fff; color: #fff;
} }
#table .e { #table .e {
background: #09f; background: #09f;
color: #fff; color: #fff;
@ -53,6 +54,7 @@
background: #f60; background: #f60;
color: #fff; color: #fff;
} }
#table .se { #table .se {
background: #0c3; background: #0c3;
color: #fff; color: #fff;
@ -61,4 +63,3 @@
#table .highlight { #table .highlight {
background: red; background: red;
} }

View file

@ -1,4 +1,3 @@
#text { #text {
display: block; display: block;
height: 100px; height: 100px;
@ -35,10 +34,12 @@
#table .w { #table .w {
background: #ff0; background: #ff0;
} }
#table .c { #table .c {
background: #60c; background: #60c;
color: #fff; color: #fff;
} }
#table .e { #table .e {
background: #09f; background: #09f;
color: #fff; color: #fff;
@ -53,6 +54,7 @@
background: #f60; background: #f60;
color: #fff; color: #fff;
} }
#table .se { #table .se {
background: #0c3; background: #0c3;
color: #fff; color: #fff;
@ -61,4 +63,3 @@
#table .highlight { #table .highlight {
background: red; background: red;
} }

View file

@ -1,5 +1,3 @@
#green { #green {
height: 50px; height: 50px;
width: 160px; width: 160px;

View file

@ -1,4 +1,5 @@
body, html { body,
html {
height: 130px; height: 130px;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -11,11 +12,13 @@ body, html {
border-radius: 50%; border-radius: 50%;
margin-right: 20px; margin-right: 20px;
} }
.smiley-green { .smiley-green {
background: #a9db7a; background: #a9db7a;
border: 5px solid #92c563; border: 5px solid #92c563;
position: relative; position: relative;
} }
.smiley-green .left-eye { .smiley-green .left-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -26,6 +29,7 @@ body, html {
border-radius: 50%; border-radius: 50%;
float: left; float: left;
} }
.smiley-green .right-eye { .smiley-green .right-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -36,6 +40,7 @@ body, html {
right: 22%; right: 22%;
float: right; float: right;
} }
.smiley-green .smile { .smiley-green .smile {
position: absolute; position: absolute;
top: 67%; top: 67%;
@ -44,7 +49,9 @@ body, html {
height: 20%; height: 20%;
overflow: hidden; overflow: hidden;
} }
.smiley-green .smile:after, .smiley-green .smile:before{
.smiley-green .smile:after,
.smiley-green .smile:before {
content: ""; content: "";
position: absolute; position: absolute;
top: -50%; top: -50%;
@ -54,6 +61,7 @@ body, html {
height: 100%; height: 100%;
width: 97%; width: 97%;
} }
.smiley-green .smile:after { .smiley-green .smile:after {
background: #84b458; background: #84b458;
height: 80%; height: 80%;
@ -61,12 +69,12 @@ body, html {
left: 0%; left: 0%;
} }
.smiley-yellow { .smiley-yellow {
background: #eed16a; background: #eed16a;
border: 5px solid #dbae51; border: 5px solid #dbae51;
position: relative; position: relative;
} }
.smiley-yellow .left-eye { .smiley-yellow .left-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -77,6 +85,7 @@ body, html {
border-radius: 50%; border-radius: 50%;
float: left; float: left;
} }
.smiley-yellow .right-eye { .smiley-yellow .right-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -87,6 +96,7 @@ body, html {
right: 22%; right: 22%;
float: right; float: right;
} }
.smiley-yellow .smile { .smiley-yellow .smile {
position: absolute; position: absolute;
top: 67%; top: 67%;
@ -98,12 +108,12 @@ body, html {
border-radius: 8px; border-radius: 8px;
} }
.smiley-red { .smiley-red {
background: #ee9295; background: #ee9295;
border: 5px solid #e27378; border: 5px solid #e27378;
position: relative; position: relative;
} }
.smiley-red .left-eye { .smiley-red .left-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -114,6 +124,7 @@ body, html {
border-radius: 50%; border-radius: 50%;
float: left; float: left;
} }
.smiley-red .right-eye { .smiley-red .right-eye {
width: 18%; width: 18%;
height: 18%; height: 18%;
@ -124,6 +135,7 @@ body, html {
right: 22%; right: 22%;
float: right; float: right;
} }
.smiley-red .smile { .smiley-red .smile {
position: absolute; position: absolute;
top: 57%; top: 57%;
@ -132,7 +144,9 @@ body, html {
height: 20%; height: 20%;
overflow: hidden; overflow: hidden;
} }
.smiley-red .smile:after, .smiley-red .smile:before{
.smiley-red .smile:after,
.smiley-red .smile:before {
content: ""; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -142,6 +156,7 @@ body, html {
height: 100%; height: 100%;
width: 97%; width: 97%;
} }
.smiley-red .smile:after { .smiley-red .smile:after {
background: #d96065; background: #d96065;
height: 80%; height: 80%;

View file

@ -1,4 +1,3 @@
.slider { .slider {
border-radius: 5px; border-radius: 5px;
background: #E0E0E0; background: #E0E0E0;

View file

@ -1,4 +1,3 @@
.slider { .slider {
border-radius: 5px; border-radius: 5px;
background: #E0E0E0; background: #E0E0E0;

View file

@ -1,4 +1,5 @@
html, body { html,
body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -9,8 +10,8 @@ html, body {
height: 600px; height: 600px;
float: left; float: left;
} }
/* герои и мяч (переносимые элементы) */ /* герои и мяч (переносимые элементы) */
.hero { .hero {
background: url(https://js.cx/drag-heroes/heroes.png); background: url(https://js.cx/drag-heroes/heroes.png);
width: 130px; width: 130px;

View file

@ -1,4 +1,5 @@
html, body { html,
body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -9,8 +10,8 @@ html, body {
height: 600px; height: 600px;
float: left; float: left;
} }
/* герои и мяч (переносимые элементы) */ /* герои и мяч (переносимые элементы) */
.hero { .hero {
background: url(https://js.cx/drag-heroes/heroes.png); background: url(https://js.cx/drag-heroes/heroes.png);
width: 130px; width: 130px;

View file

@ -1,10 +1,8 @@
#kinput { #kinput {
font-size: 150%; font-size: 150%;
width: 600px; width: 600px;
} }
#area { #area {
width: 600px; width: 600px;
height: 250px; height: 250px;
@ -12,7 +10,6 @@
display: block; display: block;
} }
form label { form label {
display: inline; display: inline;
} }

View file

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

View file

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

View file

@ -29,10 +29,12 @@ td {
.w { .w {
background-color: #ff0; background-color: #ff0;
} }
.c { .c {
background-color: #60c; background-color: #60c;
color: #fff; color: #fff;
} }
.e { .e {
background-color: #09f; background-color: #09f;
color: #fff; color: #fff;
@ -47,6 +49,7 @@ td {
background-color: #f60; background-color: #f60;
color: #fff; color: #fff;
} }
.se { .se {
background-color: #0c3; background-color: #0c3;
color: #fff; color: #fff;

View file

@ -3,14 +3,20 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
display: block; 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 { .edit-controls {
position: absolute; position: absolute;
} }
.edit-td { .edit-td {
position: relative; position: relative;
padding: 0; padding: 0;

View file

@ -29,10 +29,12 @@ td {
.w { .w {
background-color: #ff0; background-color: #ff0;
} }
.c { .c {
background-color: #60c; background-color: #60c;
color: #fff; color: #fff;
} }
.e { .e {
background-color: #09f; background-color: #09f;
color: #fff; color: #fff;
@ -47,6 +49,7 @@ td {
background-color: #f60; background-color: #f60;
color: #fff; color: #fff;
} }
.se { .se {
background-color: #0c3; background-color: #0c3;
color: #fff; color: #fff;

View file

@ -1,7 +1,7 @@
.selected { .selected {
background: #0f0; background: #0f0;
} }
li { li {
cursor: pointer; cursor: pointer;
} }

View file

@ -1,9 +1,10 @@
.voter { .voter {
font-family: Consolas, "Lucida Console", monospace; font-family: Consolas, "Lucida Console", monospace;
font-size: 18px; font-size: 18px;
} }
.up, .down {
.up,
.down {
cursor: pointer; cursor: pointer;
color: blue; color: blue;
font-weight: bold; font-weight: bold;

View file

@ -1,9 +1,10 @@
.voter { .voter {
font-family: Consolas, "Lucida Console", monospace; font-family: Consolas, "Lucida Console", monospace;
font-size: 18px; font-size: 18px;
} }
.up, .down {
.up,
.down {
cursor: pointer; cursor: pointer;
color: blue; color: blue;
font-weight: bold; font-weight: bold;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,7 +1,7 @@
.selected { .selected {
background: #0f0; background: #0f0;
} }
li { li {
cursor: pointer; cursor: pointer;
} }

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,13 +1,13 @@
#boat { #boat {
margin-left: 0; margin-left: 0;
cursor: pointer; cursor: pointer;
transition: margin-left 3s ease-in-out; transition: margin-left 3s ease-in-out;
} }
/* переворот картинки через CSS */ /* переворот картинки через CSS */
.back { .back {
-webkit-transform: scaleX(-1); -webkit-transform: scaleX(-1);
transform: scaleX(-1); transform: scaleX(-1);
filter: fliph; /* IE9- */ filter: fliph;
/* IE9- */
} }

View file

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

View file

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

View file

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

View file

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

View file

@ -3,7 +3,6 @@
cursor: pointer; cursor: pointer;
width: 177px; width: 177px;
height: 160px; height: 160px;
left: 0; left: 0;
transition: left 5s cubic-bezier(0, 0, 1, 1); transition: left 5s cubic-bezier(0, 0, 1, 1);
} }

View file

@ -3,7 +3,6 @@
cursor: pointer; cursor: pointer;
width: 177px; width: 177px;
height: 160px; height: 160px;
left: 100px; left: 100px;
transition: left 5s cubic-bezier(.5, -1, .5, 2); transition: left 5s cubic-bezier(.5, -1, .5, 2);
} }

View file

@ -3,7 +3,6 @@
cursor: pointer; cursor: pointer;
width: 177px; width: 177px;
height: 160px; height: 160px;
left: 0px; 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);
} }

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,16 +1,15 @@
.window { .window {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
z-index: 10; z-index: 10;
width: 200px; width: 200px;
height: 300px; height: 300px;
border: 2px #ADD8E6 groove; border: 2px #ADD8E6 groove;
/* раскомментировать для проверки, вылезает ли внешняя рамка за экран /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
border: 2px red solid; border: 2px red solid;
*/ */
background: white; background: white;
} }
@ -18,7 +17,6 @@
width: 100%; width: 100%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
background-color: #4169E1; background-color: #4169E1;
color: white; color: white;
text-align: center; text-align: center;
@ -35,7 +33,6 @@
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
width: 100%; width: 100%;
background: #ADD8E6; background: #ADD8E6;
} }
@ -53,4 +50,3 @@
width: 70px; width: 70px;
margin-left: 2px; margin-left: 2px;
} }

View file

@ -1,16 +1,15 @@
.window { .window {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
z-index: 10; z-index: 10;
width: 200px; width: 200px;
height: 300px; height: 300px;
border: 2px #ADD8E6 groove; border: 2px #ADD8E6 groove;
/* раскомментировать для проверки, вылезает ли внешняя рамка за экран /* раскомментировать для проверки, вылезает ли внешняя рамка за экран
border: 2px red solid; border: 2px red solid;
*/ */
background: white; background: white;
} }
@ -18,7 +17,6 @@
width: 100%; width: 100%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
background-color: #4169E1; background-color: #4169E1;
color: white; color: white;
text-align: center; text-align: center;
@ -35,7 +33,6 @@
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
width: 100%; width: 100%;
background: #ADD8E6; background: #ADD8E6;
} }
@ -53,4 +50,3 @@
width: 70px; width: 70px;
margin-left: 2px; margin-left: 2px;
} }

View file

@ -1,9 +1,9 @@
.calendar-table { .calendar-table {
border-collapse: collapse; border-collapse: collapse;
} }
.calendar-table td, .calendar-table th { .calendar-table td,
.calendar-table th {
border: 1px solid black; border: 1px solid black;
padding: 3px; padding: 3px;
text-align: center; text-align: center;

View file

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

View file

@ -1,9 +1,9 @@
.calendar-table { .calendar-table {
border-collapse: collapse; border-collapse: collapse;
} }
.calendar-table td, .calendar-table th { .calendar-table td,
.calendar-table th {
border: 1px solid black; border: 1px solid black;
padding: 3px; padding: 3px;
text-align: center; text-align: center;

View file

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

View file

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

View file

@ -1,9 +1,9 @@
.calendar-table { .calendar-table {
border-collapse: collapse; border-collapse: collapse;
} }
.calendar-table td, .calendar-table th { .calendar-table td,
.calendar-table th {
border: 1px solid black; border: 1px solid black;
padding: 3px; padding: 3px;
text-align: center; text-align: center;

View file

@ -1,9 +1,9 @@
.calendar-table { .calendar-table {
border-collapse: collapse; border-collapse: collapse;
} }
.calendar-table td, .calendar-table th { .calendar-table td,
.calendar-table th {
border: 1px solid black; border: 1px solid black;
padding: 3px; padding: 3px;
text-align: center; text-align: center;

View file

@ -1,4 +1,3 @@
.autocomplete ol { .autocomplete ol {
display: none; display: none;
margin: 0; margin: 0;
@ -9,17 +8,13 @@
.autocomplete input { .autocomplete input {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 1px 0 1px 3px; padding: 1px 0 1px 3px;
width: 100%; width: 100%;
border: 1px solid blue; border: 1px solid blue;
border-radius: 3px; border-radius: 3px;
-webkit-appearance: none; -webkit-appearance: none;
font-size: 16px; font-size: 16px;
} }
@ -35,7 +30,6 @@
.autocomplete.open ol { .autocomplete.open ol {
display: block; display: block;
background: white; background: white;
z-index: 10000; z-index: 10000;
position: relative; position: relative;

View file

@ -1,11 +1,9 @@
.menu::before { .menu::before {
content: '☞'; content: '☞';
font-size: 16px; font-size: 16px;
float: left; float: left;
} }
.menu.open::before { .menu.open::before {
content: '☟'; content: '☟';
} }