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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,4 +1,3 @@
#text {
display: block;
height: 100px;
@ -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;
}

View file

@ -1,4 +1,3 @@
#text {
display: block;
height: 100px;
@ -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;
}

View file

@ -1,4 +1,3 @@
#text {
display: block;
height: 100px;
@ -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;
}

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,4 +1,5 @@
#view, #area {
#view,
#area {
height: 150px;
width: 400px;
font-family: arial;
@ -7,17 +8,20 @@
#view {
/* padding + border = 3px */
padding: 2px;
border: 1px solid black;
}
#area {
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 */
}

View file

@ -1,4 +1,5 @@
#view, #area {
#view,
#area {
height: 150px;
width: 400px;
font-family: arial;
@ -7,17 +8,20 @@
#view {
/* padding + border = 3px */
padding: 2px;
border: 1px solid black;
}
#area {
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 */
}

View file

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

View file

@ -3,14 +3,20 @@
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;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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%;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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