deepcrayon
/
lila
1
0
Fork 0
Code Releases Activity

delete old stylesheets

pull/5003/head
Thibault Duplessis 2019-04-21 21:32:11 +07:00
parent c77cd3acf7
commit 9e3421e09c
74 changed files with 196 additions and 13260 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/templating/AssetHelper.scala
View File

@ -39,13 +39,6 @@ trait AssetHelper { self: I18nHelper with SecurityHelper =>
def responsiveCssTagNoTheme(name: String)(implicit ctx: Context): Frag =
cssAt(s"css/$name.${if (isProd) "min" else "dev"}.css")
def cssTag(name: String): Frag = cssAt("stylesheets/" + name)
def cssTags(names: String*): Frag = names map cssTag
def cssTags(names: List[(String, Boolean)]): Frag =
cssTags(names.collect { case (k, true) => k }: _*)
def cssVendorTag(name: String): Frag = cssAt("vendor/" + name)
def cssAt(path: String): Frag = raw {

233
app/views/account/pref.scala
View File

@ -36,127 +36,126 @@ object pref {
def apply(u: lila.user.User, form: play.api.data.Form[_], categ: lila.pref.PrefCateg)(implicit ctx: Context) = account.layout(
title = s"${bits.categName(categ)} - ${u.username} - ${trans.preferences.txt()}",
active = categ.slug,
evenMoreCss = cssTag("pref.css")
active = categ.slug
) {
val booleanChoices = Seq(0 -> trans.no.txt(), 1 -> trans.yes.txt())
div(cls := "account box box-pad")(
h1(bits.categName(categ)),
st.form(cls := "autosubmit", action := routes.Pref.formApply, method := "POST")(
categFieldset(PrefCateg.GameDisplay, categ)(
setting(
trans.pieceAnimation.frag(),
radios(form("display.animation"), translatedAnimationChoices)
),
setting(
trans.materialDifference.frag(),
radios(form("display.captured"), booleanChoices)
),
setting(
trans.boardHighlights.frag(),
radios(form("display.highlight"), booleanChoices)
),
setting(
trans.pieceDestinations.frag(),
radios(form("display.destination"), booleanChoices)
),
setting(
trans.boardCoordinates.frag(),
radios(form("display.coords"), translatedBoardCoordinateChoices)
),
setting(
trans.moveListWhilePlaying.frag(),
radios(form("display.replay"), translatedMoveListWhilePlayingChoices)
),
setting(
trans.pgnPieceNotation.frag(),
radios(form("display.pieceNotation"), translatedPieceNotationChoices)
),
setting(
trans.zenMode.frag(),
radios(form("display.zen"), booleanChoices)
),
setting(
trans.blindfoldChess.frag(),
radios(form("display.blindfold"), translatedBlindfoldChoices)
)
val booleanChoices = Seq(0 -> trans.no.txt(), 1 -> trans.yes.txt())
div(cls := "account box box-pad")(
h1(bits.categName(categ)),
st.form(cls := "autosubmit", action := routes.Pref.formApply, method := "POST")(
categFieldset(PrefCateg.GameDisplay, categ)(
setting(
trans.pieceAnimation.frag(),
radios(form("display.animation"), translatedAnimationChoices)
),
categFieldset(PrefCateg.ChessClock, categ)(
setting(
trans.tenthsOfSeconds.frag(),
radios(form("clockTenths"), translatedClockTenthsChoices)
),
setting(
trans.horizontalGreenProgressBars.frag(),
radios(form("clockBar"), booleanChoices)
),
setting(
trans.soundWhenTimeGetsCritical.frag(),
radios(form("clockSound"), booleanChoices)
)
setting(
trans.materialDifference.frag(),
radios(form("display.captured"), booleanChoices)
),
categFieldset(PrefCateg.GameBehavior, categ)(
setting(
trans.howDoYouMovePieces.frag(),
radios(form("behavior.moveEvent"), translatedMoveEventChoices)
),
setting(
trans.premovesPlayingDuringOpponentTurn.frag(),
radios(form("behavior.premove"), booleanChoices)
),
setting(
trans.takebacksWithOpponentApproval.frag(),
radios(form("behavior.takeback"), translatedTakebackChoices)
),
setting(
trans.promoteToQueenAutomatically.frag(),
radios(form("behavior.autoQueen"), translatedAutoQueenChoices)
),
setting(
trans.claimDrawOnThreefoldRepetitionAutomatically.frag(),
radios(form("behavior.autoThreefold"), translatedAutoThreefoldChoices)
),
setting(
trans.moveConfirmation.frag(),
radios(form("behavior.submitMove"), submitMoveChoices)
),
setting(
trans.confirmResignationAndDrawOffers.frag(),
radios(form("behavior.confirmResign"), confirmResignChoices)
),
setting(
trans.inputMovesWithTheKeyboard.frag(),
radios(form("behavior.keyboardMove"), booleanChoices)
),
setting(
trans.castleByMovingTheKingTwoSquaresOrOntoTheRook.frag(),
radios(form("behavior.rookCastle"), translatedRookCastleChoices)
)
setting(
trans.boardHighlights.frag(),
radios(form("display.highlight"), booleanChoices)
),
categFieldset(PrefCateg.Privacy, categ)(
setting(
trans.letOtherPlayersFollowYou.frag(),
radios(form("follow"), booleanChoices)
),
setting(
trans.letOtherPlayersChallengeYou.frag(),
radios(form("challenge"), translatedChallengeChoices)
),
setting(
trans.letOtherPlayersMessageYou.frag(),
radios(form("message"), translatedMessageChoices)
),
setting(
trans.letOtherPlayersInviteYouToStudy.frag(),
radios(form("studyInvite"), translatedStudyInviteChoices)
),
setting(
trans.shareYourInsightsData.frag(),
radios(form("insightShare"), translatedInsightSquareChoices)
)
setting(
trans.pieceDestinations.frag(),
radios(form("display.destination"), booleanChoices)
),
p(cls := "saved text none", dataIcon := "E")(trans.yourPreferencesHaveBeenSaved.frag())
)
setting(
trans.boardCoordinates.frag(),
radios(form("display.coords"), translatedBoardCoordinateChoices)
),
setting(
trans.moveListWhilePlaying.frag(),
radios(form("display.replay"), translatedMoveListWhilePlayingChoices)
),
setting(
trans.pgnPieceNotation.frag(),
radios(form("display.pieceNotation"), translatedPieceNotationChoices)
),
setting(
trans.zenMode.frag(),
radios(form("display.zen"), booleanChoices)
),
setting(
trans.blindfoldChess.frag(),
radios(form("display.blindfold"), translatedBlindfoldChoices)
)
),
categFieldset(PrefCateg.ChessClock, categ)(
setting(
trans.tenthsOfSeconds.frag(),
radios(form("clockTenths"), translatedClockTenthsChoices)
),
setting(
trans.horizontalGreenProgressBars.frag(),
radios(form("clockBar"), booleanChoices)
),
setting(
trans.soundWhenTimeGetsCritical.frag(),
radios(form("clockSound"), booleanChoices)
)
),
categFieldset(PrefCateg.GameBehavior, categ)(
setting(
trans.howDoYouMovePieces.frag(),
radios(form("behavior.moveEvent"), translatedMoveEventChoices)
),
setting(
trans.premovesPlayingDuringOpponentTurn.frag(),
radios(form("behavior.premove"), booleanChoices)
),
setting(
trans.takebacksWithOpponentApproval.frag(),
radios(form("behavior.takeback"), translatedTakebackChoices)
),
setting(
trans.promoteToQueenAutomatically.frag(),
radios(form("behavior.autoQueen"), translatedAutoQueenChoices)
),
setting(
trans.claimDrawOnThreefoldRepetitionAutomatically.frag(),
radios(form("behavior.autoThreefold"), translatedAutoThreefoldChoices)
),
setting(
trans.moveConfirmation.frag(),
radios(form("behavior.submitMove"), submitMoveChoices)
),
setting(
trans.confirmResignationAndDrawOffers.frag(),
radios(form("behavior.confirmResign"), confirmResignChoices)
),
setting(
trans.inputMovesWithTheKeyboard.frag(),
radios(form("behavior.keyboardMove"), booleanChoices)
),
setting(
trans.castleByMovingTheKingTwoSquaresOrOntoTheRook.frag(),
radios(form("behavior.rookCastle"), translatedRookCastleChoices)
)
),
categFieldset(PrefCateg.Privacy, categ)(
setting(
trans.letOtherPlayersFollowYou.frag(),
radios(form("follow"), booleanChoices)
),
setting(
trans.letOtherPlayersChallengeYou.frag(),
radios(form("challenge"), translatedChallengeChoices)
),
setting(
trans.letOtherPlayersMessageYou.frag(),
radios(form("message"), translatedMessageChoices)
),
setting(
trans.letOtherPlayersInviteYouToStudy.frag(),
radios(form("studyInvite"), translatedStudyInviteChoices)
),
setting(
trans.shareYourInsightsData.frag(),
radios(form("insightShare"), translatedInsightSquareChoices)
)
),
p(cls := "saved text none", dataIcon := "E")(trans.yourPreferencesHaveBeenSaved.frag())
)
}
)
}
}

33
app/views/account/twoFactor.scala
View File

@ -41,24 +41,23 @@ object twoFactor {
def disable(u: lila.user.User, form: play.api.data.Form[_])(implicit ctx: Context) = account.layout(
title = s"${u.username} - Two-factor authentication",
active = "twofactor",
evenMoreCss = cssTag("form3.css")
active = "twofactor"
) {
div(cls := "account twofactor box box-pad")(
h1(
i(cls := "is-green", dataIcon := "E"),
" Two-factor authentication enabled"
div(cls := "account twofactor box box-pad")(
h1(
i(cls := "is-green", dataIcon := "E"),
" Two-factor authentication enabled"
),
p("Your account is protected with two-factor authentication."),
st.form(cls := "form3", action := routes.Account.disableTwoFactor, method := "POST")(
p(
"You need your password and an authentication code from your authenticator app to disable two-factor authentication. ",
"If you lost access to your authentication codes, you can also do a password reset via email."
),
p("Your account is protected with two-factor authentication."),
st.form(cls := "form3", action := routes.Account.disableTwoFactor, method := "POST")(
p(
"You need your password and an authentication code from your authenticator app to disable two-factor authentication. ",
"If you lost access to your authentication codes, you can also do a password reset via email."
),
form3.password(form("passwd"), trans.password.frag()),
form3.group(form("token"), raw("Authentication code"))(form3.input(_)(pattern := "[0-9]{6}", autocomplete := "off", required)),
form3.action(form3.submit(raw("Disable two-factor authentication"), icon = None))
)
form3.password(form("passwd"), trans.password.frag()),
form3.group(form("token"), raw("Authentication code"))(form3.input(_)(pattern := "[0-9]{6}", autocomplete := "off", required)),
form3.action(form3.submit(raw("Disable two-factor authentication"), icon = None))
)
}
)
}
}

2
app/views/base/layout.scala
View File

@ -25,7 +25,7 @@ object layout {
metaCsp(csp.getOrElse(defaultCsp))
def pieceSprite(implicit ctx: Context): Frag = pieceSprite(ctx.currentPieceSet)
def pieceSprite(ps: lila.pref.PieceSet): Frag =
link(id := "piece-sprite", href := assetUrl(s"stylesheets/piece/$ps.css"), tpe := "text/css", rel := "stylesheet")
link(id := "piece-sprite", href := assetUrl(s"piece-css/$ps.css"), tpe := "text/css", rel := "stylesheet")
def innerCoordsCss(implicit ctx: Context) = {
val color = ctx.currentTheme.cssClass match {
case "brown" | "blue" | "green" => ctx.currentTheme.cssClass

40
app/views/study/create.scala
View File

@ -20,27 +20,29 @@ object create {
title = "Study",
icon = Some("4"),
back = true,
moreCss = cssTag("study-create.css").some
moreCss = responsiveCssTag("study.create").some
) {
form(action := routes.Study.create, method := "POST")(
input(`type` := "hidden", name := "gameId", value := data.gameId),
input(`type` := "hidden", name := "orientation", value := data.orientationStr),
input(`type` := "hidden", name := "fen", value := data.fenStr),
input(`type` := "hidden", name := "pgn", value := data.pgnStr),
input(`type` := "hidden", name := "variant", value := data.variantStr),
h2("So, where do you want to study that?"),
p(
button(name := "as", value := "study",
`type` := "submit", cls := "submit button large new text", dataIcon := "4")("New study")
),
div(cls := "studies")(
div(
h2("My studies"),
owner map studyButton
div(cls := "study-create")(
form(action := routes.Study.create, method := "POST")(
input(tpe := "hidden", name := "gameId", value := data.gameId),
input(tpe := "hidden", name := "orientation", value := data.orientationStr),
input(tpe := "hidden", name := "fen", value := data.fenStr),
input(tpe := "hidden", name := "pgn", value := data.pgnStr),
input(tpe := "hidden", name := "variant", value := data.variantStr),
h2("So, where do you want to study that?"),
p(
button(name := "as", value := "study",
tpe := "submit", cls := "submit button large new text", dataIcon := "4")("New study")
),
div(
h2("Studies I contribute to"),
contrib map studyButton
div(cls := "studies")(
div(
h2("My studies"),
owner map studyButton
),
div(
h2("Studies I contribute to"),
contrib map studyButton
)
)
)
)

0
public/stylesheets/piece/alpha.css → public/piece-css/alpha.css
View File

0
public/stylesheets/piece/cburnett.css → public/piece-css/cburnett.css
View File

0
public/stylesheets/piece/chess7.css → public/piece-css/chess7.css
View File

0
public/stylesheets/piece/chessnut.css → public/piece-css/chessnut.css
View File

0
public/stylesheets/piece/companion.css → public/piece-css/companion.css
View File

0
public/stylesheets/piece/fantasy.css → public/piece-css/fantasy.css
View File

0
public/stylesheets/piece/kosal.css → public/piece-css/kosal.css
View File

0
public/stylesheets/piece/leipzig.css → public/piece-css/leipzig.css
View File

0
public/stylesheets/piece/letter.css → public/piece-css/letter.css
View File

0
public/stylesheets/piece/merida.css → public/piece-css/merida.css
View File

0
public/stylesheets/piece/pirouetti.css → public/piece-css/pirouetti.css
View File

0
public/stylesheets/piece/reillycraig.css → public/piece-css/reillycraig.css
View File

0
public/stylesheets/piece/riohacha.css → public/piece-css/riohacha.css
View File

0
public/stylesheets/piece/shapes.css → public/piece-css/shapes.css
View File

0
public/stylesheets/piece/spatial.css → public/piece-css/spatial.css
View File

188
public/stylesheets/analyse-embed.css
View File

@ -1,188 +0,0 @@
body {
overflow: hidden;
}
.is2d {
background: #fff;
}
body.dark,
body.dark .is2d {
background: #2b2b2b;
}
div.lichess_game {
height: 100%;
flex-flow: row nowrap;
}
div.lichess_game div.lichess_ground {
flex: 1 1 100%!important;
padding-left: 0;
width: auto;
}
.cg-512 .cg-board-wrap {
width: 100%;
height: 100%;
}
div.game_control {
border: 1px solid #ccc;
border-width: 0 1px 1px 0;
background: #eaeaea;
}
div.game_control .jumps {
flex: 1 1 100%;
justify-content: center;
}
.action_menu {
border: 1px solid #ccc;
border-width: 1px 1px 0 0;
background: #f8f8f8;
}
.pocket {
border-radius: 0;
background: #888!important;
padding: 2px 0;
margin: 0px!important;
justify-content: space-between;
max-height: 13%;
}
.pocket piece {
flex: 0 1 56px;
height: 100%!important;
background-size: contain;
background-repeat: no-repeat;
}
.pocket.usable piece:first-child:hover {
border-radius: 0;
}
@media (max-width: 739px) {
.pocket,
.pocket piece {
flex-basis: 46px;
}
.pocket piece::after {
line-height: 12px;
padding: 2px 3px 2px 3px;
font-weight: bold;
border-radius: 1px;
font-size: 13px;
}
}
@media (max-width: 599px) {
.pocket,
.pocket piece {
flex-basis: 40px;
}
}
footer {
font-size: 10.5px;
display: flex;
border: 1px solid #ccc;
border-top: none;
box-sizing: border-box;
height: 26px;
align-items: center;
padding: 0 0.7em;
background: #e4e4e4;
color: #888;
}
footer a {
color: #3893E8!important;
}
footer .left {
flex: 1 1 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
footer h1 {
display: inline;
}
footer .open {
flex: 0 0 auto;
}
footer > * {
opacity: 0.8;
transition: opacity 0.13s;
}
footer:hover > * {
opacity: 1;
}
body.dark div.game_control {
border-color: #3d3d3d;
background: #333;
}
body.dark .action_menu {
border-color: #3d3d3d;
background: #303030;
}
body.dark footer {
border-color: #3d3d3d;
background: #3a3a3a;
}
.tview2.inline {
font-size: 15px;
}
@media (max-width: 699px) {
body,
.tview2 {
font-size: 12px;
}
.tview2 lines lines move {
font-size: 10.5px;
}
.cg-board-wrap coords {
display: none;
}
}
@media (max-width: 549px) {
body,
.tview2 {
font-size: 11px;
}
.tview2 lines lines move {
font-size: 10px;
}
.cg-board-wrap coords {
display: none;
}
}
@media (max-width: 400px) {
body,
.tview2 {
font-size: 10px;
}
.tview2 lines lines move {
font-size: 9px;
}
}
@media (max-width: 420px) {
div.game_control .jumps button:first-child,
div.game_control .jumps button:last-child {
display: none;
}
}
@media (max-height: 400px) {
div.game_control {
flex: 0 0 30px;
}
div.game_control button {
line-height: 30px;
}
}
.not_found {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background: radial-gradient(circle, #484848, #2F3031);
}
.not_found h1 {
font-family: Roboto;
font-size: 3vw;
text-align: center;
color: rgba(255,255,255,0.3);
text-shadow: 0 0 9px rgba(0,0,0,0.3);
}

1753
public/stylesheets/analyse.css
View File

File diff suppressed because it is too large Load Diff

48
public/stylesheets/autocomplete.css
View File

@ -1,48 +0,0 @@
.tt-menu {
@extend %box-radius;
width: 15em;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
}
.tt-menu .empty {
padding: 5px 0 5px 10px;
}
.tt-menu .spinner {
margin: 10px auto;
width: 20px;
height: 20px;
}
a.tt-suggestion,
span.tt-suggestion {
color: #555;
padding: 5px 0 5px 5px;
line-height: 24px;
display: block;
cursor: pointer;
}
.tt-suggestion:hover {
background: rgba(56,147,232,0.2);
}
.tt-suggestion.tt-cursor {
background: #3893E8!important;
color: #fff!important;
}
.tt-suggestion.user-link i {
margin-right: 3px;
}
.tt-hint {
color: #aaa;
}
/* .tt-highlight { */
/* font-weight: bold; */
/* opacity: 0.5; */
/* } */
body.dark .tt-menu {
border-color: #3d3d3d;
background: #343434;
}
body.dark a.tt-suggestion,
body.dark span.tt-suggestion {
color: #aaa;
}

649
public/stylesheets/board-3d.css
View File

@ -1,649 +0,0 @@
.is3d .cg-512 .cg-board-wrap {
height: 464.5px
}
.is3d .cg-board-wrap coords.files {
bottom: calc(-12px - 3%);
}
.is3d .cg-board-wrap coords.ranks {
height: 100%;
}
.is3d piece {
/* original size:
width: 140.625%;
height: 179.6875%; */
/* size on 3D board, with height/width = 90.78571% */
width: 16.741%;
height: 23.563%;
left: -1.85%;
top: -9.1%;
}
.is3d piece.dragging,
.is3d #promotion_choice {
z-index: 70!important;
}
#top .dropdown {
z-index: 71;
}
.is3d .is2d piece {
/* copy of board.css to override miniboards */
left: 0;
top: 0;
width: 12.5%;
height: 12.5%;
}
.is3d div.lichess_game {
height: 476px;
}
.is3d .cg-board::before {
position: absolute;
top: -0.730688%;
left: 0;
width: 100%;
height: 103.2%;
content: '';
background-size: cover;
}
.is3d .is2d .cg-board {
/* copy of board.css to override miniboards */
top: 0;
height: 100%;
}
.is3d .is2d .cg-board::before {
content: none;
}
/* 3D boards */
.Black-White-Aluminium .is3d .cg-board::before {
background-image: url(../images/staunton/board/Black-White-Aluminium.png);
}
.Brushed-Aluminium .is3d .cg-board::before {
background-image: url(../images/staunton/board/Brushed-Aluminium.png);
}
.China-Blue .is3d .cg-board::before {
background-image: url(../images/staunton/board/China-Blue.png);
}
.China-Green .is3d .cg-board::before {
background-image: url(../images/staunton/board/China-Green.png);
}
.China-Grey .is3d .cg-board::before {
background-image: url(../images/staunton/board/China-Grey.png);
}
.China-Scarlet .is3d .cg-board::before {
background-image: url(../images/staunton/board/China-Scarlet.png);
}
.China-Yellow .is3d .cg-board::before {
background-image: url(../images/staunton/board/China-Yellow.png);
}
.Classic-Blue .is3d .cg-board::before {
background-image: url(../images/staunton/board/Classic-Blue.png);
}
.Transparent-Glass .is3d .cg-board::before {
background-image: url(../images/staunton/board/Glass.png);
}
.Gold-Silver .is3d .cg-board::before {
background-image: url(../images/staunton/board/Gold-Silver.png);
}
.Green-Glass .is3d .cg-board::before {
background-image: url(../images/staunton/board/Green-Glass.png);
}
.Light-Wood .is3d .cg-board::before {
background-image: url(../images/staunton/board/Light-Wood.png);
}
.Power-Coated .is3d .cg-board::before {
background-image: url(../images/staunton/board/Power-Coated.png);
}
.Purple-Black .is3d .cg-board::before {
background-image: url(../images/staunton/board/Purple-Black.png);
}
.Rosewood .is3d .cg-board::before {
background-image: url(../images/staunton/board/Rosewood.png);
}
.Wood-Glass .is3d .cg-board::before {
background-image: url(../images/staunton/board/Wood-Glass.png);
}
.Wax .is3d .cg-board::before {
background-image: url(../images/staunton/board/Wax.png);
}
.Jade .is3d .cg-board::before {
background-image: url(../images/staunton/board/Jade.png);
}
.Marble .is3d .cg-board::before {
background-image: url(../images/board/3d/marble.1024.png);
}
.Woodi .is3d .cg-board::before {
background-image: url(../images/board/3d/woodi.1024.png);
}
/* 3D pieces */
.Basic .is3d .pawn.white {
background-image: url(../images/staunton/piece/Basic/White-Pawn.png);
}
.Basic .is3d .bishop.white {
background-image: url(../images/staunton/piece/Basic/White-Bishop.png);
}
.Basic .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Basic/White-Bishop-Flipped.png);
}
.Basic .is3d .knight.white {
background-image: url(../images/staunton/piece/Basic/White-Knight.png);
}
.Basic .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Basic/White-Knight-Flipped.png);
}
.Basic .is3d .rook.white {
background-image: url(../images/staunton/piece/Basic/White-Rook.png);
}
.Basic .is3d .queen.white {
background-image: url(../images/staunton/piece/Basic/White-Queen.png);
}
.Basic .is3d .king.white {
background-image: url(../images/staunton/piece/Basic/White-King.png);
}
.Basic .is3d .pawn.black {
background-image: url(../images/staunton/piece/Basic/Black-Pawn.png);
}
.Basic .is3d .bishop.black {
background-image: url(../images/staunton/piece/Basic/Black-Bishop.png);
}
.Basic .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Basic/Black-Bishop-Flipped.png);
}
.Basic .is3d .knight.black {
background-image: url(../images/staunton/piece/Basic/Black-Knight.png);
}
.Basic .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Basic/Black-Knight-Flipped.png);
}
.Basic .is3d .rook.black {
background-image: url(../images/staunton/piece/Basic/Black-Rook.png);
}
.Basic .is3d .queen.black {
background-image: url(../images/staunton/piece/Basic/Black-Queen.png);
}
.Basic .is3d .king.black {
background-image: url(../images/staunton/piece/Basic/Black-King.png);
}
.Glass .is3d .pawn.white {
background-image: url(../images/staunton/piece/Glass/White-Pawn.png);
}
.Glass .is3d .bishop.white {
background-image: url(../images/staunton/piece/Glass/White-Bishop.png);
}
.Glass .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Glass/White-Bishop-Flipped.png);
}
.Glass .is3d .knight.white {
background-image: url(../images/staunton/piece/Glass/White-Knight.png);
}
.Glass .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Glass/White-Knight-Flipped.png);
}
.Glass .is3d .rook.white {
background-image: url(../images/staunton/piece/Glass/White-Rook.png);
}
.Glass .is3d .queen.white {
background-image: url(../images/staunton/piece/Glass/White-Queen.png);
}
.Glass .is3d .king.white {
background-image: url(../images/staunton/piece/Glass/White-King.png);
}
.Glass .is3d .pawn.black {
background-image: url(../images/staunton/piece/Glass/Black-Pawn.png);
}
.Glass .is3d .bishop.black {
background-image: url(../images/staunton/piece/Glass/Black-Bishop.png);
}
.Glass .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Glass/Black-Bishop-Flipped.png);
}
.Glass .is3d .knight.black {
background-image: url(../images/staunton/piece/Glass/Black-Knight.png);
}
.Glass .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Glass/Black-Knight-Flipped.png);
}
.Glass .is3d .rook.black {
background-image: url(../images/staunton/piece/Glass/Black-Rook.png);
}
.Glass .is3d .queen.black {
background-image: url(../images/staunton/piece/Glass/Black-Queen.png);
}
.Glass .is3d .king.black {
background-image: url(../images/staunton/piece/Glass/Black-King.png);
}
.Wood .is3d .pawn.white {
background-image: url(../images/staunton/piece/Wood/White-Pawn.png);
}
.Wood .is3d .bishop.white {
background-image: url(../images/staunton/piece/Wood/White-Bishop.png);
}
.Wood .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Wood/White-Bishop-Flipped.png);
}
.Wood .is3d .knight.white {
background-image: url(../images/staunton/piece/Wood/White-Knight.png);
}
.Wood .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Wood/White-Knight-Flipped.png);
}
.Wood .is3d .rook.white {
background-image: url(../images/staunton/piece/Wood/White-Rook.png);
}
.Wood .is3d .queen.white {
background-image: url(../images/staunton/piece/Wood/White-Queen.png);
}
.Wood .is3d .king.white {
background-image: url(../images/staunton/piece/Wood/White-King.png);
}
.Wood .is3d .pawn.black {
background-image: url(../images/staunton/piece/Wood/Black-Pawn.png);
}
.Wood .is3d .bishop.black {
background-image: url(../images/staunton/piece/Wood/Black-Bishop.png);
}
.Wood .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Wood/Black-Bishop-Flipped.png);
}
.Wood .is3d .knight.black {
background-image: url(../images/staunton/piece/Wood/Black-Knight.png);
}
.Wood .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Wood/Black-Knight-Flipped.png);
}
.Wood .is3d .rook.black {
background-image: url(../images/staunton/piece/Wood/Black-Rook.png);
}
.Wood .is3d .queen.black {
background-image: url(../images/staunton/piece/Wood/Black-Queen.png);
}
.Wood .is3d .king.black {
background-image: url(../images/staunton/piece/Wood/Black-King.png);
}
.Metal .is3d .pawn.white {
background-image: url(../images/staunton/piece/Metal/White-Pawn.png);
}
.Metal .is3d .bishop.white {
background-image: url(../images/staunton/piece/Metal/White-Bishop.png);
}
.Metal .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Metal/White-Bishop-Flipped.png);
}
.Metal .is3d .knight.white {
background-image: url(../images/staunton/piece/Metal/White-Knight.png);
}
.Metal .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Metal/White-Knight-Flipped.png);
}
.Metal .is3d .rook.white {
background-image: url(../images/staunton/piece/Metal/White-Rook.png);
}
.Metal .is3d .queen.white {
background-image: url(../images/staunton/piece/Metal/White-Queen.png);
}
.Metal .is3d .king.white {
background-image: url(../images/staunton/piece/Metal/White-King.png);
}
.Metal .is3d .pawn.black {
background-image: url(../images/staunton/piece/Metal/Black-Pawn.png);
}
.Metal .is3d .bishop.black {
background-image: url(../images/staunton/piece/Metal/Black-Bishop.png);
}
.Metal .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Metal/Black-Bishop-Flipped.png);
}
.Metal .is3d .knight.black {
background-image: url(../images/staunton/piece/Metal/Black-Knight.png);
}
.Metal .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Metal/Black-Knight-Flipped.png);
}
.Metal .is3d .rook.black {
background-image: url(../images/staunton/piece/Metal/Black-Rook.png);
}
.Metal .is3d .queen.black {
background-image: url(../images/staunton/piece/Metal/Black-Queen.png);
}
.Metal .is3d .king.black {
background-image: url(../images/staunton/piece/Metal/Black-King.png);
}
.RedVBlue .is3d .pawn.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Pawn.png);
}
.RedVBlue .is3d .bishop.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Bishop.png);
}
.RedVBlue .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Bishop-Flipped.png);
}
.RedVBlue .is3d .knight.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Knight.png);
}
.RedVBlue .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Knight-Flipped.png);
}
.RedVBlue .is3d .rook.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Rook.png);
}
.RedVBlue .is3d .queen.white {
background-image: url(../images/staunton/piece/RedVBlue/White-Queen.png);
}
.RedVBlue .is3d .king.white {
background-image: url(../images/staunton/piece/RedVBlue/White-King.png);
}
.RedVBlue .is3d .pawn.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Pawn.png);
}
.RedVBlue .is3d .bishop.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Bishop.png);
}
.RedVBlue .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Bishop-Flipped.png);
}
.RedVBlue .is3d .knight.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Knight.png);
}
.RedVBlue .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Knight-Flipped.png);
}
.RedVBlue .is3d .rook.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Rook.png);
}
.RedVBlue .is3d .queen.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-Queen.png);
}
.RedVBlue .is3d .king.black {
background-image: url(../images/staunton/piece/RedVBlue/Black-King.png);
}
.Trimmed .is3d .pawn.white {
background-image: url(../images/staunton/piece/Trimmed/White-Pawn.png);
}
.Trimmed .is3d .bishop.white {
background-image: url(../images/staunton/piece/Trimmed/White-Bishop.png);
}
.Trimmed .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Trimmed/White-Bishop-Flipped.png);
}
.Trimmed .is3d .knight.white {
background-image: url(../images/staunton/piece/Trimmed/White-Knight.png);
}
.Trimmed .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Trimmed/White-Knight-Flipped.png);
}
.Trimmed .is3d .rook.white {
background-image: url(../images/staunton/piece/Trimmed/White-Rook.png);
}
.Trimmed .is3d .queen.white {
background-image: url(../images/staunton/piece/Trimmed/White-Queen.png);
}
.Trimmed .is3d .king.white {
background-image: url(../images/staunton/piece/Trimmed/White-King.png);
}
.Trimmed .is3d .pawn.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Pawn.png);
}
.Trimmed .is3d .bishop.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Bishop.png);
}
.Trimmed .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Bishop-Flipped.png);
}
.Trimmed .is3d .knight.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Knight.png);
}
.Trimmed .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Knight-Flipped.png);
}
.Trimmed .is3d .rook.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Rook.png);
}
.Trimmed .is3d .queen.black {
background-image: url(../images/staunton/piece/Trimmed/Black-Queen.png);
}
.Trimmed .is3d .king.black {
background-image: url(../images/staunton/piece/Trimmed/Black-King.png);
}
.Experimental .is3d .pawn.white {
background-image: url(../images/staunton/piece/Experimental/White-Pawn.png);
}
.Experimental .is3d .bishop.white {
background-image: url(../images/staunton/piece/Experimental/White-Bishop.png);
}
.Experimental .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/Experimental/White-Bishop-Flipped.png);
}
.Experimental .is3d .knight.white {
background-image: url(../images/staunton/piece/Experimental/White-Knight.png);
}
.Experimental .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/Experimental/White-Knight-Flipped.png);
}
.Experimental .is3d .rook.white {
background-image: url(../images/staunton/piece/Experimental/White-Rook.png);
}
.Experimental .is3d .queen.white {
background-image: url(../images/staunton/piece/Experimental/White-Queen.png);
}
.Experimental .is3d .king.white {
background-image: url(../images/staunton/piece/Experimental/White-King.png);
}
.Experimental .is3d .pawn.black {
background-image: url(../images/staunton/piece/Experimental/Black-Pawn.png);
}
.Experimental .is3d .bishop.black {
background-image: url(../images/staunton/piece/Experimental/Black-Bishop.png);
}
.Experimental .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/Experimental/Black-Bishop-Flipped.png);
}
.Experimental .is3d .knight.black {
background-image: url(../images/staunton/piece/Experimental/Black-Knight.png);
}
.Experimental .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/Experimental/Black-Knight-Flipped.png);
}
.Experimental .is3d .rook.black {
background-image: url(../images/staunton/piece/Experimental/Black-Rook.png);
}
.Experimental .is3d .queen.black {
background-image: url(../images/staunton/piece/Experimental/Black-Queen.png);
}
.Experimental .is3d .king.black {
background-image: url(../images/staunton/piece/Experimental/Black-King.png);
}
.ModernJade .is3d .pawn.white {
background-image: url(../images/staunton/piece/ModernJade/White-Pawn.png);
}
.ModernJade .is3d .bishop.white {
background-image: url(../images/staunton/piece/ModernJade/White-Bishop.png);
}
.ModernJade .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/ModernJade/White-Bishop-Flipped.png);
}
.ModernJade .is3d .knight.white {
background-image: url(../images/staunton/piece/ModernJade/White-Knight.png);
}
.ModernJade .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/ModernJade/White-Knight-Flipped.png);
}
.ModernJade .is3d .rook.white {
background-image: url(../images/staunton/piece/ModernJade/White-Rook.png);
}
.ModernJade .is3d .queen.white {
background-image: url(../images/staunton/piece/ModernJade/White-Queen.png);
}
.ModernJade .is3d .king.white {
background-image: url(../images/staunton/piece/ModernJade/White-King.png);
}
.ModernJade .is3d .pawn.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Pawn.png);
}
.ModernJade .is3d .bishop.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Bishop.png);
}
.ModernJade .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Bishop-Flipped.png);
}
.ModernJade .is3d .knight.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Knight.png);
}
.ModernJade .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Knight-Flipped.png);
}
.ModernJade .is3d .rook.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Rook.png);
}
.ModernJade .is3d .queen.black {
background-image: url(../images/staunton/piece/ModernJade/Black-Queen.png);
}
.ModernJade .is3d .king.black {
background-image: url(../images/staunton/piece/ModernJade/Black-King.png);
}
.ModernWood .is3d .pawn.white {
background-image: url(../images/staunton/piece/ModernWood/White-Pawn.png);
}
.ModernWood .is3d .bishop.white {
background-image: url(../images/staunton/piece/ModernWood/White-Bishop.png);
}
.ModernWood .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/ModernWood/White-Bishop-Flipped.png);
}
.ModernWood .is3d .knight.white {
background-image: url(../images/staunton/piece/ModernWood/White-Knight.png);
}
.ModernWood .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/ModernWood/White-Knight-Flipped.png);
}
.ModernWood .is3d .rook.white {
background-image: url(../images/staunton/piece/ModernWood/White-Rook.png);
}
.ModernWood .is3d .queen.white {
background-image: url(../images/staunton/piece/ModernWood/White-Queen.png);
}
.ModernWood .is3d .king.white {
background-image: url(../images/staunton/piece/ModernWood/White-King.png);
}
.ModernWood .is3d .pawn.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Pawn.png);
}
.ModernWood .is3d .bishop.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Bishop.png);
}
.ModernWood .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Bishop-Flipped.png);
}
.ModernWood .is3d .knight.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Knight.png);
}
.ModernWood .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Knight-Flipped.png);
}
.ModernWood .is3d .rook.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Rook.png);
}
.ModernWood .is3d .queen.black {
background-image: url(../images/staunton/piece/ModernWood/Black-Queen.png);
}
.ModernWood .is3d .king.black {
background-image: url(../images/staunton/piece/ModernWood/Black-King.png);
}
.Staunton .is3d .pawn.white {
background-image: url(../images/staunton/piece/Staunton/White-Pawn.png);
}
.Staunton .is3d .bishop.white {
background-image: url(../images/staunton/piece/Staunton/White-Bishop.png);
}
.Staunton .is3d .knight.white {
background-image: url(../images/staunton/piece/Staunton/White-Knight.png);
}
.Staunton .is3d .rook.white {
background-image: url(../images/staunton/piece/Staunton/White-Rook.png);
}
.Staunton .is3d .queen.white {
background-image: url(../images/staunton/piece/Staunton/White-Queen.png);
}
.Staunton .is3d .king.white {
background-image: url(../images/staunton/piece/Staunton/White-King.png);
}
.Staunton .is3d .pawn.black {
background-image: url(../images/staunton/piece/Staunton/Black-Pawn.png);
}
.Staunton .is3d .bishop.black {
background-image: url(../images/staunton/piece/Staunton/Black-Bishop.png);
}
.Staunton .is3d .knight.black {
background-image: url(../images/staunton/piece/Staunton/Black-Knight.png);
}
.Staunton .is3d .rook.black {
background-image: url(../images/staunton/piece/Staunton/Black-Rook.png);
}
.Staunton .is3d .queen.black {
background-image: url(../images/staunton/piece/Staunton/Black-Queen.png);
}
.Staunton .is3d .king.black {
background-image: url(../images/staunton/piece/Staunton/Black-King.png);
}
.CubesAndPi .is3d .pawn.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Pawn.png);
}
.CubesAndPi .is3d .bishop.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Bishop.png);
}
.CubesAndPi .is3d .cg-512 .orientation-black .bishop.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Bishop-Flipped.png);
}
.CubesAndPi .is3d .knight.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Knight.png);
}
.CubesAndPi .is3d .cg-512 .orientation-black .knight.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Knight-Flipped.png);
}
.CubesAndPi .is3d .rook.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Rook.png);
}
.CubesAndPi .is3d .queen.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-Queen.png);
}
.CubesAndPi .is3d .king.white {
background-image: url(../images/staunton/piece/CubesAndPi/White-King.png);
}
.CubesAndPi .is3d .pawn.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Pawn.png);
}
.CubesAndPi .is3d .bishop.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Bishop.png);
}
.CubesAndPi .is3d .cg-512 .orientation-white .bishop.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Bishop-Flipped.png);
}
.CubesAndPi .is3d .knight.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Knight.png);
}
.CubesAndPi .is3d .cg-512 .orientation-white .knight.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Knight-Flipped.png);
}
.CubesAndPi .is3d .rook.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Rook.png);
}
.CubesAndPi .is3d .queen.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-Queen.png);
}
.CubesAndPi .is3d .king.black {
background-image: url(../images/staunton/piece/CubesAndPi/Black-King.png);
}
.is3d #promotion_choice piece {
width: 140.625%;
height: 197.925%;
top: 0;
left: -18%;
transform: scale(0.7) translateY(-45%);
background-position: 0 -6px;
}
.is3d div.current_player piece {
width: 100%;
height: 132%;
left: 0;
top: -6px;
background-size: cover;
background-position: 0 67%;
}

69
public/stylesheets/board.coords.inner.css
View File

@ -1,69 +0,0 @@
.cg-board-wrap coords {
color: #fff;
text-shadow: 0 1px 2px #000;
}
.cg-board-wrap coords.files {
bottom: 0px;
text-align: left;
}
.cg-board-wrap coords.files coord {
padding-left: 2px;
}
.cg-board-wrap coords.ranks {
right: -4px;
text-align: left;
}
.cg-board-wrap coords.ranks coord {
transform: none;
}
.brown coord, .green coord, .blue coord {
text-shadow: none;
}
.brown .orientation-white .files coords:nth-child(2n+1),
.brown .orientation-white .ranks coords:nth-child(2n),
.brown .orientation-black .files coords:nth-child(2n),
.brown .orientation-black .ranks coords:nth-child(2n+1) {
color: #F0D9B5;
}
.brown .orientation-white .files coord:nth-child(2n),
.brown .orientation-white .ranks coord:nth-child(2n+1),
.brown .orientation-black .files coord:nth-child(2n+1),
.brown .orientation-black .ranks coord:nth-child(2n) {
color: #946f51;
}
.green .orientation-white .files coords:nth-child(2n+1),
.green .orientation-white .ranks coords:nth-child(2n),
.green .orientation-black .files coords:nth-child(2n),
.green .orientation-black .ranks coords:nth-child(2n+1) {
color: #FFFFDD;
}
.green .orientation-white .files coord:nth-child(2n),
.green .orientation-white .ranks coord:nth-child(2n+1),
.green .orientation-black .files coord:nth-child(2n+1),
.green .orientation-black .ranks coord:nth-child(2n) {
color: #6d8753;
}
.blue .orientation-white .files coords:nth-child(2n+1),
.blue .orientation-white .ranks coords:nth-child(2n),
.blue .orientation-black .files coords:nth-child(2n),
.blue .orientation-black .ranks coords:nth-child(2n+1) {
color: #DEE3E6;
}
.blue .orientation-white .files coord:nth-child(2n),
.blue .orientation-white .ranks coord:nth-child(2n+1),
.blue .orientation-black .files coord:nth-child(2n+1),
.blue .orientation-black .ranks coord:nth-child(2n) {
color: #788a94;
}
/* negate inner coords colors */
.is3d .cg-board-wrap coords coord {
color: #fff!important;
text-shadow: 0 1px 2px #000!important;
}
.is3d .cg-board-wrap coords.files {
bottom: calc(1px - 2.5%);
}
.is3d .cg-board-wrap coords.files coord {
padding-left: 3px;
}

1143
public/stylesheets/board.css
View File

File diff suppressed because it is too large Load Diff

159
public/stylesheets/chat.css
View File

@ -1,159 +0,0 @@
div.mchat {
height: 100%;
display: flex;
flex-flow: column nowrap;
}
body.kid div.mchat {
display: none;
}
div.mchat .spinner {
padding-top: 100px;
}
div.mchat .chat_tabs {
flex: 0 0 auto;
display: flex;
}
div.mchat .chat_tabs .tab {
flex: 1 1 auto;
border: 1px solid #ccc;
border-width: 0 1px 1px 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
padding: 4px 8px 5px 8px;
}
div.mchat .chat_tabs .tab:not(.active) {
background: #e0e0e0;
opacity: 0.7;
cursor: pointer;
}
div.mchat .chat_tabs .tab:not(.active):hover {
opacity: 1;
}
div.mchat .chat_tabs .tab.active h2 {
font-weight: bold;
}
div.mchat .chat_tabs .tab input {
cursor: pointer;
}
div.mchat.optional .chat_tabs .tab.discussion {
display: flex;
justify-content: space-between;
align-items: center;
}
div.mchat .chat_tabs .tab span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.mchat .chat_tabs .tab:last-child {
border-right: none;
}
div.mchat .chat_tabs:not(.nb_1) .tab.active {
border-bottom-color: transparent!important;
}
div.mchat .content {
flex: 1 1 auto;
display: flex;
flex-flow: column nowrap;
overflow: hidden;
}
div.mchat .note textarea {
flex-grow: 1;
padding: 8px;
box-sizing: border-box;
border: none;
background-color: transparent;
color: #707070;
line-height: 1.7em;
outline: none;
resize: none;
}
div.mchat .lichess_say {
border: 0;
border-top: 1px solid #ccc;
padding: 3px 20px 3px 4px;
flex: 0 0 auto;
outline: none;
}
div.mchat .lichess_say.whisper {
color: #759900;
font-weight: bold;
font-style: italic;
}
div.mchat .messages {
display: block;
height: 100%;
overflow: hidden;
overflow-y: auto;
word-wrap: break-word;
padding-bottom: 2px;
cursor: initial;
}
div.mchat .messages li {
padding: 0.4em 0 0.4em 5px;
line-height: 14px;
margin: 0;
overflow-y: hidden;
}
body.no-select div.mchat .messages li {
-moz-user-select: text;
-webkit-user-select: text;
}
div.mchat .messages .deleted {
opacity: 0.5;
}
div.mchat .messages .system {
display: block;
opacity: 0.8;
font-style: italic;
font-size: 0.8em;
margin-left: 0;
text-align: center;
}
div.mchat .messages .color,
div.mchat .messages .user-link {
font-weight: bold;
padding: 0;
color: #888;
word-spacing: 0.3em;
letter-spacing: -1px;
}
body.dark div.mchat .messages .color,
body.dark div.mchat .messages .user-link {
color: #777;
}
div.mchat .messages .title {
margin-right: 3px;
}
div.mchat .messages a:not(.user-link) {
font-family: 'Roboto';
color: #3893E8;
}
div.mchat .presets {
display: flex;
flex: 0 0 auto;
align-items: center;
flex-flow: row nowrap;
}
div.mchat .presets span {
flex: 1 1 auto;
text-align: center;
display: block;
opacity: 0.7;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 11px;
text-transform: uppercase;
}
div.mchat .presets span:not(.disabled) {
cursor: pointer;
}
div.mchat .presets span.disabled {
color: transparent;
}
div.mchat .presets span:not(.disabled):hover {
background: #3893E8;
color: #fff;
opacity: 1;
}

98
public/stylesheets/chat.mod.css
View File

@ -1,98 +0,0 @@
div.mchat.mod div.top {
display: flex;
justify-content: space-between;
align-items: center;
}
div.mchat.mod div.top .toggle_chat {
cursor: pointer;
}
div.mchat.mod li {
position: relative;
}
div.mchat.mod i.mod {
display: none;
position: absolute;
top: 1px;
right: 0;
cursor: pointer;
margin-right: 3px;
padding: 4px 5px;
opacity: 0.5;
}
div.mchat.mod li:hover {
background: rgba(255,255,255,0.6);
}
body.dark div.mchat.mod li:hover {
background: rgba(255,255,255,0.05);
}
div.mchat.mod li:hover i.mod {
display: block;
text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
div.mchat.mod i.mod:hover {
opacity: 1;
}
body.dark div.mchat.mod li i.mod {
text-shadow: 0 0 2px #000, 0 0 5px #000, 0 0 10px #000;
}
div.mchat.mod .moderation {
overflow: auto;
}
div.mchat.mod .block {
padding: 0 10px 10px 10px;
}
div.mchat.mod .moderation h2 {
text-transform: uppercase;
letter-spacing: 1px;
margin: 5px 0 10px 0;
}
div.mchat.mod .history table {
width: 100%;
}
div.mchat.mod .history .reason {
font-weight: bold;
text-transform: capitalize;
}
div.mchat.mod .history .mod,
div.mchat.mod .history time {
opacity: 0.8;
}
div.mchat.mod .infos {
padding-top: 10px;
}
div.mchat.mod .infos a {
color: #3893E8;
}
div.mchat.mod .infos > * {
display: inline-block;
margin-right: 5px;
}
div.mchat.mod .timeout a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #3893E8;
padding: 2px 0;
transition: 0.3s;
margin-left: -10px;
}
div.mchat.mod .timeout a::before {
opacity: 0;
transition: 0.3s;
}
div.mchat.mod .timeout a:hover {
margin-left: 0;
}
div.mchat.mod .timeout a:hover::before {
opacity: 1;
margin-right: 2px;
}
div.mchat.mod .shadowban {
margin-top: 10px;
}
div.mchat.mod .shadowban form {
display: inline;
}

4
public/stylesheets/cli.css
View File

@ -1,4 +0,0 @@
#clinput .tt-menu .empty,
#clinput .tt-menu .spinner {
display: none;
}

1683
public/stylesheets/common.css
View File

File diff suppressed because it is too large Load Diff

549
public/stylesheets/dark.css
View File

@ -1,549 +0,0 @@
body.dark {
background-color: #181818;
background-image: linear-gradient(to bottom, #2c2c2c, #181818 116px);
color: #929292;
}
body.dark a,
body.dark a:visited,
body.dark #powerTip > .actions a,
body.dark group.radio label,
body.dark .button,
body.dark .fbt {
color: #8f8f8f;
}
body.dark #video .content_box_top form input,
body.dark .study_box .list div.editing,
body.dark .study_box .list div.config,
body.dark input,
body.dark textarea,
body.dark div.analysis_menu > a.active,
body.dark div.mchat .chat_tabs .tab {
background: #181818;
color: #8f8f8f;
}
body.dark div.analysis_menu > a.active {
border-top-color: #181818;
}
body.dark .crosstable td {
background: #2a2a2a;
border-color: #181818;
}
body.dark #video_side .tag_list a.full:hover {
background: #222;
border-color: #444;
}
body.dark .fork,
body.dark .study_tabs a,
body.dark .lichess_ground .suggestion,
body.dark .lichess_ground .pending,
body.dark .lichess_ground .negotiation,
body.dark #video .tag_list a {
background: #363636;
color: #aaa;
}
body.dark #adv_chart_loader,
body.dark #video .tag_list a:hover {
background: #3a3a3a;
color: #a0a0a0;
}
body.dark #video .card .duration {
background: rgba(0,0,0,0.7);
}
body.dark .fbt.glowed,
body.dark #site_title {
color: #acacac;
}
body.dark .mini_board,
body.dark div.mchat div.top,
body.dark .undertable_top,
body.dark div.undertable_inner,
body.dark .undertable td,
body.dark .study_invite input,
body.dark div.side_box,
body.dark div.side_box .top,
body.dark .box,
body.dark .box .top,
body.dark div.table,
body.dark div.table_wrap > div.clock > div.time,
body.dark #tournament_schedule .schedule,
body.dark #tournament_side .box,
body.dark #tournament_side .player .stats,
body.dark #tournament_side .player tr > *,
body.dark #tournament_side .player tr:hover th,
body.dark .ceval_box,
body.dark .areplay .opening_box,
body.dark .areplay .chapter_name,
body.dark div.content_box,
body.dark div.content_box_inter,
body.dark div.content_box_inter a.active,
body.dark input.copyable,
body.dark textarea.copyable,
body.dark #site_header div.side_menu a.active,
body.dark div.sub_ratings > a.active,
body.dark div.game_row,
body.dark div.side form.search input,
body.dark #lichess_forum div.post,
body.dark .content_box form input,
body.dark .progressbar,
body.dark form.translation_form div.messages,
body.dark form.translation_form input,
body.dark #adv_chart,
body.dark div.search_status,
body.dark #qa input,
body.dark #qa textarea,
body.dark #qa .answers-header,
body.dark #qa .question .comments,
body.dark #qa .comments .comment,
body.dark #qa .answer-wrap,
body.dark #qa .tm-tag,
body.dark .slist,
body.dark .slist thead th,
body.dark #notifications > div,
body.dark form.wide input[type="text"],
body.dark form.wide textarea,
body.dark #team .team-left,
body.dark #team .team-right,
body.dark #team h2,
body.dark #team.team_show div.content_box_top,
body.dark #perfStat div.content_box_top,
body.dark #perfStat .counter tr:first-child,
body.dark #perfStat .result thead tr,
body.dark .leaderboard_title,
body.dark #friend_box,
body.dark #friend_box .friend_box_title,
body.dark div.user_show div.user-infos,
body.dark div.user_show .insight,
body.dark #powerTip,
body.dark #miniGame,
body.dark #powerTip > .title,
body.dark #powerTip > .score,
body.dark #powerTip > .game_legend,
body.dark #hooks_wrap .table_wrap th,
body.dark #hooks_wrap .table_wrap td,
body.dark #hooks_wrap,
body.dark #hooks_wrap div.tabs a,
body.dark #hooks_wrap .hooks_chart > div.grid,
body.dark div.vstext,
body.dark div.user_show div.content_box_inter.tabs,
body.dark #enterable_tournaments table.scheduled,
body.dark div.user_show .mod_zone .listings,
body.dark div.user_show .note_zone,
body.dark div.user_show .note_zone div,
body.dark .lichess_ground .replay,
body.dark .lichess_ground .areplay,
body.dark .lichess_ground .result,
body.dark .lichess_ground .replay .buttons,
body.dark .lichess_ground .replay .moves,
body.dark .tview2.column > index,
body.dark .tview2.column > index + move,
body.dark div.analysis_menu,
body.dark div.analysis_menu > a,
body.dark .explorer_box,
body.dark .retro_box,
body.dark .practice_box,
body.dark .practice_box .comment,
body.dark .explorer_box .config .choices span,
body.dark .lichess_ground .areplay interrupt,
body.dark div.content_box.prefs form li,
body.dark div.content_box.prefs fieldset,
body.dark #claim_draw_zone,
body.dark .crosstable th,
body.dark .crosstable tr:first-child td.new,
body.dark .crosstable tr:first-child th.matchup,
body.dark .crosstable tr:last-child td.new,
body.dark .crosstable tr:last-child th.matchup,
body.dark .crosstable td.sep,
body.dark #lichess_blog .list h1,
body.dark #lichess_blog .body h2,
body.dark #lichess_blog .body img,
body.dark #tournament_side h2,
body.dark div.doc_box h2,
body.dark div.force_resign_zone,
body.dark div.negotiation,
body.dark div.side_box .game_infos,
body.dark #video .content_box_top,
body.dark #simul .half,
body.dark .donation,
body.dark .donation a,
body.dark .studies .study,
body.dark .study_metadata h2 .views,
body.dark .study_invite .users,
body.dark .study_metadata h2 .liking,
body.dark #notify_app .pager.prev,
body.dark div.mchat .presets span,
body.dark div.mchat input.lichess_say,
body.dark #tournament .controls,
body.dark .rematch-decline,
body.dark div.mchat .chat_tabs .tab,
body.dark #team table.requests.for-team {
border-color: #3d3d3d;
}
body.dark .tview2.column > index,
body.dark .tview2.column > interrupt,
body.dark .lichess_ground .areplay .result,
body.dark .lichess_ground .areplay .status,
body.dark .explorer_box .config .choices span:hover,
body.dark #perfStat .counter tr.full td:last-child,
body.dark div.lichess_overboard .close,
body.dark #modal-wrap,
body.dark #modal-wrap .close {
background-color: #303030;
}
body.dark #opening .meter ul,
body.dark #opening .meter li.dubious .step,
body.dark div.lichess_overboard .close:hover,
body.dark #modal-wrap .close:hover {
background-color: #505050;
}
body.dark hr,
body.dark .fork move,
body.dark #adv_chart_loader,
body.dark .pull-quote p,
body.dark .pull-quote p:after,
body.dark #powerTip > .info .title,
body.dark #tournament_schedule .timeheader,
body.dark #opening .meter .step {
border-color: #505050;
}
body.dark #tournament_side .featured .vstext strong,
body.dark div.search_status,
body.dark #opening .meter .step,
body.dark #hooks_wrap div.tabs a {
background-color: #3e3e3e;
color: #b0b0b0;
}
body.dark #top a.toggle:hover,
body.dark #clinput a.link:hover,
body.dark #top a.signin,
body.dark #hooks_wrap .hook_filter .checkable {
color: #c0c0c0;
}
body.dark .user_show .trophy.icon3d,
body.dark #timeline a,
body.dark .undertable a.user-link,
body.dark #team .forum a.user-link,
body.dark div.user_show div.content_box_top > span,
body.dark .undertable_top span.title {
color: #838383;
}
body.dark .user-link span.title {
color: #bf811d;
}
body.dark .user-link span.title[data-bot] {
color: #b72fc6;
}
body.dark .user_show .fire_trophy {
color: #666;
}
body.dark #promotion_choice {
background: rgba(0, 0, 0, 0.7);
}
body.dark .areplay,
body.dark .explorer_box tr:nth-child(even),
body.dark div.mchat .messages,
body.dark div.side_box,
body.dark .box,
body.dark div.table,
body.dark div.table_wrap > div.clock > div.time,
body.dark #friend_box .content a:hover,
body.dark div.undertable_inner,
body.dark .donation a,
body.dark div.mchat .chat_tabs .tab.active {
background: #262626;
}
body.dark div.sub_ratings > a.game:hover,
body.dark #hooks_wrap .table_wrap td,
body.dark #now_playing > a {
background: rgba(40, 40, 40, 0.6);
border-color: #242424;
}
body.dark #hooks_wrap .table_wrap tr.cancel td {
background: rgba(0, 80, 0, 0.7);
}
body.dark #site_header div.side_menu a:hover,
body.dark div.doc_box a.variant:hover,
body.dark #hooks_wrap .table_wrap tr.join:hover td,
body.dark #hooks_wrap .pools > div:hover,
body.dark #now_playing > a:hover,
body.dark .explorer_box tr:hover,
body.dark .pv_box .pv[data-uci]:hover,
body.dark #tournament table.standing:not(.created):not(.loading) tbody tr:hover {
background: rgba(27, 51, 68, 0.7);
}
body.dark #hooks_wrap,
body.dark #hooks_wrap div.tabs a:hover,
body.dark #hooks_wrap div.tabs a.active,
body.dark .forecast .entry:hover,
body.dark #tournament_schedule {
background-color: #303030;
}
body.dark #hooks_wrap div.tabs a:hover {
border-top-color: #808080;
}
body.dark #hooks_wrap div.tabs a.active {
border-bottom-color: #303030;
border-top-color: #d85000;
}
body.dark .lichess_ground .replay index,
body.dark .lichess_ground .replay move:not(.empty):hover,
body.dark .ceval_box pearl,
body.dark .areplay .opening_box,
body.dark .areplay .chapter_name,
body.dark #challenge_app div.challenge,
body.dark #challenge_app div.empty,
body.dark #challenge_app div.initiating,
body.dark #notify_app .site_notification,
body.dark #notify_app div.empty,
body.dark div.lichess_overboard,
body.dark div.analysis_menu > a,
body.dark div.content_box,
body.dark div.content_box_inter a.active,
body.dark #site_header div.side_menu a.active,
body.dark div.sub_ratings > a.game.active,
body.dark #tournament_side .stats,
body.dark table.translations tbody tr,
body.dark form.translation_form div.message,
body.dark #lichess_forum table.forum_table thead tr:nth-child(odd),
body.dark #video_side .tag_list a.checked {
background-color: #2b2b2b;
}
body.dark #perfStat .counter tr,
body.dark #perfStat .result tr,
body.dark #video .card .info,
body.dark #video .card .reveal,
body.dark #timeline,
body.dark #timeline .entry {
border-color: #2b2b2b;
}
body.dark #site_header div.side_menu a.active,
body.dark #hooks_wrap .table_wrap,
body.dark div.content_box h1 {
text-shadow: 0 1px 0 #000;
}
body.dark div.game_row:nth-child(odd),
body.dark #lichess_forum table.forum_table tr:nth-child(odd),
body.dark #lichess_message tr:nth-child(even),
body.dark div.content_box_inter,
body.dark .slist tbody tr:nth-child(even),
body.dark #team .forum li:nth-child(odd),
body.dark table.translations tbody tr:nth-child(odd),
body.dark form.translation_form div.message:nth-child(even),
body.dark div.content_box table.datatable tr:nth-child(odd),
body.dark #tournament_side .pairings tr:hover,
body.dark #top .shown a.toggle,
body.dark #top .dropdown,
body.dark #challenge_app div.challenge,
body.dark #notify_app .site_notification,
body.dark #friend_box,
body.dark #powerTip,
body.dark #miniGame {
background: #343434;
}
body.dark .tview2 line move,
body.dark #lichess_forum div.post .message,
body.dark #lichess_blog,
body.dark #lichess_message div.thread_message_body,
body.dark form.translation_form div.message label,
body.dark div.user_show div.content_box_top > span strong {
color: #b0b0b0;
}
body.dark div.table_wrap > div.clock.running > div.time {
background: #505a60;
color: #fff;
}
body.dark .forecast .entry .del,
body.dark div.table_wrap > div.clock.running.emerg > div.time,
body.dark div.table_wrap > div.clock.outoftime > div.time {
background-color: #a00000;
color: #d0d0d0;
}
body.dark div.content_box,
body.dark #powerTip,
body.dark #miniGame {
box-shadow: 0 1px 2px #000;
}
body.dark div.content_box_top {
background-color: #343434;
background-image: linear-gradient(to bottom, #3a3a3a, #343434 100%);
text-shadow: 0 1px 0 #000;
}
/* soft inactive gradient */
body.dark .crosstable th,
body.dark #chat div.top,
body.dark div.side_box .top,
body.dark div.box .top,
body.dark #friend_box .friend_box_title,
body.dark .undertable_top,
body.dark .button,
body.dark .button:visited,
body.dark group.radio label,
body.dark #notifications > div,
body.dark div.vstext,
body.dark div.user_show div.content_box_inter.tabs,
body.dark #qa .answers-header,
body.dark #video .card .info,
body.dark #video .card .reveal,
body.dark #tournament .controls,
body.dark .slist thead {
background: linear-gradient(to bottom, rgba(40, 40, 40, 1), rgba(34, 34, 34, 1) 100%);
text-shadow: 0 1px 0 #000;
}
body.dark .button.frameless {
background: none;
}
body.dark .button,
body.dark a.button,
body.dark #challenge_app .owner,
body.dark group.radio,
body.dark group.radio label {
border-color: #323232;
}
body.dark #notify_app .site_notification,
body.dark .lichess_ground .negotiation a,
body.dark group.radio label:hover,
body.dark .button:hover,
body.dark a.button:hover {
border-color: #383838;
background: rgb(44, 44, 44);
background: linear-gradient(to bottom, rgba(44, 44, 44, 1), rgba(40, 40, 40, 1) 100%);
}
body.dark .fbt.active-soft,
body.dark .fbt.active-soft:hover {
color: #ccc !important;
text-shadow: 0 1px 0 #000 !important;
background: #444 !important;
border-color: #404040 !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35) inset !important;
}
body.dark #hooks_wrap .hooks_chart .plot {
color: #aaa;
text-shadow: 0 0 3px #000;
}
body.dark #hooks_wrap .hooks_chart > span.label {
text-shadow: 0 0 3px #000;
}
body.dark #top .dropdown {
border: 1px solid #3d3d3d;
border-top: 0;
right: -1px;
}
body.pirouetti.dark div.cemetery piece.black {
filter: brightness(2) contrast(150%) drop-shadow(0 0 0.5px #fff);
}
body.alpha.dark div.cemetery piece.black {
filter: brightness(6) contrast(150%) drop-shadow(0 0 0.5px #fff);
}
body.dark .scroll-shadow-soft,
body.dark .scroll-shadow-hard {
background: linear-gradient(#262626 30%, rgba(36, 36, 36, 0)), linear-gradient(rgba(36, 36, 36, 0), #262626 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)) 0 100%;
}
body.dark .scroll-shadow-soft,
body.dark .scroll-shadow-hard {
background-repeat: no-repeat;
background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;
background-attachment: local, local, scroll, scroll;
}
body.dark div.user_show div.user-infos.scroll-shadow-hard {
background: linear-gradient(#2b2b2b 30%, rgba(43, 43, 43, 0)), linear-gradient(rgba(43, 43, 43, 0), #2b2b2b 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)) 0 100%;
background-repeat: no-repeat;
background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;
background-attachment: local, local, scroll, scroll;
}
body.dark div.game_row:hover,
body.dark .studies .study:hover,
body.dark .relays .relay:hover,
body.dark .coaches .coach:hover,
body.dark .streamers .streamer:hover {
background: rgba(27, 51, 68, 0.5)!important;
}
body.dark .color-icon.white::before {
content: 'J';
}
body.dark .color-icon.black::before {
content: 'K';
}
body.dark ::-webkit-input-placeholder {
color: #777;
}
body.dark :-ms-input-placeholder {
color: #777;
}
body.dark #topmenu section > a {
color: #777;
text-shadow: 0 1px 1px #000;
}
body.dark #topmenu section:hover > a {
background: #2b2b2b;
}
body.dark #topmenu div {
background: #2b2b2b;
border: 1px solid #3d3d3d;
border-top: 0;
box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
}
body.dark #topmenu div a:hover {
background: #3e3e3e;
color: #b0b0b0;
}
body.dark .variant_icons span {
text-shadow: 0 0 5px #000,
0 0 10px #000,
0 0 20px #000;
}
body.dark #tv_channels > a:hover {
background: #333;
color: #c0c0c0;
box-shadow: 0 -1px 1px rgba(255,255,255,0.3);
}
body.dark ol.scheduled_tournaments li.marathon {
background: #2a2a2a;
box-shadow: 0 0 9px rgba(0,0,0,0.9);
}
body.dark div.eval_gauge {
background: #a0a0a0;
}
body.dark div.eval_gauge .black {
background: #666;
}
body.dark div.eval_gauge tick {
border-color: #a0a0a0;
}
body.dark div.side_box .game_infos .variant-link {
border-color: #8c8c8c;
}
body.dark input.cmn-toggle + label {
background-color: #888;
}
body.dark input.cmn-toggle + label:before {
background-color: #555;
}
body.dark input.cmn-toggle + label:after {
background-color: #aaa;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}
body.dark signal > i.off {
background-color: #555;
}
body.dark .context-streamer {
color: #ccc!important;
}
body.dark .ddloader {
background-image: url(../images/loader/whitex1.png);
}
body.dark ::-webkit-scrollbar,
body.dark ::-webkit-scrollbar-corner {
background: #262626;
}
body.dark ::-webkit-scrollbar-thumb {
background: rgba(200, 200, 200, 0.15);
}
body.dark ::-webkit-scrollbar-thumb:hover {
background: rgba(200, 200, 200, 0.3);
}
body.dark ::-webkit-scrollbar-thumb:active {
background: rgba(200, 200, 200, 0.4);
}

386
public/stylesheets/dasherApp.css
View File

@ -1,386 +0,0 @@
#dasher_app {
width: 150px;
z-index: 2;
}
#dasher_app .spinner {
margin: 20px auto;
}
#dasher_app .links,
#dasher_app .subs {
padding: 5px 0;
}
#dasher_app .links a,
#dasher_app .links button,
#dasher_app .subs .sub {
display: block;
padding: 5px 10px;
transition: 0.13s;
white-space: nowrap;
overflow: hidden;
}
#dasher_app .links a:hover,
#dasher_app .links button:hover,
#dasher_app .subs .sub:hover,
#dasher_app .langs form > *:hover {
background: #F0F0F0;
color: #444;
}
#dasher_app .links button {
width: 100%;
text-align: left;
border: 0;
background: none;
}
#dasher_app .subs {
border-top: 1px solid #ddd;
}
#dasher_app .subs .sub:before {
float: right;
opacity: 0.5;
font-size: 9px;
margin-top: 4px;
transition: 0.2s;
}
#dasher_app .subs .sub:hover:before {
color: #3893E8;
opacity: 0.8;
}
#dasher_app .status {
display: block;
position: relative;
padding: 5px 0;
border-top: 1px solid #ddd;
}
#dasher_app .status signal {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
}
#dasher_app .status .ping,
#dasher_app .status .server {
display: block;
font-family: 'Roboto Mono', 'Roboto';
padding-left: 10px;
}
#dasher_app .status strong {
padding: 0 5px;
}
#dasher_app .head {
display: block;
padding: 15px 10px;
background: #F0F0F0;
color: #444;
}
#dasher_app .head::before {
opacity: 0.5;
transition: 0.3s;
}
#dasher_app .head:hover::before {
color: #3893E8;
opacity: 0.9;
}
#dasher_app .langs form {
max-height: 400px;
overflow: auto;
}
#dasher_app .langs form > * {
display: block;
padding: 0.4em 0.5em;
border: none;
background: none;
width: 100%;
text-align: left;
box-sizing: border-box;
}
#dasher_app .langs .accepted {
border-left: 3px solid #3893E8;
}
#dasher_app .langs .current {
background: #3893E8!important;
color: #fff!important;
border-left: none;
}
#dasher_app .selector {
flex: 1 1 100%;
margin: 5px 0;
}
#dasher_app .selector a {
display: block;
padding: 6px 0 6px 8px;
}
#dasher_app .selector a:hover {
background: #F0F0F0;
color: #444;
}
#dasher_app .selector a.active {
background: #3893E8!important;
color: #fff!important;
}
#dasher_app .selector a::before {
margin-right: 8px;
font-size: 19px;
justify-content: center;
align-items: center;
opacity: 0;
}
#dasher_app .selector a:hover::before {
opacity: 1;
color: #3893E8;
}
#dasher_app .selector a.active::before {
opacity: 1;
color: #fff!important;
}
#dasher_app .zen a::before {
font-size: 18px;
margin-right: 3px;
opacity: 0.5;
}
#dasher_app .zen:hover a::before{
opacity: 1;
}
#dasher_app .sound .content {
display: flex;
flex-flow: row;
}
#dasher_app .sound .selector a {
border-radius: 3px 0 0 3px;
}
#dasher_app .sound.silent .slider {
opacity: 0.2;
}
#dasher_app .sound .slider {
flex: 0 0 8px;
margin: 10px;
}
#dasher_app .sound .slider .ui-slider-handle {
margin: 0 0 -9px -4px;
border-radius: 50%;
border-color: #3893E8!important;
}
#dasher_app .sound .slider .ui-widget-header {
width: 8px;
bottom: 0;
background: #3893E8!important;
}
#dasher_app .background .image p {
font-size: 0.9em;
padding: 5px;
}
#dasher_app .background input {
padding: 5px;
border: 1px solid #444;
box-sizing: border-box;
width: 100%;
background-color: #3e3e3e;
color: #fff;
}
#dasher_app .board .zoom {
margin: 5px 0px;
border-top: 1px solid #ddd;
padding: 10px 10px;
}
#dasher_app .board .slider {
margin-top: 10px;
}
#dasher_app .theme .list {
margin: 5px 0;
display: flex;
flex-flow: row wrap;
}
#dasher_app .theme .list a {
flex: 0 0 50%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
#dasher_app .theme .list span {
display: block;
width: 64px;
height: 32px;
box-sizing: border-box;
}
#dasher_app .theme.d3 .list span {
width: 66px;
height: 30px;
transition: transform 0.3s;
}
#dasher_app .theme .list a:hover {
filter: brightness(1.1);
}
#dasher_app .theme .list a:hover span {
transform: scale(1.05);
}
#dasher_app .theme .list a.active {
background: #3893E8;
}
#dasher_app .piece .list {
padding: 5px 0;
display: flex;
flex-flow: row wrap;
background: url(../images/board/darksquares.jpg);
box-shadow: inset 0 0 20px 3px #777;
}
#dasher_app .piece .no-square {
width: 75px;
height: 75px;
position: relative;
}
#dasher_app .piece .no-square:hover {
background: rgba(250, 250, 250, 0.15);
}
#dasher_app .piece .no-square.active {
background: rgba(56, 147, 232, 0.5);
}
#dasher_app .piece piece {
width: 100%;
height: 100%;
}
#dasher_app .piece.d3 piece {
left: 0;
top: 0;
background-size: cover;
background-position: 0 67%;
}
#dasher_app .theme.d2 .blue {
background-image: url(../images/board/svg/blue.svg);
background-size: 256px;
}
#dasher_app .theme.d2 .blue2 {
background-image: url(../images/board/blue2.thumbnail.jpg);
}
#dasher_app .theme.d2 .wood2 {
background-image: url(../images/board/wood2.thumbnail.jpg);
}
#dasher_app .theme.d2 .wood3 {
background-image: url(../images/board/wood3.thumbnail.jpg);
}
#dasher_app .theme.d2 .blue3 {
background-image: url(../images/board/blue3.thumbnail.jpg);
}
#dasher_app .theme.d2 .marble {
background-image: url(../images/board/marble.thumbnail.jpg);
}
#dasher_app .theme.d2 .brown {
background-image: url(../images/board/svg/brown.svg);
background-size: 256px;
}
#dasher_app .theme.d2 .green {
background-image: url(../images/board/svg/green.svg);
background-size: 256px;
}
#dasher_app .theme.d2 .olive {
background-image: url(../images/board/olive.thumbnail.jpg);
}
#dasher_app .theme.d2 .purple {
background-image: url(../images/board/svg/purple.svg);
background-size: 256px;
}
#dasher_app .theme.d2 .grey {
background-image: url(../images/board/grey.thumbnail.jpg);
}
#dasher_app .theme.d2 .wood {
background-image: url(../images/board/wood.thumbnail.jpg);
}
#dasher_app .theme.d2 .canvas {
background-image: url(../images/board/canvas2.thumbnail.jpg);
}
#dasher_app .theme.d2 .leather {
background-image: url(../images/board/leather.thumbnail.jpg);
}
#dasher_app .theme.d2 .metal {
background-image: url(../images/board/metal.thumbnail.jpg);
}
#dasher_app .theme.d2 .maple {
background-image: url(../images/board/maple.thumbnail.jpg);
}
#dasher_app .theme.d3 .Black-White-Aluminium {
background-image: url(../images/staunton/board/Black-White-Aluminium.thumbnail.png);
}
#dasher_app .theme.d3 .Brushed-Aluminium {
background-image: url(../images/staunton/board/Brushed-Aluminium.thumbnail.png);
}
#dasher_app .theme.d3 .China-Blue {
background-image: url(../images/staunton/board/China-Blue.thumbnail.png);
}
#dasher_app .theme.d3 .China-Green {
background-image: url(../images/staunton/board/China-Green.thumbnail.png);
}
#dasher_app .theme.d3 .China-Grey {
background-image: url(../images/staunton/board/China-Grey.thumbnail.png);
}
#dasher_app .theme.d3 .China-Scarlet {
background-image: url(../images/staunton/board/China-Scarlet.thumbnail.png);
}
#dasher_app .theme.d3 .China-Yellow {
background-image: url(../images/staunton/board/China-Yellow.thumbnail.png);
}
#dasher_app .theme.d3 .Classic-Blue {
background-image: url(../images/staunton/board/Classic-Blue.thumbnail.png);
}
#dasher_app .theme.d3 .Transparent-Glass {
background-image: url(../images/staunton/board/Glass.thumbnail.png);
}
#dasher_app .theme.d3 .Gold-Silver {
background-image: url(../images/staunton/board/Gold-Silver.thumbnail.png);
}
#dasher_app .theme.d3 .Green-Glass {
background-image: url(../images/staunton/board/Green-Glass.thumbnail.png);
}
#dasher_app .theme.d3 .Light-Wood {
background-image: url(../images/staunton/board/Light-Wood.thumbnail.png);
}
#dasher_app .theme.d3 .Power-Coated {
background-image: url(../images/staunton/board/Power-Coated.thumbnail.png);
}
#dasher_app .theme.d3 .Purple-Black {
background-image: url(../images/staunton/board/Purple-Black.thumbnail.png);
}
#dasher_app .theme.d3 .Rosewood {
background-image: url(../images/staunton/board/Rosewood.thumbnail.png);
}
#dasher_app .theme.d3 .Wood-Glass {
background-image: url(../images/staunton/board/Wood-Glass.thumbnail.png);
}
#dasher_app .theme.d3 .Wax {
background-image: url(../images/staunton/board/Wax.thumbnail.png);
}
#dasher_app .theme.d3 .Jade {
background-image: url(../images/staunton/board/Jade.thumbnail.png);
}
#dasher_app .theme.d3 .Marble {
background-image: url(../images/board/3d/marble.thumbnail.png);
}
#dasher_app .theme.d3 .Woodi {
background-image: url(../images/board/3d/woodi.thumbnail.png);
}
body.dark #dasher_app .subs,
body.dark #dasher_app .status,
body.dark #dasher_app .board .zoom {
border-color: #3d3d3d;
}
body.dark #dasher_app .head,
body.dark #dasher_app .links a:hover,
body.dark #dasher_app .links button:hover,
body.dark #dasher_app .subs a:hover,
body.dark #dasher_app .langs form > *:hover,
body.dark #dasher_app .selector a:hover {
background: #3e3e3e;
color: #b0b0b0;
}
body.dark #dasher_app .links button {
color: #8f8f8f;
}
body.dark #dasher_app .selector a:hover::before {
color: #555;
}

49
public/stylesheets/event.crud.css
View File

@ -1,49 +0,0 @@
h1.lichess_title {
text-align: center;
margin-bottom: 0!important;
}
h1.lichess_title a.new {
float: right;
}
h1.lichess_title span {
display: block;
font-size: 0.35em;
opacity: 0.8;
margin-top: 10px;
text-transform: uppercase;
}
.event_crud.edit h1.lichess_title {
background: #303F9F;
color: #ddd;
letter-spacing: 0.1em;
padding: 30px!important;
font-size: 27px!important;
}
table.slist {
font-size: 1.2em;
width: 100%;
}
table.slist td {
padding: 20px 10px;
}
table.slist time {
display: block;
font-size: 0.8em;
opacity: 0.8;
}
.material.form button {
font-size: 1.7em;
font-weight: normal;
padding: 10px 20px;
}
.material.form textarea {
height: 10em;
}
.event_crud a {
color: #3893E8!important;
}
.event_crud h2 {
font-size: 1.5em;
margin: 0px 0 30px 0;
text-align: center;
}

13
public/stylesheets/flatpickr.css
View File

File diff suppressed because one or more lines are too long

148
public/stylesheets/form3.css
View File

@ -1,148 +0,0 @@
.form3 * {
font-size: 14px;
box-sizing: border-box;
}
.form3 .form-group {
margin-bottom: 1rem;
}
.form3 .form-split {
display: flex;
justify-content: space-between;
}
.form3 .form-split .form-half {
flex: 0 0 48%;
}
.form3 .form-split .form-third {
flex: 0 0 31%;
}
.form3 .form-label {
font-weight: bold;
display: inline-block;
margin-bottom: .5rem;
}
.form3 .form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body.dark .form3 .form-control {
background-color: #181818;
color: #999;
border-color: #404040;
}
.form3 textarea.form-control {
overflow: auto;
resize: vertical;
height: auto;
}
.form3 .form-control:invalid, .form3 .form-group.is-invalid .form-control {
border-color: #dc3545;
}
.form3 .error {
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
}
.form3 .form-help {
font-size: 0.8em;
margin-top: .25rem;
color: #6c757d;
line-height: 1em;
}
body.dark .form3 .form-help {
color: #8a9299;
}
.form3 .form-check div {
display: flex;
}
.form3 .form-check-input {
margin-right: 0.5rem;
}
.form3 .form-check .form-label {
margin-bottom: 0;
cursor: pointer;
}
.form3 .form-actions {
margin: 1rem 0;
padding-top: 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.form3 .form-actions a {
color: #3893E8!important;
}
.form3 .form-actions.single {
justify-content: flex-end;
}
.form3 hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* CAPTCHA */
.form3 .captcha {
display: flex;
margin-top: 2em;
}
.form3 .captcha.is-invalid:not(.success) {
border: 1px solid #dc3545;
}
.form3 .captcha .mini_board {
width: 250px;
cursor: pointer;
}
.form3 .captcha .captcha-explanation {
font-size: 0.9em;
margin-left: 1rem;
overflow: hidden;
}
.form3 .captcha.is-invalid .captcha-explanation {
padding: 1em;
}
.form3 .captcha .captcha-explanation .form-label {
display: block;
width: 310px;
}
.form3 .captcha .captcha-explanation .result {
display: none;
height: 48px;
line-height: 48px;
vertical-align: middle;
font-weight: bold;
}
.form3 .captcha .success {
color: #759900;
}
.form3 .captcha .failure {
color: #dc3545;
}
.form3 .captcha.success .success,
.form3 .captcha.failure .failure {
display: block;
}
/* VENDORS */
.form3 .twitter-typeahead {
width: 100%;
}

30
public/stylesheets/gamestats.css
View File

@ -1,30 +0,0 @@
div.content_box .title {
font-size: 1.8em;
color: #666;
font-weight: normal;
margin-bottom: 0.5em;
}
div.content_box .section-title {
font-size: 1.6em;
color: #999;
font-weight: normal;
font-style: italic;
margin: 1.5em 0;
border-top: 1px solid #dadada;
padding: 0.5em 0;
text-align: right;
}
div.content_box .chart-title {
font-size: 1.4em;
color: #666;
font-weight: normal;
margin-bottom: 0.5em;
}
div.content_box .half {
float: left;
width: 49%;
margin-right: 2%;
}
div.content_box .half.last {
margin-right: 0;
}

817
public/stylesheets/home.css
View File

@ -1,817 +0,0 @@
#lichess {
position: relative;
}
div.lobby_and_ground {
display: flex;
position: relative;
}
#start_buttons {
padding-left: 15px;
width: 280px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
position: relative;
}
#start_buttons a {
margin: 1.2em 0;
font-size: 1.3em;
padding: 1em;
text-align: center;
display: block;
letter-spacing: -1px;
}
#start_buttons a.disabled {
opacity: 0.2;
}
#lobby_playban,
#lobby_current_game {
box-sizing: border-box;
position: absolute;
width: 512px;
height: 512px;
text-align: center;
background: rgba(255,255,255,0.8);
font-size: 1.1em;
}
body.dark #lobby_playban,
body.dark #lobby_current_game {
background: rgba(0,0,0,0.8);
}
#lobby_playban h2,
#lobby_current_game h2 {
font-size: 1.5em;
line-height: 2.5em;
margin-top: 1em;
}
#lobby_playban a {
color: #3893E8;
}
#lobby_playban ul {
margin: 10px auto;
display: inline-block;
text-align: left;
}
#lobby_playban ul li {
list-style: disc outside;
font-size: 1.1em;
}
.current_game #hooks_wrap {
visibility: hidden;
}
/********** HOOKS **********/
#hooks_wrap {
position: relative;
width: 510px;
min-width: 510px;
min-height: 510px;
border: 1px solid #ccc;
background: #f0f0f0 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMy41MjkgMzMuNTA0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4yNS02LjI0NikiIG9wYWNpdHk9Ii4xIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5aC0yM2MwLTkgMTAtNi41IDgtMjEiLz48cGF0aCBkPSJtMjQgMThjLjM4IDIuOTEtNS41NSA3LjM3LTggOS0zIDItMi44MiA0LjM0LTUgNC0xLjA0Mi0uOTQgMS40MS0zLjA0IDAtMy0xIDAgLjE5IDEuMjMtMSAyLTEgMC00IDEtNC00IDAtMiA2LTEyIDYtMTIgMCAwIDEuODktMS45IDItMy41LS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMmMwIDAgLjc4LTEuOTkyIDIuNS0zIDEgMCAxIDMgMSAzIi8+PC9nPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Im05LjUgMjUuNWEuNSAuNSAwIDEgMSAtMSAwIC41IC41IDAgMSAxIDEgMHoiLz48cGF0aCBkPSJtMTUgMTUuNWEuNSAxLjUgMCAxIDEgLTEgMCAuNSAxLjUgMCAxIDEgMSAweiIgdHJhbnNmb3JtPSJtYXRyaXgoLjg2Ni41LS41Ljg2NiA5LjY5My01LjE3MykiLz48L2c+PC9nPjwvc3ZnPg==');
background-size: 100% 100%;
}
body.dark #hooks_wrap {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMy41MjkgMzMuNTA0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4yNS02LjI0NikiIG9wYWNpdHk9Ii4xIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Im0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5aC0yM2MwLTkgMTAtNi41IDgtMjEiLz48cGF0aCBkPSJtMjQgMThjLjM4IDIuOTEtNS41NSA3LjM3LTggOS0zIDItMi44MiA0LjM0LTUgNC0xLjA0Mi0uOTQgMS40MS0zLjA0IDAtMy0xIDAgLjE5IDEuMjMtMSAyLTEgMC00IDEtNC00IDAtMiA2LTEyIDYtMTIgMCAwIDEuODktMS45IDItMy41LS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMmMwIDAgLjc4LTEuOTkyIDIuNS0zIDEgMCAxIDMgMSAzIi8+PC9nPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im05LjUgMjUuNWEuNSAuNSAwIDEgMSAtMSAwIC41IC41IDAgMSAxIDEgMHoiLz48cGF0aCBkPSJtMTUgMTUuNWEuNSAxLjUgMCAxIDEgLTEgMCAuNSAxLjUgMCAxIDEgMSAweiIgdHJhbnNmb3JtPSJtYXRyaXgoLjg2Ni41LS41Ljg2NiA5LjY5My01LjE3MykiLz48L2c+PC9nPjwvc3ZnPg==');
}
#hooks_wrap .lobby_box {
position: relative;
min-height: 510px;
}
#hooks_wrap .lobby_box.seeks {
max-height: 510px;
}
#hooks_wrap .lobby_box .no_hooks {
text-align: center;
line-height: 2em;
margin-top: 80px;
font-size: 1.3em;
}
#hooks_wrap .tabs {
position: absolute;
top: -23px;
left: 0;
height: 23px;
line-height: 22px;
width: 512px;
text-align: center;
display: flex;
justify-content: center;
}
#hooks_wrap .tabs a {
padding: 0 8px;
margin-right: 3px;
border: 1px solid #ccc;
background: #dadada;
transition: 0.13s;
white-space: nowrap;
overflow: hidden;
}
#hooks_wrap .tabs a:hover {
background: #f0f0f0;
}
#hooks_wrap .tabs a.active {
background: #f0f0f0;
font-weight: bold;
border-bottom-color: #f0f0f0;
border-top: 2px solid #d85000;
margin-top: -1px;
}
#hooks_wrap .tabs a.glow {
animation: fbt-glowing 1s ease-in-out infinite;
}
#hooks_wrap .tabs .unread {
margin-left: 5px;
}
#hooks_wrap .mode_toggle,
#hooks_wrap .filter_toggle {
position: absolute;
top: 10px;
cursor: pointer;
z-index: 2;
font-size: 1.3em;
opacity: 0.7;
transition: 0.13s;
}
#hooks_wrap .mode_toggle {
left: 15px;
}
#hooks_wrap .filter_toggle {
right: 15px;
}
#hooks_wrap .filter_toggle .number {
margin-left: 3px;
font-size: 0.8em;
}
#hooks_wrap .mode_toggle:hover,
#hooks_wrap .filter_toggle:hover {
opacity: 1;
}
#hooks_wrap .hook_filter {
padding: 10px 20px;
background: rgba(255,255,255,0.5);
height: 510px;
box-sizing: border-box;
}
body.dark #hooks_wrap .hook_filter {
background: rgba(0,0,0,0.5);
}
#hooks_wrap .hook_filter table {
width: 100%;
white-space: nowrap;
}
#hooks_wrap .hook_filter td {
padding: 20px 0;
}
#hooks_wrap .hook_filter td:first-child {
font-size: 1.1em;
padding-right: 30px;
width: 120px;
white-space: normal;
}
#hooks_wrap .hook_filter .checkable {
padding: 4.3px 0;
color: #444;
}
#hooks_wrap .hook_filter .checkable {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#hooks_wrap .hook_filter tr.variant td:last-child {
display: flex;
flex-flow: row wrap;
}
#hooks_wrap .hook_filter tr.variant .checkable {
width: 33.3%;
}
#hooks_wrap .hook_filter label.hover,
#hooks_wrap .hook_filter input {
vertical-align: middle;
cursor: pointer;
}
#hooks_wrap .hook_filter .range {
display: block;
text-align: center;
}
#hooks_wrap .hook_filter .actions {
margin-top: 20px;
text-align: right;
}
#hooks_wrap .hook_filter .actions button {
padding: 6px;
margin-left: 3px;
}
#hooks_wrap .table_wrap {
text-shadow: 0 1px 0 #FFF;
width: 100%;
min-height: 78px;
overflow: hidden;
}
#hooks_wrap .table_wrap th {
padding: 14px 12px;
border-bottom: transparent;
font-family: 'Roboto';
font-weight: 300;
}
#hooks_wrap .table_wrap th.sortable {
cursor: pointer;
}
#hooks_wrap .table_wrap th.sortable:hover,
#hooks_wrap .table_wrap th.sort {
font-weight: normal;
}
#hooks_wrap .table_wrap th.sort .is:before {
opacity: 0.7;
margin-right: 3px;
content: "R";
}
#hooks_wrap .table_wrap th.player {
width: 110px;
}
#hooks_wrap .table_wrap td {
padding: 9px 12px;
border-bottom: 1px solid #ccc;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
background: rgba(255, 255, 255, 0.6);
}
#hooks_wrap .table_wrap tbody.stepping {
opacity: 0.7;
}
#hooks_wrap .table_wrap tr.disabled {
opacity: 0.4;
}
#hooks_wrap .table_wrap tr.disabled td {
cursor: default;
background: transparent!important;
border-color: transparent!important;
}
#hooks_wrap .table_wrap tr.cancel td {
background: rgba(200, 255, 200, 0.7);
}
#hooks_wrap .table_wrap tr.join:hover td {
background: rgba(191, 231, 255, 0.7);
}
#hooks_wrap .table_wrap td:first-child {
width: 16px;
}
#hooks_wrap .table_wrap td:first-child span {
display: block;
padding: 0;
width: 16px;
height: 16px;
opacity: 0.7;
}
#hooks_wrap .table_wrap .varicon::before {
margin-right: 8px;
line-height: 12px;
font-size: 20px;
opacity: 0.7;
}
#hooks_wrap .table_wrap tr:hover .varicon::before,
#hooks_wrap .table_wrap tr:hover td:first-child span {
opacity: 1;
}
#hooks_wrap .table_wrap tr.disabled:hover .varicon::before,
#hooks_wrap .table_wrap tr.disabled:hover td:first-child span {
opacity: 0.7;
}
#hooks_wrap .table_wrap tr.variants td {
text-align: center;
padding: 3px 0;
background: none;
text-transform: uppercase;
letter-spacing: 3px;
}
#hooks_wrap .create {
margin-top: 20px;
text-align: center;
}
#hooks_wrap .hooks_chart {
position: absolute;
top: 0;
left: 0;
}
#hooks_wrap .hooks_chart > span.label {
font-size: 9px;
position: absolute;
left: 3px;
bottom: 1px;
text-shadow: 0 0 3px #fff;
font-weight: bold;
}
#hooks_wrap .hooks_chart > div.grid {
position: absolute;
left: 0;
bottom: 0;
}
#hooks_wrap .hooks_chart > div.grid.horiz {
width: 100%;
border-top: 1px dashed #ccc;
}
#hooks_wrap .hooks_chart > div.grid.vert {
height: 100%;
border-right: 1px dashed #ccc;
}
#hooks_wrap .hooks_chart .canvas {
position: relative;
width: 510px;
height: 510px;
}
#hooks_wrap .hooks_chart .plot {
position: absolute;
cursor: pointer;
z-index: 1;
font-size: 1.4em;
text-shadow: 0 0 3px #fff;
opacity: 0.7;
transition: 0.5s;
transform: scale(1);
}
#hooks_wrap .hooks_chart .plot.rated {
opacity: 0.9;
color: #d59120!important;
}
#hooks_wrap .hooks_chart .plot.cancel {
opacity: 0.9;
color: #0b9c1e!important;
}
#hooks_wrap .hooks_chart .plot.new {
transform: translateY(-7px);
opacity: 0;
}
#hooks_wrap .hooks_chart .plot:hover {
z-index: 2;
opacity: 1;
transform: scale(1.2);
}
#hook {
display: none;
color: #444;
box-shadow: 0 0 9px #333;
background: #d0d0d0;
cursor: default;
position: absolute;
z-index: 900000;
}
#hook .inner {
display: inline-block;
text-align: center;
font-size: 1.25em;
padding-bottom: 5px;
}
#hook .opponent {
background: #666;
color: #eee;
min-width: 120px;
padding: 5px;
margin-bottom: 5px;
}
#hook .opponent,
#hook span {
display: block;
}
#hooks_wrap .redir {
background: rgba(128,128,128,0.5);
display: flex;
}
#hooks_wrap .redir .spinner {
width: 100px;
height: 100px;
}
/*********** POOLS *********/
#hooks_wrap .pools {
padding: 12px 12px 0 12px;
max-height: 510px;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
font-family: Roboto;
-webkit-user-select: none;
}
#hooks_wrap .pools > div {
margin-bottom: 12px;
flex: 0 0 31%;
height: 152px;
cursor: pointer;
background: rgba(255,255,255,0.7);
border: 1px solid #ccc;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
border-radius: 4px;
transition: opacity 0.7s;
}
body.dark #hooks_wrap .pools > div {
background: rgba(20,20,20,0.5);
border: 1px solid #3d3d3d;
}
#hooks_wrap .pools .active {
background: #fff;
border-radius: 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
body.dark #hooks_wrap .pools .active {
background: #202020;
box-shadow-color: #000;
}
#hooks_wrap .pools .transp {
opacity: 0.5;
}
#hooks_wrap .pools .spinner {
margin: 14px 0 0 0;
}
#hooks_wrap .pools .clock {
display: block;
font-size: 2.5em;
line-height: 1.5em;
letter-spacing: 5px;
}
#hooks_wrap .pools .perf,
#hooks_wrap .pools .range {
font-size: 1.5em;
}
#hooks_wrap .pools .custom {
font-size: 1.5em;
}
#hooks_wrap .pools > div:hover {
background: rgba(191, 231, 255, 0.7);
}
/*********** MISC *********/
#site_header .board_left {
position: relative;
height: 515px;
display: flex;
flex-flow: column nowrap;
}
#featured_game {
margin-top: 12px;
}
div.undertable {
width: 512px;
}
.blog.undertable .undertable_inner {
height: auto;
padding: 5px 5px 0 5px;
}
.blog.undertable .undertable_inner:hover {
overflow: hidden;
}
.blog.undertable .post {
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog.undertable .post .text {
flex: 1 1 100%;
}
.blog.undertable .post img {
height: 48px;
width: 48px;
margin: 3px 20px 3px 3px;
}
.blog.undertable .post .title {
font-weight: bold;
}
.blog.undertable time {
margin-top: 10px;
float: right;
font-weight: 100;
line-height: 2;
opacity: 0.6;
}
.leaderboards {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
white-space: nowrap;
}
.leaderboards > div {
flex: 0 0 48.5%;
max-width: 48.5%;
}
.leaderboards td:first-child {
max-width: 135px;
overflow: hidden;
text-overflow: ellipsis;
}
.leaderboards td:last-child {
text-align: right;
}
#lichess .enterable_list {
height: auto;
max-height: 193px;
}
#enterable_simuls td {
padding: 10px 5px;
}
#lichess .enterable_list td:first-child {
padding-left: 1em;
overflow: hidden;
max-width: 250px;
}
#enterable_tournaments td:last-child {
padding-right: 10px;
}
#lichess .enterable_list td.name span {
font-size: 17px;
letter-spacing: -5px;
}
#lichess .enterable_list td.name span:last-child {
margin-right: 10px;
}
#lichess .enterable_list td.name a {
font-weight: bold;
white-space: nowrap;
color: #d59120;
}
#lichess .enterable_list td:last-child {
width: 20px;
}
#lichess .enterable_list .rated {
color: #d59120;
}
div.new_posts li {
margin: 0.6em 0;
padding-left: 9px;
line-height: 14px;
white-space: nowrap;
}
div.new_posts li span.extract {
font-family: 'Roboto';
font-weight: 300;
}
#daily_puzzle {
width: 224px;
position: absolute;
top: 527px;
left: 527px;
}
#daily_puzzle > div.vstext {
text-align: center;
}
div.lichess_overboard .color_submits .spinner {
width: 70px;
height: 70px;
margin: 10px auto 20px auto;
}
#nb_games_in_play {
margin-bottom: 10px;
}
#nb_games_in_play span {
font-weight: bold;
}
#streams_on_air a.stream {
display: block;
margin: 5px 0 5px -30px;
font-size: 0.9em;
font-family: 'Roboto';
font-weight: 300;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#streams_on_air a.stream span {
font-family: 'Noto Sans';
font-weight: bold;
}
#streams_on_air a.stream.highlight span {
color: #d59120;
}
#streams_on_air a.stream span:before {
font-size: 1.5em;
}
.tour_spotlight {
display: flex;
flex: 0 0 auto;
align-items: center;
margin: 5px 0 5px -30px;
padding: 5px;
border-radius: 2px;
opacity: 0.8;
transition: 0.13s;
white-space: nowrap;
overflow: hidden;
background: #ddd;
text-shadow: 0 1px 1px #fff;
}
.tour_spotlight.invert,
.tour_spotlight.event_spotlight,
.tour_spotlight:hover {
color: #fff!important;
background: #3893E8;
text-shadow: none;
}
.tour_spotlight:hover {
opacity: 1;
}
.tour_spotlight::before {
font-size: 33px;
float: left;
margin: 2px 6px 0 0;
}
.tour_spotlight .img {
flex: 0 0 40px;
margin: 0 10px 0 5px;
}
.tour_spotlight img.img {
width: 40px;
filter: brightness(9);
filter: brightness(9);
}
.tour_spotlight i.img,
.tour_spotlight .img.icon {
margin: 0 5px 0 0;
}
.tour_spotlight i.img::before {
color: #fff;
font-size: 40px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.tour_spotlight .content {
display: block;
}
.tour_spotlight > span {
display: block;
}
.tour_spotlight span.name {
font-size: 14px;
}
.tour_spotlight span.headline {
display: block;
font-size: 10px;
margin-bottom: -3px;
}
.tour_spotlight span.more {
font-size: 10px;
}
.tour_spotlight span.more time {
margin-left: 3px;
}
.tour_spotlight.little .img {
flex: 0 0 28px;
height: 28px;
margin: 0 7px 0 3px;
}
.tour_spotlight.little i.img::before {
font-size: 28px;
}
.tour_spotlight.little {
margin: 5px 0 2.5px -30px;
padding: 5px;
}
.tour_spotlight span.name {
margin-top: 1px;
font-size: 13px;
line-height: 13px;
display: block;
}
body.dark a.tour_spotlight {
background: #444;
color: #ccc;
text-shadow: 0 0 2px rgba(0,0,0,0.6);
}
body.dark .tour_spotlight.invert,
body.dark .tour_spotlight.event_spotlight,
body.dark .tour_spotlight:hover {
background: #4166a0;
}
body.dark .tour_spotlight .img {
opacity: 0.5;
}
body.dark .tour_spotlight:hover .img {
opacity: 1;
}
#timeline {
flex: 1 1;
margin-top: 10px;
border-top: 1px solid #e4e4e4;
margin-left: -30px;
width: 230px;
font-size: 0.9em;
overflow: hidden;
}
#timeline:hover {
overflow-y: auto;
}
@media (max-width: 1070px) {
#timeline {
margin-left: 0;
width: 200px;
}
#featured_game {
visibility: hidden;
}
}
#timeline .entry {
padding: 8px 0;
border-bottom: 1px solid #e4e4e4;
font-family: 'Roboto';
font-weight: 300;
}
#timeline time {
font-size: 0.9em;
}
#timeline a {
font-family: 'Noto Sans';
text-decoration: none;
}
#timeline .entry:hover a {
color: #3893E8;
}
#timeline a.user-link {
padding-left: 0;
}
#timeline .links {
width: 100%;
text-align: right;
}
#timeline a.more {
margin: 5px;
font-weight: normal;
display: block;
}
.about-side {
margin-top: 15px;
}
.donation {
display: flex;
font-size: 1.3em;
line-height: 1.2em;
border: 1px solid #ccc;
box-sizing: border-box;
background: #fff;
}
.donation a {
flex: 0 0 auto;
position: relative;
box-sizing: border-box;
width: 50%;
height: 60px;
}
.donation strong {
color: #3893E8;
font-weight: normal;
display: block;
margin: 11px 0 1px 0;
}
.donation span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
opacity: 0.8;
font-size: 0.85em;
}
.donation i {
position: absolute;
top: 0;
}
.donation a:first-child i {
right: 15px;
}
.donation a:last-child i {
left: 15px;
}
.donation i::before {
color: #3893E8;
font-size: 40px;
line-height: 60px;
opacity: 0.8;
}
.donation a:first-child {
border-right: 1px solid #ccc;
text-align: right;
padding-right: 67px;
}
.donation a:last-child {
text-align: left;
padding-left: 67px;
}
.donation a:hover {
background: #3893E8;
}
.donation a:hover,
.donation a:hover *,
.donation a:hover i::before {
transition: 0.13s;
color: #fff;
}
.donation a:hover i::before {
opacity: 1;
}
.about-footer {
width: 512px;
margin-top: 15px;
text-align: center;
opacity: 0.8;
}

296
public/stylesheets/inquiry.css
View File

@ -1,296 +0,0 @@
body, #mz_menu .inner {
margin-top: 45px!important;
}
#inquiry {
height: 40px;
background: #484541;
color: #f0f0f0!important;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
border-bottom: 1px solid #666;
box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
@keyframes octopus {
50% { transform: scale(1.03); background-color: #4a4a4a; }
100% { transform: scale(1); background-color: #484541; }
}
#inquiry > .costello {
flex: 0 0 160px;
height: 160px;
width: 160px;
margin: -80px 0 0 -80px;
background: #484541 no-repeat url(../images/icons/octopus.svg);
background-size: 35% 35%;
background-position: 81% 81%;
border-radius: 0 0 50% 0;
border: 2px solid #666;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
#inquiry > .costello:hover {
animation: octopus 0.5s ease-in-out;
}
#inquiry.hidden {
transition: height 0.3s;
height: 0;
border: none;
}
#inquiry.hidden > div {
display: none;
}
#inquiry.hidden > .costello {
transition: opacity 0.3s;
opacity: 0.5;
}
body.no-inquiry {
transition: margin 0.3s;
margin-top: 0;
}
#inquiry a {
color: #f0f0f0!important;
}
#inquiry .meat {
flex: 1 1 100%;
height: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
#inquiry h2 .user-link {
font-size: 1.3em;
}
#inquiry .docs {
position: relative;
flex: 0 0 43%;
height: 100%;
margin-left: 10px;
overflow: hidden;
color: #ccc;
}
#inquiry .reports {
flex: 4 1 auto;
}
#inquiry .counter {
margin-left: 0.3em;
flex: 0 0 auto;
}
#inquiry .docs .expendable {
padding: 4px 20px 20px 20px;
background: #555;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#inquiry .docs:hover {
overflow: visible;
}
#inquiry .docs:hover .expendable {
z-index: 2;
border-bottom: 1px solid #666;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
max-height: 500px;
overflow-y: auto;
}
#inquiry .doc:not(:last-child) {
padding-bottom: 8px;
border-bottom: 1px dotted #777;
margin-bottom: 8px;
}
#inquiry .docs h2 {
line-height: 35px;
margin-bottom: 5px;
}
#inquiry .doc h3 {
margin: 0;
}
#inquiry .report .atom {
margin-bottom: 0.8em;
border-bottom: 1px solid #777;
padding-bottom: 0.8em;
}
#inquiry .report .atom:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#inquiry .score {
display: inline-block;
white-space: nowrap;
font-weight: bold;
font-size: 0.9em;
padding: 0.1em 0.5em;
border-radius: 0.3em;
}
#inquiry .score.green {
/* actually blue */
background-color: rgba(32, 119, 192, 0.4);
}
#inquiry .score.yellow {
background-color: rgba(221, 207, 63, 0.4);
}
#inquiry .score.orange {
background-color: rgba(231, 155, 100, 0.4);
}
#inquiry .score.red {
background-color: rgba(231, 59, 56, 0.4);
}
#inquiry form.note textarea {
width: 100%;
box-sizing: border-box;
resize: vertical;
padding: 5px;
height: 80px;
}
#inquiry form.note .submission {
text-align: right;
}
#inquiry .actions,
#inquiry .links {
margin-right: 10px;
white-space: nowrap;
height: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
text-align: center;
}
#inquiry .actions:not(.close),
#inquiry .links {
padding-right: 10px;
border-right: 1px solid #666;
}
#inquiry .actions > form {
height: 100%;
}
#inquiry .fbt {
height: 100%;
color: #f0f0f0!important;
background: transparent;
}
#inquiry .fbt:hover {
background: rgba(56,147,232,0.8);
}
#inquiry .fbt.icon::before,
#inquiry .warn span::before {
font-size: 1.7em;
}
#inquiry .fbt.active {
color: #fff!important;
}
#inquiry .links {
padding: 0 10px;
border-left: 1px solid #666;
}
#inquiry .links a {
padding: 0 13px;
}
#inquiry .links a:hover,
#inquiry .report a:hover {
color: #3893E8!important;
}
#inquiry .process button {
background: #555;
font-size: 1.8em;
padding: 0 25px;
}
#inquiry .process button:hover {
background: #639B24;
}
#inquiry .cancel button {
margin-left: 5px;
font-size: 0.8em;
padding: 0 8px;
}
#inquiry .accuracy {
float: right;
}
#inquiry .dropper {
position: relative;
height: 100%;
}
#inquiry .dropper > span {
display: block;
height: 100%;
padding: 0 10px;
}
#inquiry .dropper > div {
display: none;
position: absolute;
top: 100%;
right: 0;
background: #555;
box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
}
#inquiry .dropper:hover > span {
background: #555;
}
#inquiry .dropper:hover div {
display: block;
}
#inquiry .dropper input {
width: 100%;
text-align: left;
}
#inquiry .dropper > span.icon {
line-height: 40px;
}
#inquiry .dropper.warn input {
padding: 6px 20px;
text-transform: initial;
}
#inquiry .dropper.counter > span {
font-family: Roboto;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
#inquiry .dropper.counter.empty > span {
opacity: 0.5;
}
#inquiry .dropper.counter:not(.empty) > span {
background: #555;
}
#inquiry .dropper.counter > span count {
font-size: 1.2em;
display: block;
height: 1.1em;
}
#inquiry .dropper.counter > div {
padding: 4px 20px 20px 20px;
}
#inquiry .dropper.counter > div,
#inquiry .dropper.warn > div {
box-sizing: border-box;
width: 360px;
right: -155px;
max-height: 500px;
overflow-y: auto;
}
#inquiry .history li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0;
}
#inquiry .switcher {
margin-left: -10px;
}
#inquiry .switcher label {
transform: scale(0.6);
}
#inquiry .switcher label::before {
background-color: #999;
}
#inquiry .switcher .cmn-toggle:checked + label::before {
background-color: rgba(117, 153, 0, 1)!important;
}

7
public/stylesheets/insight.transp.css
View File

@ -1,7 +0,0 @@
body.transp #insight .chart {
background: rgba(0,0,0,0.6);
box-shadow: inset 0 0 9px rgba(255,255,255,0.5);
}
body.transp #insight .chart rect[fill="rgba(120,120,120,0.2)"] {
fill: rgba(120,120,120,0.4);
}

70
public/stylesheets/jquery-ui.css vendored
View File

@ -1,70 +0,0 @@
ul.ui-autocomplete {
width: 200px;
background: #FAFAFA;
border: 1px solid #DADADA;
max-height: 200px;
overflow: auto;
}
ul.ui-autocomplete li a {
display: block;
padding: 0.6em 1em;
}
.ui-widget-header {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15) inset !important;
}
/* slider */
.ui-slider {
background: #fff;
position: relative;
text-align: left;
cursor:pointer;
}
.ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
outline:0;
cursor:pointer;
background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(240, 240, 240, 1) 100%);
text-shadow: 0 1px 0 #FFF;
color: #848484;
}
.ui-slider-handle,
.ui-widget-content {
border: 1px solid #e2e2e2;
border-radius: 2px;
}
.ui-slider-handle:hover {
border-color: #e2e2e2;
background: rgb(248, 248, 248);
background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(243, 243, 243, 1) 100%);
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

206
public/stylesheets/material.form.css
View File

@ -1,206 +0,0 @@
.material.form {
margin: 30px 20px 20px 20px;
}
.material.form * {
box-sizing: border-box;
}
.material.form *::after,
.material.form *::before {
box-sizing: border-box;
}
.material.form .button-container {
text-align: center;
margin: -20px 0 -20px 0;
}
.material.form .button-container .button {
padding: 20px 30px;
}
.material.form fieldset {
margin: 0 0 3rem;
padding: 0;
border: none;
}
.material.form .form-group {
position: relative;
margin-bottom: 3.5rem;
}
.material.form .form-group.margin-bottom {
margin-bottom: 4.5rem;
}
.material.form .form-group.little-margin-bottom {
margin-bottom: 2.5rem;
}
.material.form .form-group.half {
display: inline-block;
width: 47%;
vertical-align: top;
}
.material.form .form-group.half .form-group.half {
width: 46.5%;
margin-bottom: 0;
}
.material.form .form-group.half:nth-child(odd) {
margin-right: 5%;
}
.material.form .form-group.third {
display: inline-block;
width: 30%;
margin-right: 4%;
}
.material.form .form-group.third:nth-child(3) {
margin-right: 0;
}
.material.form .form-inline > .form-group,
.material.form .form-inline > .btn {
display: inline-block;
margin-bottom: 0;
}
.material.form .form-help {
margin-top: 0.125rem;
margin-left: 0.125rem;
opacity: 0.4;
font-size: 0.8rem;
}
.form-group .form-help {
text-align: left;
position: absolute;
left: 0;
width: 100%;
}
.material.form .form-group input:not([type="checkbox"]) {
height: 1.9rem;
}
.material.form .form-group select {
width: 100%;
font-size: 1rem;
height: 1.6rem;
padding: 0.125rem 0.125rem 0.0625rem;
background: none;
border: none;
line-height: 1.6;
box-shadow: none;
}
.material.form .form-group *:disabled {
opacity: 0.6;
}
.material.form .form-group .control-label {
position: absolute;
top: 0.25rem;
pointer-events: none;
padding-left: 0.125rem;
z-index: 1;
opacity: 0.6;
font-size: 1rem;
font-weight: normal;
transition: all 0.28s ease;
}
.material.form .form-group .control-label em {
transition: all 0.28s ease;
}
.material.form .form-group.no-label {
margin-top: -1.5em;
}
.material.form .form-group .bar {
position: relative;
border-bottom: 0.0625rem solid #999;
display: block;
}
.material.form .form-group .bar::before {
content: '';
height: 0.125rem;
width: 0;
left: 50%;
bottom: -0.0625rem;
position: absolute;
background: #3893E8;
transition: left 0.28s ease, width 0.28s ease;
z-index: 2;
}
.material.form .form-group input:not([type="checkbox"]),
.material.form .form-group textarea {
display: block;
background: none;
padding: 0.125rem 0.125rem 0.0625rem;
font-size: 1rem;
border-width: 0;
line-height: 1.9;
width: 100%;
transition: all 0.28s ease;
box-shadow: none;
}
.material.form .form-group textarea {
line-height: 1.7;
resize: none;
}
body.dark .material.form .form-group textarea,
body.dark .material.form .form-group .bar {
border-color: #3d3d3d;
}
.material.form .form-group input[type="file"] {
line-height: 1;
}
.material.form .form-group input[type="file"] ~ .bar {
display: none;
}
.material.form .form-group * {
color: #333;
}
body.dark .material.form .form-group * {
color: #bbb;
}
.material.form .form-group a {
color: #3893E8;
}
body.dark .material.form .form-group select option {
color: #bbb;
background-color: #2b2b2b;
}
.material.form .form-group select ~ .control-label,
.material.form .form-group input:focus ~ .control-label,
.material.form .form-group input:valid ~ .control-label,
.material.form .form-group input.form-file ~ .control-label,
.material.form .form-group input.has-value ~ .control-label,
.material.form .form-group textarea:focus ~ .control-label,
.material.form .form-group textarea:valid ~ .control-label,
.material.form .form-group textarea.form-file ~ .control-label,
.material.form .form-group textarea.has-value ~ .control-label {
font-size: 0.8rem;
opacity: 0.6;
top: -1rem;
left: 0;
}
.material.form .form-group *:focus {
outline: none;
}
.material.form .form-group *:focus ~ .control-label,
.material.form .form-group *:focus ~ .form-help {
color: #3893E8;
opacity: 0.6;
}
.material.form .form-group *:focus ~ .bar::before {
width: 100%;
left: 0;
}
.material.form .has-error .legend.legend,
body.base .material.form .has-error .error,
.has-error.form-group .control-label.control-label {
color: #d9534f;
}
.material.form .has-error.form-group .form-help,
.material.form .has-error.form-group label strong,
.material.form .has-error.form-group .helper {
color: #d9534f;
}
.material.form .has-error .bar::before {
background: #d9534f;
left: 0;
width: 100%;
}

144
public/stylesheets/mod-communication.css
View File

@ -1,144 +0,0 @@
#communication h1 {
font-size: 1.5em;
display: flex;
justify-content: space-between;
}
#communication .user-link {
margin-left: -.5em;
}
#communication .actions {
display: flex;
align-items: center;
}
#communication .actions .priv {
margin-right: 5px;
font-weight: normal;
}
#communication h2 {
font-size: 1.6em;
margin-top: 1.6em;
border-bottom: 1px solid #ccc;
text-transform: capitalize;
letter-spacing: 2px;
}
#communication .user-link {
font-weight: bold;
}
#communication .public_chats,
#communication .notes,
#communication .history {
margin-top: 0.5em;
max-height: 150px;
overflow-y: auto;
padding-bottom: 0.5em;
border-bottom: 1px solid #ccc;
}
#communication .player_chats {
overflow: hidden;
}
#communication .public_chats li {
list-style: inside disc;
}
#communication .public_chats a {
color: #3893E8;
}
#communication .player_chats .game {
display: block;
float: left;
width: 33.33%;
}
#communication .player_chats .game:nth-child(odd) {
background: #f0f0f0;
}
#communication .player_chats .game .title,
#communication .player_chats .game .chat {
display: block;
padding: 6px;
}
#communication .player_chats .game .friend_title {
color: green;
font-style: italic;
}
#communication .player_chats .game .title {
text-align: center;
border-bottom: 1px solid #ccc;
}
#communication .player_chats .game .chat {
padding-top: 0;
height: 120px;
overflow: hidden;
}
#communication .player_chats .game:hover .chat {
overflow-y: auto;
}
#communication .player_chats .line,
#communication .threads .post {
opacity: 0.5;
}
#communication .player_chats .line.author,
#communication .threads .post.author {
opacity: 1;
}
#communication .thread {
padding: 20px;
overflow-y: auto;
max-height: 400px;
}
#communication .thread .title {
margin-bottom: 20px;
}
#communication .thread .title strong {
font-size: 1.2em;
display: block;
}
#communication .thread:nth-child(even) {
background: #f0f0f0;
}
#communication .post {
margin: 1em 0;
}
body.dark #communication .player_chats .game:nth-child(odd),
body.dark #communication .thread:nth-child(even) {
background: #202020;
}
body.dark #communication h2,
body.dark #communication .public_chats,
body.dark #communication .notes,
body.dark #communication .history,
body.dark #communication .player_chats,
body.dark #communication .player_chats .game .title {
border-color: #3d3d3d;
}
#permissions form {
text-align: center;
}
#permissions select {
height: 400px;
margin: 30px;
}
#permissions select option {
padding: 5px 10px;
}
/* for public-chat */
#communication.public_chat {
position: relative;
}
.public_chat #auto_refresh {
position: absolute;
top: 30px;
right: 20px;
transition: 0.3s;
}
.public_chat #auto_refresh.active.hold {
opacity: 0.4;
}
#communication.public_chat .player_chats .line,
#communication.public_chat .threads .post {
opacity: 1;
}
#communication.public_chat .chat {
overflow-y: auto!important;
}

106
public/stylesheets/mod-gamify.css
View File

@ -1,106 +0,0 @@
#mod-gamify h1 {
font-family: 'PT Serif';
font-size: 3em;
letter-spacing: 5px;
display: block;
}
#mod-gamify.index h1 {
margin-bottom: 30px;
text-align: center;
}
#mod-gamify .third {
float: left;
width: 33.33%;
}
#mod-gamify .champs {
width: 100%;
}
#mod-gamify .champ {
text-align: center;
}
#mod-gamify .champ h2 {
font-family: 'Roboto';
font-weight: 300;
font-size: 1.8em;
text-transform: uppercase;
opacity: 0.7;
}
#mod-gamify .champ h3 {
font-family: 'PT Serif';
font-size: 3em;
color: #d59120;
overflow: hidden;
text-overflow: ellipsis;
margin: 15px 0 25px 0;
}
#mod-gamify .champ h3 a {
color: #d59120;
}
#mod-gamify .champ table {
margin: auto;
}
#mod-gamify .champ table tr th {
text-transform: uppercase;
}
#mod-gamify .champ table tr td {
font-size: 2em;
font-family: 'Roboto Mono';
text-align: right;
line-height: 50px;
}
#mod-gamify .champ table tr:first-child td {
font-size: 3em;
}
#mod-gamify .champ a.current {
display: block;
margin: 30px auto 20px auto;
width: 70%;
}
#mod-gamify .period table {
width: 100%;
}
#mod-gamify .period table thead {
font-family: 'PT Serif';
font-size: 1.2em;
}
#mod-gamify .period table td,
#mod-gamify .period table thead th {
padding: 7px;
}
#mod-gamify .period table tbody {
font-size: 1.3em;
}
#mod-gamify .period table tbody th {
text-align: left;
font-size: 1.4em;
}
#mod-gamify .period table td.score {
font-size: 1.5em;
}
#mod-gamify .period table thead th:nth-child(n+1),
#mod-gamify .period table tr td {
text-align: right;
padding-right: 25px;
}
#mod-gamify .history {
margin-top: 20px;
font-size: 1.2em;
}
#mod-gamify .history table tr.year th {
font-family: 'PT Serif';
padding: 20px 0;
}
#mod-gamify .history table tr.year th:first-child {
padding-left: 25px;
font-size: 2.6em;
}
#mod-gamify .history table tr.year th:nth-child(n+3),
#mod-gamify .history table tr td {
text-align: right;
padding-right: 25px;
}
#mod-gamify .history table a,
#mod-gamify .history table .score {
font-size: 1.2em;
}

53
public/stylesheets/mod-irwin.css
View File

@ -1,53 +0,0 @@
.irwin .content_box_top {
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
padding-bottom: 1em;
padding-right: 20px;
}
.irwin .content_box_top .lichess_title {
margin: 0;
}
.irwin h1 .up {
text-transform: uppercase;
color: #759900;
}
.irwin h1 .down {
color: #dc322f;
}
.irwin .little {
font-size: 0.8em;
opacity: 0.8;
}
.irwin .slist {
white-space: nowrap;
}
.irwin .slist td {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.irwin .slist td:first-child, .irwin .slist th:first-child {
padding-left: 15px;
}
.irwin .slist strong {
display: block;
text-align: center;
}
body.dark .irwin .activation {
color: #fff;
text-align: center;
}
.irwin .green {
/* actually blue */
background-color: rgba(32, 119, 192, 0.3);
}
.irwin .yellow {
background-color: rgba(221, 207, 63, 0.3);
}
.irwin .orange {
background-color: rgba(231, 155, 100, 0.3);
}
.irwin .red {
background-color: rgba(231, 59, 56, 0.3);
}

30
public/stylesheets/mod-streamers.css
View File

@ -1,30 +0,0 @@
.stream_config .both {
display: flex;
}
.stream_config .both > * {
flex: 1 1 50%;
width: auto;
}
.stream_config .both .list {
height: 500px;
overflow: hidden;
overflow-y: auto;
}
.stream_config .both table.slist {
width: 100%;
overflow: hidden;
}
.stream_config .both table.slist td {
white-space: nowrap;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
}
.stream_config textarea.stream_text {
width: 100%;
height: 500px;
font-family: monospace;
margin-bottom: 2em;
padding: 8px;
box-sizing: border-box;
}

26
public/stylesheets/notFound.css
View File

@ -1,26 +0,0 @@
div.content_box header {
overflow: hidden;
}
div.content_box header h1 {
font-size: 110px;
float: left;
font-weight: bold;
margin: -30px 30px 0 0;
opacity: 0.3;
}
div.content_box header strong {
text-transform: uppercase;
opacity: 0.5;
font-size: 31px;
margin: 10px 0 10px 0;
display: block;
}
div.content_box a.underline {
text-decoration: underline;
}
div.content_box div.game {
text-align: center;
}
div.content_box .credits {
margin-top: 2em;
}

187
public/stylesheets/offline-fonts.css
View File

@ -1,187 +0,0 @@
/* cyrillic-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
// src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
src: local('Noto Sans'), local('NotoSans'), "../font/noto-sans-latin.woff2" format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVadyB1Wk.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVYNyB1Wk.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZdyB1Wk.woff2) format('woff2');
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVaNyB1Wk.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZ9yB1Wk.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVa9yB1Wk.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVatyB1Wk.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
// src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2) format('woff2');
src: local('Noto Sans Bold'), local('NotoSans-Bold'), "../font/noto-sans-bold-latin.woff2" format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
// src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
src: local('Roboto Light'), local('Roboto-Light'), "../font/roboto-light-latin.woff2" format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

70
public/stylesheets/practice.css
View File

@ -1,70 +0,0 @@
div.game_control .noop {
width: 30px;
}
.study_box .title {
display: flex;
padding: 7px;
background: #3893E8;
color: #fff;
white-space: nowrap;
}
.study_box .title .icon {
flex: 0 0 40px;
height: 40px;
margin-right: 10px;
opacity: 0.9;
}
.study_box .title h1 {
font-size: 1.2em;
}
.study_box .title em {
font-size: 0.9em;
opacity: 0.9;
}
.study_box .list {
border-top: 0;
max-height: 800px;
}
.study_box .elem.chapter {
border-top: 0;
border-bottom: 1px solid #ddd;
}
body.dark .study_box .elem.chapter {
border-color: #333;
}
.study_box .chapter h3 {
margin: 12px 0 12px 0px;
}
.study_box .list .status {
width: 28px;
opacity: 1;
font-size: 1.25em;
margin-right: 4px;
}
.study_box .list .status.ongoing {
color: #d0d0d0;
}
body.dark .study_box .list .status.ongoing {
color: #444;
}
.study_box .list .status.done {
color: #3893E8;
}
.study_box .list .active .status.ongoing {
font-size: 1em;
}
.study_box .finally {
padding: 12px 0;
display: flex;
background: #ddd;
}
body.dark .study_box .finally {
background: #404040;
}
.study_box .finally .back {
width: 34px;
text-align: center;
margin-right: 5px;
font-size: 1.2em;
}

13
public/stylesheets/pref.css
View File

@ -1,13 +0,0 @@
.content_box.prefs form li {
font-size: 1.3em;
display: block;
list-style: none outside none;
margin: 20px 0;
border-top: 1px solid #eaeaea;
padding: 20px 0 0 0;
}
div.content_box.prefs h2 {
font-weight: bold;
display: block;
margin-bottom: 20px;
}

268
public/stylesheets/puzzle.css
View File

@ -1,268 +0,0 @@
#puzzle div.lichess_game div.lichess_ground {
flex: 0 0 280px;
max-width: 280px;
}
#puzzle .game_control {
justify-content: center;
}
#puzzle .feedback {
flex: 1 1 0;
border: 1px solid #ccc;
border-top: 0;
background: #fff;
display: flex;
flex-flow: column;
justify-content: center;
}
body.dark #puzzle .feedback {
background: #303030;
color: #aaa;
border-color: #3d3d3d;
}
#puzzle .feedback .player {
display: flex;
align-items: center;
margin-left: 10px;
}
#puzzle .feedback .no-square {
flex: 0 0 64px;
height: 64px;
margin-right: 10px;
}
.is3d #puzzle .feedback div.no-square {
height: 82px;
}
#puzzle .feedback piece {
position: inherit;
display: block;
width: 100%;
height: 100%;
}
#puzzle .feedback .icon {
display: block;
width: 64px;
height: 64px;
font-size: 50px;
line-height: 64px;
text-align: center;
}
#puzzle .feedback.good .icon,
#puzzle .feedback.win .icon {
color: #759900;
}
#puzzle .feedback.fail .icon {
color: #dc322f;
}
#puzzle .feedback .instruction > * {
display: block;
}
#puzzle .feedback .instruction strong {
font-size: 1.5em;
}
@keyframes reveal {
0% { opacity: 0; }
100% { opacity: 0.8; }
}
#puzzle .feedback .view_solution {
margin-top: 5px;
margin-bottom: -5px;
text-align: center;
opacity: 0;
visibility: hidden;
}
#puzzle .feedback .view_solution.show {
visibility: visible;
opacity: 0.8;
transition: opacity 0.13s;
animation: reveal 1.5s;
}
#puzzle .feedback .view_solution:hover {
opacity: 1;
}
#puzzle .feedback.after .half {
flex: 1 1 50%;
}
#puzzle .feedback.after .half.top {
display: flex;
flex-flow: row nowrap;
}
#puzzle .feedback.after .complete {
flex: 1 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3em;
border: none;
}
#puzzle .feedback.after .complete.win {
align-items: flex-start;
}
#puzzle .feedback.after .vote {
display: flex;
flex-flow: column;
margin: 0 10px;
align-items: center;
justify-content: center;
}
#puzzle .feedback.after .vote a {
cursor: default;
cursor: pointer;
opacity: 0.7;
}
#puzzle .feedback.after .vote a::before {
font-size: 26px;
line-height: 22px;
}
#puzzle .feedback.after .vote a:hover,
#puzzle .feedback.after .vote a.active {
opacity: 1;
color: #d85000;
}
#puzzle .feedback.after .vote span.count {
font-size: 15px;
line-height: 1;
}
#puzzle .feedback.after .continue {
display: flex;
font-size: 1.3em;
background: #3893E8;
color: #fff;
align-items: center;
justify-content: center;
text-transform: uppercase;
padding: 0 10px;
}
#puzzle .feedback.after .continue:hover {
background: rgba(56,147,232,0.8);
}
#puzzle .feedback.after .continue i::before {
font-size: 2.5em;
margin-right: 10px;
}
#puzzle .feedback.call {
flex: 1.9 1 0;
}
#puzzle .feedback .vote_call {
font-size: 1.1em;
text-align: right;
background: #759900!important;
color: #fff!important;
padding: 8px 10px;
}
#puzzle move {
justify-content: space-between;
}
#puzzle move.hist {
opacity: 0.7;
}
#puzzle move glyph {
font-size: 1.3em;
width: 25px;
}
#puzzle move.good glyph,
#puzzle move.win glyph {
color: #759900;
font-size: 1.6em;
}
#puzzle move.fail glyph {
color: #dc322f;
}
#puzzle move.retry glyph {
color: #d59120;
}
#puzzle move:hover glyph {
color: #fff;
}
#puzzle .timeline {
display: flex;
margin-top: 10px;
}
#puzzle .timeline > * {
flex: 1 0;
background: #ccc;
color: #fff;
margin-left: 4px;
box-sizing: border-box;
opacity: 0.7;
height: 30px;
line-height: 30px;
}
body.dark #puzzle .timeline > * {
background: #444;
}
#puzzle .timeline a:first-child {
margin-left: 0;
}
#puzzle .timeline a:hover {
opacity: 1;
}
#puzzle .timeline a.win {
background: #759900!important;
}
#puzzle .timeline a.loss {
background: #dc322f!important;
}
#puzzle .timeline a.current {
background: #3893E8!important;
}
.puzzle_side .side_box.metas {
padding: 0 7px;
}
.puzzle_side .game_infos {
margin-top: 14px!important;
padding-bottom: 14px!important;
}
.puzzle_side .header a {
color: #3893E8!important;
}
.puzzle_side .header .hidden {
opacity: 0.7;
}
.puzzle_side .game_infos.puzzle {
padding-left: 56px;
}
.puzzle_side .game_infos.puzzle::before {
font-size: 47px;
}
.puzzle_side .puzzle .header a {
font-size: 1.2em;
}
.puzzle_side .game_infos.game {
border: none;
padding-bottom: 0!important;
}
.puzzle_side .players {
padding-bottom: 14px;
}
.puzzle_side .players .color-icon::before {
width: 30px;
display: inline-block;
text-align: center;
}
.puzzle_side .rating h2 {
padding: 7px;
}
.puzzle_side .rating span.rp {
/* font-size: 1.2em; */
}
.puzzle_side .rating span.rp.up {
color: #759900;
}
.puzzle_side .rating span.rp.down {
color: #ac524f;
}
@media (max-width: 1070px) {
.side_box.rating canvas {
width: 194px!important;
}
}

56
public/stylesheets/quote.css
View File

@ -1,56 +0,0 @@
.pull-quote {
margin: 0 auto;
font-family: 'PT Serif', 'Noto Sans', 'Lucida Grande';
font-size: 15px;
text-align: left;
}
.pull-quote p {
position: relative;
margin: 0 10px;
padding: 15px 0;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
font-style: italic;
}
.pull-quote.long p {
font-size: 14px;
}
.pull-quote p:after {
content: '';
position: absolute;
bottom: -9px;
left: 42px;
width: 15px;
height: 15px;
background: #eee;
border-left: 1.5px solid #aaa;
border-bottom: 1px solid #aaa;
transform: skew(45deg) rotate(-45deg);
}
.content_box .pull-quote p:after {
background: #fff;
}
.pull-quote footer {
margin: 10px;
line-height: 20px;
text-align: right;
}
.pull-quote footer:before {
content: '\2014';
}
body.dark .pull-quote p,
body.dark .pull-quote p:after {
border-color: #505050;
}
body.dark .content_box .pull-quote p:after {
background-color: #2b2b2b;
}
body.dark .pull-quote p:after {
background: #181818;
}
body.transp .pull-quote p:after,
body.transp .content_box .pull-quote p:after {
background: linear-gradient(45deg, #505050, #505050 55%, transparent 55%, transparent);
border: none;
}

88
public/stylesheets/search.css
View File

@ -1,88 +0,0 @@
form.search {
padding: 10px 25px;
}
form.search td {
padding: 5px 0;
}
form.search .half {
float: left;
width: 49%;
padding-right: 1%;
text-align: right;
}
form.search label {
margin-right: 10px;
}
form.search input {
width: 86%;
padding: 3% 5%;
}
form.search select {
padding: 0.5% 1%;
text-transform: capitalize;
}
form.search .user_row select {
text-transform: none;
}
form.search .single select {
width: 99%;
}
form.search .half select {
width: 78%;
}
form.search .half .flatpickr {
width: 74.93%; /* this will make the date picker just as large as the select */
border: 1px solid rgb(169, 169, 169);
padding: 0.5% 1%;
}
form.search input.submit {
width: 99%;
}
form.search div.level {
display: inline;
}
form.search span.help {
text-decoration: underline #747474;
}
div.search_status {
margin-top: 10px;
padding: 10px 25px;
background: #f4f4f4;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
form.search .error {
margin-left: 160px;
color: red;
}
form.search .submit {
width: 100%;
}
form.search .wait {
display: none;
}
form.search.searching .spinner {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
form.search.searching .wait {
display: block;
}
form.search.searching .submit {
display: none;
}

169
public/stylesheets/setup.css
View File

@ -1,169 +0,0 @@
div.game_config button {
font-size: 1.4em;
padding: 0 2em;
}
div.game_config button {
letter-spacing: 1px;
}
div.game_config {
padding-bottom: 0;
}
div.game_config.error {
padding-bottom: 22px;
}
div.game_config group.radio {
margin: 0 auto 1em auto;
width: 70%;
}
div.game_config group.radio label {
padding: 5px;
}
div.game_config group.radio label.disabled {
opacity: 0.4;
cursor: default;
}
div.game_config div.ui-slider {
font-size: 1.3em;
margin: 0 15px;
}
div.game_config .optional_config {
padding: 8px 0;
border-bottom: solid 1px #e4e4e4;
}
div.game_config .mode_choice {
margin-top: 1em;
}
div.game_config .optional_config,
div.game_config .ratings {
background: #f4f4f4;
border-top: solid 1px #e4e4e4;
}
div.game_config.error .ratings {
border-top: 0;
}
div.game_config .label_select {
overflow: hidden;
text-align: left;
}
div.game_config .label_select.variant {
margin-bottom: 8px;
}
div.game_config .label_select label {
display: block;
float: left;
width: 144px;
text-align: right;
padding: 5px 0;
}
div.game_config .label_select select {
margin-left: 10px;
font-weight: bold;
padding: 5px 8px;
}
div.game_config .fen_position {
padding: 8px 0;
display: none;
}
div.game_config .fen_position .cg-board-wrap {
margin: 8px auto 0 auto;
}
div.game_config .fen_position .fen_form {
width: 95%;
margin: auto;
}
div.game_config .fen_position .fen_form input {
border: 1px solid #ccc;
width: 320px;
padding: 2px 3px;
}
div.game_config .fen_position .fen_form .button {
float: right;
}
div.game_config input#fen.success {
border-color: #00aa00;
}
div.game_config input#fen.failure {
border-color: #ac524f;
}
div.game_config .slider {
padding-top: 5px;
text-align: left;
text-indent: 15px;
}
div.game_config .slider span {
font-weight: bold;
}
div.game_config .ratings {
line-height: 50px;
width: 100%;
text-align: center;
}
div.game_config .ratings > div {
display: none;
}
div.game_config .color_submits {
margin: 1em auto;
text-align: center;
display: flex;
align-items: flex-end;
justify-content: center;
}
div.game_config button {
margin: 0 8px;
}
div.game_config button.nope {
visibility: hidden;
}
div.game_config button:disabled {
opacity: 0.3;
}
div.game_config button.black,
div.game_config button.white {
width: 50px;
height: 50px;
padding: 5px;
}
div.game_config button.black i,
div.game_config button.white i {
display: block;
width: 40px;
height: 40px;
padding: 0;
background-size: 40px 40px;
}
div.game_config button.white i {
background-image: url(../piece/cburnett/wK.svg);
}
div.game_config button.black i {
background-image: url(../piece/cburnett/bK.svg);
}
div.game_config button.random {
width: 75px;
height: 75px;
padding: 10px;
}
div.game_config .color_submits button.random i {
background-image: url(../images/wbK.svg);
background-size: 55px 55px;
display: block;
width: 55px;
height: 55px;
padding: 0;
}
div.game_config.lichess_overboard {
top: 55%;
}
body.dark div.game_config .optional_config,
body.dark div.game_config input[type="text"],
body.dark div.game_config .ratings {
border-color: #3d3d3d;
}
body.dark div.game_config .optional_config,
body.dark div.game_config .ratings {
background: #343434;
}
body.transp div.game_config .optional_config,
body.transp div.game_config .ratings {
background: rgba(0, 0, 0, 0.3);
}

25
public/stylesheets/shepherd.css
View File

@ -1,25 +0,0 @@
.shepherd-step {
z-index: 5011;
font-size: 1.2em!important;
}
body:not(.dark) .shepherd-cancel-link {
color: #fff!important;
}
.shepherd-text {
padding: 1em 1em 5px 1em!important;
}
.shepherd-text a {
color: #3893E8!important;
}
.shepherd-content footer {
padding: 0!important;
}
.shepherd-buttons li:last-child .shepherd-button {
border-radius: 3px 0 5px 0!important;
background: none!important;
color: #3893E8!important;
}
.shepherd-buttons li:last-child .shepherd-button:hover {
background: #3893E8!important;
color: #fff!important;
}

167
public/stylesheets/simul.css
View File

@ -1,167 +0,0 @@
#simul.form h1 {
text-align: center;
display: block;
}
#simul.form .variants {
display: flex;
flex-flow: row wrap;
}
#simul.form .variants .checkable {
flex: 1 1 33%;
white-space: nowrap;
}
#simul .content_box {
min-height: 400px;
}
#simul .halves {
overflow: hidden;
}
#simul .half {
box-sizing: border-box;
float: left;
margin-bottom: 20px;
}
#simul .half:first-child {
border-right: 1px solid #ccc;
width: 50%;
}
#simul .half:last-child {
border-left: 1px solid #ccc;
margin-left: -1px;
width: calc(50% + 1px);
}
#simul .half .variant::before {
font-size: 1.6em;
opacity: 0.8;
}
#simul .half .user-link {
line-height: 2.5em;
}
#simul .half tr.help th {
padding: 60px 20px;
}
#simul .half td.action {
text-align: right;
opacity: 0.6;
transition: opacity 0.13s;
}
#simul .half td.action:hover {
opacity: 1;
}
#simul .half.candidates tr.me {
border-left: 10px solid #d59120;
}
#simul .half.accepted tr.me {
border-right: 10px solid #d59120;
}
#simul .pull-quote {
margin-top: 30px;
width: 300px;
}
#simul .top_right {
float: right;
margin: 20px 25px 0 0;
}
#simul .top_right.finished {
font-size: 20px;
}
#simul .instructions {
text-align: center;
margin-bottom: 1em;
}
#simul h1 .author {
margin-left: 1em;
font-size: 0.7em;
}
#simul a.user-link em {
font-weight: bold;
padding-left: 5px;
}
#simul .results > div {
width: 25%;
display: inline-block;
text-align: center;
}
#simul .results .number {
font-size: 3em;
font-weight: bold;
}
#simul .results .text {
font-family: 'Roboto';
font-weight: 300;
font-size: 1.5em;
text-transform: uppercase;
}
#simul .game_list {
margin-top: 30px;
text-align: center;
}
#simul .game_list .vstext {
transition: all 1s;
}
.variant_icons {
white-space: nowrap;
}
.variant_icons span {
font-size: 4em;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff;
}
.variant_icons span:not(:first-child) {
margin-left: -0.5em;
}
.variant_icons.rich span:not(:first-child) {
margin-left: -1em;
}
div.side_box .game_infos {
padding-left: 0;
}
.side_box .variant_icons {
float: left;
}
.side_box .variant_icons span {
font-size: 2.5em;
}
.side_box .clock {
font-size: 1.5em;
line-height: 2em;
margin-left: 10px;
}
.side_box .setup {
margin-top: 10px;
}
#simul .join_choice {
display: none;
}
#simul table.slist td:first-child {
padding-left: 1em;
}
.setup {
text-transform: uppercase;
}
#simul div.game_list.playing > div {
position: relative;
overflow: hidden;
}
#site_header .help {
margin-top: 20px;
}
#site_header .help a {
color: #3893E8;
}
#modal-wrap.card {
max-width: 500px;
padding: 0;
}
#modal-wrap.card img {
width: 100%;
}
#modal-wrap.card em {
font-style: italic;
margin-top: 10px;
display: block;
}
#modal-wrap.card p {
margin: 30px 20px;
text-align: justify;
}

87
public/stylesheets/streamer.form.css
View File

@ -1,87 +0,0 @@
.streamer.edit .top .picture_wrap {
margin-right: 30px;
width: 250px;
height: 250px;
}
.streamer_picture .picture_wrap {
text-align: center;
}
.streamer.edit .top .upload_picture {
text-align: center;
margin-top: 80px;
}
.streamer.edit #description {
height: 10em;
}
.streamer_picture form {
padding: 30px;
border-top: 1px solid #ccc;
text-align: center;
}
.streamer_picture form.delete button {
color: red;
}
.streamer_picture .cancel {
padding: 40px;
border-top: 1px solid #ccc;
}
.streamer_picture .forms > *:first-child {
margin-top: 40px;
}
.streamer.edit .status {
margin: 20px;
padding: 20px;
background: rgba(128,128,128,0.2);
}
.streamer.edit .mod {
margin-bottom: 6em;
}
.streamer.edit .status::before {
font-size: 2em;
margin-right: 0.5em;
}
.streamer.edit .status form {
display: inline;
}
#site_header a.preview {
display: block;
margin-top: 40px;
text-align: center;
}
.streamer-new h2 {
font-size: 1.4em;
margin-bottom: 1em;
}
.streamer-new .rules li,
.streamer.edit .rules li {
font-size: 1.2em;
margin: 1em 0 1em 2.2em;
line-height: 1.6em;
text-indent: -2.2em;
}
.streamer-new .rules li::before,
.streamer.edit .rules li::before {
font-family: 'lichess';
content: 'E';
font-size: 1.5em;
margin-right: 0.5em;
vertical-align: middle;
opacity: 0.8;
}
.streamer-new button {
margin: 1.5em auto 0 auto;
display: block;
font-size: 2em;
}
body.dark .streamer_picture form,
body.dark .streamer_picture .cancel {
border-color: #3d3d3d;
}

30
public/stylesheets/study-create.css
View File

@ -1,30 +0,0 @@
form h2 {
font-size: 1.3em;
margin-bottom: 1em;
}
button.new {
margin: 1.5em auto;
display: block;
font-size: 2em;
}
.studies {
display: flex;
flex-flow: row nowrap;
}
.studies > div {
flex: 0 1 50%;
box-sizing: border-box;
overflow: hidden;
}
.studies > div:last-child {
margin-left: 20px;
}
.studies button {
width: 100%;
text-align: left;
overflow: hidden;
margin-bottom: 3px;
}

932
public/stylesheets/study.css
View File

@ -1,932 +0,0 @@
.study_tabs {
display: flex;
-moz-user-select: none;
-webkit-user-select: none;
}
.study_tabs a {
text-transform: uppercase;
display: block;
width: 100%;
text-align: center;
padding: 6px 0 4px 0;
background: #fff;
border-bottom: 3px solid transparent;
}
.study_box .study_tabs a {
font-family: 'Roboto';
font-weight: 300;
}
.study_tabs a.more {
flex: 0 0 32px;
}
.study_tabs a.more i {
opacity: 0.6;
}
.study_tabs a:hover {
color: #3893E8!important;
}
.study_tabs a.active {
color: #3893E8!important;
border-bottom: 3px solid #3893E8;
}
.material.form .study_tabs {
margin-top: -20px;
margin-bottom: 40px;
}
body:not(.dark) .material.form .study_tabs a {
background: #f0f0f0;
}
.study_box {
position: relative;
min-height: 50px;
}
form.chapter_form.material.form .form-group textarea {
height: 100px;
line-height: 1.2em;
font-size: 0.9em;
}
div.underboard {
margin-top: 17px;
min-height: 370px;
}
.underboard_form .title {
background: #e0e0e0;
line-height: 30px;
}
div.underboard .notif {
margin: -20px 0 20px 0;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #759900;
color: #fff;
font-size: 1.4em;
}
div.underboard .notif.error {
background-color: #d59120;
}
.study_comment_form form.material.form,
.chapter_desc_form form.material.form {
display: flex;
align-items: center;
margin: 0;
}
.study_comment_form form .form-group,
.chapter_desc_form form .form-group {
width: 100%;
margin-bottom: 15px!important;
}
.underboard form.material.form textarea {
height: 150px;
padding: 10px 0;
font-size: 1.1em;
line-height: 1.3em;
resize: vertical;
}
.underboard form.material.form .form-group .bar::before {
background: rgba(99,155,36,0.75);
}
.study_comments {
text-align: left;
}
.study_comments .comment {
font-size: 1.2em;
background: #e0e0e0;
padding: 5px 10px;
margin-bottom: 10px;
}
.study_comments .text {
width: 100%;
overflow: hidden;
word-wrap: break-word;
display: inline-block;
}
.study_comments .text a,
.chapter_desc .text a {
color: #3893E8!important;
}
.study_comments .edit {
float: right;
margin-left: 8px;
opacity: 0.7;
display: none;
}
.study_comments .comment:hover .edit {
display: block;
}
.study_comments .comment .edit:hover {
opacity: 1;
}
.study_comments .user-link,
.study_comments .node {
font-weight: bold;
}
.chapter_desc {
margin-bottom: 10px;
text-align: left;
font-size: 1.2em;
position: relative;
}
.chapter_desc .contrib {
position: absolute;
top: 0;
right: 0;
background: #fff;
padding: 5px 10px;
display: none;
}
.chapter_desc:hover .contrib {
display: block;
}
.chapter_desc .contrib a {
margin-left: 8px;
}
.chapter_desc_form {
margin-bottom: 10px;
}
.chapter_desc_form textarea {
height: 15em!important;
}
.study_box .list {
max-height: 180px;
overflow: hidden;
overflow-y: auto;
position: relative;
}
.study_box .list .elem {
display: flex;
justify-content: space-between;
-moz-user-select: none;
-webkit-user-select: none;
}
.study_box .elem .user-link,
.study_box .elem.member .add_text {
overflow: hidden;
text-overflow: ellipsis;
line-height: 26px;
margin-left: 4px;
}
.study_box .list .sortable-ghost {
background: #3893E8;
color: #fff;
opacity: 0.5;
}
.study_box .list .sortable-ghost i::before {
color: #fff;
}
.study_box .list .left,
.study_box .list .right {
display: flex;
align-items: center;
max-width: 200px;
}
.study_box .list .left {
flex: 0 1 auto;
overflow:hidden;
}
.study_box .list .status,
.study_box .list .action {
display: block;
width: 20px;
height: 26px;
line-height: 26px;
text-align: center;
margin: 0;
padding: 0 2px;
flex-shrink: 0;
}
.study_box .list .status i,
.study_box .list .action {
font-size: 14px;
opacity: 0.15;
transition: opacity 0.13s;
}
.study_box .list .action {
cursor: pointer;
display: flex;
align-items: center;
height: auto;
}
.study_box .list .action.leave {
opacity: 0.6;
color: #dc322f;
}
.study_box .list > div:hover .action {
opacity: 1;
}
.study_box .members .status i {
opacity: 0.5;
transition: 2.5s;
}
.study_box .members .contrib i {
opacity: 0.7;
}
.study_box .members .status {
transition: 2.5s;
}
.study_box .members .online i {
opacity: 0.8;
color: #759900;
}
.study_box .members .online.contrib i {
opacity: 1;
}
.study_box .members .status.active {
transition: none;
}
.study_box .members .member:nth-child(4n-3) .status.active {
background: #42a5f5;
}
.study_box .members .member:nth-child(4n-2) .status.active {
background: #f44336;
}
.study_box .members .member:nth-child(4n-1) .status.active {
background: #fdd835;
}
.study_box .members .member:nth-child(4n-0) .status.active {
background: #4caf50;
}
.study_box .members .status.active i {
transition: none;
opacity: 1;
color: #fff;
}
.study_box .add {
border-top: 1px solid #ccc;
cursor: pointer;
background: #fff;
color: #3893E8!important;
opacity: 0.8;
}
.study_box .add i {
color: #3893E8!important;
opacity: 1!important;
}
.study_box .add:hover {
opacity: 1;
}
.study_invite .info {
background: #3893E8;
color: #fff;
padding: 1em;
margin-bottom: 1em;
text-align: left;
}
.study_invite .info::before {
font-size: 3.6em;
float: left;
margin-right: 20px;
}
.study_invite .users {
max-height: 200px;
overflow-y: auto;
border: solid #ccc;
border-width: 1px 0;
padding: 12px 20px 2px 20px;
margin-bottom: 20px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.study_invite .users .button {
flex: 0 0 48%;
display: block;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
}
.study_invite input {
width: 214px;
border: none;
border: 1px solid #ccc;
background: #fff;
padding: 3px 5px;
}
.study_invite .tt-menu {
text-align: left;
}
.study_box .list div.editing,
.study_box .list div.config {
background: #fff;
}
.study_box .list div.config {
padding: 5px 10px 15px 10px;
}
.study_box .list div.config .role {
line-height: 22px;
}
.study_box .list div.config .role label {
cursor: pointer;
}
.study_box .list div.config .switch {
float: left;
margin-right: 10px;
}
.study_box .list div.config .kick,
.study_box .list div.config .delete {
margin-top: 15px;
}
.study_box .chapter:not(.add) {
cursor: pointer;
align-items: stretch;
border: 1px solid transparent;
border-width: 1px 0;
}
.study_box .chapter:not(.add):hover {
border-color: rgba(56, 147, 232, 0.1);
}
.study_box .chapter h3 {
flex: 1 1 100%;
line-height: 1.1em;
margin: 4px 0;
display: flex;
align-items: center;
word-break: break-all;
}
.study_box .chapters .status {
color: #3893E8;
opacity: 1;
font-weight: bold;
width: 20px;
height: auto;
margin-right: 6px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0.8;
}
.study_box .chapter.active:not(.add),
.study_box .chapter:not(.add):hover {
background: rgba(56, 147, 232, 0.1);
}
.study_box .chapter.active .status,
.study_box .chapter:active,
.study_box .chapter:active .status {
color: #fff!important;
background: #3893E8!important;
}
.study_box .chapter .ddloader {
height: auto;
background-size: cover;
color: transparent;
}
.study_box .chapter.add .status {
width: 23px;
margin-right: 3px;
}
.study_box .chapters .status .spinner {
width: 18px;
height: 18px;
margin: 6px 0 0 0;
display: inline-block;
}
.study_overboard.lichess_overboard {
top: 60%;
}
.is3d .study_overboard.lichess_overboard {
top: 65%;
}
.study_overboard .material.form {
margin: 0;
padding: 20px;
}
.study_overboard .align-left {
text-align: left;
}
.study_overboard .form .editor {
margin: -30px 0 30px 0;
}
.study_overboard .form .editor .spinner {
padding-top: 80px;
}
.study_overboard h2 i {
margin-left: 10px;
opacity: 0.5;
cursor: pointer;
}
.study_overboard h2 i:hover {
opacity: 0.7;
color: #3893E8;
}
.material.form a.form-help:hover {
text-decoration: underline;
}
.study_buttons {
display: flex;
justify-content: space-between;
border: 1px solid #ccc;
border-bottom: 2px solid rgba(99,155,36,0.75) !important;
}
.study_buttons .member_buttons {
display: flex;
}
.study_buttons .member_buttons .fbt {
display: inline-block;
font-weight: normal;
text-transform: uppercase;
}
.study_buttons .behind {
background: #dc322f;
color: #fff;
padding: 0 5px;
border-radius: 9px;
margin-right: 4px;
}
.study_buttons .fbt {
padding: 5px 13px;
}
.study_buttons .fbt i {
height: 16px;
display: inline-block;
}
.study_buttons .fbt .data-count::after,
.study_buttons .fbt:not(:disabled):hover {
background: #639B24!important;
}
body.base .study_buttons .fbt:not(:disabled):active,
body.base .study_buttons .fbt.active {
background: rgba(99,155,36,0.75)!important;
border-top: 1px solid #639B24;
margin-top: -1px;
}
.study_buttons .mode {
padding: 5px 10px;
text-transform: uppercase;
opacity: 0.8;
}
.study_buttons .mode i::before {
font-size: 19px;
content: 'L';
color: #dc322f;
margin-right: 4px;
}
.study_buttons .mode.on i::before {
content: 'E';
color: #639B24!important;
}
.study_buttons .mode:hover {
background: rgba(128,128,128,0.15);
opacity: 1;
}
.underboard .message {
height: 100px;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.glyph-icon::before {
content: '⁉';
font-size: 1.3em;
vertical-align: middle;
width: 14px;
display: inline-block;
font-style: normal;
}
.glyph_form {
text-align: left;
width: 100%;
display: flex;
white-space: nowrap;
margin-bottom: 15px;
-moz-user-select: none;
-webkit-user-select: none;
}
.glyph_form > * {
flex: 1 0 30%;
}
.glyph_form a {
display: flex!important;
cursor: pointer;
transition: 0.13s;
align-items: center;
}
.glyph_form i::before {
content: attr(data-symbol);
font-size: 1.2em;
font-style: normal;
font-weight: bold;
display: block;
width: 20px;
text-align: center;
background: #ddd;
padding: 2px 10px;
margin-right: 6px;
transition: 0.13s;
}
.glyph_form a:hover,
.glyph_form a.active {
background: #fff;
color: #639B24;
}
.glyph_form a:hover i::before {
background: #eee;
}
.glyph_form a.active i::before {
background: #639B24!important;
color: #fff!important;
}
.study_share input {
font-size: 13px!important;
}
.study_share .ply-wrap {
margin-top: -5px;
text-align: left;
opacity: 0.7;
font-size: 0.8rem;
}
.study_share .ply {
cursor: pointer;
}
.study_share .ply input {
margin-right: 5px;
vertical-align: middle;
}
.study_share .fen {
overflow: hidden;
font-family: monospace;
font-size: 11px;
line-heigth: 2em;
white-space: nowrap;
margin: -1rem 0 1rem 0;
padding: 1em;
background: #f0f0f0;
border-radius: 5px;
}
.study_share .downloads {
display: flex;
justify-content: space-between;
margin: 20px 20px 20px 20px;
}
.server_eval,
.server_eval .message {
height: 200px;
}
.server_eval .request {
margin-top: 2em;
}
.multi_board .spinner {
margin: 50px auto;
}
.multi_board.loading {
opacity: 0.7;
}
.multi_board .top {
justify-content: space-between;
align-items: center;
display: flex;
}
.multi_board .playing {
cursor: pointer;
}
.multi_board .playing input {
vertical-align: middle;
margin-right: 3px;
}
.multi_board .pager .page {
margin: 0 3px;
}
#now_playing {
padding: 0 0 0 1px;
}
#now_playing > a {
flex: 0 0 160px;
overflow: hidden;
padding: 5px;
transition: none;
}
#now_playing a:nth-child(even) {
background: rgba(128, 128, 128, 0.2);
}
body.dark #now_playing a {
background: #000;
}
body.dark #now_playing a:nth-child(even) {
background: #333;
color: #aaa;
}
body.base #now_playing > a:hover {
background: rgba(56, 147, 232, 0.7);
color: #fff;
}
#now_playing a.active,
#now_playing a:active {
background: rgba(99,155,36,0.8)!important;
color: #fff!important;
}
#now_playing .player {
height: 1.5em;
white-space: nowrap;
display: flex;
justify-content: space-between;
}
#now_playing .name {
display: flex;
align-items: center;
justify-content: center;
height: 3em;
}
div.advice_summary {
margin-top: 42px;
}
body.dark .underboard_form .title,
body.dark .study_comments .comment,
body.dark .glyph_form i::before {
background: #262626;
}
body.dark .study_share .fen,
body.dark .chapter_desc .contrib,
body.dark .study_box .add,
body.dark .glyph_form a.active,
body.dark .glyph_form a:hover,
body.dark .glyph_form a:hover i::before {
background: #303030;
}
.destructive {
margin-top: 20px;
}
.destructive form {
display:inline-block;
}
.destructive button {
color: #dc322f!important;
opacity: 0.5;
font-weight: normal;
}
.destructive button:hover {
opacity: 1;
}
form .editor_wrap {
min-height: 280px;
}
form .editor_wrap .spinner {
padding-top: 90px;
}
form .editor {
position: relative;
}
form .editor .manipulable .cg-board, #board_editor body.destination .cg-board square.move-dest {
cursor: inherit;
}
form .editor .spare {
height: 28px;
width: 224px;
margin: 3px 0;
}
form .editor .spare.black {
background: #888;
}
form .editor .spare.white {
background: #ccc;
}
form .editor .spare .selected-square {
background: #3893E8;
}
form .editor .spare .no-square {
position: relative;
display:inline-block;
width: 28px;
height: 26px;
}
form .editor .spare piece {
cursor: pointer;
width: 100%;
height: 100%;
}
/* http://www.flaticon.com/free-icon/clicker_99162 */
form .editor .spare piece.pointer {
background-image: url('/assets/images/icons/pointer.png');
width: 100%;
height: 100%;
}
form .editor .spare piece.trash {
font-size: 12pt;
top: 10%;
height: 100%;
}
form .editor .spare .no-square.trash {
color: black;
text-align: center
}
form .editor .cg-board-wrap {
width: 224px!important;
height: 224px!important;
}
form .editor square.last-move {
background-color: transparent!important;
}
form .editor .editor-side {
position: absolute;
left: 233px;
top: 35px;
text-align: left;
}
form .editor .editor-side .content_box {
background: none;
border: 0;
padding: 0;
box-shadow: none;
margin-bottom: 10px;
}
form .editor .castling {
margin-top: 10px;
}
form .editor .castling strong {
display: none;
}
form .editor .castling label {
display: block;
cursor: pointer;
}
form .editor .castling input {
cursor: pointer;
margin-right: 5px;
}
form .editor a.button {
display: block;
}
.study_metadata {
text-align: left;
}
.study_metadata h2 {
font-size: 1.3em;
padding: 7px 12px 7px 12px;
font-weight: normal;
white-space: nowrap;
display: flex;
justify-content: space-between;
}
.study_metadata .name::before {
font-size: 1.3em;
margin-right: 8px;
opacity: 0.7;
}
.study_metadata h2 .name {
overflow: hidden;
text-overflow: ellipsis;
}
.study_metadata h2 .liking {
padding-left: 12px;
margin-left: 12px;
border-left: 1px solid #ccc;
font-weight: bold;
cursor: pointer;
opacity: 0.7;
transition: 0.3s;
}
.study_metadata h2 .liking:hover {
opacity: 1;
color: #dc322f!important;
}
table.tags {
border: none;
}
table.tags th {
text-transform: uppercase;
font-size: 1.1em;
opacity: 0.7;
border-top: 1px solid #eaeaea;
width: 1px;
padding: 0 5px 0 15px!important;
}
body.dark .study_box .add,
body.dark table.tags th,
body.dark .study_buttons {
border-color: #3d3d3d;
}
table.tags tr:first-child th {
border-top: none;
}
table.tags td {
padding: 0;
}
table.tags td input,
table.tags td span,
table.tags td pre {
padding-left: 10px;
line-height: 2.5em;
}
table.tags td input {
border: none;
background: none;
width: 100%;
box-sizing: border-box;
}
table.tags td input:hover,
table.tags td input:focus {
background: rgba(56, 147, 232, 0.08);
}
table.tags #study_fen {
font-size: 0.8em;
margin: 0.3em 0;
}
div.undertable {
margin-top: 0;
}
div.undertable_inner {
height: auto;
max-height: 200px;
}
.board_left.no_chat #chat {
height: auto!important;
}
.board_left.no_chat .study_box .list {
max-height: 500px;
}
div.chapter_embed {
line-height: 0;
margin-bottom: 5px;
}
.player_bars {
margin-bottom: 32px;
}
.player_bar {
background: #ccc;
color: #555;
text-shadow: 0 .5px 1px #fff;
display: flex;
height: 26px;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: bold;
position: absolute;
left: 0;
right: 0;
}
body.dark .player_bar {
background: #444;
color: #bbb;
text-shadow: 0 .5px 1px #000;
}
.lichess_board_wrap.white .player_bar.black,
.lichess_board_wrap.black .player_bar.white {
border-radius: 4px 4px 0 0;
top: -26px;
}
.lichess_board_wrap.white .player_bar.white,
.lichess_board_wrap.black .player_bar.black {
border-radius: 0 0 4px 4px;
bottom: -26px;
}
.player_bar .left {
flex: 1 1 100%;
display: flex;
justify-content: flex-start;
}
.player_bar .result {
flex: 0 0 auto;
margin-left: 10px;
font-weight: normal;
padding-right: 10px;
border-right: 1px solid rgba(127,127,127,0.5);
}
.player_bar .aclock {
font-family: 'Roboto Mono', 'Roboto';
font-size: 17px;
height: 26px;
line-height: 26px;
padding: 0 10px;
border-radius: 0 4px 0 0;
}
.lichess_board_wrap.white .player_bar.white .aclock,
.lichess_board_wrap.black .player_bar.black .aclock {
border-radius: 0 0 4px 0;
}
.player_bar.ticking .aclock {
background: #759900;
color: #fff;
text-shadow: none;
}
.player_bar .info {
margin-left: 10px;
}
.player_bar .elo {
margin-left: 0.5em;
font-weight: normal;
}
.relay_players .cg-board-wrap coords.files {
bottom: 0px;
text-align: left;
}
.relay_players .cg-board-wrap coords.files coord {
padding-left: 2px;
color: #fff;
text-shadow: 0 1px 2px #000;
}

15
public/stylesheets/timeline.css
View File

@ -1,15 +0,0 @@
#timeline_more td {
padding: 1em 25px;
}
#timeline_more time {
font-size: 0.8em;
}
#timeline_more a {
font-weight: bold;
text-decoration: none;
}
#timeline_more a.user-link {
background: none;
padding-left: 0;
display: inline-block;
}

1099
public/stylesheets/tournament.css
View File

File diff suppressed because it is too large Load Diff

26
public/stylesheets/tournament.form.css
View File

@ -1,26 +0,0 @@
#form3-name {
width: 48%!important;
display: inline-block;
}
#tournament form.create .conditions {
margin: 1.5em 0;
border-color: rgba(128,128,128,0.3);
}
#tournament form.create .conditions legend {
text-align: center;
}
#tournament form.create .conditions p {
margin: 20px;
}
#tournament form.create .conditions .form {
display: none;
}
#tournament form.create .conditions.visible {
margin: 0;
padding: 0;
border-left: none;
border-right: none;
}
#tournament form.create .conditions.visible .form {
display: block;
}

70
public/stylesheets/tournament_shields.css
View File

@ -1,70 +0,0 @@
.content_box {
position: relative;
}
.content_box h1 {
text-align: center;
}
.tournament_shields .winner_lists {
display: flex;
flex-flow: row wrap;
}
.winner_list {
width: 50%;
flex: 0 0 50%;
padding: 20px 25px 30px 20px;
box-sizing: border-box;
border-bottom: 5px solid transparent;
}
.winner_list:hover {
background: #fafafa;
border-bottom: 5px solid #ddd;
}
.winner_list h2 {
display: flex;
align-items: center;
font-size: 2em;
letter-spacing: 5px;
font-family: Roboto;
line-height: 2em;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.winner_list .shield_trophy {
margin: 0 20px -15px 0;
display: block;
width: 67px;
height: 80px;
background: url(../images/trophy/shield-gold.png) no-repeat;
background-size: contain;
font-family: "lichess" !important;
font-size: 40px;
line-height: 80px;
text-align: center;
letter-spacing: normal;
color: #333!important;
text-shadow: 0 0 6px #fff;
}
.winner_list li {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
line-height: 3.5em;
font-size: 1.2em;
}
.winner_list li:hover a {
color: #3893E8;
}
.winner_list a.user-link {
font-size: 1.2em;
margin: 0 10px 0 -3px;
overflow: hidden;
text-overflow: ellipsis;
}
body.dark .winner_list h2 {
border-color: #404040;
}
body.dark .winner_list:hover {
background: #303030;
border-bottom: 5px solid #505050;
}

93
public/stylesheets/translation.css
View File

@ -1,93 +0,0 @@
h2 {
margin-top: 1em;
font-size: 1.5em;
}
table.translations {
margin-top: 1em;
width: 100%;
}
table.translations th {
font-weight: bold;
}
table.translations td, table.translations th {
padding: 5px 5px 5px 5px;
}
table.translations tbody tr:nth-child(odd) {
background: #f4f4f4;
}
table.translations td.progress {
white-space: nowrap;
}
table.translations .progressbar {
width: 200px;
}
div.locale_menu {
margin-top: 2em;
}
.error {
color: red;
}
.notice {
margin: 1em;
padding: 1em;
text-align: center;
font-size: 1.2em;
border: 1px solid #DADADA;
color: #000;
background: #AAFFAA;
}
div.messages {
margin-bottom:1em;
padding-bottom: 1em;
max-height: 500px;
overflow: auto;
border: 1px solid #dadada;
}
div.message {
padding:1em;
font-size: 1.2em;
position: relative;
}
div.message:nth-child(odd) {
background: #f4f4f4;
}
div.message label {
display: block;
color: #444;
margin-left: 9%;
}
div.message .context {
margin-left: 9%;
font-size: 0.9em;
margin-top: 5px;
}
div.message input {
width: 90%;
margin-left: 9%;
margin-top: 3px;
padding: 3px 5px;
border: 1px solid #dadada;
}
div.message .number {
position: absolute;
top: 25px;
left: 10px;
}
div.optional {
margin-bottom: 1em;
}
div.optional input {
padding: 3px 5px;
border: 1px solid #dadada;
}
input.submit {
padding: 5px 10px;
font-size: 1.3em;
}

192
public/stylesheets/transp.css
View File

@ -1,192 +0,0 @@
body.transp {
background-color: #181818;
color: #ddd;
}
body.transp a,
body.transp a:visited,
body.transp #powerTip > .actions a,
body.transp .button,
body.transp #video .content_box_top form input,
body.transp input,
body.transp button,
body.transp textarea,
body.transp div.analysis_menu > a.active,
body.transp div.chat_menu > a,
body.transp div.current_player div.player p,
body.transp div.vstext,
body.transp .tview2 move,
body.transp #lichess_forum div.post .message,
body.transp #lichess_blog {
color: #ccc;
}
body.transp::before {
content: ' ';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
will-change: transform;
z-index: -1;
}
body.transp #timeline,
body.dark .areplay,
body.transp div.training .box,
body.transp div.side_box,
body.transp div.box,
body.transp div.table,
body.transp div.table_wrap > div.clock > div.time,
body.transp #friend_box .content a:hover,
body.transp div.undertable_inner,
body.transp div.chat_menu > a.active,
body.transp #hooks_wrap,
body.transp #hooks_wrap div.tabs a:hover,
body.transp #hooks_wrap div.tabs a.active,
body.transp #tournament_schedule,
body.transp #friend_box,
body.transp .analysis_panels > div,
body.transp .button:hover,
body.transp a.button:hover,
body.transp #topmenu section:hover > a,
body.transp #topmenu div,
body.transp #start_buttons a,
body.transp .analyse div.ceval_box,
body.transp .analyse .lichess_ground .replay,
body.transp .analyse .lichess_ground .explorer_box,
body.transp .lichess_ground .opening_box,
body.transp .lichess_ground .replay index,
body.transp .lichess_ground .analyse .meta,
body.transp .lichess_ground .replay move:hover,
body.transp .lichess_ground .replay td.move:hover,
body.transp #top .dropdown,
body.transp #top .shown a.toggle,
body.transp div.analysis_menu > a,
body.transp div.content_box,
body.transp div.content_box_inter a.active,
body.transp #site_header div.side_menu a.active,
body.transp #tournament_side,
body.transp table.translations tbody tr,
body.transp form.translation_form div.message,
body.transp #video_side .tag_list a.checked,
body.transp #powerTip,
body.transp .study_comment_form .material.form .form-group textarea,
body.transp .chapter_desc,
body.transp div.vstext,
body.transp .action_menu {
background: rgba(0, 0, 0, 0.6);
}
body.transp #board_editor,
body.transp #video .content_box_top form input,
body.transp input,
body.transp textarea,
body.transp div.analysis_menu > a.active,
body.transp div.chat_menu > a,
body.transp div.mselect > div.list > a,
body.transp #opening .meter,
body.transp div.game_row:nth-child(odd),
body.transp #lichess_forum table.forum_table tr:nth-child(odd),
body.transp #lichess_message tr:nth-child(even),
body.transp table.slist tbody tr:nth-child(even),
body.transp #team .forum li:nth-child(odd),
body.transp table.translations tbody tr:nth-child(odd),
body.transp form.translation_form div.message:nth-child(even),
body.transp div.content_box table.datatable tr:nth-child(odd),
body.transp div.search_status {
background: rgba(0, 0, 0, 0.3);
}
body.transp div.mselect > div.list > a:first-child {
background: #333;
}
body.transp #lichess_forum table.forum_table thead tr:nth-child(odd),
body.transp #chat .messages,
body.transp #tournament_schedule,
body.transp div.mselect div.list {
background: none;
}
body.transp div.user_show .trophy.icon3d,
body.transp #timeline a,
body.transp #chat span,
body.transp #chat a.user-link,
body.transp div.undertable a.user-link,
body.transp #team .forum a.user-link,
body.transp div.user_show div.content_box_top > span,
body.transp span.progress > .zero,
body.transp div.undertable_top span.title {
color: #b0b0b0;
}
body.transp #start_buttons a {
transition: 0.13s;
box-shadow: 0 0 9px rgba(255, 255, 255, 0.4);
}
body.transp #start_buttons a:hover {
background: rgba(20, 20, 20, 0.6);
}
body.transp #top a.toggle,
body.transp #tv_channels,
body.transp #video_side,
body.transp #video_side a,
body.transp .side div.user_lists,
body.transp .side div.user_lists a,
body.transp #puzzle .right .retry,
body.transp #trainer .explanation,
body.transp .tournament_home_side,
body.transp .tournament_home_side a,
body.transp #site_header .help,
body.transp #site_header .side_menu,
body.transp .advice_summary,
body.transp .advice_summary a,
body.transp #topmenu section > a,
body.transp .under_chat,
body.transp #now_playing h3,
body.transp div.sub_ratings,
body.transp div.sub_ratings span,
body.transp .cemetery score,
body.transp #site_title,
body.transp #site_header .baseline,
body.transp #streams_on_air a.stream span {
color: #f0f0f0;
text-shadow: 0 0 2px #000, 0 0 5px #000;
}
body.transp .crosstable th.score,
body.transp .crosstable td,
body.transp #chat div.top,
body.transp div.side_box .top,
body.transp div.box .top,
body.transp div.undertable_top,
body.transp .button,
body.transp .button:visited,
body.transp #notifications > div,
body.transp div.vstext,
body.transp div.user_show div.content_box_inter.tabs,
body.transp #qa .answers-header,
body.transp #video .card .info,
body.transp #video .card .reveal,
body.transp table.slist thead {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
}
body.transp #timeline {
padding-left: 7px;
box-sizing: border-box;
}
body.transp div.lichess_board,
body.transp div.lichess_overboard,
body.transp div.content_box,
body.transp #powerTip {
box-shadow: 0 0 9px rgba(255, 255, 255, 0.5);
}
body.transp #site_title {
opacity: 0.9;
}
body.transp ::-webkit-scrollbar,
body.transp ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1);
}
body.transp .action_menu .setting {
margin-right: 10px;
}
body.transp #analyse-cm {
color: #888;
}

66
public/stylesheets/tv.css
View File

@ -1,66 +0,0 @@
#tv_channels {
margin: 15px 4px 0 0;
}
#tv_channels > a {
display: block;
text-align: right;
transition: 0.13s;
padding: 6px 5px 5px 5px;
line-height: 1.1em;
border-radius: 25px 0 0 25px;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
#tv_channels > a:hover {
background: #fafafa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#tv_channels > a.active {
background: #C4A86F!important;
color: #fff!important;
border-color: rgba(0, 0, 0, 0.3);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#tv_channels > a::before {
color: #C4A86F;
font-size: 27px;
float: right;
margin: -1px 0 0 8px;
opacity: 0.5;
}
#tv_channels > a.active::before {
color: #fff;
opacity: 1;
}
#tv_channels > a:hover::before {
opacity: 1;
}
#tv_channels > a strong {
display: block;
text-transform: uppercase;
}
#tv_channels > a span {
font-size: 0.9em;
white-space: nowrap;
display: block;
}
.tv_stream iframe {
border: none;
}
div.game_list.playing.tv_history {
width: 512px;
margin-top: 5px;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.tv_history h2 {
font-size: 1.3em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: 'Roboto';
flex: 0 0 100%;
text-align: center;
}

95
public/stylesheets/user-list.css
View File

@ -1,95 +0,0 @@
.community.content_box {
position: relative;
}
.com_tabs {
position: absolute;
top: -23px;
left: -1px;
height: 23px;
line-height: 22px;
display: flex;
justify-content: flex-end;
}
.com_tabs a {
padding: 0 8px;
margin-right: 3px;
border: 1px solid #ccc;
background: #f0f0f0;
transition: 0.13s;
}
.com_tabs a:hover {
background: #fff;
}
.com_tabs a.active {
background: #fff;
font-weight: bold;
border-bottom-color: #fff;
border-top: 2px solid #d85000!important;
margin-top: -1px;
}
body.dark .com_tabs a {
background: #393939;
border-color: #3d3d3d;
}
body.dark .com_tabs a:hover,
body.dark .com_tabs a.active {
background: #2b2b2b;
}
body.dark .com_tabs a.active {
border-bottom-color: #2b2b2b;
}
div.user_lists h2 {
font-size: 1.1em;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 0.5em;
}
div.user_lists h2::before {
font-size: 1.5em;
}
#lichess div.user_lists {
overflow: hidden;
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#lichess div.user_lists div.user_top {
flex: 0 0 31%;
width: 31%;
margin-bottom: 2em;
}
div.side div.user_top {
margin-top: 1em;
}
div.side div.user_top li {
display: block;
margin: 5px 0;
}
div.side a.more {
display: block;
text-align: right;
margin-top: 0.5em;
}
div.user_lists div.user_top > div {
width: 100%;
display: flex;
justify-content: space-between;
}
div.user_lists div.user_top div div {
line-height: 22px;
white-space: nowrap;
}
div.user_lists div.user_top .user-link {
overflow: hidden;
text-overflow: ellipsis;
}
#site_header div.user_lists .user-link {
max-width: 160px;
}
div.big_user_list > a {
float: left;
width: 25%;
margin-bottom: 5px;
}

477
public/stylesheets/user-show.css
View File

@ -1,477 +0,0 @@
.user_show .content_box_top {
display: flex;
padding-left: 5px;
}
.user_show .content_box_top h1 {
margin: 0;
}
.user_show .content_box_top .connected {
color: #759900;
}
#lichess .user_show .closed {
color: #aa3333;
font-weight: bold;
margin-right: 1em;
}
.user_show .content_box_top > span {
margin-left: 10px;
}
.user_show .trophies {
margin-top: -47px;
flex: 1 1 100%;
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: flex-end;
}
.user_show .trophy.award {
font-family: "lichess" !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 100%;
height: 60px;
margin-top: 20px;
}
.user_show .trophy {
height: 80px;
}
.user_show .stacked {
display: flex;
}
.user_show .stacked .trophy {
width: 65px;
height: 65px;
font-size: 65px;
margin-top: 15px;
}
.user_show .fire_trophy {
opacity: 0.9;
transition: 0.8s;
height: 80px;
position: relative;
}
.user_show .fire_trophy:hover {
opacity: 1;
}
.user_show .fire_trophy.marathonWinner,
.user_show .fire_trophy.marathonTopTen,
.user_show .fire_trophy.marathonTopFifty,
.user_show .fire_trophy.marathonTopHundred {
filter: hue-rotate(190deg);
}
.user_show .fire_trophy.marathonTopTen {
font-size: 58px;
width: 58px;
height: 58px;
margin-top: 22px;
}
.user_show .fire_trophy.marathonTopFifty,
.user_show .fire_trophy.marathonTopHundred {
font-size: 50px;
height: 50px;
width: 50px;
margin-top: 30px;
animation: none;
}
.user_show .fire_trophy.marathonTopFifty {
text-shadow: 0 0 5px #ffae34, 0 0 6.25px #ec760c, 0 0 7.5px #cd4606;
}
.user_show .fire_trophy.marathonTopHundred {
text-shadow: none;
color: #cd4606!important;
}
.user_show .fire_trophy.bongcloudWarrior {
filter: hue-rotate(70deg);
}
.user_show .packed .trophy {
margin-right: -8px;
}
.user_show .packed .stacked {
margin-right: 30px;
}
.user_show .packed .stacked .trophy {
margin-right: -30px;
}
.user_show .trophy.icon3d {
width: 40px;
height: 40px;
margin-right: 5px;
vertical-align: middle;
font-size: 39px;
color: #ccc;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
transition: 0.3s;
}
.user_show .trophy.icon3d:not(.patron):hover {
transform: translateY(-3px);
}
.user_show .trophy.streaming {
color: #d59120!important;
animation: fire 1.25s ease-in-out infinite alternate;
}
.user_show .trophy.patron {
font-size: 60px;
margin: -30px 10px 0 25px!important;
transform: scale(-1, 1);
color: #d59120!important;
transition: 0.5s;
}
.user_show .trophy.patron:hover {
margin-top: -34px!important;
animation: fire 1.25s ease-in-out infinite alternate;
}
.user_show .combo_trophy {
width: 60px;
height: 60px;
background-size: contain;
font-family: "lichess" !important;
text-align: center;
}
.user_show .shield_trophy {
width: 50px;
background-image: url(../images/trophy/shield-gold.png);
font-size: 30px;
line-height: 60px;
color: #333!important;
text-shadow: 0 0 6px #fff;
}
.user_show .revol_trophy {
background-image: url(../images/trophy/round-star.png);
font-size: 24px;
line-height: 68px;
color: #fff!important;
text-shadow: 0 0 4px #444;
}
.user_show .honorific {
display: inline-block;
margin-top: 1em;
font-weight: bold;
font-size: 1.4em;
}
.user_show .social {
border-top: 0;
padding: 0 0 5px 10px;
height: 52px;
align-items: center;
justify-content: space-between;
}
.user_show .social .links {
display: flex;
}
.user_show .user_actions {
font-size: 1.2em;
margin: 4px 15px 0 0;
}
.user_show .user_actions form {
display: inline;
}
.user_show .relation_actions {
display: inline;
}
#us_profile {
height: 325px;
position: relative;
}
div.engine_warning {
margin: 10px 0;
}
.user_show .rating_history {
position: absolute;
left: -10px;
display: block;
width: 477px;
height: 339px;
}
.user_show .rating_history .spinner {
width: 90px;
height: 90px;
margin: 120px auto 0 auto;
}
.user_show .user-infos {
position: absolute;
top: 0;
left: 458px;
padding: 0 14px;
border-left: 1px solid #c0c0c0;
overflow: hidden;
width: 305px;
height: 325px;
}
.user_show .with_insights .user-infos {
height: 265px;
}
.user_show .user-infos:hover {
overflow-y: auto;
}
.user_show .insight {
position: absolute;
bottom: 0;
right: 0;
padding: 0 14px;
width: 305px;
height: 60px;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
}
.user_show .insight .icon {
position: absolute;
top: 0;
right: 10px;
}
.user_show .insight .icon::before {
color: #3893E8;
font-size: 40px;
line-height: 60px;
opacity: 0.8;
}
.user_show .insight strong {
color: #3893E8;
display: block;
font-weight: normal;
font-size: 1.5em;
margin: 10px 0 1px 0;
}
.user_show .insight em {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 275px;
}
.user_show .insight:hover {
background: #3893E8;
}
.user_show .insight:hover,
.user_show .insight:hover *,
.user_show .insight:hover .icon::before {
transition: 0.13s;
color: #fff;
}
.user_show .name,
.user_show .bio,
.user_show .stats,
.user_show .tournament_points,
.user_show .social_links,
.user_show .teams {
display: block;
margin-top: 16px;
}
.user_show .col2 {
display: flex;
flex-flow: row wrap;
line-height: 1.7em;
}
.user_show .col2 > a {
flex: 0 0 50%;
color: #3893E8!important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.user_show .teams {
margin-bottom: 10px;
}
.user_show .bio {
font-style: italic;
}
.user_show div.games {
padding-top: 10px;
}
.user_show div.games.center {
text-align: center;
}
.user_show .profile {
margin-bottom: 1em;
}
.user_show .claim_title_zone {
padding: 30px;
font-size: 1.2em;
line-height: 1.5em;
}
.user_show .claim_title_zone h2 {
font-size: 1.5em;
}
.user_show .claim_title_zone p {
margin: 2em 0;
}
.user_show .claim_title_zone .actions {
margin: 3em 0;
text-align: center;
}
.user_show .note_zone {
display: none;
margin: 1em 20px;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.user_show .note_zone textarea {
width: 98%;
margin-bottom: 5px;
padding: 5px 8px;
height: 5em;
resize: vertical;
}
.user_show .note_zone div {
padding-top: 1em;
border-top: 1px dotted #ccc;
margin-top: 1em;
}
.user_show .note_zone p.meta {
float: right;
text-align: right;
margin-left: 1em;
white-space: nowrap;
}
.user_show .note_zone p.text {
min-height: 2.7em;
}
.user_show .note_zone p.text a {
color: #3893E8;
}
.user_show div.content_box_inter.tabs {
margin-left: -8px;
padding-left: 30px;
width: 775px;
border: 1px solid #ccc;
}
div.crosstable {
margin: 25px 10px 15px 10px;
}
.user_show .results .aggregate {
font-weight: bold;
font-size: 1.4em;
text-align: center;
margin-left: -20px;
width: 50px;
transform: rotate(90deg);
}
.user_show .search {
white-space: nowrap;
margin: 10px 0;
}
.user_show .search table {
display: inline-block;
box-sizing: border-box;
margin-left: 20px;
width: 360px;
}
.user_show .search table tbody {
display: block;
}
.user_show .search table:first-child {
width: 400px;
}
.user_show .search .header {
font-size: 1.3em;
}
.user_show .search td {
padding: 5px 0;
}
.user_show .search label {
margin-right: 10px;
}
.user_show .search .single select {
width: 100%;
}
.user_show .search table .half {
float: left;
width: 49%;
padding-right: 1%;
text-align: right;
}
.user_show .search_status {
text-align: right;
padding: 10px 25px;
border-bottom: 1px solid #e4e4e4;
}
.user_show .new_player {
padding: 20px;
}
.user_show .new_player h2 {
font-size: 1.4em;
}
.user_show .new_player p {
margin: 1em 0;
}
.user_show .new_player li {
list-style: disc inside;
line-height: 1.5em;
}
.user_show .new_player a {
color: #3893E8;
}
div.content_box_inter {
display: flex!important;
}
div.content_box_inter .intertab {
flex: 1 1 auto;
text-align: center;
line-height: 1.4em;
margin-top: 5px;
padding: 0.5em 5px;
text-transform: capitalize;
border: 1px solid transparent;
font-family: 'Roboto';
font-weight: 300;
white-space: normal;
}
div.content_box_inter.tabs .intertab {
margin-top: 7px;
border-bottom: none;
padding-bottom: 0.8em;
}
div.content_box_inter .intertab:hover {
background: #efefef;
}
div.content_box_inter.angles .intertab:hover {
background: #f9f9f9;
}
div.content_box_inter .intertab strong {
font-family: 'Noto Sans';
font-weight: normal;
font-size: 1.1em;
}
div.content_box_inter a.intertab.active {
margin-bottom: -1px;
background: #fff!important;
}
div#games.content_box_inter {
border-top: none;
}
div.content_box_inter a.to_games.active,
div#games.content_box_inter {
background: #e8e8e8!important;
}
div.content_box_inter.angles .intertab {
font-size: 1.2em;
padding: 0.9em 5px;
}
div.content_box_inter .intertab.active {
border: 1px solid #ccc;
border-bottom: none;
}
div.content_box_inter .to_games .unread {
opacity: 0.7;
padding: 0 5px;
}
div.content_box_inter .to_playing {
color: #d85000!important;
}
div.content_box_inter .to_playing strong {
font-weight: bold;
}
body.dark div.content_box_inter .intertab:hover {
background: #2d2d2d;
}
body.dark div.content_box_inter a.intertab.active {
background: #2b2b2b!important;
}
body.dark div.content_box_inter a.to_games.active,
body.dark div#games.content_box_inter {
background: #353535!important;
}

77
public/stylesheets/user-signup.css
View File

@ -1,77 +0,0 @@
div.content_box {
width: 232px;
padding-bottom: 10px;
position: relative;
}
div.signup_box .explanation {
font-size: 1.2em;
margin-bottom: 2em;
}
div.signup_box .lichess_title {
margin-bottom: 1em;
}
div.content_box.login div.alternative {
display: block;
position: absolute;
top: 2em;
left: 312px;
width: 300px;
}
div.content_box.signup div.alternative {
float: right;
}
div.alternative a {
color: #3893E8;
}
.email_confirm p {
margin: 1em 0;
}
.email_confirm h2 {
font-size: 1.5em;
margin-top: 2em;
}
.email_confirm h3 {
font-size: 1.3em;
display: inline;
}
.email_confirm ol {
font-size: 1.1em;
}
@keyframes appear {
from { opacity: 0; }
30% { transform: translateY(0); }
to { opacity: 1; transform: translateY(0); }
}
.email_confirm ol li {
margin: 2em 0;
list-style: decimal inside;
}
.email_confirm.anim h2,
.email_confirm.anim ol li {
opacity: 0;
transform: translateY(100px);
animation: appear 3s forwards;
animation-delay: 2s;
}
.email_confirm.anim ol li:nth-child(2) {
animation-delay: 6s;
}
.email_confirm.anim ol li:nth-child(3) {
animation-delay: 10s;
}
.email_confirm.anim ol li:nth-child(4) {
animation-delay: 14s;
}
.email_confirm.anim ol li:nth-child(5) {
animation-delay: 18s;
}
#email_confirm a {
display: none;
}

73
public/stylesheets/user-tournaments.css
View File

@ -1,73 +0,0 @@
#tournament_list table.slist {
line-height: 2.3em;
white-space: nowrap;
}
#tournament_list table.slist h1 {
padding: 0;
line-height: 72px;
}
#tournament_list table.slist .count {
vertical-align: center;
color: #d59120;
font-size: 40px;
font-family: 'Roboto';
font-weight: 300;
text-align: center;
line-height: 72px;
width: 80px;
}
#tournament_list table.slist td {
padding-top: 1em;
padding-bottom: 1em;
}
#tournament_list table.slist td.icon {
text-align: center;
}
#tournament_list table.slist .header {
letter-spacing: 2px;
cursor: pointer;
transition: transform 0.3s;
padding: 0!important;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
}
#tournament_list table.slist .header:hover {
transform: translateX(3px);
}
#tournament_list table.slist .header a {
padding: 1em;
display: block;
}
#tournament_list table.slist .name {
letter-spacing: 3px;
font-size: 1.7em;
display: block;
}
#tournament_list table.slist .games,
#tournament_list table.slist .score,
#tournament_list table.slist .rank {
font-size: 1.2em;
}
#tournament_list .icon span {
font-size: 4em;
opacity: 0.7;
}
#tournament_list .scheduled .icon span {
color: #d59120;
opacity: 0.8;
}
.stats p {
padding: 0 20px 20px 20px;
}
.stats table.perf_results {
height: 300px;
}
.stats table.perf_results thead th,
.stats table.perf_results td {
text-align: right;
}
.stats table.perf_results th span::before {
font-size: 2em;
}

3
ui/analyse/css/build/_study.create.scss 100644
View File

@ -0,0 +1,3 @@
@import '../../../common/css/plugin';
@import '../../../common/css/form/form3';
@import '../study/create';

2
ui/analyse/css/build/study.create.dark.scss 100644
View File

@ -0,0 +1,2 @@
@import '../../../common/css/theme/dark';
@import 'study.create';

2
ui/analyse/css/build/study.create.light.scss 100644
View File

@ -0,0 +1,2 @@
@import '../../../common/css/theme/light';
@import 'study.create';

2
ui/analyse/css/build/study.create.transp.scss 100644
View File

@ -0,0 +1,2 @@
@import '../../../common/css/theme/transp';
@import 'study.create';

33
ui/analyse/css/study/_create.scss 100644
View File

@ -0,0 +1,33 @@
.study-create {
form h2 {
font-size: 1.6em;
margin-bottom: 1em;
}
button.new {
margin: 1.5em auto;
display: block;
font-size: 2em;
}
.studies {
display: flex;
flex-flow: row nowrap;
> div {
flex: 0 1 50%;
overflow: hidden;
&:last-child {
margin-left: 20px;
}
}
button {
width: 100%;
text-align: left;
overflow: hidden;
margin-bottom: 3px;
text-transform: none;
background: mix($c-link, #000, 70%);
}
}
}