Skip to content

Instantly share code, notes, and snippets.

@Eklei
Last active August 6, 2016 19:47
Show Gist options
  • Save Eklei/fe189a433adb2ce48253 to your computer and use it in GitHub Desktop.
Save Eklei/fe189a433adb2ce48253 to your computer and use it in GitHub Desktop.
"Pretend You're Xyzzy" interface cleanup (requires Stylish or similar extension) and cursive blank cards (additionally requires Greasemonkey or Tampermonkey)
/*If using Stylish for Chrome, you want to "Import" this stylesheet to apply the @-moz-document rule.*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("pretendyoure.xyz") {
#info_area, #tabs, .log { box-sizing:border-box!important; height:calc(100% + 20px)!important; }
.scoreboard { height:100%!important; }
.scoreboard>.game_message { display:none!important; }
.scorecard { font-size:9pt!important; padding:0 5px!important; height:auto!important; border-bottom:1px solid #ccc!important; }
.scorecard>.clear { display:none!important; }
.scorecard_points { float:left!important; min-width:50px!important; }
.scorecard_score:after { font-weight:normal!important; content:" pts"!important; }
.scorecard_point_title { display:none!important; }
.scorecard_player { display:inline-block!important; max-width:190px!important; }
.scorecard_player:not(:hover) { overflow:hidden!important; text-overflow:ellipsis!important; }
.scorecard_player:hover { word-break:break-all!important; }
.scoreboard, .log { border:1px solid #999!important; }
.chat { border:1px solid #555!important; }
#info_area { width:360px!important; border-width:0!important; background-color:#eee; }
.scoreboard { width:calc(100% - 5px)!important; border-width:1px 1px 0 0!important; }
#bottom, #info_area, #tabs { top:auto!important; bottom:0!important; z-index:101!important; }
#tabs { right:0!important; bottom:0!important; width:calc(100vw - 360px)!important; padding:0px!important; }
.log { width:100%!important; height:calc(100% - 40px)!important; border-width:0 0 0 1px!important; font-size:11pt!important; }
.chat { left:0!important; width:calc(100% - 55px)!important; }
.chat_submit { line-height:0!important; height:21px!important; bottom:-1px!important; }
.ui-tabs-nav { border-radius:0!important; }
.ui-tabs-nav, .tab-button, .log, .chat { padding:0 3px!important; }
.logo_1 { transform:scale(2) rotate(-0.226893rad)!important; }
.logo_2 { transform:scale(2)!important; }
.logo_3 { transform:scale(2) rotate(0.226893rad)!important; }
.logo_text { margin-left:1em!important; }
.game_white_cards_binder { padding:3px 0 0 3px!important; }
.game_hand_filter {
width:calc(100% + 12px)!important;
left:-6px!important;
top:-6px!important;
background-color:rgba(0,0,0,0.5)!important;
}
.game_hand_filter_text {
background-color:transparent!important;
color:white!important;
font-weight:bold!important;
text-shadow:0 -1px 2px #000,1px 0 2px #000,0 1px 2px #000,-1px 0 2px #000!important;
}
.game_right_side { margin-top:-32px!important; }
.game_top { position:relative!important; z-index:101!important; }
#game_list {
position:relative!important;
left:-6px!important;
top:-6px!important;
width:calc(100% + 12px)!important;
height:calc(100% - 4px)!important;
}
.card_text {
font-size:95%!important;
line-height:1.1!important;
}
.blankcard > .card_text {
font-family:'Comic Sans MS',cursive!important;
font-style:italic!important;
font-size:90%!important;
line-height:1.1!important;
color:#555!important;
} /*Yes, I'm using Comic Sans MS. I tried a hundrend and one free handwritten fonts (to be included in the stylesheet via data-uri), and every last one of them was significantly worse and less readable than Comic Sans MS. Free alternatives invariably require more space to deliver less legibility. Comic Sans MS even supports a wide variety of non-English characters that not a single free alternative does. In short, Comic Sans MS is vastly underrated. Fight me.*/
.blankcard.selected > .card_text {
color:#eee!important;
}
}
// ==UserScript==
// @name Pretend You're Xyzzy (stylable blank cards)
// @namespace eklei@pyx
// @include http://*.pretendyoure.xyz/*
// @version 1.0
// @grant none
// ==/UserScript==
var setWatermark__OG = setWatermark__OG || cah.card.BaseCard.prototype.setWatermark;
cah.card.BaseCard.prototype.setWatermark = function() {
setWatermark__OG.apply(this, arguments);
if (arguments[0] == '____')
$(this.faceUpElem_).addClass('blankcard');
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment