beautify_css
This commit is contained in:
Ilya Kantor
parent
5c2f32e184
commit
ecf1478e7e
81 changed files with 699 additions and 694 deletions
|
|
@ -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 */
|
||||
}
|
||||
|
|
@ -11,5 +11,4 @@
|
|||
.welcome {
|
||||
background: red;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -11,5 +11,4 @@
|
|||
.welcome {
|
||||
background: red;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -26,4 +26,4 @@ blockquote:before {
|
|||
line-height: .1em;
|
||||
margin-right: .25em;
|
||||
vertical-align: -.4em;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
#green {
|
||||
height: 50px;
|
||||
width: 160px;
|
||||
|
|
@ -22,4 +20,4 @@
|
|||
height: 200px;
|
||||
width: 360px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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 */
|
||||
}
|
||||
|
|
@ -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 */
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
.selected {
|
||||
background: #0f0;
|
||||
}
|
||||
|
||||
li {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
.selected {
|
||||
background: #0f0;
|
||||
}
|
||||
|
||||
li {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
.menu ul {
|
||||
display: none;
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -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- */
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
cursor: pointer;
|
||||
width: 177px;
|
||||
height: 160px;
|
||||
|
||||
left: 0;
|
||||
transition: left 5s cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
cursor: pointer;
|
||||
width: 177px;
|
||||
height: 160px;
|
||||
|
||||
left: 100px;
|
||||
transition: left 5s cubic-bezier(.5, -1, .5, 2);
|
||||
}
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#brick {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
|
|
|
|||
|
|
@ -1,11 +1,10 @@
|
|||
|
||||
textarea {
|
||||
display: block;
|
||||
border: 1px solid #BBB;
|
||||
border: 1px solid #BBB;
|
||||
color: #444;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,2 +1 @@
|
|||
|
||||
/* ваши стили */
|
||||
/* ваши стили */
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue