sevilla12.css

/* Sevilla.css                                                */
/* This template (C)2006-2021 JBF Software                    */
/* Created by JP Hendriks                                     */
/* https://www.jbfsoftware.com                                */
/*                                                            */
/* Default style sheet for use with webtool                   */
/* You may freely modify this style sheet according to your   */
/* taste                                                      */

/* MainTitle is the overall style for the main data block     */
/* which is the part that contains the unique (player, round, */
/* ....) data for the specific page                           */
.MainTitle
{
	border-style: solid;
	border-width: thin;
	width: 440px;
	text-align: center;
}

/* MainTitleRow is the style for a row in the main title      */
.MainTitleRow
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
}

/* Unit is the style for a page unit                          */
/* used mainly to style the main boxes                        */
.Unit
{
	margin: 2px;
	font-family: helvetica, arial, serif;
	font-size: 1.25em;
	vertical-align:top;
	border-color:grey;
}

.HFlex
{
	display: flex;
	flex-direction:row;
}

.VFlex
{
	display: flex;
	flex-direction:column;
}

.IVFlex
{
	display: inline-flex;
	flex-direction:column;
}

/* SingleLineTitle is the overall style for the single line   */
/* data block.                                                */
.SingleLineTitle
{
	border-style: solid;
	border-width: thin;
	width: 360px;
	text-align: center;
	padding: 2px;
}

/* SingleLineRow is the style for the row in the singleLine   */
.SingleLineRow
{
	background-color: #d0fad0;
	font-size: 1em;
}

/* MemoTitle is the overall style for the memo                */
.Memo
{
	border-style: solid;
	border-width: thin;
	padding: 2px;
}

/* MemoRow is the style for the row in the memo               */
.MemoRow
{
	background-color: #d0fad0;
	font-size: 1em;
}

/* Logo is the style for the logo                             */
.Logo
{
	vertical-align: top;
	border-style: solid;
	border-width: thin;
	border-spacing: 0px;
	border-color: grey;
}

.Logo img
{
	height: 104px;
}

/* CompInfoTable is the style for the general competition     */
/* and group data found at the start of each page             */
.CompInfoTable
{
	border-style: solid;
	border-width: thin;
	width: 440px;
}

/* style for the line in the competition info table           */
/* containing the competition name                            */
.CompInfoHeader
{
	font-weight: bold;
	text-align: center;
	background-color: #90e890;
}

/* style for the other competition info - caption             */
.CompInfoCaption
{
	background-color: #90e890;
}

/* style for the other competition info - value               */
.CompInfoValue
{
	background-color: #d0fad0;
}

/* style for the line in the competition info table           */
/* containing the group name                                  */
.GroupInfoHeader
{
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #90e890;
}

/* MainTable holds the style of the main table                */
.MainTable
{
	border-style: none;
	vertical-align: top;
}

/* MenuTable is the style used for the "menu structure"       */
/* containing the links to the various pages                  */
.MenuTable
{
	border-style: solid;
	border-width: thin;
	border-color: grey;
	width: 135px;
	vertical-align: top;
}

/* MenuRow is the style for a row in the menu table           */
.MenuRow
{
	background-color: #d0fad0;
	overflow:hidden;
	margin:1px;
}

/* menu group name are additional attributes for the group    */
/* name in the menu                                           */
.MenuGroupName
{
	font-weight:bold;
}

/* CountryFlag is the style for the Country flags             */
.CountryFlag
{
	vertical-align: middle;
}

/* SmallPict is the style for a small player picture          */
.SmallPict
{
	vertical-align: middle;
}

/* NormalPict is the style for a normal player picture        */
.NormalPict
{
	vertical-align: middle;
}

/* LargePict is the style for a large player picture          */
/* This style is currently not used by Sevilla                */
.LargePict
{
	vertical-align: middle;
}

/* playerdata is the style for the table with player data     */
.PlayerDataTable
{
	border-style: solid;
	border-width: thin;
	width: 180px;
}

/* playerdatamainline is the style for the name line of the   */
/* player data table.                                         */
.PlayerDataHeader
{
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #90e890;
}

/* PlayerWebLink formats the cells where the player web links */
/* are shown                                                  */
.PlayerWebLink
{
	text-align: center;
}

/* style for the other player info - fixed labels             */
.PlayerDataCaption
{
	background-color: #90e890;
}

/* style for the other player info - values                   */
.PlayerDataValue
{
	background-color: #d0fad0;
}

/* GameListTable is the style for a table with games          */
.GameListTable
{
	border-style: solid;
	border-width: thin;
}

/* GameListHeader is the style for the header row of          */
/* a table with games                                         */
.GameListHeader
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
}

/* GameListOddLine is the style for rows in a game list with  */
/* oddindexes                                                 */
.GameListOddLine
{
	background-color: #d0fAd0;
}

/* GameListEvenLine is the style for rows in a game list with */
/* even indexes                                               */
.GameListEvenLine
{
	background-color: #90ee90;
}

/* Specific widths for the player names in the game list      */
.GM_White, .GM_Black, .AB_Player
{
	min-width: 135px;
}

/* PlayerListTable is the style for a table with the          */
/* participating players                                      */
.PlayerListTable
{
	border-style: solid;
	border-width: thin;
}

/* PlayerListTitle is the style for the title row of the table*/
/* with players                                               */
.PlayerListTitle
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
	text-align: center;
}

/* PlayerListHeader is the style for the header row of        */
/* a table containing the list of players                     */
.PlayerListHeader
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
}

/* PlayerListOddLine is the style for rows in a player list   */
/* with odd indexes                                           */
.PlayerListOddLine
{
	background-color: #d0fAd0;
}

/* PlayerListEvenLine is the style for rows in a player list  */
/* with even indexes                                          */
.PlayerListEvenLine
{
	background-color: #90ee90;
}

/* RankColumns is the Rank columns container - outside the    */
/* ranking table itself                                       */
.RankColumns
{
	border-spacing: 0px;
}

.RankColumn
{
	padding: 0px 2px 0px 0px;
}

/* RankingTable is the style for a table a ranking            */
.RankingTable
{
	border-style: solid;
	border-width: thin;
}

/* RankingTitle is the style for the title row in the ranking */
/* headers                                                    */
.RankingTitle
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
	text-align: center;
}

/* RankingHeader is the style for the header row of           */
/* a table containing a ranking                               */
.RankingHeader
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
}

/* RankingOddLine is the style for rows in a ranking with odd */
/* indexes                                                    */
.RankingOddLine
{
	background-color: #d0fAd0;
}

/* RankingEvenLine is the style for rows in a ranking with    */
/* even indexes                                               */
.RankingEvenLine
{
	background-color: #90ee90;
}

/* XTable is the style for a table with an crosstable or      */
/* similar                                                    */
.XTable
{
	border-style: solid;
	border-width: thin;
}

/* XTableHeader is the style for the header row of            */
/* a crosstable                                               */
.XTableHeader
{
	color: #ffffff;
	background-color: #90e890;
	font-weight: bold;
	vertical-align: bottom;
}

/* XTableOddline is the style for rows in a crosstable with   */
/* odd indexes                                                */
.XTableOddLine
{
	background-color: #d0fAd0;
}

/* XTableEvenline is the style for rows in a crosstable with  */
/* even indexes                                               */
.XTableEvenLine
{
	background-color: #90ee90;
}

/* XTableCell is special styling for cells of a crosstable,   */
/* gamefile, progress chart or color chart table              */
/* you may use this class to get a fixed width of the columns */
/* maybe in conjunction with the table's id.                  */
.XTableCell
{
}

/* XTableAxis is special styling for the cells that are not   */
/* applicable, because they refer to the same player. This is */
/* top left to bottom right diagonal.                         */
.XTableAxis
{
}

/* GameLink is the style for the small image, linking to the  */
/* game viewer. The default image is a small pawn, right to   */
/* the result                                                 */
.GameLink
{
	float: right;
	cursor: pointer;
}

/* GameFrame is the style for the IFRAME element including    */
/* the game viewer                                            */
/* Ideally the attributes used should work with HTML5 but     */
/* practically this is different                              */
.GameFrame
{
/*	overflow:hidden; */
/*	border-width:0px; */
}

/* ShowBoard is the style used for a board begin shown        */
/* It is unlikely you need to change this                     */
.ShowBoard
{
	display: block;
	position: fixed;
	top: 60px;
	left: 70px;
	width: 500px;
	height: 368px;
}

* html .ShowBoard
{
	position: absolute;
	width: 508px;
	height: 376px;
	top: expression(eval(document.body.scrollTop+70));
}

/* HideBboard is the style used for a board begin hidden      */
/* It is unlikely you need to change this                     */
.HideBoard
{
	display: none;
}

/* GameTable is the style used to set up the game display area*/
.GameTable
{
	border-style: solid;
	border-width: thin;
	background-color: #ecf6ec;
}

/* NavigateArea is the id of the block of controls            */
#NavigateArea
{
	justify-content:center;
}

/* Navigate and NavigateDisabled control the format of the    */
/* navigation buttons First, Previous, Next and Last          */
.Navigate, .NavigateDisabled
{
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 2px;
	border-style: solid;
	border-color: black;
	border-width: thin;
}

.Navigate
{
	cursor: pointer;
}

.NavigateDisabled
{
	background-color: #808080;
	cursor: auto;
}

/* PGNLink is the format for the link to the PGN page         */
.PGNLink
{
	vertical-align: middle;
	text-align: center;
	font-size: xx-small;
}

/* Game data is the overall format for the game data          */
/* include white, black and result                            */

.GameData
{
	font-family: helvetica, arial, serif;
	font-weight: bold;
/*	font-size: calc(1.25em+1pt); */
	font-size: 1.25em;
	text-align: center;
	color: #ffffff;
	background-color: #90e890;
}

/* Board is the overall format for the board area             */
.Board
{
	text-align: center;
	margin: 0 auto;
}

/* BoardSquare is specific styling for a square               */
.BoardSquare
{
}

/* PieceImage is styling for the piece image                  */
.PieceImage
{
	display:block;
}

/* MoveListContainer describes the table that holds the moves */
.MoveListContainer
{
	vertical-align:top;
	width: 180px;
	height: 280px;
	overflow: auto;
}

/* MoveListContainerRows describes the table that holds the   */
/* moves in rows layout style                                 */
.MoveListContainerRows
{
	vertical-align:top;
	width: 450px;
	max-height: 280px;
	overflow: auto;
}

/* MoveList is the table that holds the moves (table style)   */
.MoveList
{
	padding: 0;
	vertical-align: top;
	border-left-style: solid;
	border-top-style: solid;
	border-left-color: black;
	border-top-color: black;
	border-width: thin;
	line-height: 10.5pt;
}

/* MoveListText is the text container of moves (text style)   */
.MoveListText
{
	vertical-align: top;
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-style: solid;
	border-color: black;
	border-width: thin;
	line-height: 10.5pt;
}

.MoveListText td
{
	vertical-align: top;
	width: 100%;
	height: 100%;
}

/* MoveListRows is the text container of moves (text style)   */
/* rows layout                                                */
.MoveListRows
{
	padding: 0;
	vertical-align: top;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	line-height: 10.5pt;
}

/* The Move is the format of the move (table style)           */
.Move, .SelectedMove
{
	font-family: "lucida console", courier, sans-serif;
	text-align: center;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: black;
	border-bottom-color: black;
	border-width: thin;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

/* MoveText is the format of moves (text style)               */
.MoveText, .SelectedMoveText
{
	cursor: pointer;
}

/* MoveTextMainLine is the format of main line moves          */
/* (text style)                                               */
.MoveTextMainLine
{
	font-weight: bold;
}

/* MoveTextVariation is the format of variation moves         */
/* (text style)                                               */
.MoveTextVariation
{
	font-style: italic;
}

/* SelectedMove holds additional format for the move currently*/
/* on the board.                                              */
.SelectedMove, .SelectedMoveText
{
	background-color: #90ee90;
}

/* MoveComment is the style used for displaying comments in   */
/* a text styled move list.                                   */
.MoveComment
{
	font-style: italic;
}

/* Hovering modification.                                     */
.Move:hover, .Navigate:hover, .MoveText:hover
{
	background-color: #c0f8c0;
}

/* below are constraints for 'ordinary' html tag rendering    */

body
{
	background-color: #ecf6ec;
	font-size: 8pt;
}

ul
{
	padding-left: 10px;
	margin-left: 10px;
}

table
{
	border-color:grey;
}

tbody
{
	vertical-align:inherit;
}

td,th
{
	font-family: helvetica, arial, serif;
	font-size: 1.25em;
}

a
{
}