Revision as of 18:37, 23 January 2018

/* CSS placed here will be applied to all skins */

.aksara {
    font-family: Aksara;
    font-size: 70px;
}

.balinese .text-block-more {
      color: #b23005;
}

.puzzle-wrapper {
	margin: 0 0 30px 0;
}

.puzzle-wrapper .puzzle-text {
	margin: 20px 0;
}

.puzzle-wrapper .puzzle-image {
	margin: 10px 0;
	padding: 10px;
	/*border: 1px solid lightgray;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	max-width: 50%;*/
}

.puzzle-wrapper .puzzle-image img {
	width: 100%;
    height: auto;
}

#puzzles {
	clear: left;
}

#puzzles .puzzle-word-inline-link {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.puzzle-wrapper .add-link::after {
	content: "";
	display: table;
	clear: right;
}

.puzzle-wrapper .add-link {
    float: left;
    margin-right: 10px;
}

.puzzle-wrapper .add-link button {
	font-size: 15px;
}

.puzzle-page-answers {
	
}

.puzzle-page-answers .answers-list {
	/*display: block;*/
}

.puzzle-page-answers .answers-help {
	/*display: none;*/
}

.puzzle-page-answers.answers-hidden .answers-list {
	/*display: none;*/
}

.puzzle-page-answers.answers-hidden .answers-help {
	/*display: block;*/
}

.puzzle-page-answers.answers-hidden .answers-list img {
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    /* FF doesn't support blur filter, but SVG */
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#svgBlur");
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '10');
    filter: blur(10px);
}

.puzzle-page-answers-switch {
	font-size: 15px;
}