layout zen mode + signin quiet
This commit is contained in:
parent
4a16314377
commit
ecb8401704
|
@ -1,10 +1,11 @@
|
|||
@(title: String, goodies: Option[Html] = None)(body: Html)(implicit ctx: Context)
|
||||
@(title: String, goodies: Option[Html] = None, zen: Boolean = false)(body: Html)(implicit ctx: Context)
|
||||
|
||||
@moreCss = {
|
||||
@cssTag("user-signup.css")
|
||||
}
|
||||
|
||||
@base.layout(
|
||||
title = title,
|
||||
title = title,
|
||||
moreCss = moreCss,
|
||||
active = siteMenu.user.some)(body)
|
||||
active = siteMenu.user.some,
|
||||
zen = zen)(body)
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
@(form: Form[_], referrer: Option[String])(implicit ctx: Context)
|
||||
|
||||
@auth.layout(title = trans.signIn.str()) {
|
||||
@auth.layout(title = trans.signIn.str(), zen = true) {
|
||||
<div class="content_box">
|
||||
<div class="signup_box">
|
||||
<h1 class="lichess_title">@trans.signIn()</h1>
|
||||
|
|
|
@ -10,7 +10,8 @@ robots: Boolean = true,
|
|||
moreCss: Html = Html(""),
|
||||
moreJs: Html = Html(""),
|
||||
signedJs: Option[String] = None,
|
||||
themepicker: Boolean = false)(body: Html)(implicit ctx: Context)
|
||||
themepicker: Boolean = false,
|
||||
zen: Boolean = false)(body: Html)(implicit ctx: Context)
|
||||
<!doctype html>
|
||||
<html lang="@lang.language">
|
||||
<head>
|
||||
|
@ -36,9 +37,11 @@ data-port="@netPort"
|
|||
data-accept-languages="@acceptLanguages.mkString(",")">
|
||||
<div id="site_description">@trans.freeOnlineChessGamePlayChessNowInACleanInterfaceNoRegistrationNoAdsNoPluginRequiredPlayChessWithComputerFriendsOrRandomOpponents()</div>
|
||||
<div id="top" class="clearfix">
|
||||
@if(!zen) {
|
||||
<a title="@trans.toggleSound()" id="sound_state" class="available">
|
||||
<span></span>
|
||||
</a>
|
||||
}
|
||||
<div class="lichess_language">
|
||||
<a class="toggle" href="#">
|
||||
<span class="s16 ddown">@langName(lang)</span>
|
||||
|
@ -48,6 +51,7 @@ data-accept-languages="@acceptLanguages.mkString(",")">
|
|||
<li><a href="@routes.I18n.contribute">Help translate Lichess!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@if(!zen) {
|
||||
@siteMenu.all(ctx.me).map { elem =>
|
||||
@elem.code match {
|
||||
case "message" => {
|
||||
|
@ -73,11 +77,13 @@ data-accept-languages="@acceptLanguages.mkString(",")">
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@defining(reportNbUnprocessed) { nb =>
|
||||
@if(nb > 0) {
|
||||
<a class="goto_nav" href="@routes.Report.list"><strong>Report (@nb)</strong></a>
|
||||
}
|
||||
}
|
||||
@if(!zen) {
|
||||
<div id="nb_connected_players" class="nb_connected_players">
|
||||
@trans.nbConnectedPlayers("<strong>?</strong>")
|
||||
</div>
|
||||
|
@ -96,6 +102,7 @@ data-accept-languages="@acceptLanguages.mkString(",")">
|
|||
<span></span>
|
||||
</a>
|
||||
@ctx.me.fold(auth.miniLogin())(auth.loggedIn(_))
|
||||
}
|
||||
</div>
|
||||
@ctx.me.map { me =>
|
||||
<div id="notifications">@notifications(me)</div>
|
||||
|
@ -127,6 +134,7 @@ data-accept-languages="@acceptLanguages.mkString(",")">
|
|||
@body
|
||||
</div>
|
||||
</div>
|
||||
@if(!zen) {
|
||||
<div class="footer_wrap">
|
||||
<div id="lichess_social"></div>
|
||||
<div class="footer">
|
||||
|
@ -159,6 +167,7 @@ data-accept-languages="@acceptLanguages.mkString(",")">
|
|||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
@jsTag("deps.min.js")
|
||||
@signedJs.fold(jsTagCompiled("big.js"))(js => jsAt(js, false))
|
||||
@moreJs
|
||||
|
|
|
@ -395,7 +395,6 @@ body.tight #lichess {
|
|||
}
|
||||
#site_title {
|
||||
width: 130px;
|
||||
color: #666;
|
||||
font-family:'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
|
||||
font-size: 30px;
|
||||
color: #afafaf;
|
||||
|
@ -705,7 +704,7 @@ body.offline #nb_connected_players {
|
|||
float: right;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 3px 0.5em 0 0;
|
||||
margin: 4px 0.5em 0 0;
|
||||
padding: 1px 5px;
|
||||
text-decoration: none;
|
||||
line-height: normal;
|
||||
|
@ -1044,12 +1043,12 @@ div.engine_warning {
|
|||
margin-bottom: 15px;
|
||||
}
|
||||
/* soft inactive gradient */
|
||||
div.lichess_chat_top, #friend_box .title, div.undertable_top, .button, .button:visited, .ui-state-default, div.content_box_top, #hooks tr, #translation_call, #notifications > div, div.locale_menu a, table.slist thead {
|
||||
#top a.signin, div.lichess_chat_top, #friend_box .title, div.undertable_top, .button, .button:visited, .ui-state-default, div.content_box_top, #hooks tr, #translation_call, #notifications > div, div.locale_menu a, table.slist thead {
|
||||
color: #666;
|
||||
background: #efefef linear-gradient(to bottom, #efefef, #e2e2e2);
|
||||
}
|
||||
/* active gradient */
|
||||
#top a.signin, #top a.goto_nav.active, .button.active, .button.active:hover, .ui-state-active, .ui-widget-header, div.pagination span.current, #top span.new_messages, #hooks td.action:hover, div.progressbar.flashy div, .button.strong:hover, div.locale_menu a.active, #import_game .progression {
|
||||
#top a.signin:hover, #top a.goto_nav.active, .button.active, .button.active:hover, .ui-state-active, .ui-widget-header, div.pagination span.current, #top span.new_messages, #hooks td.action:hover, div.progressbar.flashy div, .button.strong:hover, div.locale_menu a.active, #import_game .progression {
|
||||
color: #fff;
|
||||
background: #d85000 linear-gradient(to bottom, #d85000, #c84000);
|
||||
}
|
||||
|
@ -1474,7 +1473,6 @@ div.game_config div.color_submits button.random span {
|
|||
height: 472px;
|
||||
padding: 20px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 5px;
|
||||
}
|
||||
#hook_filter table {
|
||||
width: 100%;
|
||||
|
|
|
@ -22,12 +22,13 @@ body.dark #hooks_wrap > div.tabs > a, body.dark #top div.auth .links a:hover, bo
|
|||
background-color: #3e3e3e;
|
||||
color: #b0b0b0;
|
||||
}
|
||||
body.dark #top a.toggle:hover, body.dark #top .dropdown, body.dark #top a.goto_nav.current, body.dark #top a.goto_nav:hover, body.dark #top ul.language_links a.accepted {
|
||||
body.dark #top a.signin, body.dark #top a.toggle:hover, body.dark #top .dropdown, body.dark #top a.goto_nav.current, body.dark #top a.goto_nav:hover, body.dark #top ul.language_links a.accepted {
|
||||
color: #b0b0b0;
|
||||
}
|
||||
body.dark #top .dropdown, body.dark #top .shown a.toggle {
|
||||
background: #2a2a2a;
|
||||
}
|
||||
body.dark #site_title, body.dark #timeline a, body.dark #site_baseline, body.dark div.lichess_chat span, body.dark div.lichess_chat a.user_link, body.dark div.lichess_chat a.user_link, body.dark div.new_posts li span, body.dark #team .forum a.user_link, body.dark span.board_mark, body.dark div.user_show div.content_box_top > span, body.dark #timeline time, body.dark span.progress > .zero, body.dark div.undertable_top span.title {
|
||||
font-weight: bold;
|
||||
color: #999;
|
||||
color: #777;
|
||||
}
|
||||
body.dark span.progress > .negative {
|
||||
|
@ -39,7 +40,7 @@ body.dark span.progress > .positive {
|
|||
body.dark #site_title span.extension, body.dark div.sub_ratings h3 {
|
||||
color: #606060;
|
||||
}
|
||||
body.dark #GameText a:hover, body.dark #hooks_wrap a.filter:hover, body.dark #hooks_wrap a.filter.active, body.dark #top .shown a.toggle {
|
||||
body.dark #GameText a:hover, body.dark #hooks_wrap a.filter:hover, body.dark #hooks_wrap a.filter.active {
|
||||
background: #000;
|
||||
}
|
||||
body.dark #top span.new_messages {
|
||||
|
@ -134,11 +135,11 @@ body.dark div.lichess_table_wrap div.clock.running.emerg, body.dark div.lichess_
|
|||
color: #d0d0d0;
|
||||
}
|
||||
/* soft inactive gradient */
|
||||
body.dark div.lichess_chat_top, body.dark #friend_box .title, body.dark div.undertable_top, body.dark .button, body.dark .button:visited, body.dark .ui-state-default, body.dark div.content_box_top, body.dark #translation_call, body.dark #notifications > div, body.dark div.locale_menu a, body.dark table.slist thead {
|
||||
body.dark #top a.signin, body.dark div.lichess_chat_top, body.dark #friend_box .title, body.dark div.undertable_top, body.dark .button, body.dark .button:visited, body.dark .ui-state-default, body.dark div.content_box_top, body.dark #translation_call, body.dark #notifications > div, body.dark div.locale_menu a, body.dark table.slist thead {
|
||||
background: #303030 linear-gradient(to bottom, #2a2a2a, #202020);
|
||||
}
|
||||
/* active gradient */
|
||||
body.dark .button.active, body.dark .button.active:hover, body.dark .ui-state-active, body.dark .ui-widget-header, body.dark div.pagination span.current, body.dark #top span.new_messages, body.dark .button.strong:hover, body.dark div.progressbar.flashy div, body.dark div.locale_menu a.active, body.dark #top a.signin {
|
||||
body.dark .button.active, body.dark .button.active:hover, body.dark .ui-state-active, body.dark .ui-widget-header, body.dark div.pagination span.current, body.dark #top span.new_messages, body.dark .button.strong:hover, body.dark div.progressbar.flashy div, body.dark div.locale_menu a.active, body.dark #top a.signin:hover {
|
||||
color: #fff;
|
||||
background: #d85000 linear-gradient(to bottom, #d85000, #c84000);
|
||||
}
|
||||
|
|
|
@ -50,7 +50,7 @@ div.user_show div.meat {
|
|||
}
|
||||
|
||||
div.sub_ratings.sep {
|
||||
margin-top: 2em;
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
div.sub_ratings h3 {
|
||||
font-weight: bold;
|
||||
|
|
Loading…
Reference in a new issue