Template:Picross.css

From The Wiki Camp 2
Jump to navigation Jump to search
.picross th {
height:20px;
padding:0 !important;
}
.picross tr.toplabel th {
text-align: center !important;
vertical-align: bottom;
}
.picross-clue a {padding-left: 4px;}

.picross td {width: 20px;height:20px;
background: white;
padding: 0 !important;
}

.picross .toplabel .mw-collapsible-toggle {
width: 100%;}
.picross .mw-collapsible-toggle {
}
.picross .mw-collapsible-toggle {
line-height: 14px;
float: left;
}
.picross p {margin: 0 !important;}

.picross tr:nth-child(5n+2) {border-top: 2px solid gray;}
.picross tr td:nth-child(5n+2), .picross tr.toplabel th:nth-child(5n+2)  {border-left: 2px solid gray;}

/*The following CSS is modified from Template:Sudoku.css*/
.picross-cell-container {
line-height: 1;
background: white;
width: 20px;
height: 20px;
position: relative;
text-align: left;
right: 0px;
}
.picross-cell {
position: absolute;
top: 0;
}
.picross-cell .mw-collapsible-text {
width: 100%;
display: inline-block;
margin-top: 4px;
}
.picross-cell .mw-collapsible-toggle {
float: none;
width: 20px;
height: 20px;
display: block;
text-align: center;
}
.picross-cell .mw-collapsible-toggle-default:before, 
.picross-cell .mw-collapsible-toggle-default:after,
.picross-clue .mw-collapsible-toggle-default:before, 
.picross-clue .mw-collapsible-toggle-default:after
{content: '';}

.picross-cell[data-expandtext='X'].mw-collapsed ~ .picross-cell:not(.mw-collapsed), .picross-cell[data-expandtext='X']:not(.mw-collapsed) ~ .picross-cell:not(.mw-collapsed) ~ .picross-cell:not(.mw-collapsed) {
display: none;
}
.picross-cell[data-expandtext='X']:not(.mw-collapsed) {
z-index: 2;
}
.picross-cell:not(.mw-collapsed):not([data-expandtext='5']):not([data-collapsetext='Err']) {
z-index: 3;
}
.picross-cell a {
text-decoration: none;
color: black;
}

.picross-cell[data-expandtext='X'], .picross-cell[data-expandtext='X']:not(.mw-collapsed) {
background:white !important;
}
.picross-cell[data-expandtext=' '] {background:white !important;}
.picross-cell[data-expandtext='O'] {
background:black !important;
}
.picross-cell[data-expandtext='O']:not(.mw-collapsed) {
background:lightgray !important;
}
.picross-clue a {
color: black;
font-size: 12px;
text-align: center !important;
vertical-align: bottom;
}

.picross-clue a:hover {
text-decoration: none;
}

.picross-clue:not(.mw-collapsed) a {
text-decoration: line-through;
color: gray;
}