Highlight or hide works you kudosed/marked as seen.
// ==UserScript==
// @name AO3: Kudosed and seen history
// @description Highlight or hide works you kudosed/marked as seen.
// @namespace https://greasyfork.org/scripts/5835-ao3-kudosed-and-seen-history
// @author Min
// @version 2.2.1
// @history 2.2.1 - fix for bookmarked blurbs
// @history 2.2 - separate kudosed and seen settings, smaller icons
// @history 2.1 - fix for reversi
// @history 2.0 - rewrite, click actions for blurbs, new highlighting
// @history 1.5 - import/export seen list
// @history 1.4 - thinner stripes, remembers bookmarks you left
// @history 1.3 - option to collapse blurbs of seen works
// @history 1.2.1 - double click on date marks work as seen
// @history 1.2 - check for bookmarks you left, changes to the menu
// @grant none
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
// @include http://*archiveofourown.org/*
// @include https://*archiveofourown.org/*
// ==/UserScript==
(function ($) {
var DEBUG = false;
// newest more-or-less major version, for the update notice
var current_version = '2.02';
var kudos_history = {}, seen_buttons = {}, saved_settings = {};
var main = $('#main');
// check if reversi
var body_bg_color = window.getComputedStyle(document.body).backgroundColor;
if (body_bg_color == 'rgb(51, 51, 51)') {
main.addClass('kh-reversi');
}
// uncomment the next five lines if you need to clear your local lists (then comment them again after refreshing the page once)
// localStorage.removeItem('kudoshistory_kudosed');
// localStorage.removeItem('kudoshistory_checked');
// localStorage.removeItem('kudoshistory_seen');
// localStorage.removeItem('kudoshistory_bookmarked');
// localStorage.removeItem('kudoshistory_skipped');
var KHList = {
init: function init(name, max_length) {
this.name = name;
this.max_length = max_length || 200000;
this.list = localStorage.getItem('kudoshistory_' + this.name) || ',';
return this;
},
reload: function reload() {
this.list = localStorage.getItem('kudoshistory_' + this.name) || this.list;
return this;
},
save: function save() {
try {
localStorage.setItem('kudoshistory_' + this.name, this.list.slice(0, this.max_length));
}
catch (e) {
localStorage.setItem('kudoshistory_' + this.name, this.list.slice(0, this.list.length * 0.9));
}
return this;
},
hasId: function hasId(work_id) {
if (this.list.indexOf(',' + work_id + ',') > -1) {
this.list = ',' + work_id + this.list.replace(',' + work_id + ',', ',');
return true;
}
else {
return false;
}
},
add: function add(work_id) {
this.list = ',' + work_id + this.list.replace(',' + work_id + ',', ',');
return this;
},
remove: function remove(work_id) {
this.list = this.list.replace(',' + work_id + ',', ',');
return this;
},
};
var KHSetting = {
init: function init(setting) {
this.name = setting.name;
this.label = setting.label;
this.description = setting.description;
this.options = setting.options;
this.current = saved_settings[this.name] || setting.default_value;
return this;
},
next: function next() {
this.current = this.options[this.options.indexOf(this.current) + 1] || this.options[0];
this.updateButton();
this.save();
addMainClass(true);
},
getButton: function getButton() {
this.button_link = $('<a></a>').text(this.label + ': ' + this.current.toUpperCase()).prop('title', this.options.join(' / ').toUpperCase());
this.button = $('<li class="kh-menu-setting"></li>').append(this.button_link);
var this_setting = this;
this.button.click(function () {
this_setting.next();
});
return this.button;
},
updateButton: function updateButton() {
this.button_link.text(this.label + ': ' + this.current.toUpperCase());
},
changeValue: function changeValue(value) {
this.current = value;
this.updateButton();
this.updateSettingRow();
this.save();
addMainClass(true);
},
getSettingRow: function getSettingRow() {
var setting_row_info = $('<p class="kh-setting-info kh-hide-element">' + this.description + '</p>');
var setting_row_info_button = $('<a class="help symbol question kh-setting-info-button"><span class="symbol question"><span>?</span></span></a>');
var setting_row_label = $('<span class="kh-setting-label">' + this.label + ': </span>').append(setting_row_info_button);
this.setting_row_options = $('<span class="kh-setting-options"></span>');
this.setting_row = $('<p class="kh-setting-row"></p>').append(setting_row_label, this.setting_row_options, setting_row_info);
this.updateSettingRow();
setting_row_info_button.click(function () {
setting_row_info.toggleClass('kh-hide-element');
});
return this.setting_row;
},
updateSettingRow: function updateSettingRow() {
var this_setting = this;
this_setting.setting_row_options.empty();
this.options.forEach(function (option) {
var option_link = $('<a class="kh-setting-option"></a>');
option_link.click(function () {
this_setting.changeValue(option);
});
if (this_setting.current == option) {
option_link.html('<strong>' + option.toUpperCase() + '</strong>').addClass('kh-setting-option-selected');
}
else {
option_link.text(option.toUpperCase());
}
this_setting.setting_row_options.append(' ', option_link, ' <span class="kh-setting-separator">•</span>');
});
},
save: function save() {
saved_settings[this.name] = this.current;
localStorage.setItem('kudoshistory_settings', JSON.stringify(saved_settings));
},
check: function check(compare) {
return (this.current === (compare || 'yes'));
},
};
var settings_list = [
{
name: 'kudosed_display',
label: 'Kudosed works',
description: 'Hide the works on lists, show the whole blurb, or show just the blurb header.',
options: ['hide', 'show', 'collapse'],
default_value: 'collapse',
},
{
name: 'seen_display',
label: 'Seen works',
description: 'Hide the works on lists, show the whole blurb, or show just the blurb header.',
options: ['hide', 'show', 'collapse'],
default_value: 'collapse',
},
{
name: 'skipped_display',
label: 'Skipped works',
description: 'Hide the works on lists, replace the blurb content with "Skipped", or show just the blurb header.',
options: ['hide', 'placeholder', 'collapse'],
default_value: 'placeholder',
},
{
name: 'toggles_display',
label: 'Blurb options',
description: 'The controls on top right of the blurb that let you mark/unmark the work as seen or skipped from the list.',
options: ['hide', 'show', 'on hover'],
default_value: 'on hover',
},
{
name: 'highlight_bookmarked',
label: 'Highlight bookmarked',
description: 'Show a striped stripe (yeah) on the right for works you\'ve bookmarked.',
options: ['yes', 'no'],
default_value: 'yes',
},
{
name: 'highlight_new',
label: 'Highlight new',
description: 'Show a thin coloured stripe on the left of the blurb for works you\'re seeing for the first time. Only shows on the lists.',
options: ['yes', 'no'],
default_value: 'yes',
},
{
name: 'autoseen',
label: 'Mark as seen on open',
description: 'Automatically mark as seen when you open the work page.',
options: ['yes', 'no'],
default_value: 'no',
},
];
if (typeof (Storage) !== 'undefined') {
saved_settings = JSON.parse(localStorage.getItem('kudoshistory_settings')) || {};
kudos_history = {
kudosed: Object.create(KHList).init('kudosed'),
checked: Object.create(KHList).init('checked'),
seen: Object.create(KHList).init('seen', 2000000),
bookmarked: Object.create(KHList).init('bookmarked'),
skipped: Object.create(KHList).init('skipped'),
username: localStorage.getItem('kudoshistory_username'),
saveLists: function () {
DEBUG && console.log('saving lists');
this.kudosed.save();
this.checked.save();
this.seen.save();
this.bookmarked.save();
this.skipped.save();
},
};
settings_list.forEach(function (setting) {
kudos_history[setting.name] = Object.create(KHSetting).init(setting);
});
var userlink = $('#greeting li.dropdown > a[href^="/users/"]');
if (!kudos_history.username) { localStorage.setItem('kudoshistory_lastver', current_version); }
// if logged in
if (userlink.length) {
var found_username = userlink.attr('href').split('/')[2];
DEBUG && console.log('found username: ' + found_username);
if (kudos_history.username !== found_username) {
kudos_history.username = found_username;
localStorage.setItem('kudoshistory_username', kudos_history.username);
}
}
// if not logged in, but remembers username
else if (!!kudos_history.username) {
DEBUG && console.log("didn't find username on page, saved username: " + kudos_history.username);
}
else {
kudos_history.username = prompt('AO3: Kudosed and seen history\n\nYour AO3 username:');
localStorage.setItem('kudoshistory_username', kudos_history.username);
}
$(document).ajaxStop(function () {
kudos_history.saveLists();
});
// add css rules for kudosed works
addCss();
var works_and_bookmarks = $('li.work.blurb, li.bookmark.blurb');
// if there's a list of works or bookmarks
if (works_and_bookmarks.length) {
addSeenMenu();
var blurb_index = $('.index');
// click on header to collapse/expand
blurb_index.on('click', '.header', function (e) {
if (!$(e.target).is('a') && !$(e.target).is('span')) {
$(this).closest('.blurb').toggleClass('collapsed-blurb');
e.stopPropagation();
}
});
// toggle seen/skipped
blurb_index.on('click', '.kh-toggle', function (e) {
changeBlurbStatus($(this).closest('.blurb'), $(this).data('list'), true);
e.stopPropagation();
});
// click on delete bookmark
blurb_index.on('click', '.own.user a[data-method="delete"]', function () {
var work_id = $(this).closest('.blurb').data('work_id');
if (work_id) {
kudos_history.bookmarked.reload().remove(work_id).save();
}
});
// for each work and bookmark blurb
works_and_bookmarks.not('.deleted').each(function () {
blurbCheck($(this));
});
}
// if it's the first time after an update
addNotice();
// if it's a work page
if ($('#workskin').length) {
var work_meta = $('dl.work.meta.group');
// get work id
var work_id = $('#kudo_commentable_id').val();
DEBUG && console.log('work_id ' + work_id);
if (kudos_history.autoseen.check()) {
kudos_history.seen.add(work_id);
}
// check if work id is on the seen list
var is_seen = kudos_history.seen.hasId(work_id);
if (is_seen) {
work_meta.addClass('marked-seen');
}
addSeenButtons();
// if work id is on the kudosed list
if (kudos_history.kudosed.hasId(work_id)) {
work_meta.addClass('has-kudos');
DEBUG && console.log('- on kudosed list');
}
else {
// check if there are kudos from the user
var user_kudos = $('#kudos').find('[href="/users/' + kudos_history.username + '"]');
if (user_kudos.length) {
// highlight blurb and add work id to kudosed list
kudos_history.kudosed.add(work_id);
kudos_history.checked.remove(work_id);
work_meta.addClass('has-kudos');
}
else {
// add work id to checked list
kudos_history.checked.add(work_id);
$('#new_kudo').one('click', function () {
kudos_history.kudosed.reload().add(work_id).save();
kudos_history.checked.reload().remove(work_id).save();
work_meta.addClass('has-kudos');
});
}
}
// check if it's bookmarked
var bookmark_button_text = $('a.bookmark_form_placement_open').filter(':first').text();
if (bookmark_button_text.indexOf('Edit') > -1) {
// highlight blurb
kudos_history.bookmarked.add(work_id);
work_meta.addClass('is-bookmarked');
}
else {
kudos_history.bookmarked.remove(work_id);
}
}
// save all lists
kudos_history.saveLists();
}
// check if work is on lists
function blurbCheck(blurb) {
var work_id;
var blurb_id = blurb.attr('id');
if (blurb.hasClass('work')) {
work_id = blurb_id.replace('work_', '');
}
else if (blurb.hasClass('bookmark')) {
var work_link = blurb.find('h4 a:first').attr('href');
// if it's not a deleted work and not a series or external bookmark
if (!!work_link && work_link.indexOf('series') === -1 && work_link.indexOf('external_work') === -1) {
work_id = work_link.split('/').pop();
// if it's your own bookmark
var own_bookmark = blurb.find('div.own.user.module.group');
if (own_bookmark.length) {
kudos_history.bookmarked.add(work_id);
}
}
}
blurb.data('work_id', work_id);
DEBUG && console.log('blurb check ' + blurb_id + ', work_id: ' + work_id);
if (!work_id) {
return false;
}
var found_on_list = false;
var blurb_classes = 'blurb-with-toggles';
blurb.prepend('<div class="kh-toggles">mark/unmark as: <a class="kh-toggle" data-list="seen">seen</a> • <a class="kh-toggle" data-list="skipped">skipped</a>');
// if work id is on the kudosed list
if (kudos_history.kudosed.hasId(work_id)) {
DEBUG && console.log('- is kudosed');
blurb_classes += ' has-kudos collapsed-blurb';
found_on_list = true;
}
// if work id is on the seen list
if (kudos_history.seen.hasId(work_id)) {
DEBUG && console.log('- is seen');
blurb_classes += ' marked-seen collapsed-blurb';
found_on_list = true;
}
// not on the kudosed/seen list
if (!found_on_list) {
// if work id is on the checked list
if (kudos_history.checked.hasId(work_id)) {
DEBUG && console.log('- is checked');
}
else {
blurb_classes += ' new-blurb';
loadKudos(blurb);
}
}
// if work id is on the bookmarked list
if (kudos_history.bookmarked.hasId(work_id)) {
DEBUG && console.log('- is bookmarked');
blurb_classes += ' is-bookmarked';
}
// if work id is on the skipped list
if (kudos_history.skipped.hasId(work_id)) {
DEBUG && console.log('- is skipped');
blurb_classes += ' skipped-work collapsed-blurb';
}
blurb.addClass(blurb_classes);
}
// load kudos for blurb
function loadKudos(blurb) {
var work_id = blurb.data('work_id');
if (!work_id) {
return false;
}
DEBUG && console.log('- loading kudos for ' + work_id);
// add a div to the blurb that will house the kudos
var kudos_container = $('<div style="display: none;"></div>');
blurb.append(kudos_container);
// retrieve a list of kudos from the work
var work_url = window.location.protocol + '//' + window.location.hostname + '/works/' + work_id + '/kudos #kudos';
kudos_container.load(work_url, function () {
// check if there are kudos from the user
var user_kudos = kudos_container.find('[href="/users/' + kudos_history.username + '"]');
if (user_kudos.length) {
// highlight blurb and add work id to kudosed list
blurb.addClass('has-kudos collapsed-blurb');
kudos_history.kudosed.add(work_id);
}
else {
// add work id to checked list
kudos_history.checked.add(work_id);
}
});
}
// mark all works on the page as seen
function markPageSeen() {
kudos_history.seen.reload();
// for each blurb
works_and_bookmarks.not('.marked-seen').not('.has-kudos').not('.deleted').each(function () {
changeBlurbStatus($(this), 'seen', false, true);
});
kudos_history.seen.save();
}
// mark all works on the page as unseen
function markPageUnseen() {
kudos_history.seen.reload();
// for each blurb
works_and_bookmarks.not('.deleted').each(function () {
changeBlurbStatus($(this), 'seen', false, false);
});
kudos_history.seen.save();
}
// mark/unmark blurb as X
function changeBlurbStatus(blurb, list, save_list, add_to_list) {
var work_id = blurb.data('work_id');
if (work_id) {
save_list && kudos_history[list].reload();
var blurb_class = {
seen: 'marked-seen',
skipped: 'skipped-work'
};
if (add_to_list == undefined) {
add_to_list = !kudos_history[list].hasId(work_id);
}
if (add_to_list) {
DEBUG && console.log('marking as ' + list + ' ' + work_id);
kudos_history[list].add(work_id);
blurb.addClass(blurb_class[list] + ' collapsed-blurb');
}
else {
DEBUG && console.log('unmarking as ' + list + ' ' + work_id);
kudos_history[list].remove(work_id);
blurb.removeClass(blurb_class[list]);
}
save_list && kudos_history[list].save();
}
}
// re-check the page for kudos
function recheckKudos() {
kudos_history.kudosed.reload();
kudos_history.checked.reload();
// for each non-kudosed blurb
works_and_bookmarks.not('.has-kudos').not('.deleted').each(function () {
loadKudos($(this));
});
}
// check the page for bookmarks
function checkForBookmarks() {
kudos_history.bookmarked.reload();
// for each work and bookmark blurb
works_and_bookmarks.not('.deleted').each(function () {
var blurb = $(this);
var work_id = blurb.data('work_id');
if (!work_id) {
return false;
}
DEBUG && console.log('- loading bookmark buttons for ' + work_id);
// add a div to the blurb that will house the kudos
var bookmark_container = $('<div style="display: none;"></div>');
blurb.append(bookmark_container);
// retrieve the bookmark button from the work
var work_url = window.location.protocol + '//' + window.location.hostname + '/works/' + work_id + ' a.bookmark_form_placement_open:first';
bookmark_container.load(work_url, function () {
// check if there is a bookmark from the user
var bookmark_button_text = bookmark_container.find('a').text();
if (bookmark_button_text.indexOf('Edit') > -1) {
// highlight blurb
blurb.addClass('is-bookmarked');
kudos_history.bookmarked.add(work_id);
}
else {
blurb.removeClass('is-bookmarked');
kudos_history.bookmarked.remove(work_id);
}
});
});
}
// show the box with import/export options
function importExport() {
var importexport_bg = $('<div id="importexport-bg"></div>');
var importexport_box = $('<div id="importexport-box"></div>');
var box_button_save = $('<input type="button" id="importexport-button-save" value="Import lists" />');
box_button_save.click(function () {
var confirmed = confirm('Sure you want to replace your saved lists?');
if (confirmed) {
var import_lists = JSON.parse($('#import-seen-list').val());
for (var list_name in import_lists) {
if (kudos_history[list_name]) {
kudos_history[list_name].list = import_lists[list_name];
kudos_history[list_name].save();
}
}
$('#importexport-save').prepend('Lists imported! ');
}
});
var box_button_close = $('<input type="button" id="importexport-button-close" value="Close" />');
var export_lists = {
kudosed: kudos_history.kudosed.reload().list,
seen: kudos_history.seen.reload().list,
bookmarked: kudos_history.bookmarked.reload().list,
skipped: kudos_history.skipped.reload().list,
checked: kudos_history.checked.reload().list,
};
importexport_box.append(
$('<p class="actions"></p>').append(box_button_close),
$('<h3></h3>').text('Settings'),
);
settings_list.forEach(function (setting) {
importexport_box.append(kudos_history[setting.name].getSettingRow());
});
importexport_box.append(
$('<h3 style="margin-top: 1.5em;"></h3>').text('Export your saved lists'),
$('<p></p>').text('Copy your current lists (kudosed, seen, bookmarked, skipped) from the field below and save wherever you want as a backup.'),
$('<input type="text" id="export-seen-list" />').val(JSON.stringify(export_lists)),
$('<h3 style="margin-top: 1.5em;"></h3>').text('Import your lists'),
$('<p></p>').html('Put your saved lists in the field below and select the "Import lists" button. <strong>Warning:</strong> it will <u>replace</u> your current lists.'),
$('<input type="text" id="import-seen-list" />'),
$('<p class="actions" id="importexport-save"></p>').append(box_button_save),
);
$('body').append(importexport_bg);
main.append(importexport_box);
box_button_close.add(importexport_bg).click(function () {
importexport_box.detach();
importexport_bg.detach();
});
}
// add the seen/unseen buttons
function addSeenButtons() {
seen_buttons = {
is_seen: is_seen,
buttons_links: [],
change: function () {
DEBUG && console.log(this);
this.is_seen = !this.is_seen;
kudos_history.seen.reload();
if (this.is_seen) {
kudos_history.seen.add(work_id);
work_meta.addClass('marked-seen');
}
else {
kudos_history.seen.remove(work_id);
work_meta.removeClass('marked-seen');
}
kudos_history.seen.save();
this.updateButtons();
DEBUG && console.log(this);
},
getButton: function () {
var button_link = $('<a></a>').html(this.is_seen ? 'Unseen ✗' : 'Seen ✓');
var button = $('<li class="kh-seen-button"></li>').append(button_link);
var this_setting = this;
button.click(function () {
this_setting.change();
});
this.buttons_links.push(button_link);
return button;
},
updateButtons: function () {
for (var i = 0; i < this.buttons_links.length; i++) {
this.buttons_links[i].html(this.is_seen ? 'Unseen ✗' : 'Seen ✓');
}
},
};
$('li.bookmark').after(seen_buttons.getButton());
$('#new_kudo').parent().after(seen_buttons.getButton());
}
// attach the menu
function addSeenMenu() {
// create a button for the menu
function getMenuButton(button_text, on_click) {
var button = $('<li><a>' + button_text + '</a></li>');
if (on_click) {
button.click(on_click);
button.addClass('kh-menu-setting');
}
else {
button.addClass('kh-menu-header');
}
return button;
}
// get the header menu
var header_menu = $('ul.primary.navigation.actions');
// create menu button
var seen_menu = $('<li class="dropdown"></li>').html('<a>Seen works</a>');
// create dropdown menu
var drop_menu = $('<ul class="menu dropdown-menu"></li>');
// append buttons to the dropdown menu
drop_menu.append(
getMenuButton('Settings and import/export', importExport),
getMenuButton('— For all works on this page: —'),
getMenuButton('Mark as seen', markPageSeen),
getMenuButton('Unmark as seen', markPageUnseen),
getMenuButton('Re-check for kudos', recheckKudos),
getMenuButton('Check for bookmarks', checkForBookmarks),
getMenuButton('— Settings (click to change): —'),
);
settings_list.forEach(function (setting) {
drop_menu.append(kudos_history[setting.name].getButton());
});
seen_menu.append(drop_menu);
header_menu.find('li.search').before(seen_menu);
}
// add a notice about an update
function addNotice() {
var last_version = localStorage.getItem('kudoshistory_lastver') || current_version;
if (last_version < current_version) {
var update_2_2 = "<h3>version 2.2</h3>\
<p><b>• Separate settings for kudosed and seen works.</b> Now you can hide/collapse one but not the other if you want.</p>\
<p><b>• Smaller icons on a collapsed blurb.</b> Saving us some screen space.</p>";
var update_notice = $('<div id="kudoshistory-update" class="notice"></div>');
update_notice.append("<h3><b>Kudosed and seen history userscript updated!</b></h3>", update_2_2, "<p style='text-align: right;'><b><a id='kudoshistory-hide-update'>Don't show this again</a></b></p>");
main.prepend(update_notice);
$('#kudoshistory-hide-update').click(function () {
localStorage.setItem('kudoshistory_lastver', current_version);
update_notice.detach();
});
}
}
// add css rules to page head
function addCss() {
var css = '.has-kudos.marked-seen,.has-kudos{background:url("https://i.imgur.com/jK7d4jh.png") left no-repeat,url("https://i.imgur.com/ESdBCSX.png") left repeat-y !important;padding-left:50px !important}@media screen and (max-width: 42em){.has-kudos.marked-seen,.has-kudos{background-size:20px !important;padding-left:30px !important}}.marked-seen{background:url("https://i.imgur.com/ESdBCSX.png") left repeat-y !important;padding-left:50px !important}@media screen and (max-width: 42em){.marked-seen{background-size:20px !important;padding-left:30px !important}}.kh-highlight-bookmarked-yes .is-bookmarked,dl.is-bookmarked{background:url("https://i.imgur.com/qol1mWZ.png") right repeat-y !important;padding-right:50px !important}@media screen and (max-width: 42em){.kh-highlight-bookmarked-yes .is-bookmarked,dl.is-bookmarked{background-size:20px !important;padding-right:30px !important}}.kh-highlight-bookmarked-yes .is-bookmarked.has-kudos,dl.is-bookmarked.has-kudos,.kh-highlight-bookmarked-yes .is-bookmarked.has-kudos.marked-seen,dl.is-bookmarked.has-kudos.marked-seen{background:url("https://i.imgur.com/jK7d4jh.png") left no-repeat,url("https://i.imgur.com/ESdBCSX.png") left repeat-y,url("https://i.imgur.com/qol1mWZ.png") right repeat-y !important}@media screen and (max-width: 42em){.kh-highlight-bookmarked-yes .is-bookmarked.has-kudos,dl.is-bookmarked.has-kudos,.kh-highlight-bookmarked-yes .is-bookmarked.has-kudos.marked-seen,dl.is-bookmarked.has-kudos.marked-seen{background-size:20px !important}}.kh-highlight-bookmarked-yes .is-bookmarked.marked-seen,dl.is-bookmarked.marked-seen{background:url("https://i.imgur.com/ESdBCSX.png") left repeat-y,url("https://i.imgur.com/qol1mWZ.png") right repeat-y !important}@media screen and (max-width: 42em){.kh-highlight-bookmarked-yes .is-bookmarked.marked-seen,dl.is-bookmarked.marked-seen{background-size:20px !important}}#kudoshistory-update a,.kh-menu-setting a,.kh-seen-button a{cursor:pointer}.kh-menu-header a{padding:.5em .5em .25em !important;text-align:center;font-weight:bold}#kudoshistory-update{padding:.5em 1em 1em 1em}#kudoshistory-update img{max-width:300px;height:auto}#importexport-box{position:fixed;top:0px;bottom:0px;left:0px;right:0px;width:60%;height:80%;max-width:800px;margin:auto;overflow-y:auto;border:10px solid #eee;box-shadow:0px 0px 8px 0px rgba(0,0,0,.2);padding:0 20px;background-color:#fff;z-index:999}#importexport-box input[type=button]{height:auto;cursor:pointer}#importexport-box p.actions{float:none;text-align:right}#importexport-box .kh-setting-row{line-height:1.6em}#importexport-box .kh-setting-label{display:inline-block;min-width:13.5em}@media screen and (max-width: 42em){#importexport-box .kh-setting-label{display:block;min-width:auto}}#importexport-box .kh-setting-label .kh-setting-info-button{font-size:.8em;cursor:pointer}#importexport-box .kh-setting-option{padding:0 3px;border-radius:4px;border:0;color:#111;background:#eee;cursor:pointer}#importexport-box .kh-setting-option.kh-setting-option-selected{color:#fff;background:#900}#importexport-box .kh-setting-separator:last-child{display:none}#importexport-box .kh-setting-info{position:relative;border:1px solid;padding:1px 5px}#importexport-box .kh-setting-info:before{content:" ";position:absolute;top:-12px;border:6px solid transparent;border-bottom-color:initial}#importexport-bg{position:fixed;width:100%;height:100%;background-color:#000;opacity:.7;z-index:998}.kh-toggles{display:none;position:absolute;top:-22px;font-size:10px;line-height:10px;right:-1px;background:#fff;border:1px solid #ddd;padding:5px}.kh-toggles a{cursor:pointer}.kh-reversi #importexport-box{background-color:#333;border-color:#222}.kh-reversi #importexport-box .kh-setting-option-selected{background:#5998d6}.kh-reversi .kh-toggles{background:#333;border-color:#555}.kh-hide-element{display:none}.kh-highlight-bookmarked-yes .bookmark.is-bookmarked p.status{padding-right:40px}@media screen and (max-width: 42em){.kh-highlight-bookmarked-yes .bookmark.is-bookmarked p.status{padding-right:20px}}.kh-skipped-display-collapse .collapsed-blurb.skipped-work h6.landmark.heading,.kh-seen-display-collapse .collapsed-blurb.marked-seen h6.landmark.heading,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos h6.landmark.heading,.kh-skipped-display-collapse .collapsed-blurb.skipped-work>ul,.kh-seen-display-collapse .collapsed-blurb.marked-seen>ul,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos>ul,.kh-skipped-display-collapse .collapsed-blurb.skipped-work blockquote.userstuff.summary,.kh-seen-display-collapse .collapsed-blurb.marked-seen blockquote.userstuff.summary,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos blockquote.userstuff.summary,.kh-skipped-display-collapse .collapsed-blurb.skipped-work dl.stats,.kh-seen-display-collapse .collapsed-blurb.marked-seen dl.stats,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos dl.stats,.kh-skipped-display-collapse .collapsed-blurb.skipped-work .header .fandoms.heading,.kh-seen-display-collapse .collapsed-blurb.marked-seen .header .fandoms.heading,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos .header .fandoms.heading{display:none !important}.kh-skipped-display-collapse .collapsed-blurb.skipped-work .required-tags,.kh-seen-display-collapse .collapsed-blurb.marked-seen .required-tags,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos .required-tags,.kh-skipped-display-collapse .collapsed-blurb.skipped-work .mystery .icon,.kh-seen-display-collapse .collapsed-blurb.marked-seen .mystery .icon,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos .mystery .icon{opacity:.6;transform:scale(0.4);transform-origin:top left}.kh-skipped-display-collapse .collapsed-blurb.skipped-work .header,.kh-seen-display-collapse .collapsed-blurb.marked-seen .header,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos .header{min-height:22px;cursor:zoom-in}.kh-skipped-display-collapse .collapsed-blurb.skipped-work .header .heading,.kh-seen-display-collapse .collapsed-blurb.marked-seen .header .heading,.kh-kudosed-display-collapse .collapsed-blurb.has-kudos .header .heading{margin-left:32px}.kh-skipped-display-collapse .skipped-work:not(.collapsed-blurb) .header,.kh-seen-display-collapse .marked-seen:not(.collapsed-blurb) .header,.kh-kudosed-display-collapse .has-kudos:not(.collapsed-blurb) .header{cursor:zoom-out}.kh-kudosed-display-hide:not(.bookmarks-show) li.has-kudos{display:none !important}.kh-seen-display-hide:not(.bookmarks-show) li.marked-seen{display:none !important}.kh-skipped-display-hide .skipped-work{display:none}.kh-skipped-display-placeholder .skipped-work>*{display:none}.kh-skipped-display-placeholder .skipped-work:before{content:"Skipped"}.kh-highlight-new-yes li.new-blurb{border-left:5px solid #900}.kh-highlight-new-yes.kh-reversi#main li.new-blurb{border-left-color:#5998d6}.kh-toggles-display-on-hover li.blurb-with-toggles:hover>.kh-toggles{display:block}.kh-toggles-display-show li.blurb-with-toggles{margin-top:31px}.kh-toggles-display-show li.blurb-with-toggles .kh-toggles{display:block}';
var style = $('<style type="text/css"></style>').appendTo($('head'));
style.html(css);
addMainClass();
}
function addMainClass(update) {
var classes_to_remove = [];
var classes_to_add = [];
settings_list.forEach(function (setting) {
var setting_class_name = setting.name.replace('_', '-');
classes_to_add.push('kh-' + setting_class_name + '-' + kudos_history[setting.name].current.replace(' ', '-'));
if (update) {
setting.options.forEach(function (option) {
classes_to_remove.push('kh-' + setting_class_name + '-' + option.replace(' ', '-'));
});
}
});
if (update) {
main.removeClass(classes_to_remove.join(' '));
}
main.addClass(classes_to_add.join(' '));
}
})(jQuery);