fix CSS indentation in chess.css
This commit is contained in:
parent
2c355ddd87
commit
285dd656c3
210
css/chess.css
210
css/chess.css
|
|
@ -1,215 +1,217 @@
|
||||||
body {
|
body {
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: 'Vollkorn', serif;
|
font-family: 'Vollkorn', serif;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-button-svg {
|
.media-button-svg {
|
||||||
width: 12pt;
|
width: 12pt;
|
||||||
height: 12pt;
|
height: 12pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:disabled .silhouette {
|
button:disabled .silhouette {
|
||||||
fill: #c0c0c0;
|
fill: #c0c0c0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row nowrap;
|
flex-flow: row nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*@media only screen and (max-width: 8in) {*/
|
/*@media only screen and (max-width: 8in) {*/
|
||||||
@media only screen and (max-aspect-ratio: 4/3) {
|
@media only screen and (max-aspect-ratio: 4/3) {
|
||||||
#content {
|
#content {
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_outer {
|
#cb_outer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: calc(100vh - 4em);
|
max-width: calc(100vh - 4em);
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_container {
|
#cb_container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 100%;
|
padding-top: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_inner {
|
#cb_inner {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_board {
|
#cb_board {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
padding-top: 100%;
|
padding-top: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_board tr {
|
#cb_board tr {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_board td {
|
#cb_board td {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_light_name, #cb_dark_name {
|
#cb_light_name, #cb_dark_name {
|
||||||
width: 8em;
|
width: 8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_control_container {
|
#cb_control_container {
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_controls, #cb_names, #cb_game, #cb_navigate {
|
#cb_controls, #cb_names, #cb_game, #cb_navigate {
|
||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_history {
|
#cb_history {
|
||||||
max-width: 7.5in;
|
max-width: 7.5in;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_reset, #cb_pass {
|
#cb_reset, #cb_pass {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-square {
|
.cb-square {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: calc((100% - 16pt) / 8);
|
width: calc((100% - 16pt) / 8);
|
||||||
height: calc((100% - 16pt) / 8);
|
height: calc((100% - 16pt) / 8);
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-horiz-label {
|
.cb-horiz-label {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: calc((100% - 16pt) / 8);
|
width: calc((100% - 16pt) / 8);
|
||||||
height: 8pt;
|
height: 8pt;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-horiz-label div {
|
.cb-horiz-label div {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(50% - (1em / 2));
|
top: calc(50% - (1em / 2));
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
font-size: 6pt;
|
font-size: 6pt;
|
||||||
line-height: 6pt;
|
line-height: 6pt;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-vert-label {
|
.cb-vert-label {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 8pt;
|
width: 8pt;
|
||||||
height: calc((100% - 16pt) / 8);
|
height: calc((100% - 16pt) / 8);
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-vert-label div {
|
.cb-vert-label div {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(50% - (1em / 2));
|
top: calc(50% - (1em / 2));
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
font-size: 6pt;
|
font-size: 6pt;
|
||||||
line-height: 6pt;
|
line-height: 6pt;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-archive .cb-horiz-label, .cb-archive .cb-vert-label, .cb-archive .cb-corner {
|
.cb-archive .cb-horiz-label, .cb-archive .cb-vert-label, .cb-archive .cb-corner {
|
||||||
background-color: #ffeeee;
|
background-color: #ffeeee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-lt-bg {
|
.cb-lt-bg {
|
||||||
background-color: #FFFFF0;
|
background-color: #FFFFF0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-lt-bg.cb-start, .cb-lt-bg.cb-end {
|
.cb-lt-bg.cb-start, .cb-lt-bg.cb-end {
|
||||||
background-color: #CCFFC0;
|
background-color: #CCFFC0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-lt-bg.cb-legal {
|
.cb-lt-bg.cb-legal {
|
||||||
background-color: #E6E6F2;
|
background-color: #E6E6F2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-dk-bg {
|
.cb-dk-bg {
|
||||||
background-color: #F5DEB3;
|
background-color: #F5DEB3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-dk-bg.cb-start, .cb-dk-bg.cb-end {
|
.cb-dk-bg.cb-start, .cb-dk-bg.cb-end {
|
||||||
background-color: #D0E398;
|
background-color: #D0E398;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-dk-bg.cb-legal {
|
.cb-dk-bg.cb-legal {
|
||||||
background-color: #C4B2C2;
|
background-color: #C4B2C2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-phantom {
|
.cb-phantom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgba(128,128,128,0.5);
|
background-color: rgba(128,128,128,0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-dk-piece {
|
.cb-dk-piece {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 17.5%;
|
top: 17.5%;
|
||||||
left: 47.5%;
|
left: 47.5%;
|
||||||
width: 55%;
|
width: 55%;
|
||||||
height: 65%;
|
height: 65%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cb-lt-piece {
|
.cb-lt-piece {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 17.5%;
|
top: 17.5%;
|
||||||
left: -2.5%;
|
left: -2.5%;
|
||||||
width: 55%;
|
width: 55%;
|
||||||
height: 65%;
|
height: 65%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_phantom > .cb-dk-piece {
|
#cb_phantom > .cb-dk-piece {
|
||||||
top: 22.5%;
|
top: 22.5%;
|
||||||
left: 22.5%;
|
left: 22.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_phantom > .cb-lt-piece {
|
#cb_phantom > .cb-lt-piece {
|
||||||
top: 22.5%;
|
top: 22.5%;
|
||||||
left: 22.5%;
|
left: 22.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.noselect {
|
.noselect {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-khtml-user-select: none;
|
-khtml-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_board .cb-piece.ui-draggable {
|
#cb_board .cb-piece.ui-draggable {
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cb_board .cb-piece.ui-draggable-disabled {
|
#cb_board .cb-piece.ui-draggable-disabled {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* vim:set expandtab sw=3 ts=8: */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue