jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify_css

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

6
archive/widget-tasks/4-double-calendar-with-arrows/solution.view/calendar.css
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;
@ -25,4 +25,4 @@
.calendar-table caption {
text-align: center;
}
}

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

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

6
archive/widget-tasks/4-double-calendar-with-arrows/source.view/calendar.css
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;
@ -25,4 +25,4 @@
.calendar-table caption {
text-align: center;
}
}

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

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

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

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

6
archive/widget-tasks/7-calendar/solution.view/calendar.css
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;
@ -25,4 +25,4 @@
.calendar-table caption {
text-align: center;
}
}

6
archive/widget-tasks/7-calendar/source.view/calendar.css
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;
@ -25,4 +25,4 @@
.calendar-table caption {
text-align: center;
}
}

8
archive/widget-tasks/8-autocomplete/solution.view/autocomplete.css
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;
@ -48,4 +42,4 @@
.autocomplete ol .selected {
background: blue;
}
}

4
archive/widget-tasks/9-hover-menu-onclick/solution.view/menu.css
View file

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