/******************************************************************************
 *                                                                            *
 *    This file is part of RPB Chessboard, a Wordpress plugin.                *
 *    Copyright (C) 2013-2014  Yoann Le Montagner <yo35 -at- melix.net>       *
 *                                                                            *
 *    This program is free software: you can redistribute it and/or modify    *
 *    it under the terms of the GNU General Public License as published by    *
 *    the Free Software Foundation, either version 3 of the License, or       *
 *    (at your option) any later version.                                     *
 *                                                                            *
 *    This program is distributed in the hope that it will be useful,         *
 *    but WITHOUT ANY WARRANTY; without even the implied warranty of          *
 *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
 *    GNU General Public License for more details.                            *
 *                                                                            *
 *    You should have received a copy of the GNU General Public License       *
 *    along with this program.  If not, see <http://www.gnu.org/licenses/>.   *
 *                                                                            *
 ******************************************************************************/


/******************************************************************************/
/*** Miscellaneous ***/



/******************************************************************************/
/*** Column layout ***/

.rpbchessboard-admin-columns {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.rpbchessboard-admin-columns > div {
	display: table-cell;
	vertical-align: top;
	padding-left : 10px;
	padding-right: 10px;
}

.rpbchessboard-admin-columns > div:first-child {
	padding-left: 0px;
}

.rpbchessboard-admin-columns > div:last-child {
	padding-right: 0px;
}



/******************************************************************************/
/*** Tab layout ***/

.rpbchessboard-admin-tabs {
	display: table;
	width: 100%;
}

.rpbchessboard-admin-tabs > ul,
.rpbchessboard-admin-tabs > div {
	display: table-cell;
	vertical-align: top;
}

.rpbchessboard-admin-tabs > div.rpbchessboard-invisible {
	display: none;
}

.rpbchessboard-admin-tabs > div {
	border: solid 1px #dfdfdf;
	background: #fcfcfc;
	padding: 10px;
}

.rpbchessboard-admin-tabs > ul > li {
	border-top   : solid 1px #dfdfdf;
	border-left  : solid 1px #dfdfdf;
	border-right : none;
	border-bottom: none;
	background: #ececec;
	padding: 5px;
	margin : 0px;
	text-align: center;
	cursor: pointer;
	color: rgb(33, 117, 155);
}

.rpbchessboard-admin-tabs > ul > li:hover {
	color: rgb(213, 78, 33);
}

.rpbchessboard-admin-tabs > ul > li:last-child {
	border-bottom: solid 1px #dfdfdf;
}

.rpbchessboard-admin-tabs > ul > li.rpbchessboard-admin-selected {
	background: #fcfcfc;
}

.rpbchessboard-admin-tabs > div > p:first-child {
	margin-top: 0px;
}

.rpbchessboard-admin-tabs > div > p:last-child {
	margin-bottom: 0px;
}



/******************************************************************************/
/*** Code and visualization blocks ***/

.rpbchessboard-admin-code-block,
.rpbchessboard-admin-code-inline {
	font-family: Consolas, Monaco, monospace;
	font-style : normal;
}

.rpbchessboard-admin-code-block {
	border: solid 1px #bbb;
	background-color: #ffffe0;
	padding: 8px 10px 8px;
	margin-bottom: 1em;
}

.rpbchessboard-admin-visu-block {
	border: solid 1px #bbb;
	background-color: white;
	margin-right : 5px;
	margin-bottom: 5px;
	box-shadow: 5px 5px 3px #888;
	padding: 5px 15px 5px;
	font-family: Times, serif;
	font-size  : 17px;
	line-height: 1.3em;
}

.rpbchessboard-admin-visu-block p {
	font-family: inherit;
	font-size  : inherit;
	line-height: inherit;
}



/******************************************************************************/
/*** Memo page ***/

#rpbchessboard-admin-memo .rpbchessboard-admin-column-left {
	width: 50%;
}

#rpbchessboard-admin-memo .rpbchessboard-admin-column-right {
	width: 50%;
}



/******************************************************************************/
/*** Options page ***/

#rpbchessboard-admin-options .rpbchessboard-admin-column-left {
	width: 250px;
}

#rpbchessboard-admin-squareSize {
	text-align: right;
}



/******************************************************************************/
/*** Help page ***/

#rpbchessboard-admin-help .subsubsub {
	float: none;
}

#rpbchessboard-admin-help .subsubsub li:after {
	content: "|";
}

#rpbchessboard-admin-help .subsubsub li:last-child:after {
	content: none;
}

#rpbchessboard-admin-fenExamples .rpbchessboard-admin-column-left {
	width: 40%;
}

#rpbchessboard-admin-fenExamples .rpbchessboard-admin-column-right {
	width: 60%;
}

#rpbchessboard-admin-fenExamples > ul {
	width: 20%;
}

#rpbchessboard-admin-fenExamples > div {
	width: 80%;
}

#rpbchessboard-admin-fenAttributes > ul {
	width: 15%;
}

#rpbchessboard-admin-fenAttributes > div {
	width: 85%;
}

#rpbchessboard-admin-pgnExamples .rpbchessboard-admin-column-left,
#rpbchessboard-admin-pgnExamples .rpbchessboard-admin-column-right {
	width: 50%;
}

#rpbchessboard-admin-pgnExamples > ul {
	width: 15%;
}

#rpbchessboard-admin-pgnExamples > div {
	width: 85%;
}

#rpbchessboard-admin-pgnAnnotations .rpbchessboard-admin-column-left,
#rpbchessboard-admin-pgnAnnotations .rpbchessboard-admin-column-right,
#rpbchessboard-admin-pgnCommentaries .rpbchessboard-admin-column-left,
#rpbchessboard-admin-pgnCommentaries .rpbchessboard-admin-column-right,
#rpbchessboard-admin-pgnVariations .rpbchessboard-admin-column-left,
#rpbchessboard-admin-pgnVariations .rpbchessboard-admin-column-right,
#rpbchessboard-admin-pgnDiagrams .rpbchessboard-admin-column-left,
#rpbchessboard-admin-pgnDiagrams .rpbchessboard-admin-column-right {
	width: 50%;
}



/******************************************************************************/
/*** About page ***/

#rpbchessboard-admin-translator-list {
	display: table;
}

#rpbchessboard-admin-translator-list div {
	display: table-row;
}

#rpbchessboard-admin-translator-list dt,
#rpbchessboard-admin-translator-list dd {
	display: table-cell;
}

#rpbchessboard-admin-translator-list dd {
	padding-left: 15px;
}

#rpbchessboard-admin-translator-list img {
	vertical-align: middle;
}