commit of finished Evergreen skin as of September 2017
authorOwen Leonard <zivot@zivotdesign.com>
Wed, 4 Oct 2017 17:55:55 +0000 (13:55 -0400)
committerEquinox Support <equinox@eg-opac-skin.equinoxinitiative.org>
Wed, 4 Oct 2017 17:55:55 +0000 (13:55 -0400)
79 files changed:
CHANGES.txt [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/css/style.css.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/home_attribution.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/myopac/messages/list.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/myopac/messages/single_message.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/base.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/css/colors.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/footer.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/homesearch.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/js.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/result/facets.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/searchbar.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/topnav.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/topnav_links.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/parts/topnav_logo.tt2 [new file with mode: 0644]
skin/openils/var/templates_equinox/opac/results.tt2 [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/blu-ray.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/book.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/braille.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/casaudiobook.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/casmusic.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/cassette.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/cd.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/cdaudiobook.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/cdmusic.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/dvd.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/eaudio.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/ebook.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/emusic.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/eqipment.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/equip.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/evideo.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/kit.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/lpbook.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/map.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/map2.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/microform.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/music.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/phono.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/phonograph.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/phonomusic.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/phonospoken.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/picture.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/score.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/score2.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/serial.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/software.png [new file with mode: 0644]
skin/openils/var/web/images/format_icons/icon_format/vhs.png [new file with mode: 0644]
src/format_icons/blu-ray.svg [new file with mode: 0644]
src/format_icons/book.svg [new file with mode: 0644]
src/format_icons/braille.svg [new file with mode: 0644]
src/format_icons/casaudiobook.svg [new file with mode: 0644]
src/format_icons/casmusic.svg [new file with mode: 0644]
src/format_icons/cassette.svg [new file with mode: 0644]
src/format_icons/cd.svg [new file with mode: 0644]
src/format_icons/cdaudiobook.svg [new file with mode: 0644]
src/format_icons/cdmusic.svg [new file with mode: 0644]
src/format_icons/dvd.svg [new file with mode: 0644]
src/format_icons/eaudio.svg [new file with mode: 0644]
src/format_icons/ebook.svg [new file with mode: 0644]
src/format_icons/emusic.svg [new file with mode: 0644]
src/format_icons/eqipment.svg [new file with mode: 0644]
src/format_icons/equinoxinitiative-format-icons.sketch [new file with mode: 0644]
src/format_icons/evideo.svg [new file with mode: 0644]
src/format_icons/kit.svg [new file with mode: 0644]
src/format_icons/lpbook.svg [new file with mode: 0644]
src/format_icons/map.svg [new file with mode: 0644]
src/format_icons/map2.svg [new file with mode: 0644]
src/format_icons/microform.svg [new file with mode: 0644]
src/format_icons/music.svg [new file with mode: 0644]
src/format_icons/phonograph.svg [new file with mode: 0644]
src/format_icons/phonomusic.svg [new file with mode: 0644]
src/format_icons/phonospoken.svg [new file with mode: 0644]
src/format_icons/picture.svg [new file with mode: 0644]
src/format_icons/score.svg [new file with mode: 0644]
src/format_icons/score2.svg [new file with mode: 0644]
src/format_icons/serial.svg [new file with mode: 0644]
src/format_icons/software.svg [new file with mode: 0644]
src/format_icons/vhs.svg [new file with mode: 0644]

diff --git a/CHANGES.txt b/CHANGES.txt
new file mode 100644 (file)
index 0000000..c60835d
--- /dev/null
@@ -0,0 +1,61 @@
+CHANGES TO TEMPLATES
+
+opac/myopac/messages/list.tt2,
+opac/myopac/messages/single_message.tt2
+
+    - Removed hard-code style "float:left"
+
+opac/parts/result/facets.tt2
+
+    - A large part of opac/parts/results.tt2 has been moved to this template so that
+      sorting and filtering options are displayed in the sidebar, above the facets,
+      rather than across the top of the search results. This layout avoids the problem
+      of sort and filtering buttons wrapping unpredictably on varying screen sizes.
+
+opac/parts/base.tt2
+
+    - Added Google Fonts embed (copied from source of https://www.equinoxinitiative.org)
+    - Added extra "#page-wrapper" <div> to wrap all the body of the page up until the
+      footer. This facilitates the footer "sticking" to bottom of the screen when the
+      main body of the page doesn't take up all the vertical space.
+    - Added link to tiny-slider CSS.
+
+opac/parts/footer.tt2
+
+    - Added link to image attribution page
+
+opac/parts/homesearch.tt2
+
+    - Removed Evergreen logo from the body of the home page.
+
+opac/parts/js.tt2
+
+    - Added tiny-slider JavaScript library and configuration
+      https://github.com/ganlanyuan/tiny-slider
+
+opac/parts/searchbar.tt2
+
+    - Additional markup added to the search bar controls to allow for better
+      responsive re-flow.
+
+opac/parts/topnav.tt2
+
+    - Classes are now added to the "#header" <div> corresponding to whether the
+      user is logged in or not. This allows login button to be positioned differently
+      than the block of controls for the logged-in user.
+
+opac/parts/topnav_logo.tt2
+
+    - Equinox logo added
+
+opac/results.tt2
+
+    - Search sorting and filtering moved to opac/parts/result/facets.tt2.
+
+opac/home_attribution.tt2
+
+    - New template for image attribution information and links
+
+CHANGES TO OTHER FILES
+
+Image format icons in /openils/var/web/images/format_icons/icon_format/ have been replaced with new versions.
diff --git a/skin/openils/var/templates_equinox/opac/css/style.css.tt2 b/skin/openils/var/templates_equinox/opac/css/style.css.tt2
new file mode 100644 (file)
index 0000000..2d47fde
--- /dev/null
@@ -0,0 +1,5328 @@
+[%-
+    PROCESS "opac/parts/css/colors.tt2";
+    PROCESS "opac/parts/css/fonts.tt2";
+    rtl=ctx.get_i18n_l(ctx.eg_locale).rtl;
+-%]
+
+html {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+body {
+    background-color: #FFF;
+    [%- IF rtl=='t' -%]
+    direction: rtl;
+    [%- END %]
+    font-family: "Raleway", sans-serif;
+    font-size: 18px;
+    margin: 30px 0 0 0;
+
+}
+
+input[type='text'],
+input[type='password'] {
+    -moz-appearance: none;
+    -webkit-appearance: none !important;
+    -webkit-border-radius: 0px;
+    background-color: #F9F9F9;
+    border: 1px solid #cccccc;
+    box-sizing: border-box;
+    border-radius: 0;
+    font-size: 100%;
+    height: 2.5rem;
+    padding: .2em;
+    width: 13em;
+}
+
+button,
+input[type='submit'],
+#acct_info_main a,
+input[type='reset'] {
+    background-color: #EEEEEE;
+    border: 1px solid #CCCCCC;
+    border-radius: 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 100%;
+    padding: .4em .7em;
+    transition: all .3s ease-out;
+    -webkit-appearance: none;
+}
+
+button:hover,
+input[type='submit']:hover,
+input[type='reset']:hover {
+    background-color: #f5f8ff;
+    border: 1px solid #789ACE;
+    font-size: 100%;
+}
+
+button:active,
+input[type='submit']:active,
+input[type='reset']:active {
+    background-color: #f5f8ff;
+    border: 1px inset #7e98ce;
+    font-size: 100%;
+}
+
+abbr[title].unapi-id {
+    text-decoration: none;
+}
+
+select {
+    /* Cribbed from https://evergreen.owwl.org */
+    border: 1px solid #e9ebf3;
+    -webkit-appearance: none !important;
+    -webkit-border-radius: 0px;
+    -moz-appearance: none;
+    background-color: #F9F9F9;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
+    background-position: 100% center;
+    background-repeat: no-repeat;
+    border: 1px solid #cccccc;
+    padding: 0.333rem 0.5rem;
+    padding-right: 1.1em;
+    font-size: 1rem;
+    color: rgba(0, 0, 0, 0.75);
+    line-height: normal;
+    border-radius: 0;
+    height: 2.5rem;
+}
+
+
+
+img {
+    border: 0;
+}
+
+label {
+    color: #0A5FAB;
+}
+
+#topnav_logo {
+    margin: 2em 0;
+}
+
+#homesearch_main_logo {
+    margin: auto;
+    padding-top: 60px;
+    width: 50%;
+}
+
+a,
+a:link,
+a:visited,
+a:active {
+    color: #536090;
+    cursor: pointer;
+    text-decoration: none;
+    transition: all .2s ease;
+}
+
+a:hover {
+    color: #6AB5F9;
+    cursor: pointer;
+}
+
+a.opac-button,
+a:link.opac-button,
+a:visited.opac-button,
+a:active.opac-button,
+#account-update-email input[type='submit'] {
+    background: #38558A;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    letter-spacing: .0625em;
+    line-height: 1;
+    margin: 0 .3em;
+    padding: .6em .8em;
+    position: relative;
+    text-transform: uppercase;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+a.opac-button:hover,
+a:link.opac-button:hover,
+a:visited.opac-button:hover,
+a:active.opac-button:hover,
+#account-update-email input[type='submit']:hover {
+    background: #085EAB;
+}
+
+#account-update-email input[type='submit'] {
+    margin: 0;
+}
+
+.results_header_lbl select {
+    margin: 0;
+    padding: 0;
+    width: 12em;
+}
+
+{
+    font-weight: bold;
+    padding-top: 10px;
+}
+
+.refine_search {
+    margin-left: 0;
+    padding-bottom: 7px;
+}
+
+
+/*
+#search-wrapper select {
+    border:0px solid black;
+    filter:alpha(opacity=0);
+    -khtml-opacity:0;
+    opacity:0;
+    padding:0;
+    margin:0;
+    height:18px;
+}
+*/
+
+h1 {
+    margin: 0;
+    margin-bottom: 5px;
+    font-size: 150%;
+    font-weight: normal;
+}
+
+h2 {
+    font-size: 125%;
+    font-weight: bold;
+}
+
+h2.graphic880 {
+    font-size: 125%;
+    font-weight: normal;
+}
+
+.hide_me,
+.hidden {
+    display: none;
+    visibility: hidden;
+}
+
+div.select-box-wrapper {
+    position: absolute;
+    padding-top: 2px;
+    overflow: hidden;
+    [% IF rtl=='t' -%]
+    padding-right: 3px;
+    text-align: right;
+    [%- ELSE %]
+    padding-left: 3px;
+    text-align: left;
+    [%- END %]
+}
+
+#dash_wrapper {
+    [% IF rtl=='t' -%]
+    margin-right: .5em;
+    [%- ELSE %]
+    margin-left: .5em;
+    [%- END %]
+}
+
+#dash_identity {
+
+}
+
+#dashboard {
+    float: right;
+}
+
+.dash_divider {
+    margin: 0 .5em;
+    display: inline-block;
+}
+
+#dashboard,
+#dashboard_e {
+    margin-top: 1em;
+    height: 3em;
+}
+
+#dashboard span.dash-align a,
+#dashboard_e span.dash-align a {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 90%;
+    font-weight: bold;
+}
+
+#dash_user {
+    font-weight: bold;
+}
+
+#dash_checked,
+#dash_e_checked {
+    background-color: #38558a;
+    color: #FFF;
+    border-radius: 30px;
+    font-weight: normal;
+    padding: .25em .6em;
+}
+
+#dash_holds,
+#dash_e_holds {
+    background-color: #6F2062;
+    color: #FFF;
+    border-radius: 30px;
+    font-weight: normal;
+    padding: .25em .6em;
+}
+
+#dash_pickup,
+#dash_e_pickup {
+    background-color: #006736;
+    color: #FFF;
+    border-radius: 30px;
+    font-weight: normal;
+    padding: .25em .6em;
+}
+
+
+/*
+#dash_fines { color: #f41d36; }
+the color contrast between "text_badnews" and "primary"
+is too low for WCAG compliance.  Use "text_attention"
+for now until a better color is picked - if needed.
+*/
+
+#dash_fines {
+    background-color: #b60000;
+    color: #FFF;
+    border-radius: 30px;
+    font-weight: normal;
+    padding: .25em .6em;
+}
+
+#dash_user_message_button_container {
+    display: inline;
+    padding: 0;
+}
+
+#unread_message_count_floater {
+    background: #b60000;
+    border: 0;
+    border-radius: 20px;
+    color: #fff;
+    display: inline-block;
+    letter-spacing: .0625em;
+    line-height: 1;
+    margin: 0;
+    padding: .25em .5em .5em .5em;
+    position: relative;
+    text-transform: uppercase;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+.dash-link:hover #dash_holds {
+    background-color: #922580;
+}
+
+.dash-link:hover #dash_pickup {
+    background-color: #0c9655;
+}
+
+.dash-link:hover #dash_checked {
+    background-color: #4672c1;
+}
+
+.dash-link:hover #dash_fines {
+    background-color: #ca1d1d;
+}
+
+
+#header-wrap {
+    background-color: #FFF;
+}
+
+#header {
+    border-bottom: 1px solid #EEEEEE;
+    font-size: 92%;
+    margin: 1em;
+}
+
+#header-links {
+    font-size: 92%;
+}
+
+#header-links a {
+    color: #FFFFFF;
+    display: block;
+    float: left;
+    margin-right: 22px;
+    text-shadow: 0 1px 1px #000036;
+}
+
+#header #header-links2 {
+    position: relative;
+    top: -8px;
+    padding-bottom: 15px;
+}
+
+#header #header-links2 a:hover {
+    text-decoration: underline;
+}
+
+#your-acct-login {
+    padding-top: 2em;
+}
+
+#home_myopac_link {
+    font-size: 110%;
+}
+
+#gold-links {
+    line-height: 1.5em;
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    padding-right: 0;
+    [%- ELSE %]
+    margin-left: 1em;
+    padding-left: 0;
+    [%- END %]
+}
+
+#gold-links-home {
+    margin: auto;
+    [% IF rtl=='t' -%]
+    padding-right: 0;
+    [%- ELSE %]
+    padding-left: 0;
+    [%- END %]
+}
+
+#gold-links-holder {
+    background-color: #3f61a7;
+    border-top: 10px solid #7E98CE;
+    height: 30px;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+#gold-links-holder a {
+    display: inline-block;
+    font-family: Arial, sans-serif;
+}
+
+#util-bar {
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    padding-right: 0;
+    [%- ELSE %]
+    margin-left: 1em;
+    padding-left: 0;
+    [%- END %]
+    height: 0;
+}
+
+#breadcrumb {
+    margin-top: 0;
+    font-size: [% css_fonts.size_smaller %];
+    [% IF rtl=='t' -%]
+    float: right;
+    [%- ELSE %]
+    float: left;
+    [%- END %]
+}
+
+#search-within {
+    margin-top: 10px;
+    position: relative;
+    [% IF rtl=='t' -%]
+    float: left;
+    right: -173px;
+    [%- ELSE %]
+    float: right;
+    left: -173px;
+    [%- END %]
+}
+
+#breadcrumb a {
+    color: #000000;
+}
+
+#search_frm label {
+    font-size: 83%;
+}
+
+#search-wrapper {
+    margin: 0 10%;
+    padding-bottom: 5px;
+}
+
+#search-box {
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    padding-right: 0;
+    [%- ELSE %]
+    padding-left: 0;
+    [%- END %]
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+#adv_search_tabs {
+    border-bottom: 4px solid #263245;
+}
+
+#adv_search_tabs a {
+    border-bottom: 1px solid #7E98CD;;
+}
+
+#adv_search_tabs a.on {
+    border-bottom: 1px solid #263245;;
+}
+
+#adv_search_input {
+    display: none;
+}
+
+#adv_search_tabs,
+#acct_tabs,
+#acct_fines_tabs,
+#acct_checked_tabs,
+#acct_holds_tabs,
+#acct_prefs_tabs,
+#results_header_inner {
+    font-family: "Raleway", sans-serif;
+    overflow: auto;
+}
+
+#account-update-email {
+
+}
+
+#adv_search_tabs a,
+#acct_tabs a,
+#acct_fines_tabs a,
+#acct_holds_tabs a,
+#acct_prefs_tabs a {
+    background-color: #0a5fab;
+    color: #FFF;
+    [% IF rtl=='t' -%]
+    float: right;
+    margin: 10px 0 0px 7px;
+    [%- ELSE %]
+    float: left;
+    margin: 10px 7px 0 0;
+    [%- END %]
+    font-size: 90%;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    padding: 10px 0 10px 0;
+}
+
+#adv_search_tabs a,
+#acct_tabs a,
+#acct_fines_tabs a {
+    padding: .6em 1em;
+}
+
+a.acct-tab-on {
+    border-bottom: 1px solid #263245;
+}
+
+a.acct-tab-off {
+    border-bottom: 1px solid #7E98CE;
+}
+
+#adv_search_rows {
+    border-bottom: 0;
+}
+
+.adv_filter_block {
+    [% IF rtl=='t' -%]
+    float: right;
+    [%- ELSE %]
+    float: left;
+    [%- END %]
+    padding-right: 1em;
+    clear: both;
+}
+
+.adv_filter_block_item {
+    [% IF rtl=='t' -%]
+    float: right;
+    [%- ELSE %]
+    float: left;
+    [%- END %]
+    padding: 5px;
+}
+
+.adv_filter_block_item br {
+    display: none;
+}
+
+.adv_filter_block_item strong {
+    display: block;
+    letter-spacing: .0625em;
+    margin: .2em 0;
+}
+
+#adv_special_block {
+    [% IF rtl=='t' -%]
+    float: right;
+    [%- ELSE %]
+    float: left;
+    [%- END %]
+    padding: 5px;
+    margin-top: 5px;
+}
+
+#adv_search_submit {
+    margin-bottom: 2em;
+}
+
+#adv_search_submit .opac-button {
+    background-color: #FFF;
+    color: #0A5FAB;
+}
+
+#adv_search_submit #search-submit-go,
+#adv_numeric_block .opac-button,
+.expert-search .opac-button {
+    background-color: #38558a;
+    border: 0;
+    color: #FFF;
+    font-size: 110%;
+    padding: .4em .6em;
+}
+
+.checkbox_col {
+    width: 1%;
+    [% IF rtl=='t' -%]
+    padding-right: 10px !important;
+    [%- ELSE %]
+    padding-left: 10px !important;
+    [%- END %]
+}
+
+#adv_search,
+#num_search,
+#expert_search {
+    background-color: #0A5FAB;
+    color: #FFF;
+    font-weight: normal;
+    text-transform: uppercase;
+}
+
+#adv_search.on,
+#num_search.on,
+#expert_search.on {
+    background-color: #263245;
+    border-bottom: 1px solid #263245;
+    color: #FFF;
+    font-weight: normal;
+    text-transform: uppercase;
+}
+
+#adv_search_tabs a.acct-tab-on,
+#acct_tabs a.acct-tab-on,
+#acct_fines_tabs a.acct-tab-on {
+    background-color: #263245;
+    color: #FFF;
+}
+
+#acct_checked_tabs a,
+#acct_holds_tabs a,
+#acct_prefs_tabs a {
+    background-color: #7a9f37;
+    border-bottom: 3px solid #7a9f37;
+    color: #FFFFE8;
+    font-size: 1rem;
+    margin-top: 0;
+    padding: .2em .8em;
+}
+
+#acct_checked_tabs div.selected a,
+#acct_holds_tabs div.selected a,
+#acct_prefs_tabs div.selected a {
+    background-color: #FFF;
+    border-bottom: 3px solid #9ECC4C;
+    color: #333;
+}
+
+#acct_checked_tabs,
+#acct_holds_tabs,
+#acct_prefs_tabs {
+    padding-bottom: 1.5rem;
+    padding-top: .5rem;
+    color: #999;
+}
+
+#acct_select,
+#acct_prefs_select {
+    display: none;
+}
+
+#canvas_main h2 {
+    color: #16305C;
+    font-family: "Raleway", sans-serif;
+    font-size: 110%;
+    font-weight: 600;
+    letter-spacing: .0625em;
+    border-bottom: 1px solid #EEE;
+    padding-bottom: .2em;
+}
+
+#canvas_main hr {
+    display: none;
+}
+
+#rdetail_record_details + ul,
+#rdetail_related_subjects + ul {
+    line-height: 1.5em;
+    list-style-type: none;
+    padding: 0;
+}
+
+#rdetail_summary_header {
+    margin-top: 1em;
+}
+
+#rdetail_summary_header  #rdetail_title {
+    font-family: "Raleway", sans-serif;
+    font-weight: 700;
+    letter-spacing: .0625em;
+    margin: .7em 0 .4em 0;
+}
+
+
+.rdetail_header {
+    border-bottom: 3px solid #7a9f37;
+    font-size: 85%;
+    margin-left: 0;
+}
+
+.rdetail_results a {
+    background-color: #7a9f37;
+    color: #FFFFE8;
+    padding: .3em .5em;
+}
+
+.rdetail_result_count {
+    color: #000000;
+    font-weight: normal;
+    display: inline-block;
+    [% IF rtl=='t' -%]
+    padding-right: 1em;
+    [%- ELSE %]
+    padding-left: 1em;
+    [%- END %]
+}
+
+.result_count::before {
+    color: #7095D6;
+    content: "\002022";
+}
+
+.rdetail_result_nav {
+    font-weight: normal;
+    display: inline-block;
+    [% IF rtl=='t' -%]
+    padding-right: 1em;
+    [%- ELSE %]
+    padding-left: 1em;
+    [%- END %]
+}
+
+.rdetail_result_nav a {
+    background-color: #7a9f37;
+    color: #FFFFE8;
+    padding: .3em .5em;
+}
+
+#rdetail_details_table {
+    margin-top: 15px;
+}
+
+#rdetail_image {
+    border: 0;
+    padding-right: 1em;
+    padding-bottom: 1em;
+}
+
+#rdetail_image_cell {
+    padding-top: 3px;
+    [% IF rtl=='t' -%]
+    padding-left: 10px;
+    [%- ELSE %]
+    padding-right: 10px;
+    [%- END %]
+}
+
+h2.rdetail_uris {
+    margin-top: 1em;
+}
+div.rdetail_uris {
+    background-color: #d8d8d8;
+    display: inline-block;
+    padding: .5em 1em .5em 1em;
+}
+
+div.rdetail_uris p {
+    margin: 0;
+}
+
+div.rdetail_uris ul li {
+    position: relative;
+    [% IF rtl=='t' -%]
+    right: 1em;
+    [%- ELSE %]
+    left: 1em;
+    [%- END %]
+}
+
+div.rdetail_show_copies {
+    margin-top: 1em;
+}
+
+#rdetail_actions_div {
+    background-color: #fff;
+    margin-bottom: 1em;
+    float: right;
+}
+
+#copy_hold_counts h2 {
+    font-size: 100%;
+    margin-bottom: .6em;
+}
+
+#copy_hold_counts p,
+#copy_hold_counts ul {
+    margin: .5em 0;
+}
+
+#rdetail_copy_counts {
+    display: inline-block;
+    vertical-align: top;
+    [% IF rtl=='t' -%]
+    border-left: thin;
+    margin-left: 1em;
+    padding-left: 1em;
+    [%- ELSE %]
+    border-right: thin;
+    margin-right: 1em;
+    padding-right: 1em;
+    [%- END %]
+}
+
+#rdetail_hold_counts {
+    display: inline-block;
+    vertical-align: top;
+}
+
+#rdetail_hold_counts p {
+    [% IF rtl=='t' -%]
+    padding-right: 2em;
+    [%- ELSE %]
+    padding-left: 2em;
+    [%- END %]
+}
+
+#rdetail_image_div {
+    [% IF rtl=='t' -%]
+    float: right;
+    margin-left: 1em;
+    [%- ELSE %]
+    float: left;
+    margin-right: 1em;
+    [%- END %]
+}
+
+.rdetail_aux_utils {
+    color: #FFF;
+    padding-left: 17px;
+    padding-right: 70px;
+}
+
+.rdetail_aux_utils img {
+    display: none;
+}
+
+#format_actions,
+#rdetail_copy_counts,
+#rdetail_hold_counts {
+    font-size: .9rem;
+}
+
+.result_table_title_cell img,
+#format_actions img {
+    vertical-align: middle;
+}
+
+#rdetail_image_div {
+    margin-right: 0;
+}
+
+.classic_link {
+    display: inline-block;
+    margin: 0 1em;
+}
+
+.classic_link.record_title {
+    line-height: 1.5em;
+}
+
+div.toggle_list {
+    padding-top: 6px;
+}
+
+
+div.share_record {
+    padding-top: 6px;
+}
+
+div.format_icon {
+    [% IF rtl=='t' -%]
+    float: left;
+    margin-left: 17px;
+    [%- ELSE %]
+    float: right;
+    margin-right: 17px;
+    [%- END %]
+}
+
+#metarecord_population h3 {
+    font-size: 96%;
+    margin: .5em 0;
+}
+
+#metarecord_population a::before {
+    content: "\002022";
+}
+
+#metarecord_population {
+    border: 1px solid #CCC;
+    background-color: rgba(228, 243, 212, .5);
+    float: left;
+    padding: .3em 1em;
+    margin-bottom: 1em;
+    min-width: 50%;
+}
+
+.metarecord_population_span_link {
+    line-height: 20px;
+}
+
+.metarecord_population_format {
+    border-right: thin;
+    display: inline-block;
+    margin-right: 1em;
+    padding-right: 1em;
+    vertical-align: top;
+}
+
+.metarecord_population_item_lang {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.metarecord_population_all {
+    padding-top: 10px;
+}
+
+.results_aux_utils.place_hold a,
+.results_aux_utils.result_util a,
+.rdetail_aux_utils a {
+    background-color: #5176b6;
+    color: #FFF;
+    display: inline-block;
+    margin-top: .3em;
+    padding: .7em 1em;
+    text-align: center;
+}
+
+.results_aux_utils.place_hold a:hover,
+.results_aux_utils.result_util a:hover {
+    background-color: #7095D6;
+    color: #FFF;
+}
+
+.results_aux_utils.place_hold a,
+.rdetail_aux_utils.place_hold a {
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAd0lEQVQ4jd2Tuw2AMAxEbUBiIcZgJ7IDDMUmtIgFHk2ErJCfUlBwlXXOPVlWLMAMHCQkgby9WyMZzgAeX2OPrFRVQ4D1u1y4RlUAwAEu1htqwiKy+PrVL+4gpW938HOAmF87tU5w+bpvnWDLHVPxyIARWIGzBXADu57icISS+qQAAAAASUVORK5CYII=")  #5176b6 no-repeat;
+    background-position-x: 10px;
+    display: block;
+    padding-left: 30px;
+    background-position-y: center;
+}
+
+.results_aux_utils.result_util a,
+.rdetail_aux_utils.result_util a,
+.rdetail_aux_utils.toggle_list a {
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQElEQVQ4je3QQQpAAABE0TdOxf1XypEwNi5AUcqv2U8vbWfsSSZoWxcasJ/7aPkNpO2CNcnIPYMV2wPnXuo34ADcXyvnnwHItgAAAABJRU5ErkJggg==") #5176b6 no-repeat;
+    background-position-x: 10px;
+    display: block;
+    padding-left: 30px;
+    background-position-y: center;
+}
+
+.rdetail_aux_utils.share_record a {
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVQ4jY2TPUtDQRBF7+SZSmJAsBCC3yaFYCHW/j57QSQgRFHBoP4CG8sgKbVRtBNF856NnXIsMuCyL092YFmYO2e4O7srJQTQBq6Ad199YD2FFbAEfFKOEbBWS+hhkpB0LGlOUlPSkaRZSbtJLia4agA/QDH1T9GmpI6kXNKNmX0HchY4K4EbwG103kdg2nUDep7vx/A2ULj4AJwDd8CL2zagGwxxtQreB7JAswjOga0qeC8Efa8Dh1VwuwIeAs/AKfAU2P6DvfDSxYMoP4gGOQA68dANyDV+HDNm9hU0yCTtSGpJujezYenKvHDkj6IZ5esTgShqkq597wLzwAJwIakg5cMAK4x/WBwfQCvFhYBl4Ax4A16BE2Axhf0FMaqORLwYoRUAAAAASUVORK5CYII=") #5176b6 no-repeat;
+    background-position-x: 10px;
+    display: block;
+    padding-left: 30px;
+    background-position-y: center;
+}
+
+
+div .place_hold img,
+.result_util img {
+    display: none;
+}
+
+.result_count {
+    color: #666;
+}
+
+.results_reviews {
+    top: -5px;
+}
+
+#rdetail_copies {
+    padding-top: 1.5em;
+}
+
+#rdetails_status tbody>tr:nth-child(even)>td {
+    background-color: #FFF;
+}
+
+#rdetails_status td {
+    [% IF rtl=='t' -%]
+    padding: 7px 13px 3px 0;
+    [%- ELSE %]
+    padding: 7px 0 3px 13px;
+    [%- END %]
+}
+
+#rdetails_status td[headers=copy_header_library],
+#rdetails_status td[headers=copy_header_shelfloc] {
+    white-space: normal;
+}
+
+
+#rdetails_status tbody td.copy_note {
+    text-wrap: normal;
+    white-space: pre-wrap !important;
+    word-wrap: normal;
+}
+
+#rdetails_status tbody td.copy_tag {
+    background-color: #FFF;
+    border-top: 4px solid #FFDD1A;
+    border-bottom: 4px solid #FFDD1A;
+
+}
+
+#rdetails_status tbody .copy_tag_value {
+    font-weight: bolder;
+}
+
+#rdetails_status tbody td.copy_tag {
+    border-color: [% css_colors.primary %];
+    border-style: dashed;
+    border-width: 2px;
+}
+#rdetails_status tbody .copy_tag_value {
+    font-weight: bolder;
+}
+
+.rdetail_extras {
+    padding-top: 1px;
+    clear: both;
+}
+
+#rdetail_extras_div {
+    margin: 1em 0;
+}
+
+.rdetail_extras_hr {
+    height: 1px;
+    background-color: #EEE;
+}
+
+.rdetail_extras_link {
+    padding: 6px 12px;
+    font-size: 100%;
+    font-weight: bold;
+}
+
+.rdetail_extras_link a:link,
+.rdetail_extras_link a:visited {
+    color: #0A5FAB;
+}
+
+.rdetail_extras_link a:hover,
+.rdetail_extras_link a:active {
+    color: #6AB5F9;
+}
+
+#rdetail_extras_expand,
+#rdetail_extras_collapse,
+#rdetail_locs_collapse {
+    [% IF rtl=='t' -%]
+    margin-right: 13px;
+    [%- ELSE %]
+    margin-left: 13px;
+    [%- END %]
+}
+
+#rdetail_locs_expand,
+#rdetail_locs_collapse {
+    [% IF rtl=='t' -%]
+    margin-right: 13px;
+    [%- ELSE %]
+    margin-left:13px;
+    [%- END %]
+    padding-bottom:3px;
+    margin-top:15px;
+}
+
+#rdetail_anotes_div .biography {
+    margin:0;
+}
+
+.rdetail_subject_value {
+    color: #3f61a7;
+    font-size: 90%;
+}
+
+.rdetail_subject_value a {
+    display: inline-block;
+    padding: .05em .4em;
+    margin-bottom: .2em;
+}
+
+.rdetail_subject_value a:link,
+.rdetail_subject_value a:visited {
+    background-color: #F3F6FB;
+    border: 1px solid #D5E1F8;
+    border-radius: 5px;
+    color: #3E5B90;
+}
+
+.rdetail_subject_value a:hover,
+.rdetail_subject_value a:active {
+    background-color: #FFF;
+    border: 1px solid #D0DAED;
+    border-radius: 5px;
+    color: #6B86BB;
+}
+
+.rdetail_subject_value span {
+    display: block;
+    margin-bottom: .1em;
+}
+
+#gbp_extra,
+#gbp_arrow_down_link {
+    display: none;
+}
+
+.almost-content-wrapper {
+    background-color: #fff;
+}
+
+#content-wrapper,
+#search-wrapper,
+#results_header_bar {
+    background-color: #fff;
+    margin: 0 10%;
+}
+
+.content-wrapper-record-page {
+    position: relative;
+    top: -15px;
+}
+
+#main-content-home {
+    [% IF rtl=='t' -%]
+    padding-right: 17px;
+    margin-right: 1em;
+    [%- ELSE %]
+    padding-left: 17px;
+    margin-left: 1em;
+    [%- END %]
+}
+
+#main-content {
+    clear: both;
+    font-family: Helvetica, Arial, sans-serif;
+    [% IF rtl=='t' -%]
+    padding-right: 0;
+    [%- ELSE %]
+    padding-left: 0;
+    [%- END %]
+}
+
+#main-content h1,
+#main-content h2,
+#main-content h3,
+#main-content h4 {
+
+}
+
+#main-content-after-bar {
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    padding-right: 4px;
+    [%- ELSE %]
+    margin-left: 1em;
+    padding-left: 4px;
+    [%- END %]
+}
+
+#results-side-bar {
+    background-color: #fff;
+    [% IF rtl=='t' -%]
+    float: right;
+    margin-left: 5px;
+    [%- ELSE %]
+    float: left;
+    margin-right: 5px;
+    [%- END %]
+    width: 174px;
+}
+
+#login-form-box {
+    background-color: #EEEEEE;
+    border: 1px solid #ddd;
+    color: #333;
+}
+
+#main-content .left_brain {
+    margin: 1em 0;
+    padding: 1em;
+}
+
+
+
+#main-content .left_brain .input_bg {
+
+    padding: .5em 0;
+
+}
+
+
+label[for="login_persist"] {
+    font-size: 80%;
+}
+
+#login-form-box h1 {
+    font-family: "Raleway", sans-serif;
+    font-weight: bold;
+    letter-spacing: .0625em;
+}
+
+#login-form-box input[type='text'],
+#login-form-box input[type='password'] {
+    width: 15rem;
+}
+
+#login-form-box label.lbl1 {
+    display: block;
+    font-size: 110%;
+    margin: .3em 0;
+}
+
+#login-form-box .opac-button {
+    background: #38558A;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: block;
+    font-size: 100%;
+    letter-spacing: .0625em;
+    line-height: 1;
+    margin: .5em 0;
+    padding: .6em .8em;
+    position: relative;
+    text-transform: uppercase;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+
+
+.login-help-box {
+    [% IF rtl=='t' -%]
+    float: right;
+    margin-right: 2em;
+    [% ELSE -%]
+    float: left;
+    margin-left: 2em;
+    [% END -%]
+    width: 200px;
+    text-align: center
+;}
+
+.login-help-button {
+    font-size: 90%;
+    padding: 1.5em;
+}
+
+.login-help-button a.opac-button {
+    background-color: #1a7c48;
+}
+
+#login-failed-message {
+    background-color: #FBEE86;
+    border-left: 10px solid #EC5959;
+    font-style: italic;
+    margin: 1em 0;
+    padding: 1em;
+    min-width: 75%;
+}
+
+#holds_temp_parent td {
+    border-bottom: 1px solid #e9ebf3;
+}
+
+#holds_temp_parent input,
+#holds_temp_parent select {
+    margin:0;
+}
+
+#holds_temp_parent tr td div {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#holds_temp_parent tr td div.format_icon {
+    margin-top: 6px;
+    margin-bottom: 6px;
+    float: none;
+}
+
+#results_another_search a,
+#refine_hits a,
+#return_to_hits a,
+.results_header_sel a {
+    background: #5178ad;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: block;
+    font-size: 75%;
+    letter-spacing: .0625em;
+    margin: .4em 0;
+    padding: .5em;
+    text-align: center;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+.results_header_lbl {
+    color: #333333;
+    display: block;
+    font-size: 80%;
+    margin: .5em 0 .5em 1em;
+}
+
+#results_header_bar {
+    background-color: #EEEEEE;
+    border-bottom: 1px solid #cbcbcb;
+    border-top: 1px solid #dedede;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: .85rem;
+    margin: 0 10%;
+}
+
+#results_header_bar a {
+    background: #38558a;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    letter-spacing: .0625em;
+    margin: .4em .6em;
+    padding: .5em;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+#results_header_bar a:hover {
+    background: #085EAB;
+}
+
+#results_header_bar select {
+    height: 1.9em;
+    margin: .3em 0;
+}
+
+#sidebar_search_options h4 {
+    background-color: rgba(228, 243, 212, .5);
+    margin: 0 0 .3em 0;
+    padding: .4em .4em .5em 1em;
+}
+
+#results_check_options {
+
+}
+
+#results_check_options .results_header_lbl {
+
+}
+
+/* we need a negative margin on the select to allow the containing <label>
+to determine the actual size of the element.  By doing this, we can increase
+the odds that the buttons and the select will be the same size, and therefore
+collapse correctly when the window width decreases */
+.results_header_lbl select {
+    margin: -.5em 0;
+}
+
+#limit_to_available {
+    vertical-align: middle;
+}
+
+.results_header_sel {
+
+}
+
+.results_header_nav1 {
+    border-bottom: 1px dotted #CCCCCC;
+    font-size: 75%;
+    padding: 1em 0;
+}
+
+.results_header_nav1 .h1 {
+    color: #38558a;
+    font-size: 115%;
+    font-weight: bold;
+}
+
+.table_no_border_space {
+    border-spacing: 0;
+}
+.table_no_cell_pad td {
+    padding: 0;
+}
+.table_no_border {
+    border-collapse: collapse;
+}
+
+#result_table_table {
+    margin-top:10px;
+}
+
+#result_table_div {
+    margin-top: 1em;
+}
+
+tr.result_table_row td {
+    padding: .3em 0;
+}
+
+tr.result_table_row>td.results_row_count,
+tr.result_table_row>td.result_table_pic_header,
+tr.result_table_row>td.result_table_title_cell {
+    padding-top: .4em;
+    padding-bottom: 1em;
+    vertical-align: top;
+}
+
+tr.result_table_row>td.results_row_count {
+    padding-top: 1em;
+}
+
+.result_metadata {
+    [% IF rtl=='t' -%]
+    float: right;
+    padding-left: 2em;
+    [% ELSE -%]
+    float: left;
+    padding-right: 2em;
+    [% END -%]
+    width: 60%;
+}
+
+tr.result_table_row:nth-child(n+2)>td {
+    border-top: 1px solid #d8d8d8;
+}
+
+tr.result_table_row>td.result_table_pic_header {
+    padding: 1em;
+    white-space: nowrap;
+}
+
+.result_number {
+    [% IF rtl=='t' -%]
+    padding-right: 1em;
+    [% ELSE -%]
+    padding-left: 1em;
+    [% END -%]
+    white-space: nowrap;
+}
+
+.result_count_number {
+    font-weight: bold;
+}
+
+.result_table_subtable {
+    width: 100%;
+    padding-top: 1em;
+}
+
+div.result_table_utils_cont {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    float: right;
+    [% ELSE -%]
+    text-align:left;
+    float: left;
+    [% END -%]
+    font-size: 85%;
+    margin-top: .5em;
+}
+
+#myopac_summary_div .header_middle {
+    padding: .4em 0;
+}
+
+#myopac_summary_div .div-left .header_middle {
+    margin: 0;
+    padding: 0;
+}
+
+#myopac_summary_div p {
+    margin:0;
+    margin-bottom: 10px;
+}
+
+#myopac_summary_div noscript {
+    display: block;
+    margin: 1em;
+}
+
+#acct_sum_checked_table td {
+    padding-bottom:5px;
+}
+
+.zero_search_hits_main {
+    background-color: #e4f3d4;
+    border-left: 5px solid #b8df8f;
+    clear: both;
+    [% IF rtl=='t' -%]
+    float: right;
+    [% ELSE -%]
+    float:left;
+    [% END -%]
+    font-style: italic;
+    margin-bottom: 1em;
+    margin-top: 2ex;
+    padding: 1em;
+    width: 75%;
+}
+
+.zero_search_hits_saved {
+    [% IF rtl=='t' -%]
+    float: right;
+    margin-left: 2em;
+    [% ELSE -%]
+    float:left;
+    margin-right: 2em;
+    [% END -%]
+    width:200px;
+    margin-top: 2ex;
+}
+
+#zero_search_hits_main p {
+    margin: 0;
+}
+
+#zero_hits_term {
+    font-weight: bold;
+}
+
+#lowhits_help {
+    background-color: #F9F9F9;
+    border-top: 1px solid #CCCCCC;
+    border-bottom: 1px solid #CCCCCC;
+    font-size: 85%;
+    [% IF rtl=='t' -%]
+    float: left;
+    [% ELSE -%]
+    float: right;
+    [% END-%]
+    margin-top: 7px;
+    padding: 10px;
+}
+
+.results_info_table td {
+    [% IF rtl=='t' -%]
+    padding-left: 10px;
+    [% ELSE -%]
+    padding-right: 10px;
+    [% END-%]
+}
+
+#myopac_holds_main_table {
+    border-collapse: collapse;
+}
+
+#myopac_holds_main_table td {
+    border: 1px solid black;
+}
+
+.myopac-hold-available {
+    font-weight: bold;
+}
+
+.myopac-hold-suspended {
+    color: #b60000;
+    font-weight: bold;
+}
+
+.header_middle {
+    border-bottom: 1px dotted #CCCCCC;
+    clear: both;
+    color: #666;
+    font-family: "Raleway", sans-serif;
+    font-size: 125%;
+    font-weight: bold;
+    letter-spacing: .0625em;
+    margin-bottom: .7em;
+    padding: 0 7px 8px 0;
+}
+
+.header_middle a {
+    font-weight: normal;
+}
+
+.header_middle .float-left {
+    float: none;
+}
+
+.header_middle button {
+    font-size: 80%;
+    margin: .4em 0;
+}
+
+#acct_sum_block {
+    [% IF rtl=='t' -%]
+    float: right;
+    clear: right;
+    [% ELSE -%]
+    float: left;
+    clear: left;
+    [% END -%]
+}
+
+.acct_sum_table {
+    background-color: #f0f0f0;
+    border-collapse: collapse;
+}
+
+.acct_sum_table tr {
+    border-bottom: 2px solid #FFF;
+}
+
+.acct_sum_table td {
+    padding: 1em;
+}
+
+.acct_sum_table a {
+    text-transform: none;
+    position:relative;
+    top:-1px;
+}
+
+.acct_sum_table .view_link {
+    font-weight: normal;
+}
+
+#messages_main div {
+    background-color: #EEEEEE;
+    font-size: 120%;
+    padding: .5rem 1rem;
+}
+
+#messages_main div select {
+    font-size: 76%;
+    width: auto;
+}
+
+#messages_main div input[type='submit'] {
+    background-color: #FFF;
+    font-size: 80%;
+}
+
+#myopac_sum_fines {
+    background-color: #f0f0f0;
+    [% IF rtl=='t' -%]
+    float: left;
+    padding: 15px 23px 0 0;
+    [% ELSE -%]
+    float:right;
+    padding: 15px 0 0px 23px;
+    [% END -%]
+    margin-top: 2em;
+    min-width: 177px;
+    min-height: 166px;
+}
+
+#myopac_sum_fines_placehold {
+    [% IF rtl=='t' -%]
+    float: left;
+    [% ELSE -%]
+    float: right;
+    [% END -%]
+    width: 177px;
+    height: 166px;
+}
+
+.acct_holds_temp td {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+}
+
+#acct_holds_tabs .align,
+#acct_prefs_tabs .align {
+    [% IF rtl=='t' -%]
+    float: right;
+    [% ELSE -%]
+    float:left;
+    [% END -%]
+}
+
+#acct_checked_tabs .align {
+    display: inline-block;
+}
+
+#acct_info_main hr {
+    display: none;
+}
+
+#acct_info_main a {
+    color: #000;
+    padding: .4em .4em;
+    margin: .2em 0;
+    display: inline-block;
+}
+
+#acct_info_main a:hover {
+    background-color: #f5f8ff;
+    border: 1px solid #789ACE;
+    font-size: 100%;
+}
+
+.result_holdings_table {
+    font-size: 90%;
+}
+
+#acct_checked_main_header,
+#acct_holds_main_header,
+#acct_checked_hist_header,
+#acct_holds_hist_header,
+#acct_list_header,
+#acct_list_header_anon,
+#temp_list_holds,
+#acct_messages_main_header,
+#ebook_circs_main_table,
+#ebook_holds_main_table,
+#single_message_main table,
+#myopac_trans_table,
+#copy_hold_counts table,
+.result_holdings_table,
+#acct_info_main table,
+#acct_search_main table,
+#acct_holds_hist_header,
+.bookbag-specific {
+    border-bottom: 1px solid #EEEEEE;
+    border-collapse: collapse;
+}
+
+#acct_messages_main_header,
+#single_message_main table {
+    margin-top: 1em;
+}
+
+#copy_hold_counts table {
+    border-top: 1px solid #CCCCCC;
+}
+
+#acct_checked_main_header tbody>tr:nth-child(even)>td,
+#acct_holds_main_header tbody>tr:nth-child(even)>td,
+#acct_checked_hist_header tbody>tr:nth-child(even)>td,
+#acct_holds_hist_header tbody>tr:nth-child(even)>td,
+#acct_list_header tbody>tr:nth-child(even)>td,
+#acct_list_header_anon tbody>tr:nth-child(even)>td,
+#temp_list_holds tbody>tr:nth-child(even)>td,
+#acct_messages_main_header tbody>tr:nth-child(even)>td,
+#ebook_circs_main_table tbody>tr:nth-child(even)>td,
+#ebook_holds_main_table tbody>tr:nth-child(even)>td,
+.bookbag-specific tbody>tr:nth-child(even)>td,
+#myopac_trans_table tbody>tr:nth-child(even)>td,
+#acct_info_main tbody>tr:nth-child(even)>td,
+#acct_search_main tbody>tr:nth-child(even)>td,
+.result_holdings_table tbody>tr:nth-child(even)>td,
+#acct_holds_hist_header tbody>tr:nth-child(even)>td,
+#single_message_main table tbody>tr:nth-child(even)>td {
+    background-color: #f5f8ff;
+}
+
+#acct_checked_main_header input[type='checkbox'],
+#acct_holds_main_header input[type='checkbox'],
+#acct_checked_hist_header input[type='checkbox'],
+#acct_holds_hist_header input[type='checkbox'],
+#acct_list_header input[type='checkbox'],
+#acct_list_header_anon input[type='checkbox'],
+#temp_list_holds input[type='checkbox'],
+#acct_messages_main_header input[type='checkbox'],
+#ebook_circs_main_table input[type='checkbox'],
+.bookbag-specific input[type='checkbox'],
+#myopac_trans_table input[type='checkbox'],
+#acct_holds_hist_header input[type='checkbox'],
+#ebook_holds_main_table input[type='checkbox'] {
+    font-size: 200%;
+}
+
+.hold_notes {
+    text-transform: none;
+    font-weight: normal;
+}
+
+.hold_note_title {
+    font-weight: bold;
+}
+
+
+#acct_checked_main_header td,
+#acct_holds_main_header td,
+#acct_checked_hist_header td,
+#acct_holds_hist_header td,
+#acct_list_header td,
+#acct_list_header_anon td,
+#temp_list_holds td,
+#acct_messages_main_header td,
+#ebook_circs_main_table td,
+#ebook_holds_main_table td,
+.bookbag-specific td,
+#myopac_trans_table td,
+#acct_info_main td,
+#acct_search_main td,
+.result_holdings_table td,
+#acct_holds_hist_header td,
+#single_message_main td {
+    background-color: #FFF;
+    border-top: 1px solid #EEEEEE;
+    padding: 10px;
+}
+
+#acct_checked_main_header th,
+#acct_holds_main_header th,
+#acct_checked_hist_header th,
+#acct_holds_hist_header th,
+#acct_list_header th,
+#acct_list_header_anon th,
+#temp_list_holds th,
+#acct_messages_main_header th,
+#ebook_circs_main_table th,
+#ebook_holds_main_table th,
+.bookbag-specific thead td,
+#copy_hold_counts th,
+#acct_info_main th,
+#acct_search_main th,
+.result_holdings_table th,
+#acct_holds_hist_header thead td,
+#myopac_trans_table thead td,
+#single_message_main th {
+    border-bottom: 1px solid #666;
+    font-family: "Raleway", sans-serif;
+    font-size: 90%;
+    letter-spacing: .04em;
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+    padding: 10px;
+}
+
+#single_message_main a.opac-button,
+#single_message_main button.opac-button {
+    background-color: #FFF;
+    border: 1px solid #CCCCCC;
+    color: #000;
+    font-size: 14px;
+    padding: .4rem .7rem;
+    text-transform: none;
+}
+
+#acct_list_header select,
+#acct_list_header_anon select {
+    font-weight:normal;
+    text-transform:none;
+}
+
+.lbl1 {
+    font-size: 125%;
+    font-weight: bold;
+}
+
+.lbl2 {
+    font-size: 83%;
+    font-weight:normal;
+    line-height: 1.5em;
+    margin-bottom: 1em;
+    max-width:300px;
+    position:relative;
+    top:3px;
+}
+
+#acct_search_main {
+    color: #666;
+    font-size: 80%;
+}
+
+#acct_search_main td:first-child {
+    font-weight: bold;
+    color: #000;
+}
+
+#acct_search_main label {
+    color: #000;
+    font-weight: bold;
+}
+
+#acct_search_main select,
+#acct_search_main input {
+    display: block;
+    margin-bottom: .2em;
+}
+
+#acct_search_main select[name='opac.hits_per_page'],
+#acct_search_main select[name='opac.lists_per_page'],
+#acct_search_main select[name='opac.list_items_per_page'] {
+    display: inline;
+}
+
+
+#myopac_tabs,
+#adv_search_parent,
+#fines_payments_wrapper {
+    border-bottom: 4px solid #263245;
+    margin-bottom:20px;
+    padding-top:5px;
+}
+
+#fines_payments_wrapper {
+    [% IF rtl=='t' -%]
+        padding-left: 5px;
+    [% ELSE -%]
+        padding-right: 5px;
+    [% END -%]
+    margin-bottom: 0;
+}
+
+#myopac_trans_table thead .bold {
+    font-size: 110%;
+}
+
+#myopac_trans_div br {
+    display: none;
+}
+
+.myopac_payments_table {
+    width: 100%;
+}
+
+.myopac_payments_table th {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+}
+
+.myopac_payments_table thead th:first-child {
+    min-width: 8em;
+}
+
+.myopac_payments_table tbody tr:nth-child(odd) {
+    background-color: #EEE;
+}
+
+.myopac_payments_table form {
+    display: inline;
+}
+
+.myopac_payments_table input[type="submit"] {
+    padding: 1px;
+}
+
+.myopac_payments_table {
+    border-right: 1px solid #CCC;
+    border-top: 1px solid #CCC;
+}
+
+.myopac_payments_table td,
+.myopac_payments_table th {
+    border-left: 1px solid #CCC;
+    border-bottom: 1px solid #CCC;
+    padding: .4em;
+}
+
+.pending-addr {
+    border-left: 10px solid #FFCCCC;
+}
+
+.cc_header
+{
+   padding-top:1em;
+   background-color: [% css_colors.accent_lighter %];
+}
+
+.payment-error {
+    border: 1px solid;
+    color: #f00;
+    font-weight: bold;
+    padding: 10px;
+}
+
+.payment-processing {
+    border: 1px solid;
+    font-size: 125%;
+    font-weight: bold;
+    color: [% css_colors.text_greatnews %];
+    font-size: [% css_fonts.size_bigger %];
+    padding: 10px;
+    border: 1px solid [% css_colors.accent_medium_dark %];
+    text-align: center;
+}
+
+#adv_search_input {
+    width: 100%;
+}
+
+#adv_search_parent {
+    margin-bottom: 0;
+}
+#search-submit-spinner {
+    height: 16px;
+    width: 16px;
+}
+div.adv_search_available {
+    margin-top: 1em;
+}
+
+#myopac_loading {
+    font-size: 125%;
+    font-weight: bold;
+    padding-top: 20px;
+    text-align:center;
+    width: 100%;
+}
+
+.chili_link {
+    text-align: center !important;
+    width: 100px !important;
+}
+
+.chili_review div.chili_link div {
+    margin: auto;
+}
+
+
+/* styling for advanced search filters that display with searchbar */
+#adv_filter_results_block h4 {
+    display: inline;
+}
+
+
+#adv_filter_results_block {
+    margin-top: 6px;
+}
+
+.adv_filter_results_block_label {
+    font-weight:bold;
+    [% IF rtl=='t' -%]
+    padding: 4px 12px 4px 0;
+    [% ELSE -%]
+    padding: 4px 0 4px 12px;
+    [% END -%]
+}
+
+.adv_filter_results_group {
+    font-size: 12px;
+    display: inline-block;
+    background-color: #d8d8d8;
+    border-style: solid;
+    border-color: #999;
+    border-width: 1px;
+    border-radius: 4px;
+    padding: 2px 4px 2px 4px;
+}
+
+.adv_filter_results_group_wrapper {
+    display: inline-block;
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    [% ELSE -%]
+    margin-left: 1em;
+    [% END -%]
+    margin-bottom: 8px;
+}
+
+.adv_filter_results_group_header {
+    display: inline-block;
+}
+
+.adv_filter_results_group_values {
+    display: inline;
+}
+
+.adv_search_result_filter {
+    display: inline-block;
+}
+
+.remove_filter {
+    font-size: 16px;
+    [% IF rtl=='t' -%]
+    margin-right: 3px;
+    [% ELSE -%]
+    margin-left: 3px;
+    [% END -%]
+}
+
+a.remove_filter {
+    color: #666;
+}
+
+#filter_hits {
+    display: inline-block;
+}
+
+#refine_search_link {
+    display: inline-block;
+}
+
+#facet_sidebar {
+    float: left;
+    margin-right: 1em;
+}
+
+#facet_sidebar .header {
+    background-color: rgba(228, 243, 212, .5);
+    font-weight: bold;
+    height: 1.8em;
+    padding: .2em;
+}
+
+#facet_sidebar .box_wrapper {
+    padding-right: .2em;
+}
+
+#facet_sidebar .box_wrapper a {
+    font-size: 85%;
+}
+
+.facet_box_temp {
+    padding-bottom: 3px;
+}
+
+.facet_box_temp.filter_box_temp .header {
+    background-color: #252525 !important;
+}
+
+.filter_box_label {
+    color: #252525;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    padding-left: 12px;
+}
+
+.facet_box_temp .header .title {
+    float: left;
+    padding-left: 12px;
+    padding-top: 6px;
+}
+
+.facet_box_temp h4 {
+    font-size: 92%;
+    margin: 0px;
+}
+
+.facet_box_temp .header a.button {
+    display: inline-block;
+    float: right;
+    font-size: 75%;
+    margin: .7em;
+    text-decoration: underline;
+}
+
+.facet_box_wrapper .box_wrapper .box {
+    padding: 0 .5em;
+    width: 14em;
+    overflow: hidden;
+}
+    
+
+.filter_box_wrapper {
+    margin-bottom: 3px;
+    padding: 2px;
+    border: 1px solid #252525;
+    border-radius: 3px;
+    font-weight: bold;
+    padding-top: 4px;
+}
+
+.facet_template {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    display: table;
+    margin: .5em 0;
+    width: 100%;
+}
+
+.facet_template div {
+    display: table-cell;
+    padding: 2px;
+}
+
+.facet_template.filter_template div {
+    padding: 0 !important;
+}
+
+.facet_template .count {
+    text-align: right;
+    color: #888;
+}
+
+.facet_template_selected a:hover::before {
+    color: #EC5959;
+    content: "\0000D7";
+    padding: 0 .4em;
+    vertical-align: middle;
+}
+
+
+.facet_template_selected a::before {
+    color: #22A760;
+    content: "\002713";
+    padding: 0 .4em;
+    vertical-align: middle;
+}
+
+.facet_template_selected a {
+    font-weight: bold;
+}
+
+#result_block {
+
+}
+
+.page-wrapper {
+    background-color: #FFF;
+    flex: 1 0 auto;
+}
+
+#footer-wrap {
+    flex: 0 0 auto;
+}
+
+#footer a {
+    color: #FFFFFF;
+}
+
+#copyright_text {
+    margin: .5em 0;
+}
+
+.color_4 {
+    font-weight: bold;
+}
+
+.advanced_div {
+    padding-top: 15px;
+}
+
+#adv_global_search {
+    width: 100%;
+}
+
+#adv_search_filters select {
+    font-size: 75%;
+    width: 20em;
+}
+
+#adv_global_addrow td {
+    padding-top: 7px;
+}
+
+#adv_numeric_block,
+#adv_expert_row,
+#adv_search_filters,
+#adv_global_input_table,
+#browse-controls {
+    width: 100%;
+}
+
+#adv_numeric_block select,
+#adv_numeric_block input[type='text'],
+#adv_expert_row select,
+#adv_expert_row input[type='text'],
+#adv_search_filters select,
+#adv_search_filters input[type='text'],
+#adv_global_input_table select,
+#adv_global_input_table input[type='text'],
+#browse-controls select
+#browse-controls input[type='text'] {
+    border: 1px solid #cccccc;
+    border-radius: 0;
+    box-sizing: border-box;
+    color: rgba(0, 0, 0, .75);
+    font-size: 1em;
+    height: 2em;
+    padding: .3em .5em;
+}
+
+#adv_global_search select[name='bool'] {
+    padding-right: 1.1em;
+}
+
+#adv_search_filters select {
+    height: auto;
+}
+
+#adv_numeric_block select {
+    margin: .7em 0;
+}
+
+#browse-controls {
+    font-weight: normal;
+}
+
+.adv_adv_link {
+    font-size: 83%;
+    color: #f00;
+}
+
+
+#acct_prefs_header {
+
+}
+.search_page_nav_link {
+    cursor: pointer;
+    [% IF rtl=='t' -%]
+    padding-right: 1em;
+    [% ELSE -%]
+    padding-left: 1em;
+    [% END -%]
+}
+#opac.result.sort {
+    width: 160px;
+}
+
+.renew-summary,
+.message-update-summary {
+    background-color: #fff9d0;
+    border-left: 5px solid #fdd087;
+    font-style: italic;
+    margin-bottom: 1em;
+    padding: 1em;
+    width: 50%;
+}
+
+.failure-text {
+    [% IF rtl=='t' -%]
+    margin-right: 4em;
+    [% ELSE -%]
+    margin-left: 4em;
+    [% END -%]
+    font-style: italic;
+    color: #F00;
+}
+.refine-controls {
+    font-size: 125%;
+    padding: .5ex 0;
+}
+
+#adv_search_refine input[type=text] {
+    border: 1px inset #ccc !important;
+}
+
+#adv_search_refine select {
+    border: 1px inset #ccc !important;
+}
+
+#adv_search_refine {
+    [% IF rtl=='t' -%]
+    padding-right: 5em;
+    [% ELSE -%]
+    padding-left: 5em;
+    [% END -%]
+    background-color: [% css_colors.accent_lighter2 %];
+    margin: 2ex 0;
+}
+
+.row-remover {
+
+    position: relative;
+    top: 1px;
+    vertical-align: middle;
+}
+
+.row-remover img {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAN1JREFUOI2d0k1KA0EQxfGfY7yBB8jaM3gCQSFgJgTFheC1/ERceB5dZ5FDqImMi3TJpOnpoA960VX1f2+Yrn0bjfCMPbwbVoNHHOAtiiO8osMK0wp8l+bWuIjGSyp2vea8Asf5xgzOU3JuctWD77N+hwXGkTBNUJ5wg4ddcGheMCmdIhy6TMn/gkPXA/CyBDeF+/GA8SGOaskNbiuf3+ETp3+Bl/jIal+Y5HC+JP0fdpKS+70V2jB4qsChs5ScL1vLZh3XFTg0sb2xW3Px/kNwqE1hxbnZDrhv8jv3AyPQeyhY+a94AAAAAElFTkSuQmCC) no-repeat;
+    box-sizing: border-box;
+    width: 16px;
+    height: 16px;
+    padding-left: 16px;
+    margin-left: 5px;
+}
+
+.subtle-button {
+    background-color: #fff;
+    padding: 0;
+    border: 0;
+    margin: 0;
+    vertical-align: middle;
+}
+
+.subtle-button:hover {
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+#account-update-email table,
+#hold_editor_table,
+#list_create_table {
+    padding: 20px;
+    margin-top: 18px;
+    border-collapse: collapse;
+}
+
+#account-update-email table td,
+#hold_editor_table td,
+#list_create_table td {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+    padding: 5px 15px 5px 0;
+    border-bottom: 1px solid #ddd;
+}
+
+#hold_editor_table td.fmt-note {
+    border-bottom: 1px solid #FFF;
+}
+
+#account-update-email-error {
+    font-size: 150%;
+    padding: 10px;
+    border: 1px solid #e9ebf3;
+}
+
+#list_create_table td {
+    vertical-align: middle;
+    padding: .4em;
+}
+
+#list_create_table {
+    padding-bottom: 4px;
+    margin-bottom: 10px;
+    border-bottom: 1px dotted #999;
+    width: 100%;
+}
+
+#list_create_table input[type=text] {
+    font-size: 1.2em;
+}
+
+#list_create_table label {
+    color: #000;
+}
+
+.list_create_table_label {
+    width: 30%;
+}
+
+#list_description,
+#list_create_name {
+    width: 500px;
+}
+.list-create-table-buttons input[type=image] {
+    margin-top: 2px;
+}
+
+.list-create-table-buttons input[type='submit'] {
+    font-family: "Raleway", sans-serif;
+    display: inline-block;
+    float: left;
+}
+
+.list-create-table-buttons input[type='reset'] {
+    background-color: #fff;
+    border: 0;
+    color: #0A5FAB;
+    display: inline-block;
+    font-family: "Raleway", sans-serif;
+    font-size: 90%;
+    padding: .6em 2em;
+    text-transform: uppercase;
+}
+
+.result_table_format_cell {
+    padding: 0 10px;
+    text-align: center;
+}
+
+.results_row_count {
+    color: #919191;
+    font-size: 80%;
+    font-weight: normal;
+}
+
+#hold_editor h1 {
+    font-size: 125%;
+    font-weight: bold;
+}
+
+#hold_editor h2 {
+    font-size: 110%;
+    font-weight: normal;
+    text-indent: 2em;
+    font-style: italic;
+}
+
+#hold_editor h1,
+#hold_editor h2 {
+    margin: 2px 0;
+}
+
+#hold_editor_table th {
+    border-bottom: 1px solid #ddd;
+    font-weight: normal;
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+    padding: 5px 15px 5px 0;
+}
+
+#hold_editor_table td {
+    padding: .25em 0;
+}
+
+.fmt-note {
+    [% IF rtl=='t' -%]
+    padding-right: 1em !important;
+    [% ELSE -%]
+    padding-left: 1em !important;
+    [% END -%]
+    vertical-align: middle;
+}
+.hold-editor-controls {
+    padding-top: 1em !important;
+    text-align: center;
+}
+
+.hold-editor-controls a {
+    padding-left: 2em;
+}
+
+
+.text-right {
+    [% IF rtl=='t' -%]
+    text-align: left;
+    [% ELSE -%]
+    text-align: right;
+    [% END -%]
+}
+.text-right-top {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    vertical-align: top;
+    [% END -%]
+}
+.rdetail-author-div {
+    padding-bottom: 10px;
+    display: inline-block;
+}
+
+.invisible {
+    visibility: hidden;
+}
+
+.rdetail-extras-summary {
+    margin: 10px;
+}
+
+.staff-hold {
+    background-color: #EEEEEE;
+}
+
+.expert-search tbody tr th {
+    [% IF rtl=='t' -%]
+    text-align: left;
+    padding-right: 2em;
+    [% ELSE -%]
+    text-align: right;
+    padding-left: 2em;
+    [% END -%]
+}
+.expert-search-row {
+    padding-top: 10px;
+}
+
+#adv_expert_row label {
+    font-weight: bold;
+}
+
+#cn_browse_div .color_4 {
+    font-family: "Raleway", sans-serif;
+    font-size: 110%;
+    text-align: left;
+    font-weight: 600;
+    letter-spacing: .03em;
+}
+
+.bookshelf tbody:first-child td a {
+    font-size: 80%;
+}
+
+.bookshelf td {
+    font-size: 90%;
+}
+
+.bookshelf tr.browse_border td {
+    border-bottom: 3px solid #7a9f37;
+    font-size: 1px;
+    height: 1px;
+    padding-bottom: 1ex;
+}
+
+.results-paginator-list {
+    padding-left: 1em;
+}
+
+.results-paginator-selected {
+    background-color: #fffce2;
+    color: #f00;
+    display: inline-block;
+    padding: .3em .7em;
+}
+
+.inactive-hold {
+    background-color: [% css_colors.accent_lightest %];
+}
+
+.unread-patron-message {
+    color: #333;
+    font-weight: bold;
+}
+
+
+#hold-items-list td {
+    padding: 5px;
+    margin-bottom: 20px;
+}
+
+.hold-items-list-title {
+    font-size: 125%;
+    margin-bottom: 20px;
+}
+
+.hold-items-list-problem {
+    color: #f00;
+}
+
+.hold_success_links>span {
+    margin: 0 2em;
+    white-space: nowrap;
+}
+
+.radio-parts-selection {
+    width: 75%;
+    margin-bottom: 20px;
+}
+
+.parts-radio-option {
+    display: inline-block;
+    width: 15em;
+}
+
+.mr_holds_no_formats {
+    [% IF rtl=='t' -%]
+    margin-right: 25px;
+    [% ELSE -%]
+    margin-left: 25px;
+    [% END -%]
+    padding: 5px;
+    font-size: 110%;
+    font-weight: bold;
+    color: [% css_colors.text_invert %];
+    background-color: [% css_colors.primary %];
+}
+
+.holds_item_row_separator td {
+    border-top: 2px dashed #999;
+}
+
+.big-strong {
+    font-weight: bold;
+    font-size: [% css_fonts.size_bigger %];
+}
+
+
+.results_header_btns,
+.results_header_sel {
+
+}
+
+
+/*
+ * .various_containers a = shortcut to putting .opac-button on every 'a' with
+ *     the tradeoff of increased stylesheet complexity (TODO: rethink?)
+ */
+.opac-multiline-button>a,
+.opac-button,
+.dash_account_buttons a {
+    cursor: pointer !important;
+    display: inline-block;
+    padding: .4em .7em;
+}
+
+.opac-button:disabled {
+    background-color: #ddd;
+    border: 3px solid #CCCCCC;
+    color: #999;
+    cursor: pointer !important;
+}
+
+
+/* Firefox adds its own special space to inputs; this gets us closer */
+button.opac-button::-moz-focus-inner,
+input.opac-button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+.opac-button-header,
+#dash_wrapper .opac-button {
+    font-size: [% css_fonts.size_base %];
+    margin-right: 0;
+}
+
+.opac-multiline-button>a {
+    display: inline-block;
+}
+
+#myopac_checked_div {
+    padding: 0;
+}
+
+.rdetail-mfhd-head {
+    margin-top: 5px;
+    padding-top: 5px;
+    background-color: #d8d8d8;
+}
+
+.rdetail-mfhd-type {
+    [% IF rtl=='t' -%]
+    padding-right: 1em;
+    [% ELSE -%]
+    padding-left: 1em;
+    [% END -%]
+}
+
+.rdetail-mfhd-bottom {
+    border-bottom: thin solid black;
+    width: 100%;
+}
+
+#rdetail_record_details {
+    clear: both;
+    margin-top: 1em;
+}
+
+.rdetail_content {
+
+}
+
+.rdetail_content_type,
+.rdetail_subject_type {
+    vertical-align: top;
+    font-weight: bold;
+}
+
+.bookbag-item-row td {
+    vertical-align: top;
+}
+
+
+.error {
+    color: #b60000;    
+    font-weight: bold;
+}
+
+.success {
+    background-color: #e4f3d4;
+    [% IF rtl=='t' -%]
+    border-right: 5px solid #b8df8f;
+    [% ELSE -%]
+    border-left: 5px solid #b8df8f;
+    [% END -%]
+    font-size: 1rem;
+    margin-bottom: 1em;
+    margin-top: 2ex;
+    padding: 1em;
+}
+
+.rdetail_related_subjects {
+    margin-top: 1.5em;
+}
+
+.rdetail_related_series {
+    margin-top: 1.5em;
+}
+
+#rdetail_openurl {
+    margin-top: 1em;
+}
+
+.rdetail_openurl_entry {
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    padding-right: 1em;
+    [% ELSE -%]
+    margin-left: 1em;
+    padding-left: 1em;
+    [% END -%]
+}
+
+.bookbag-controls-holder {
+    padding: 1rem;
+    width: 100%;
+}
+
+.bookbag-controls-holder:nth-child(odd) {
+    background-color: #f5f8ff;
+}
+
+.bookbag-controls-holder:nth-child(even) {
+    background-color: #FFF;
+}
+
+.bookbag-controls-holder .most {
+    [% IF rtl=='t' -%]
+    padding-right: 0;
+    margin-left: 5em;
+    [% ELSE -%]
+    padding-left: 0;
+    margin-right: 5em;
+    [% END -%]
+}
+.bookbag-controls-title-block {
+    [% IF rtl=='t' -%]
+    float:right;
+    [% ELSE -%]
+    float:left;
+    [% END -%]
+    width:40%;
+}
+.bookbag-controls-button-block {
+    [% IF rtl=='t' -%]
+    float:right;
+    [% ELSE -%]
+    float:left;
+    [% END -%]
+    width:50%;
+}
+
+.bookbag-controls-button-block form {
+    line-height: 2.2em;
+}
+
+.bookbag-controls-button-block input,
+.bookbag-controls-button-block input:active,
+.bookbag-controls-button-block input:hover {
+    font-size: 80%;
+}
+
+h2.bookbag-name {
+    margin-bottom: 0em;
+    padding-bottom: 0em;
+}
+
+.bookbag-share .fixed {
+    min-width: 4em;
+}
+
+.bookbag-specific {
+
+}
+
+.bookbag-specific td input[type='text']{
+    font-size: 100%;
+}
+
+.bookbag-specific thead td,
+#acct_holds_hist_header {
+    font-weight: bold;
+}
+
+.bookbag-specific div.sort {
+    [% IF rtl=='t' -%]
+    float: right;
+    text-align: right;
+    margin-right: 15px;
+    [% ELSE -%]
+    float: left;
+    text-align: left;
+    margin-left: 15px;
+    [% END -%]
+    width: 40%;
+}
+
+.bookbag-specific div.meta {
+    border: 1px solid #EEEEEE;
+    [% IF rtl=='t' -%]
+    float: left;
+    [% ELSE -%]
+    float: right;
+    [% END -%]
+    padding: .5em 1em;
+}
+
+.bookbag-specific div.meta input[type='text'],
+.bookbag-specific div.meta textarea {
+    font-size: 85%;
+    padding: .2em;
+    margin: .2em 0;
+}
+
+.bookbag-specific div.meta p {
+    font-family: "Raleway", sans-serif;
+    letter-spacing: .0625em;
+    margin: .5em 0;
+}
+
+#bbag-name-desc-form tr th {
+    vertical-align: middle;
+}
+
+#bbag-name-desc-form .saver {
+    vertical-align: middle;
+    text-align: center;
+}
+
+.bookbag-description {
+    padding-top: 0;
+    font-style: italic;
+    max-width: 40em;
+}
+
+.bbag-edit-desc-label {
+    [% IF rtl=='t' -%]
+    float:right;
+    [% ELSE -%]
+    float:left;
+    [% END -%]
+    width:8em;
+}
+
+.bbag-edit-desc-save {
+    clear:both;
+    margin-top: .5em;
+    font-size: 80%;
+}
+
+.bbag-edit-desc-save input {
+    display: block;
+    margin: .5em 0;
+}
+
+#bbag-edit-description {
+    width: 20em;
+}
+
+#bbag-edit-name {
+    width: 20em;
+    [% IF rtl=='t' -%]
+    float: right;
+    [% ELSE -%]
+    float: left;
+    [% END -%]
+}
+
+.bbag-action {
+    margin: .5em 0;
+}
+/* 
+.bbag-action select,
+.bbag-action input[type='submit'] {
+    height: 1.5em;
+    font-size: 100%;
+} */
+
+.bbag-navigate-list {
+    [% IF rtl=='t' -%]
+    padding-right: 32px;
+    float:right;
+    [% ELSE -%]
+    padding-left: 32px;
+    float:left;
+    [% END -%]
+}
+
+.bbag-navigate-list-pages {
+    [% IF rtl=='t' -%]
+    padding-right: 10px;
+    float:right;
+    [% ELSE -%]
+    padding-left: 10px;
+    float:left;
+    [% END -%]
+}
+
+textarea {
+    font-family: sans-serif;
+}
+
+.bookbag-share {
+    [% IF rtl=='t' -%]
+    float: right;
+    padding: 0 10px 0 0;
+    [% ELSE -%]
+    float: left;
+    padding: 0 0 0px 10px;
+    [% END -%]
+}
+
+.bookbag-share .fixed {
+    min-width: 6em;
+}
+
+.bookbag-controls {
+    [% IF rtl=='t' -%]
+    float: right;
+    padding: 0 10px 0 0;
+    [% ELSE -%]
+    float: left;
+    padding: 0 0 0px 10px;
+    [% END -%]
+}
+
+.bookbag-specific td.list_checkbox {
+    [% IF rtl=='t' -%]
+    padding-right: 10px !important;
+    [% ELSE -%]
+    padding-left: 10px !important;
+    [% END -%]
+}
+
+.bookbag-specific td.list_entry {
+
+    [% IF rtl=='t' -%]
+    padding-right: 5px !important;
+    [% ELSE -%]
+    padding-left: 5px !important;
+    [% END -%]
+}
+
+.bookbag-specific td.list_actions {
+    white-space: nowrap !important;
+}
+
+.bookbag-paginator-selected {
+    color: [% css_colors.text_alert %];
+}
+
+
+.list_is_empty {
+    padding: 8px 0 6px 0;
+    width: 100%;
+    border: 0;
+    font-size: [% css_fonts.size_bigger %];
+    text-align: center;
+    font-style: italic;
+}
+
+.save-notes {
+    padding-bottom: 1.5ex;
+}
+
+
+.nonbreaking-wrapper {
+    display: inline-block;
+}
+
+
+/* Moved from semiauto.css */
+.adv_global_input_container {
+    border-bottom: 0;
+    clear: both;
+}
+.opac-auto-013 {
+    border-bottom: 0;
+    *height: 0;
+}
+.adv_global_filter_sort {
+    border: 0;
+    width: 100%;
+}
+.clear-both {
+    clear: both;
+}
+
+.common-no-pad {
+    clear: both;
+    height: 0;
+    margin: 0;
+    padding: 0;
+}
+.common-full-pad {
+    clear: both;
+    height: 15px;
+}
+.alert {
+    color: #EC5959;
+}
+
+.float-left {
+    [% IF rtl=='t' -%]
+    float: right;
+    [% ELSE -%]
+    float: left;
+    [% END -%]
+}
+.float-right {
+    [% IF rtl=='t' -%]
+    float: left;
+    [% ELSE -%]
+    float: right;
+    [% END -%]
+}
+
+.saved-searches-header {
+    width: 100%;
+    font-weight: bold;
+    font-size: [% css_fonts.size_bigger %];
+}
+
+.saved-searches-header .button {
+    [% IF rtl=='t' -%]
+    float: left;
+    [% ELSE -%]
+    float: right;
+    width: 28px;
+    [% END -%]
+}
+.saved-searches-header .text {
+    [% IF rtl=='t' -%]
+    float: right;
+    padding-left: 1em;
+    [% ELSE -%]
+    float: left;
+    padding-right: 1em;
+    [% END -%]
+    margin: .5ex 0;
+}
+.saved-searches-header {
+    font-weight: bold;
+    font-size: [% css_fonts.size_bigger %];
+}
+
+.saved-searches {
+    border-bottom: 1px solid [% css_colors.accent_medium %];
+    padding-right: 1em;
+}
+
+#staff-saved-search {
+    /* wraps .saved-searches-header and .saved-searches on the record page */
+    [% IF rtl=='t' -%]
+    border-left: 1px solid [% css_colors.accent_darker %];
+    [% ELSE -%]
+    border-right: 1px solid [% css_colors.accent_darker %];
+    [% END -%]
+}
+.result_item_circulated {
+    background-color: #f5fff1;
+    display: inline-block;
+    padding: .2em 1em .2em .4em;
+    margin: .2em 0;
+}
+
+#search-only-bookbag-container {
+    margin: 2ex 0;
+    font-weight: bold;
+}
+
+#result-bookbag-heading {
+    text-align: center;
+    margin: 2ex;
+}
+
+
+.result-bookbag-name {
+    font-size: [% css_fonts.size_bigger %];
+    font-weight: bold;
+}
+
+.result-bookbag-description {
+    font-size: [% css_fonts.size_bigger %];
+    font-style: italic;
+}
+
+.result-bookbag-item-note {
+    font-style: italic;
+}
+
+.lowhits-bookbag-name {
+    font-weight: bold;
+}
+
+.oils_AS {
+    font-weight: bold;
+    color: [% css_colors.text_match %];
+}
+
+.oils_AS_match_term {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+}
+.oils_AS_match_field {
+    font-size: [% css_fonts.size_smallest %];
+    padding: .65em 0;
+    [% IF rtl=='t' -%]
+    text-align: left;
+    [% ELSE -%]
+    text-align: right;
+    [% END -%]
+    color: [% css_colors.accent_medium %];
+}
+
+span.preflib {
+    margin: 0 2em 0 2em;
+}
+a.preflib_change {
+    vertical-align: super;
+    font-size: [% css_fonts.size_smaller %];
+    line-height: normal;
+    text-decoration: none;
+}
+.rdetail-holding-group {
+    [% IF rtl=='t' -%]
+    margin-right: 1.5em;
+    [% ELSE -%]
+    margin-left: 1.5em;
+    [% END -%]
+}
+.rdetail-holding-group span {
+    [% IF rtl=='t' -%]
+    margin-right: 1.5em;
+    [% ELSE -%]
+    margin-left: 1.5em;
+    [% END -%]
+}
+.rdetail-holding-group .paging {
+    [% IF rtl=='t' -%]
+    margin-right: 1.5em;
+    [% ELSE -%]
+    margin-left: 1.5em;
+    [% END -%]
+}
+#rdetail_deleted_exp {
+    font-weight: bold;
+    padding: 1em;
+    margin: 1em;
+    border: thick solid [% css_colors.border_alert %];
+}
+
+#ac_tab_wrapper {
+    width: 100%;
+}
+
+.ac_tab {
+    [% IF rtl=='t' -%]
+    float: right;
+    padding-left: 10px;
+    [% ELSE -%]
+    float: left;
+    padding-right: 10px;
+    [% END -%]
+    font-size: [% css_fonts.size_big %];
+    padding: 5px;
+    border: 1px solid [% css_colors.primary_offset %];
+}
+.ac_tab_selected {
+    background-color: [% css_colors.primary_offset %];
+}
+
+.ac_tab_selected a {
+    color: [% css_colors.text_invert %];
+}
+
+#ac_content {
+    clear: both;
+    width: 100%;
+    margin-top: 10px;
+}
+
+/* Popmenu styles used for making css menus. */
+.popmenu {
+    margin: 0;
+    padding: 0;
+}
+.popmenu li {
+    list-style: none;
+}
+
+.results_aux_utils.result_util li li a,
+.rdetail_aux_utils.toggle_list li li a {
+    display: block;
+    color: #0645b3;
+    margin: 0;
+    padding: .6em .5em;
+    background: #f2f7ff none;
+    text-align: left;
+    border-bottom: 1px solid #BECFE6;
+}
+
+.popmenu li ul {
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
+    border-left: 4px solid #5176b6;
+    display: none;
+    width: 15em;
+    /* Width to help Opera out */
+    background-color: #FFF;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+}
+.popmenu li:hover ul {
+    display: block;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    width: 15em;
+}
+
+.popmenu li li a:hover {
+    background-color: #FFFFFF;
+}
+
+#locale_picker_form {
+    [% IF rtl=='t' -%]
+    float: left;
+    border-left: thin [% css_colors.control %]
+    solid;
+    [% ELSE -%]
+    float: right;
+    border-right: thin [% css_colors.control %]
+    solid;
+    [% END -%]
+    padding: .5em;
+    margin-top: 2em;
+}
+
+#locale_picker_form * {
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+}
+
+#patron_usr_barcode_not_found {
+    font-weight: bold;
+    color: [% css_colors.text_alert %];
+}
+
+.record_title:link,
+.record_author:link {
+    color: #0645b3;
+}
+
+.record_title {
+    display: block;
+    font-family: "Raleway", sans-serif;
+    font-size: 115%;
+    font-weight: 600;
+    line-height: 1.4em;
+}
+
+.record_author {
+    font-style: italic;
+    line-height: 1.5em;
+}
+
+.password_message {
+    padding-top: 1em;
+    padding-bottom: .5em;
+    font-style: italic;
+}
+
+#maintenance_message {
+    padding: 5px;
+    width: 100%;
+    background-color: [% css_colors.text_alert %];
+    color: [% css_colors.text_invert %];
+    text-align: center;
+}
+
+#search-box>span {
+    margin-right: 1em;
+}
+.browse-error {
+    font-weight: bold;
+    font-color: #c00;
+}
+.browse-result-sources,
+.browse-result-authority-bib-links {
+    [% IF rtl=='t' -%]
+    margin-right: 1em;
+    [% ELSE -%]
+    margin-left: 1em;
+    [% END -%]
+}
+.browse-result-best-match {
+    font-weight: bold;
+}
+.browse-pager {
+    margin: 2ex 0;
+}
+
+.browse-result-list ul {
+    margin: 0;
+}
+
+.browse-result-list li {
+    margin: 0;
+    list-style-type: none;
+    border-bottom: 1px solid #CCCCCC;
+    padding: 0;
+}
+
+.browse-result-value {
+    display: block;
+    font-size: 90%;
+    padding: .3em;
+}
+
+li:nth-child(even) > .browse-result-value {
+    background-color: #f5f8ff;
+}
+
+.browse-result-value a {
+    font-size: 130%;
+}
+
+.browse-result-best-match {
+    background-color: #FFE;
+}
+
+.browse-shortcuts {
+    font-size: [% css_fonts.size_bigger %];
+}
+.browse-result-authority-field-name {
+    font-style: italic;
+    [% IF rtl=='t' -%]
+    margin-left: 1em;
+    [% ELSE -%]
+    margin-right: 1em;
+    [% END -%]
+}
+.browse-leading-article-warning {
+    font-style: italic;
+    font-size: [% css_fonts.size_big %];
+}
+.browse-public-general-note {
+    font-size: [% css_fonts.size_big %];
+}
+.browse-public-general-note-label {}
+.browse-public-general-note-institution {
+    font-style: normal;
+    font-weight: bold;
+}
+.browse-public-general-note-body {
+    font-style: italic;
+}
+
+.bib_peer_type {
+    font-weight: bold;
+}
+
+#main-content-register {
+    [% IF rtl=='t' -%]
+    margin-right: 40px;
+    [% ELSE -%]
+    margin-left: 40px;
+    [% END -%]
+    font-size: [% css_fonts.size_bigger %];
+}
+
+#main-content-register table {
+    padding: 20px;
+    margin-top: 18px;
+    border-collapse: collapse;
+}
+
+#main-content-register td {
+    [% IF rtl=='t' -%]
+    text-align: right;
+    [% ELSE -%]
+    text-align: left;
+    [% END -%]
+}
+
+#main-content-register td:not(:first-child) {
+    [% IF rtl=='t' -%]
+    padding-right: 20px;
+    [% ELSE -%]
+    padding-left: 20px;
+    [% END -%]
+}
+#main-content-register tr:last-child td {
+    padding: 1em 0;
+}
+
+#main-content-register input[type='submit']{
+    background: #38558A;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    float: left;
+    letter-spacing: .0625em;
+    line-height: 1;
+    padding: .6em .8em;
+    position: relative;
+    text-transform: uppercase;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+}
+
+#main-content-register input[type='submit'],
+#main-content-register a {
+    font-size: 80%;
+}
+
+#main-content-register a {
+    background-color: transparent;
+    color: #38558A;
+    text-transform: none;
+}
+
+.patron-reg-invalid {
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 70%;
+    font-weight: bold;
+    color: #ca1d1d;
+    [% IF rtl=='t' -%]
+    padding-left: 10px;
+    [% ELSE -%]
+    padding-right: 10px;
+    [% END -%]
+}
+
+.result_footer_nav1 {
+    clear: both;
+}
+
+.small_view_only,
+#filter_hits,
+#refine_hits,
+#return_to_hits {
+    display: none;
+}
+
+.rdetail_authors_div {
+    margin-bottom: 1em;
+}
+
+.search_box_wrapper label {
+    display: block;
+}
+
+.search_box_wrapper,
+.search_submit_wrapper {
+    width: 20.8%;
+    float: left;
+    padding: .5% 1%;
+}
+
+.search_submit_wrapper {
+    width: 16.64%;
+}
+
+.search_box_row * {
+    box-sizing: border-box;
+}
+
+.search_box_row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+.searchbar label {
+    margin-bottom: 3px;
+}
+
+.searchbar select,
+.searchbar input[type='text'] {
+    font-size: 80%;
+    min-width: 10em;
+    width: 100%;
+}
+
+#search_box_keyword .dijitTextBox,
+#search_box_keyword .dijitComboBox,
+#search_box_keyword .dijitSpinner {
+    height: 2em;
+    min-width: 9em;
+    width: 100%;
+}
+
+input#search_box.dijitReset {
+    font-size: 120%;
+}
+
+#search-submit-go,
+#search-submit-go-depth {
+    background: #38558A;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    letter-spacing: .0625em;
+    line-height: 1;
+    margin: 1.7em 0 .1em 0;
+    padding: .6em .4em;
+    transition: all .3s ease-out;
+    vertical-align: middle;
+    font-size: 80%;
+    width: 100%;
+}
+
+#search-submit-go.hidden {
+    display: none;
+}
+
+#search-submit-go.with-depth {
+    margin-top: .1em;
+}
+
+#search-submit-go-depth {
+    background-color: #5176b6;
+    font-size: 70%;
+    margin-top: .1em;
+}
+
+#search_submit_actions {
+    padding-left: 5px;
+}
+
+#search-submit-spinner {
+    margin-top: 2em;
+}
+
+#account-update-email input[type='password'],
+#hold_editor_table input[type='password'],
+#account-update-email input[type='text'],
+#hold_editor_table input[type='text'] {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    font-size: 90%;
+    line-height: 30px;
+    padding: .3em;
+}
+
+.tundra .InputField input {
+    height: 1.5em;
+}
+
+.result_table_title_cell {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+div.result_table_title_cell {
+    color: #666;
+    font-size: 90%;
+}
+
+/* styling for sms text call number */
+.sms_text pre {
+    font-family: monospace;
+    background-color: #EEE;
+    border: 1px dotted #CCC;
+    padding: 1em;
+    /* Allow text to wrap */
+    white-space: pre-wrap;
+    /* css-3 */
+    white-space: -moz-pre-wrap;
+    /* Mozilla, since 1999 */
+    white-space: -pre-wrap;
+    /* Opera 4-6 */
+    white-space: -o-pre-wrap;
+    /* Opera 7 */
+    word-wrap: break-word;
+    /* Internet Explorer 5.5+ */
+}
+
+.sms_text + form select,
+.sms_text + form input {
+    display: block;
+    margin: .5em 0;
+    max-width: 100%;
+}
+
+.mobile_view {
+    display: none;
+}
+
+.start_end_links_span {
+    float: right;
+}
+.start_end_links_span a {
+    background-color: #EEEEEE;
+    display: inline-block;
+    padding: .3em .7em;
+    transition: all .2s ease;
+}
+.start_end_links_span a:hover {
+    background-color: #fffcc9;
+    color: #0A5FAB;
+}
+
+
+/* patron message center */
+#myopac_message_tbody {
+    vertical-align: top;
+}
+.myopac_message_message {
+    white-space: pre-wrap;
+}
+
+.search_catalog_lbl,
+.browse_the_catalog_lbl,
+.adv_search_catalog_lbl {
+    font-size: 120%;
+}
+
+@media only screen and (max-width: 320px) {
+    #search-box {
+        font-size: 82%;
+    }
+
+    #search_query_label,
+    #search_qtype_label,
+    #search_itype_label,
+    #search_locg_label {
+        margin: .3em 0;
+    }
+}
+
+@media only screen and (max-width: 400px){
+    #dash_wrapper {
+        margin: 0;
+    }
+
+    #dash_wrapper .opac-button {
+        background-color: #5178ad;
+        text-transform: none;
+        float: none;
+        display: block;
+        margin: 3px 0;
+    }
+
+    table#acct_checked_main_header,
+    table#acct_holds_main_header,
+    table#acct_checked_hist_header,
+    table#acct_holds_hist_header,
+    table#ebook_circs_main_table,
+    table#ebook_holds_main_table {
+        margin-top: .5em;
+        width: auto;
+    }
+}
+
+@media only screen and (max-width: 465px) {
+    .rdetail_result_count {
+        display: none;
+    }
+
+    #main-content .left_brain {
+        font-size: 90%;
+    }
+
+    #login-form-box {
+        background-color: transparent;
+        border: 0;
+    }
+
+    #login-form-box h1 {
+        font-size: 120%;
+    }
+
+    #login-form-box label.lbl1 {
+        /* font-size: 100%; */
+    }
+
+    #login-form-box .opac-button {
+        width: 100%;
+    }
+
+    #acct_checked_tabs,
+    #acct_holds_tabs,
+    #acct_prefs_tabs {
+        padding: .5em 0;
+    }
+
+    #acct_checked_tabs a,
+    #acct_holds_tabs a,
+    #acct_prefs_tabs a {
+        display: block;
+        float: none;
+        margin: .5em 0;
+        text-align: left;
+    }
+
+    #acct_checked_tabs .align,
+    #acct_holds_tabs .align,
+    #acct_prefs_tabs .align {
+        display: block;
+        float: none;
+    }
+
+    #myopac_tabs,
+    #adv_search_parent,
+    #fines_payments_wrapper {
+
+    }
+
+    #hold_editor_table select,
+    #hold_editor_table input,
+    #acct_search_main select,
+    #acct_search_main input {
+        display: block;
+        margin-bottom: .2em;
+    }
+
+    #acct_info_main td {
+        display: block;
+        padding: .2em .3em;
+    }
+
+    #acct_info_main td td {
+        display: table-cell;
+    }
+
+    #main-content-register {
+        margin-left: 0;
+        font-size: 90%;
+    }
+
+    #main-content-register select,
+    #main-content-register input {
+        font-size: 90%;
+        width: auto;
+    }
+
+    .patron-reg-invalid {
+        font-size: 80%;
+    }
+}
+
+@media only screen and (max-width: 1085px) {
+    #acct_tabs a,
+    #adv_search_tabs a {
+        background-color: #0a5fab;
+        color: #FFF;
+        [% IF rtl=='t' -%]
+        float: right;
+        margin: 10px 0 0px 7px;
+        [%- ELSE %]
+        float: left;
+        margin: 10px 7px 0 0;
+        [%- END %]
+        font-size: 90%;
+        text-align: center;
+        vertical-align: middle;
+        display: block;
+        padding: .3em .5em;
+    }
+    .search_box_wrapper {
+        width: 50%;
+    }
+
+    .search_submit_wrapper {
+        width: auto;
+    }
+
+    #search-submit-go,
+    #search-submit-go-depth {
+        font-size: 80%;
+        margin-top: 0;
+        padding: .8em;
+        width: auto;
+    }
+    #search-submit-spinner {
+        margin-top: 1em;
+    }
+}
+
+@media only screen and (min-width: 920px) and (max-width: 1200px){
+    #login-form-box {
+        max-width: 50%;
+    }
+
+    .results_aux_utils {
+        display: inline-block;
+    }
+}
+
+@media only screen and (min-width: 1200px){
+    #adv_search_tabs a,
+    #acct_tabs a,
+    #acct_fines_tabs a,
+    #acct_holds_tabs a,
+    #acct_prefs_tabs a {
+        font-size: 100%;
+    }
+
+    .myopac_payments_table {
+        width: auto;
+    }
+
+}
+
+@media only screen and (min-width: 1151px){
+    #adv_global_search .td-left select,
+    #adv_global_search .td-left input[type='text'],
+    .advanced_div select,
+    .advanced_div input[type='text'],
+    .expert-search select,
+    .expert-search input[type='text'] {
+        width: 13em;
+    }
+}
+
+@media only screen and (max-width: 1150px) {
+    #dash_user {
+        display: block;
+        margin: .5em 0;
+    }
+
+    .qtype_selector_margin {
+        margin-right: 0;
+    }
+
+    .bookbag-specific div.sort{
+        float: none;
+        margin: .3em 0;
+        width: 100%;
+    }
+
+    #acct_lists_prime div.sort {
+        float: none;
+    }
+
+    #acct_lists_prime div.meta {
+        float: none;
+    }
+
+    #adv_global_search .td-left input.invisible {
+        display: none;
+    }
+
+    #dash_user + .dash_divider {
+        display:none;
+    }
+}
+
+@media only screen and (max-width: 1000px) {
+    #acct_sum_block {
+        float: none;
+        max-width: 60%;
+    }
+
+}
+
+@media only screen and (max-width: 965px) {
+    #header.no-user .float-left {
+        float: left;
+    }
+
+    #header.no-user .float-right {
+        float: right;
+    }
+
+    #header .float-right,
+    #header .float-left,
+    #dashboard {
+        float: none;
+    }
+
+    #acct_tabs {
+        display:none;
+    }
+
+
+    #content-wrapper,
+    #search-wrapper,
+    #results_header_bar {
+        margin: 0 5%;
+    }
+}
+
+@media only screen and (max-width: 893px) {
+    
+    .login-help-box {
+        margin: 0;
+        width: 100%;
+    }
+
+    #adv_global_search .td-left select,
+    #adv_global_search .td-left input[type='text'],
+    .advanced_div select,
+    .advanced_div input[type='text'],
+    .expert-search select,
+    .expert-search input[type='text'] {
+        box-sizing: border-box;
+        display: block;
+        height: 2em;
+        margin: .2em 0;
+        width: 100%;
+    }
+
+    #adv_global_search .td-left select.invisible,
+    #adv_global_search .td-left input.invisible {
+        display: none;
+    }
+
+    #adv_search_submit #search-submit-go,
+    #adv_numeric_block .opac-button,
+    .expert-search .opac-button {
+        width: 50%;
+    }
+
+    .adv_filter_block,
+    .adv_filter_block_item {
+        float: none;
+    }
+
+    #adv_search_filters select {
+        width: 100%;
+    }
+}
+
+@media only screen and (max-width: 850px) {
+    .search_catalog_lbl,
+    .browse_the_catalog_lbl,
+    .adv_search_catalog_lbl {
+        font-size: 100%;
+    }
+
+    #dash_user {
+        display: block;
+        padding: .5em;
+    }
+
+    #metarecord_population {
+        float: none;
+        width: auto;
+    }
+
+    #rdetail_actions_div .rdetail_aux_utils {
+        display: inline-block;
+        font-size: 90%;
+        padding: 0;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+
+    .search_catalog_lbl {
+        display: none;
+    }
+
+    .facet_sidebar_hidden,
+    .result_block_hidden {
+        display: none;
+    }
+
+    .facet_sidebar_visible,
+    .result_block_visible {
+        display: inline ! important;
+    }
+
+    #acct_select,
+    #acct_prefs_select {
+        display: inline-block;
+    }
+
+    .radio-parts-selection {
+        width: 90%;
+    }
+
+    #list_description,
+    #list_create_name {
+        width: 300px;
+    }
+
+    .advanced_div label strong {
+        display: block;
+    }
+
+    .expert-search label {
+        display: block;
+    }
+
+    .nonbreaking-wrapper {
+        display: block;
+    }
+
+    #myopac_tabs {
+        border-bottom: none;
+    }
+
+    #content-wrapper,
+    #canvas_main,
+    #search-wrapper,
+    #results_header_bar {
+        margin: 0 2%;
+    }
+}
+
+@media only screen and (max-width: 650px) {
+    #adv_search_tabs a {
+        font-size: 92%;
+        width: 100%;
+        box-sizing: border-box; 
+    }
+
+    #dash_checked,
+    #dash_holds,
+    #dash_pickup,
+    #dash_fines {
+        display: none;
+    }
+
+    #rdetail_actions_div {
+        float: none;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    body{
+        margin-top: 0;
+    }
+
+    input,
+    select {
+        font-size: 110%;
+    }
+
+    span .nav_arrow_fix {
+        display: none;
+    }
+
+    #acct_select {
+        display: block;
+    }
+
+    #acct_checked_tabs div.selected,
+    #acct_holds_tabs div.selected,
+    #acct_prefs_tabs div.selected {
+        display: none;
+    }
+
+    #acct_select select {
+        display: block;
+        font-size: 100%;
+        width: 100%;
+    }
+
+    #acct_sum_block {
+        max-width: 100%;
+    }
+
+    #content-wrapper,
+    #canvas_main,
+    #search-wrapper,
+    #results_header_bar {
+        margin: 0 2%;
+    }
+
+    #header {
+        padding: 0;
+        margin: 0;
+    }
+
+    #homesearch_main_logo img {
+        width:75%;
+    }
+
+    #format_selector {
+        display:none;
+    }
+
+    #myopac_tabs {
+        border-bottom: 0;
+    }
+
+    #your-acct-login {
+        padding-top: 0;
+        position: absolute;
+        top: .5em;
+        right: .5em;
+    }
+
+    #your-acct-login a {
+        margin: 0;
+        padding: 5px;
+    }
+
+    #topnav_logo {
+        margin: 0;
+    }
+
+    #topnav_logo img {
+        width: 50%;
+    }
+
+    #locale_picker_form {
+        display: none;
+    }
+
+    #gold-links-holder {
+        display: none;
+    }
+
+    #simple-detail-view-links {
+        display: none;
+    }
+
+    .bookbag-controls-title-block {
+        [% IF rtl=='t' -%]
+        clear:right;
+        [% ELSE -%]
+        clear:left;
+        [% END -%]
+        width:90%;
+    }
+
+    .bookbag-controls-button-block {
+        [% IF rtl=='t' -%]
+        clear:right;
+        [% ELSE -%]
+        clear:left;
+        [% END -%]
+        width: 90%;
+    }
+
+    .bookbag-specific {
+        [% IF rtl=='t' -%]
+        margin-right: 0;
+        [% ELSE -%]
+        margin-left: 0;
+        [% END -%]
+    }
+
+    .bookbag-specific div.sort {
+        [% IF rtl=='t' -%]
+        float: right;
+        text-align: right;
+        [% ELSE -%]
+        float: left;
+        text-align: left;
+        [% END -%]
+        width: 95%;
+        margin: 5px 0 5px 0;
+        border: 1px solid [% css_colors.accent_light %];
+        padding:5px;
+    }
+
+    .bookbag-specific div.meta {
+        [% IF rtl=='t' -%]
+        float: right;
+        margin-right: 0;
+        text-align: right;
+        [% ELSE -%]
+        float: left;
+        margin-left: 0;
+        text-align: left;
+        [% END -%]
+        width: 95%;
+        margin-bottom:5px;
+        padding:5px;
+    }
+
+    #bbag-edit-name {
+        [% IF rtl=='t' -%]
+        float: right;
+        [% ELSE -%]
+        float: left;
+        [% END -%]
+        width: 220px;
+    }
+
+    #bbag-edit-description {
+        width: 220px;
+        margin-top:5px;
+    }
+
+    .bbag-content {
+        padding:5px;
+        border:1px solid [% css_colors.accent_light %];
+    }
+
+    .bbag-action {
+        [% IF rtl=='t' -%]
+        margin-right: 0;
+        [% ELSE -%]
+        margin-left: 0;
+        [% END -%]
+        margin-bottom:5px;
+    }
+
+    .bbag-action-field {
+        width:230px;
+    }
+
+    .bookbag-specific div.sort select {
+        width:180px;
+    }
+
+    .bookbag-specific tr {
+        display: block;
+        border-bottom: 1px solid [% css_colors.border_standard %];
+    }
+
+    .bookbag-specific td.list_checkbox {
+        [% IF rtl=='t' -%]
+        padding-right: 0 !important;
+        [% ELSE -%]
+        padding-left: 0 !important;
+        [% END -%]
+    }
+
+    .bookbag-specific td.list_entry {
+        display: inline-block;
+        min-width: 5em;
+        [% IF rtl=='t' -%]
+        padding-right: 40% !important;
+        [% ELSE -%]
+        padding-left: 40% !important;
+        [% END -%]
+    }
+
+    .bookbag-specific td.list_entry:before {
+        content: attr(data-label);
+        position: absolute;
+        [% IF rtl=='t' -%]
+        right: 10px;
+        [% ELSE -%]
+        left: 10px;
+        [% END -%]
+    }
+
+    .bbag-navigate-list {
+        display: none;
+    }
+
+    .bbag-navigate-list-pages {
+        [% IF rtl=='t' -%]
+        text-align:left;
+        float:left;
+        [% ELSE -%]
+        text-align:right;
+        float:right;
+        [% END -%]
+    }
+
+    #content-wrapper,
+    #canvas_main,
+    #search-wrapper,
+    #results_header_bar {
+        margin: 0 2%;
+    }
+
+    #dash_wrapper div {
+        background-color: transparent;
+        padding: 0;
+    }
+
+    #dash_wrapper {
+
+    }
+
+    #dash_wrapper .opac-button {
+        top: 0;
+    }
+
+    .small_view_only,
+    #filter_hits {
+        display: inline !important;
+    }
+
+    #dash_identity a {
+        [% IF rtl=='t' -%]
+        float:right;
+        [% ELSE -%]
+        float:left;
+        [% END -%]
+    }
+
+    #dashboard,
+    #dashboard_e {
+        display: none;
+    }
+
+    #holds_box form blockquote {
+        [% IF rtl=='t' -%]
+        margin-right: 10px;
+        margin-left: 2px;
+        [% ELSE -%]
+        margin-left: 10px;
+        margin-right: 2px;
+        [% END -%]
+    }
+
+    #holds_box form blockquote select {
+        width: 100%;
+    }
+
+    #myopac_sum_fines_placehold {
+        display:none;
+    }
+
+    #myopac_sum_fines {
+        display: none;
+    }
+
+    #list_description,
+    #list_create_name {
+        width: 170px;
+    }
+
+    .results_header_lbl {
+        display: none;
+    }
+
+    .results_header_nav1 span.h1 {
+        display: none;
+    }
+
+    .preflib {
+        display: none;
+    }
+
+    .start_end_links_span {
+        display: block;
+    }
+
+    .invisible {
+        display: none;
+    }
+
+    .result_table_pic_header {
+        [% IF rtl=='t' -%]
+        padding-right: 0 !important;
+        padding-left: 5px;
+        [% ELSE -%]
+        padding-left: 0 !important;
+        padding-right: 5px;
+        [% END -%]
+        width: 0 !important;
+        margin: 0;
+    }
+
+    .result_table_pic {
+        background-color: #CCCCCC;
+        width: 55px;
+        padding: 0;
+        margin: 0;
+    }
+
+    tr[name=results_isbn_tr],
+    tr[name=results_phys_desc_tr],
+    tr[name=results_pub_tr] strong,
+    .result_count {
+        display: none;
+    }
+
+    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
+    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
+        display:none;
+    }
+
+    .results_info_table td {
+        padding: 0;
+    }
+
+    #results_header_bar {
+        background-color: inherit;
+    }
+
+    .results_header_btns a {
+        margin: .3em;
+    }
+
+    .adv_filter_results_hide {
+        display: none;
+    }
+
+    .adv_filter_results_show {
+        display: block;
+    }
+
+    .adv_filter_results_block_label {
+        display: block;
+    }
+
+    .adv_filter_results_group_wrapper {
+        display: block;
+    }
+
+    #main-content {
+        margin: 0 1px;
+    }
+
+    #rdetails_status thead {
+        display: none;
+    }
+
+    #rdetails_status tr {
+        display: block;
+        margin-top: 3px;
+    }
+
+    #rdetails_status td {
+        display: block;
+        padding: 1px;
+    }
+
+    .copy_details_row {
+        background-color: [% css_colors.accent_lightest %];
+    }
+
+    .copy_details_offers_row {
+        background-color: [% css_colors.accent_lightest %];
+    }
+
+    select#pickup_lib.search-wrapper-locg {
+        width: 100%;
+    }
+
+    #search-wrapper {
+        margin: 0 2%;
+    }
+
+    #widget_search_box {
+        background: #F9F9F9 none;
+        display: block;
+        height: 2em;
+        margin: .6em 0;
+        width: 100%;
+    }
+
+    #search-box {
+        margin: 1em 0;
+        padding: 0;
+        text-align: center;
+    }
+
+    #search-box > span {
+        margin: 0 .5em;
+    }
+
+    .page-wrapper {
+        padding: 5px;
+    }
+
+    .searchbar .search_box_wrapper {
+        display: block;
+        width: 100%;
+    }
+
+    #search_box_label {
+    }
+
+    #dash_wrapper .opac-button {
+        font-size: 75%;
+    }
+
+    #main-content-home {
+        padding: 0;
+        margin: 0;
+    }
+
+    /* Make use of full width in mobile mode */
+    .facet_box_wrapper .box_wrapper .box,
+    .facet_template .facet,
+    .facet_box_temp {
+        width: inherit;
+    }
+
+    .facet_template .count {
+        [% IF rtl=='t' -%]
+        padding-right: 1em;
+        [% ELSE -%]
+        padding-left: 1em;
+        [% END -%]
+    }
+
+    #facet_sidebar {
+        margin-top: .5em;
+    }
+
+    #adv_search_parent {
+        font-size: 83%;
+    }
+
+    #format_actions {
+        [% IF rtl=='t' -%]
+        float: right;
+        [% ELSE -%]
+        float: left;
+        [% END -%]
+    }
+
+    .rdetail_aux_utils {
+        padding: 0;
+        border: 0;
+    }
+
+    .result_metadata {
+        float: none;
+        width: inherit;
+    }
+
+    #rdetail_actions_div {
+        float: 0;
+    }
+
+    h2.rdetail_uris {
+        clear: both;
+    }
+
+    .metarecord_population_span_link {}
+
+    .metarecord_population_item_lang {
+        float: 0;
+    }
+
+    .search_catalog_lbl {
+        [% IF rtl=='t' -%]
+        margin-right: 0;
+        [% ELSE -%]
+        margin-left: 0;
+        [% END -%]
+        white-space: nowrap;
+    }
+
+    .adv_search_catalog_lbl {
+        margin-top: 0;
+        white-space: nowrap;
+    }
+
+    .browse_the_catalog_lbl {
+        white-space: nowrap;
+    }
+
+    .browse_the_catalog_lbl,
+    .adv_search_catalog_lbl {
+        font-size: 100%;
+    }
+
+    .mobile_hide {
+        display: none;
+    }
+
+    .dash_divider {
+        display: none;
+    }
+
+    .dash_account_buttons {
+        display: block;
+    }
+
+    {
+        line-height: 1.5em;
+    }
+
+    #browse-controls {
+        line-height: 1.5em;
+    }
+
+    #search_query_label,
+    #search_qtype_label,
+    #search_itype_label,
+    #search_locg_label {
+        display: block;
+    }
+
+    .bookshelf td {
+        display: block;
+        width: 100%;
+    }
+
+    .bookshelf table thead tr {
+        display: block;
+    }
+
+    #lowhits_help {
+        width: inherit;
+    }
+
+    #adv_global_addrow td {
+        border-bottom: 0;
+    }
+
+    /* Force table to not be like tables anymore */
+    table#acct_checked_main_header thead tr th,
+    table#acct_holds_main_header thead tr th,
+    table#acct_checked_hist_header thead tr th,
+    table#acct_holds_hist_header thead tr th,
+    table#ebook_circs_main_table thead tr th,
+    table#ebook_holds_main_table thead tr th {
+        display: block;
+    }
+
+    table#acct_checked_main_header tbody tr td,
+    table#acct_holds_main_header tbody tr td,
+    table#acct_checked_hist_header tbody tr td,
+    table#acct_holds_hist_header tbody tr td,
+    table#ebook_circs_main_table tbody tr td,
+    table#ebook_holds_main_table tbody tr td {
+        display: block;
+    }
+
+
+    /* Hide table headers (but not display: none;, for accessibility) */
+    thead tr {
+        position: absolute;
+        top: -9999px;
+        [% IF rtl=='t' -%]
+        right: -9999px;
+        [% ELSE -%]
+        left: -9999px;
+        [% END -%]
+    }
+
+
+    table#acct_checked_main_header,
+    table#acct_holds_main_header,
+    table#acct_checked_hist_header,
+    table#acct_holds_hist_header,
+    table#ebook_circs_main_table,
+    table#ebook_holds_main_table {
+    }
+
+    /* Holds history gets large white border to mimic header cell on other
+           account screens that provide visual cue for next title. We should do
+           the same for ebook tables too since we have no actions on those
+           tables. If actions get added, we should move those tables out of
+           here. */
+    table#acct_holds_hist_header tr,
+    table#ebook_circs_main_table tr,
+    table#ebook_holds_main_table tr {
+        border-top: 25px solid #fff;
+    }
+
+
+
+    table#acct_checked_main_header td,
+    table#acct_holds_main_header td,
+    table#acct_checked_hist_header td,
+    table#acct_holds_hist_header td,
+    table#ebook_circs_main_table td,
+    table#ebook_holds_main_table td {
+        /* Behave  like a "row" */
+        border: 0;
+        border-bottom: 1px solid #EEEEEE;
+        position: relative;
+        [% IF rtl=='t' -%]
+        padding-right: 40%;
+        [% ELSE -%]
+        padding-left: 40%;
+        [% END -%]
+    }
+
+
+    table#acct_checked_main_header td:before,
+    table#acct_holds_main_header td:before,
+    table#acct_checked_hist_header td:before,
+    table#acct_holds_hist_header td:before,
+    table#ebook_circs_main_table td:before,
+    table#ebook_holds_main_table td:before {
+        /* Now like a table header */
+        position: absolute;
+        /* Top/left values mimic padding */
+        top: 2px;
+        width: 40%;
+        [% IF rtl=='t' -%]
+        right: 2px;
+        padding-left: 10px;
+        [% ELSE -%]
+        left: 2px;
+        padding-right: 10px;
+        [% END -%]
+        white-space: nowrap;
+    }
+
+    .opac-auto-097 td:nth-of-type(5) {
+        display: none;
+    }
+
+    table#acct_checked_main_header td:nth-of-type(2):before {
+        content: "[% l('Title') %]";
+    }
+
+    table#acct_checked_main_header td:nth-of-type(3):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#acct_checked_main_header td:nth-of-type(4):before {
+        content: "[% l('Renewals Left') %]";
+    }
+
+    table#acct_checked_main_header td:nth-of-type(5):before {
+        content: "[% l('Due Date') %]";
+    }
+
+    table#acct_checked_main_header td:nth-of-type(6):before {
+        content: "[% l('Barcode') %]";
+    }
+
+    table#acct_checked_main_header td:nth-of-type(7):before {
+        content: "[% l('Call number') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(1) {
+        padding-top: 15px;
+        background-color: #fff;
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(2):before {
+        content: "[% l('Title') %]";
+    }
+    table#acct_checked_hist_header td:nth-of-type(3):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(4):before {
+        content: "[% l('Checkout Date') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(5):before {
+        content: "[% l('Due Date') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(6):before {
+        content: "[% l('Date Returned') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(7):before {
+        content: "[% l('Barcode') %]";
+    }
+
+    table#acct_checked_hist_header td:nth-of-type(8):before {
+        content: "[% l('Call number') %]";
+    }
+
+    table#acct_holds_main_header td:nth-of-type(1) {
+        padding-top: 15px;
+        background-color: #fff;
+    }
+
+    table#acct_holds_main_header td:nth-of-type(2):before {
+        content: "[% l('Title') %]";
+    }
+    table#acct_holds_main_header td:nth-of-type(3):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#acct_holds_main_header td:nth-of-type(4):before {
+        content: "[% l('Format') %]";
+    }
+
+    table#acct_holds_main_header td:nth-of-type(5):before {
+        content: "[% l('Pickup Location') %]";
+    }
+
+    table#acct_holds_main_header td:nth-of-type(6):before {
+        content: "[% l('Cancel on') %]";
+    }
+
+    table#acct_holds_main_header td:nth-of-type(7):before {
+        content: "[% l('Status') %]";
+    }
+
+    table#acct_holds_main_header td.hold_notes:before {
+        content: "[% l('Notes') %]";
+    }
+
+    table#acct_holds_hist_header td:nth-of-type(1):before {
+        content: "[% l('Title') %]";
+    }
+    table#acct_holds_hist_header td:nth-of-type(2):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#acct_holds_hist_header td:nth-of-type(3):before {
+        content: "[% l('Format') %]";
+    }
+
+    table#acct_holds_hist_header td:nth-of-type(4):before {
+        content: "[% l('Pickup Location') %]";
+    }
+
+    table#acct_holds_hist_header td:nth-of-type(8):before {
+        content: "[% l('Status') %]";
+    }
+
+
+    table#ebook_circs_main_table td:nth-of-type(1):before {
+        content: "[% l('Title') %]";
+    }
+
+    table#ebook_circs_main_table td:nth-of-type(2):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#ebook_circs_main_table td:nth-of-type(3):before {
+        content: "[% l('Due Date') %]";
+    }
+
+    table#ebook_circs_main_table td:nth-of-type(4):before {
+        content: "[% l('Actions') %]";
+    }
+
+
+    table#ebook_holds_main_table td:nth-of-type(1):before {
+        content: "[% l('Title') %]";
+    }
+
+    table#ebook_holds_main_table td:nth-of-type(2):before {
+        content: "[% l('Author') %]";
+    }
+
+    table#ebook_holds_main_table td:nth-of-type(3):before {
+        content: "[% l('Due Date') %]";
+    }
+
+    table#ebook_holds_main_table td:nth-of-type(4):before {
+        content: "[% l('Actions') %]";
+    }
+
+    /*Want to see these in mobile ONLY */
+    .mobile_view {
+        display:block;
+    }
+
+    #mobile_acct_search_links {
+        display: block;
+        margin: .5em 2%;
+    }
+
+    .mobile_search_lbl_clr {
+
+    }
+
+    .login-form-left {
+        float: none;
+        margin: 0;
+    }
+
+    .adv_filter_block_item strong {
+        margin: .2em 0;
+    }
+
+    #header .float-right,
+    #header .float-left {
+        float: none;
+    }
+
+    .dijitTextBox input {
+        padding: .2em .5em;
+    }
+
+    #results-page {
+        font-size: 80%;
+    }
+
+    #results_header_bar a {
+        display: block;
+        text-align: center;
+    }
+
+    .results_header_btns,
+    .results_header_sel {
+    }
+
+    .results_row_count {
+        display: none;
+    }
+
+    #unread_message_count_floater {
+        display: none;
+    }
+
+    .header_middle {
+        font-size: 100%;
+    }
+
+    #login-form-box {
+        width: 90%;
+    }
+
+    #login-form-box .float-left,
+    #login-form-box .float-right {
+        float: none;
+    }
+
+
+    #login-form-box input[type='text'],
+    #login-form-box input[type='password'] {
+        width: 100%;
+    }
+
+    .renew-summary,
+    .message-update-summary {
+        width: 92%;
+    }
+
+    #acct_search_main select,
+    #acct_search_main input {
+        width: 80%;
+    }
+
+    #acct_prefs_tabs {
+        padding: .5em 0;
+    }
+
+    #acct_prefs_tabs a {
+        display: block;
+        float: none;
+        margin: .5em 0;
+        text-align: left;
+    }
+
+    #acct_prefs_tabs .align {
+        display: block;
+        float: none;
+    }
+
+    #acct_prefs_tabs .float-left {
+        display: block;
+        float: none;
+    }
+
+    #acct_holds_actions {
+        font-size: 80%;
+    }
+}
+
+
+@media only screen and (min-width: 601px) {
+    .login-form-left {
+        [% IF rtl=='t' -%]
+        float: right;
+        margin-left: 40px;
+        [% ELSE -%]
+        float: left;
+        margin-right: 40px;
+        [% END -%]
+    }
+}
+
+/*
+For text which is visible only to screen readers.
+Borrowed from http://getbootstrap.com/css/#helper-classes-screen-readers
+See also http://webaim.org/techniques/css/invisiblecontent/
+*/
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+
+
+/* Make added rows in Expert Search have bold labels like the initial row */
+label[for*=expert_] {
+    font-weight: bold;
+}
+
+.sort_deemphasize {
+    font-weight: lighter;
+    font-size: 70%;
+}
+
+#results-page {
+    font-family: Helvetica,
+    Arial,
+    sans-serif;
+}
+
+#results-page-depth-hint {
+    font-size: 90%;
+    margin: 1em 0 0 0;
+}
+
+#clear-history-confirm {
+    color: #EC5959;
+    font-size: 125%;
+    font-weight: normal;
+    padding: 10px;
+}
+
+/*Inline rules from other templates files*/
+.td-left {
+    [% IF rtl=='t' -%]
+    text-align:right;
+    [% ELSE -%]
+    text-align:left;
+    [% END -%]
+    width:100%;
+}
+.td-search-left {
+    [% IF rtl=='t' -%]
+    text-align:right;
+    [% ELSE -%]
+    text-align:left;
+    [% END -%]
+}
+#myopac_summary_div {
+    padding: 0;
+}
+.div-left {
+    [% IF rtl=='t' -%]
+    float: right;
+    [% ELSE -%]
+    float: left;
+    [% END -%]
+}
+.td-right {
+    [% IF rtl=='t' -%]
+    text-align:left;
+    [% ELSE -%]
+    text-align:right;
+    [% END -%]
+}
+.login-form-left {
+    padding-bottom: 10px;
+}
+.hold-div {
+    [% IF rtl=='t' -%]
+    padding-right: 10px;
+    [% ELSE -%]
+    padding-left: 10px;
+    [% END -%]
+    padding-bottom: 15px;
+}
+.hold-span {
+    font-weight: bold;
+}
+.padding-left-6 {
+    [% IF rtl=='t' -%]
+    padding-right: 6px;
+    [% ELSE -%]
+    padding-left: 6px;
+    [% END -%]
+}
+.padding-left-10 {
+    [% IF rtl=='t' -%]
+    padding-right:10px;
+    [% ELSE -%]
+    padding-left:10px;
+    [% END -%]
+}
+.padding-left-5 {
+    [% IF rtl=='t' -%]
+    padding-right: 5px;
+    [% ELSE -%]
+    padding-left: 5px;
+    [% END -%]
+}
+
+
+/* Rules from metarecord_hold_filters.tt2 */
+.metarecord_filters {
+    padding: 5px;
+    margin-top: 5px;
+    border-bottom: 1px solid #333;
+    border-top: 1px solid #333;
+}
+
+.metarecord_filter_container {
+    [% IF rtl=='t' -%]
+    float: right;
+    margin-left: 10px;
+    [% ELSE -%]
+    float: left;
+    margin-right: 10px;
+    [% END -%]
+}
+.metarecord_filter_container select {
+    padding: 2px;
+    width: 13em;
+    /* consistent w/ adv search selectors */
+}
+.metarecord_filter_header {
+    padding-bottom: 5px;
+}
+
+
+/* Toggled items. */
+
+/* A block that is initially hidden and shown by clicking an anchor. */
+[id^="toggled-block-"] {
+    display: none;
+}
+[id^="toggled-block-"]:target {
+    display: block;
+}
+
+/* Inline text that is initially hidden and shown by clicking an anchor. Useful on a span. */
+[id^="toggled-inline-"] {
+    display: none;
+}
+[id^="toggled-inline-"]:target {
+    display: inline;
+}
+
+#footer {
+    padding: 8px;
+    background: #2E3545;
+    color: #fff;
+    font-size: .75em;
+    text-align: center;
+}
+
+#myopac_new_global_row {
+    display: inline-block;
+    margin: .3em 0 1em 0;
+}
+
+.content-wrapper-library-page {
+    border-top: 1px solid #EEEEEE;
+    padding-top: .5em;
+    margin-top: .5em;
+}
+
+.content-wrapper-library-page div {
+    margin: .2em 1em;
+}
+
+.content-wrapper-library-page h1 {
+    font-family: "Raleway", sans-serif;
+    font-weight: bold;
+}
+
+#addresses {
+    margin: 0;
+}
+
+#hidden_search_bar * {
+    display: none;
+}
+
+#payment_form p {
+    margin: 1em 0;
+}
+
+#pay_fines_now big {
+    background-color: #FFF39B;
+    border-left: 5px solid #FAA925;
+    display: block;
+    font-style: italic;
+    margin: 1em 0;
+    min-width: 75%;
+    padding: 1em;
+}
+
+.opac-auto-161 {
+    padding: inherit;
+    width: auto;
+}
+
+#image-credits h2 {
+    font-family: "Raleway", sans-serif;
+}
+
+#image-credits {
+    font-family: Arial, sans-serif;
+    margin: 0 2em;
+}
+
+/* Image slider */
+
+#carousel_title {
+    font-size: 110%;
+    display: block;
+    text-align: center;
+}
+
+.tns-nav {
+    text-align: center;
+    margin: 10px 0;
+}
+
+.tns-nav > [aria-controls] {
+    width: 20px;
+    height: 12px;
+    padding: 0;
+    margin: 0 5px;
+    border-radius: 20px;
+    background: #999;
+    border: 0;
+}
+.tns-nav > [aria-controls]:hover {
+    background-color: #9ECC4C;
+}
+
+.tns-nav-active > [aria-selected="true"] {
+    background-color: #6AB5F9;
+}
+
+.tns-nav > [aria-selected="true"] {
+    background-color: #8EC1EE;
+}
+
+#carousel a {
+    display: block;
+    font-family: Arial, sans-serif;
+    font-size: 90%;
+    text-align: center;
+    max-width: 13em;
+}
\ No newline at end of file
diff --git a/skin/openils/var/templates_equinox/opac/home_attribution.tt2 b/skin/openils/var/templates_equinox/opac/home_attribution.tt2
new file mode 100644 (file)
index 0000000..95b5175
--- /dev/null
@@ -0,0 +1,37 @@
+[%- PROCESS "opac/parts/header.tt2";
+    WRAPPER "opac/parts/base.tt2";
+    INCLUDE "opac/parts/topnav.tt2";
+    ctx.page_title = l("Image credits");
+    canon = ctx.proto _ '://' _ ctx.hostname _ mkurl('', {}, 1);
+    ctx.metalinks.push('<link rel="canonical" href="' _ canon  _ '" />');
+    ctx.metalinks.push('<meta property="og:url" content="' _ canon  _ '" />');
+    IF CGI.param("expand"); basic_search = "f"; END;    
+-%]
+    <div id="image-credits">
+        <h2>[% l('Image credits') %]</h2>
+        <p>Item format icons were originally created by or were adapted from works on <a href="https://thenounproject.com/">The Noun Project</a> under the <a href="https://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution license</a></p>
+        <ul>
+            <li><a href="https://thenounproject.com/term/record/23527/"><strong>Record</strong> by Juan Pablo Bravo from the Noun Project</a> used in phonograph.png, phonomusic.png, phonospoken.png</li>
+            <li><a href="https://thenounproject.com/term/cassette/788275/"><strong>Cassette</strong> by Maxim Kulikov from the Noun Project</a> used in cassette.png, casmusic.png, casaudiobook.png</li>
+            <li><a href="https://thenounproject.com/term/music-album/807056/"><strong>Music</strong> <strong>album</strong> by Aldric Rodríguez from the Noun Project</a> used in cdmusic.png</li>
+            <li><a href="https://thenounproject.com/term/school-book/903290/"><strong>School</strong> <strong>book</strong> by sandra from the Noun Project</a> used in book.png, braille.png, casaudiobook.png, cdaudiobook.png, lpbook.png, phonospoken.png</li>
+            <li><a href="https://thenounproject.com/term/map/972136/"><strong>Map</strong> by Adrien Coquet from the Noun Project</a> used in map.png</li>
+            <li><a href="https://thenounproject.com/term/music/1007077/"><strong>Music</strong> by i cons from the Noun Project</a> used in score2.png</li>
+            <li><a href="https://thenounproject.com/term/music/1007081/"><strong>Music</strong> by i cons from the Noun Project</a> used in casmusic.png, emusic.png, music.png, score2.png, phonomusic.png</li>
+            <li><a href="https://thenounproject.com/term/map/1244476/"><strong>Map</strong> by Trident from the Noun Project</a> used in map2.png</li>
+            <li><a href="https://thenounproject.com/term/video-projector/1251581/"><strong>Video</strong> <strong>Projector</strong> by Kamal from the Noun Project</a> used in equipment.png</li>
+            <li><a href="https://thenounproject.com/term/treble-clef/1101873/"><strong>Treble</strong> <strong>Clef</strong> by AliWijaya from the Noun Project</a> used in score.png, score2.png</li>
+            <li><a href="https://thenounproject.com/term/picture/1128208/"><strong>Picture</strong> by asianson.design from the Noun Project</a> used in picture.png</li>
+            <li><a href="https://thenounproject.com/term/braille/11046/"><strong>Braille</strong> by Denis Klyuchnikov from the Noun Project</a> used in braille.png</li>
+            <li><a href="https://thenounproject.com/term/ebook/853992/"><strong>Ebook</strong> by Aneeque Ahmed from the Noun Project</a> used in eaudio.png, ebook.png, emusic.png, evideo.png</li>
+            <li><a href="https://thenounproject.com/term/vhs/1188951/"><strong>VHS</strong> by b farias from the Noun Project</a> used in vhs.png</li>
+            <li><a href="https://thenounproject.com/term/audio/1052418/"><strong>Audio</strong> by i cons from the Noun Project</a> used in eaudio.png</li>
+            <li><a href="https://thenounproject.com/term/toolbox/379973/"><strong>Toolbox</strong> by Ralf Schmitzer from the Noun Project</a> used in kit.png</li>
+            <li><a href="https://thenounproject.com/term/cd/13042/"><strong>CD</strong> by Andrew Fortnum from the Noun Project</a> used in cd.png</li>
+            <li><a href="https://thenounproject.com/term/video/1048494/"><strong>Video</strong> by Alfa Design from the Noun Project</a> used in evideo.png</li>
+            <li><a href="https://thenounproject.com/term/magnifying-glass/791299/"><strong>Magnifying</strong> <strong>Glass</strong> by Eric Miller from the Noun Project</a> used in lpbook.png</li>
+            <li><a href="https://thenounproject.com/term/program/1125190/"><strong>Program</strong> by Roman from the Noun Project</a> used in software.png</li>
+            <li><a href="https://thenounproject.com/term/film/1074908/"><strong>Film</strong> by Mello from the Noun Project</a> used in microform.png</li>
+            <li><a href="https://thenounproject.com/term/picture/37746/"><strong>Book</strong> by Antonis Makriyannis from the Noun Project</a> used in serial.png</li>
+    </div>
+[%- END %]
\ No newline at end of file
diff --git a/skin/openils/var/templates_equinox/opac/myopac/messages/list.tt2 b/skin/openils/var/templates_equinox/opac/myopac/messages/list.tt2
new file mode 100644 (file)
index 0000000..40b8a05
--- /dev/null
@@ -0,0 +1,113 @@
+<div id="myopac_messages_div">
+    <div class="header_middle">
+        <span id="acct_messages_header">[% l("Messages") %]</div>
+        <span class='float-left' style='padding-left: 10px;'>
+            <a href='[% mkurl('messages', { limit => limit, offset => (offset - limit)} ) %]'
+                [% IF offset <= 0 %] class='invisible' [% END %]><span class="nav_arrow_fix">&#9668;</span>[% l('Previous') %]</a>
+            [% IF offset > 0 || count > limit;
+                curpage = 0;
+                WHILE curpage * limit < count;
+                    IF curpage * limit == offset;
+            %]
+            [% curpage + 1 %]
+                    [%- ELSE %]
+            <a href='[% mkurl('messages', {limit => limit, offset => (curpage * limit)}) %]'>[% curpage + 1 %]</a>
+                    [%- END;
+                    curpage = curpage + 1;
+                END;
+            END %]
+            <a href='[% mkurl('messages', {limit => limit, offset => (offset + limit)}) %]'
+               [% IF count <= limit + offset %] class='invisible' [% END %] >[% l('Next') %]<span class="nav_arrow_fix">&#9658;</span></a>
+        </span>
+    </div>
+    <div class="clear-both"></div>
+    [% IF ctx.message_update_action.defined %]
+        [% IF ctx.message_update_changed > 0 %]
+        <div class="message-update-summary">
+            [% IF ctx.message_update_action == 'mark_read';
+                l('Marked [_1] message(s) as read.', ctx.message_update_changed);
+               ELSIF ctx.message_update_action == 'mark_unread';
+                l('Marked [_1]  message(s) as unread.', ctx.message_update_changed);
+               ELSIF ctx.message_update_action == 'mark_deleted';
+                l('Deleted [_1] message(s).', ctx.message_update_changed);
+               END
+            %]
+        </div>
+        [% END %]
+        [% IF ctx.message_update_failed > 0 %]
+        <div class="message-update-summary alert">
+            [% IF ctx.message_update_action == 'mark_read';
+                l('Failed to mark [_1] message(s) as read.', ctx.message_update_failed);
+               ELSIF ctx.message_update_action == 'mark_unread';
+                l('Failed to mark [_1]  message(s) as unread.', ctx.message_update_failed);
+               ELSIF ctx.message_update_action == 'mark_unread';
+                l('Failed to delete [_1] message(s).', ctx.message_update_failed);
+               END
+            %]
+        </div>
+        [% END %]
+    [% END %]
+    <div class="clear-both"></div>
+    <div id="messages_main">
+        <form method="post" id="messages-form"
+         onsubmit="if (document.getElementById('acct_messages_actions').value == 'mark_deleted') { return confirm('[% l("Are you sure you wish to permanently delete the selected message(s)?") %]') } else { return true; }">
+            <div>
+                <span>
+                    <select name="action" id="acct_messages_actions"
+                        title="[% l('Select your action for the selected messages') %]">
+                        <option id="acct_messages_actions_none" value="">
+                            -- [% l('Actions for selected messages') %] --
+                        </option>
+                        <option value="mark_read">[% l('Mark As Read') %]</option>
+                        <option value="mark_unread">[% l('Mark As Unread') %]</option>
+                        <option value="mark_deleted">[% l('Delete') %]</option>
+                    </select>
+                </span>
+                <span style="padding-left:9px;">
+                    <input type="submit"
+                        value="[% l('Go') %]"
+                        title="[% l('Go') %]"
+                        class="opac-button" />
+                </span>
+                <span style="padding-left:5px;">
+                    <a href="#"><img
+                        alt="[% l('Messages Help') %]"
+                        title="[% l('Actions for messages') %]"
+                        src="[% ctx.media_prefix %]/images/question-mark.png[% ctx.cache_key %]" /></a>
+                </span>
+            </div>
+            [% IF count < 1 %]
+            <div class="warning_box">[% l('No messages found.') %]</div>
+            [% ELSE %]
+            <table id="acct_messages_main_header" title="[% l('Messages') %]"
+                class="table_no_border_space table_no_cell_pad">
+                <thead>
+                <tr>
+                    <th align="center">
+                        <input type="checkbox" title="[% l('Select All Messages') %]"
+                        onclick="var inputs=document.getElementsByTagName('input'); for (i = 0; i < inputs.length; i++) { if (inputs[i].name == 'message_id' &amp;&amp; !inputs[i].disabled) inputs[i].checked = this.checked;}"/>
+                    </th>
+                    <th>[% l('Date') %]</th>
+                    <th>[% l('Library') %]</th>
+                    <th>[% l('Subject') %]</th>
+                </tr>
+                </thead>
+                <tbody>
+                [% FOR message IN ctx.patron_messages; %]
+                    <tr name="acct_message_row"
+                        [% IF !message.is_read %]class="unread-patron-message"[% END %]>
+                        <td align="center" style="text-align:center;">
+                        <input type="checkbox" name="message_id" value="[% message.id %]"
+                            [% html_text_attr('title', l('Select message [_1]', message.title)) %]/>
+                        </td>
+                        <td>[% date.format(ctx.parse_datetime(message.create_date), DATE_FORMAT); %]</td>
+                        <td>[% message.library | html %]</td>
+                        <td><a href="[% mkurl('messages', { single => 1, message_id => message.id } ) %]">[% message.title | html %]</a></td>
+                    </tr>
+                [% END %]
+                </tbody>
+            </table>
+            [% END %]
+        </form>
+    </div>
+</div>
diff --git a/skin/openils/var/templates_equinox/opac/myopac/messages/single_message.tt2 b/skin/openils/var/templates_equinox/opac/myopac/messages/single_message.tt2
new file mode 100644 (file)
index 0000000..329de0a
--- /dev/null
@@ -0,0 +1,51 @@
+<div id="myopac_messages_div">
+    <div class="header_middle">
+        <span id="acct_messages_header">[% l("Message") %]</div>
+    </div>
+    <div class="clear-both"></div>
+    <div id="single_message_main">
+        <form method="post" id="messages-form" action="[% ctx.opac_root %]/myopac/messages">
+            <input type="hidden" name="message_id" value="[% ctx.patron_message_id %]" />
+            <input type="hidden" name="offset" value="[% offset %]" />
+            <input type="hidden" name="limit" value="[% limit %]" />
+            <span style="padding-left:9px;">
+                <a href="[% mkurl('messages', {}, ['single', 'message_id']) %]" class="opac-button">
+                [% l('Return to Message List') %]
+                </a>
+                <button type="submit" name="action" value="mark_deleted" class="opac-button"
+                    onclick="return confirm('[% l("Are you sure you wish to permanently delete this message?") %]')">
+                    [% l('Delete') %]
+                </button>
+                <button type="submit" name="action" value="mark_unread" class="opac-button">
+                    [% l('Mark Unread') %]
+                </button>
+            </span>
+        </form>
+
+        <table title="[% l('Message') %]"
+            class='light_border data_grid'>
+            <tbody id='myopac_message_tbody'>
+            <tr>
+                <td width='30%'
+                    class='color_4 light_border'>[% l("Date") %]</td>
+                <td class='myopac_message_date'>[% date.format(ctx.parse_datetime(ctx.patron_messages.0.create_date), DATE_FORMAT); %]</td>
+            </tr>
+            <tr>
+                <td width='30%'
+                    class='color_4 light_border'>[% l("Library") %]</td>
+                <td class='myopac_message_library'>[% ctx.patron_messages.0.library | html %]</td>
+            </tr>
+            <tr>
+                <td width='30%'
+                    class='color_4 light_border'>[% l("Subject") %]</td>
+                <td class='myopac_message_subject'>[% ctx.patron_messages.0.title | html %]</td>
+            </tr>
+            <tr>
+                <td width='30%'
+                    class='color_4 light_border'>[% l("Message") %]</td>
+                <td class='myopac_message_message'>[% ctx.patron_messages.0.message | html %]</td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
diff --git a/skin/openils/var/templates_equinox/opac/parts/base.tt2 b/skin/openils/var/templates_equinox/opac/parts/base.tt2
new file mode 100644 (file)
index 0000000..f0494bc
--- /dev/null
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang='[% ctx.locale.replace('_', '-') %]'>
+    <head prefix="og: http://ogp.me/ns#">
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        [% IF ctx.refresh %]
+        <meta http-equiv="refresh" content="[% ctx.refresh %]" />
+        [% ELSIF ctx.authtime AND !ctx.is_staff %]
+        <meta http-equiv="refresh" content="[% ctx.authtime %]; url=[% ctx.home_page %]" />
+        [% END %]
+        <meta name = "viewport" content = "initial-scale = 1.0">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,600,900?date=v1" type="text/css" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.2.0/tiny-slider.css" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/semiauto.css[% ctx.cache_key %]" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.opac_root %]/css/style.css[% ctx.cache_key %]&amp;dir=[%
+          IF ctx.get_i18n_l(ctx.eg_locale).rtl == 't' %]rtl[%
+          ELSE %]ltr[% END %]" />
+        [% IF ctx.get_i18n_l(ctx.eg_locale).rtl == 't' %]
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/semiauto-rtl.css[% ctx.cache_key %]" />
+        [% END %]
+
+        [%- libname = ctx.get_aou(ctx.search_ou).name;
+            libname = libname | html;
+            libsname = ctx.get_aou(ctx.search_ou).shortname; %]
+        <title>[%- IF ctx.user_stats.messages.unread;
+                      l('([_1])', ctx.user_stats.messages.unread);
+                   END;
+               -%]
+               [% l('[_1] - [_2]', ctx.page_title, libname) %]</title>
+        <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
+        <link type="application/opensearchdescription+xml" rel='search' title="[% l('[_1] OpenSearch', libname) %]" href="/opac/extras/opensearch/1.1/[% libsname | uri %]/-/osd.xml" />
+        [%-# Hook for page-specific metadata such as <meta name="robots" content="noindex"> %]
+        [%- ctx.metalinks.push('<meta property="og:title" content="' _ ctx.page_title _ '" />'); %]
+        [%- ctx.metalinks.push('<meta property="og:site_name" content="' _ libname _ '" />'); %]
+        [% FOREACH meta IN ctx.metalinks; meta _ "\n"; END; -%]
+        [% IF want_dojo %]
+        <style type="text/css">
+            @import "[% ctx.media_prefix %]/js/dojo/dijit/themes/tundra/tundra.css[% ctx.cache_key %]";
+        </style>
+        [% END %]
+
+        [% IF !ctx.is_staff %]
+            [% INCLUDE 'opac/parts/goog_analytics.tt2' %]
+        [% END %]
+        [% PROCESS 'opac/parts/stripe.tt2' %]
+    </head>
+    <body[% IF want_dojo; ' class="tundra"'; END %]>
+        <div class="page-wrapper">
+        <h1 class="sr-only">[% l('Catalog') %]</h1>
+        [%#Each content page needs (at minimum) an <h2> describing the content%]
+        [% content %]
+        <!-- /#page-wrapper --></div>
+        <h2 class="sr-only">[% l('Additional Resources') %]</h2>
+        [% INCLUDE 'opac/parts/footer.tt2' %]
+        [% INCLUDE 'opac/parts/js.tt2' %]
+        [%- IF ENV.OILS_CHILIFRESH_ACCOUNT %]
+            [%- INCLUDE 'opac/parts/chilifresh.tt2' %]
+        [%- END %]
+    </body>
+</html>
diff --git a/skin/openils/var/templates_equinox/opac/parts/css/colors.tt2 b/skin/openils/var/templates_equinox/opac/parts/css/colors.tt2
new file mode 100644 (file)
index 0000000..85e00bd
--- /dev/null
@@ -0,0 +1,37 @@
+[%
+    css_colors = {
+
+        background = "#fff", # white
+        background_alert = "#ffcccc", # pink
+        background_invert = "#252525", # charcoal
+        text = "black", # black 
+        text_alert = "red", # red
+        text_attention = "#ffcc33", # pumpkin orange
+        text_badnews = "#f41d36", # cherry red
+        text_goodnews = "#1dd93c", # lime green
+        text_greatnews = "green", # green
+        text_invert = "#fff", # white
+        text_match = "#c00", # deep red
+        primary = "#00593d", # dark green
+        primary_fade = "#007a54", # medium green
+        primary_offset = "#417860", # light_green
+        control = "#69A088", # lighter green
+        accent_light = "#ccc", #  grey (light)
+        accent_lighter = "#ddd", #  grey (lighter)
+        accent_lighter2 = "#d8d8d8", #  grey (lighter again)
+        accent_lightest = "#eee", #  grey (lightest)
+        accent_ultralight = "#f0f0f0", # ivory
+        accent_medium = "#999", # gun metal grey (medium)
+        accent_mediumdark = "#888", # gun metal grey (medium dark)
+        accent_dark = "#666", # gun metal grey (dark)
+        accent_darker = "#333", # gun metal grey (darker)
+        border_standard = "#e9ebf3", # light grey-blue
+        border_dark = "black", # black
+        border_alert = "red", # red
+        button_text = "#fbf9f9", # off-white 
+        button_text_shadow = "#555555", # medium grey
+        table_heading = "#d8d8d8", # grey-blue
+        mobile_header_text = "#fff", # white
+    };
+    
+%]
diff --git a/skin/openils/var/templates_equinox/opac/parts/footer.tt2 b/skin/openils/var/templates_equinox/opac/parts/footer.tt2
new file mode 100644 (file)
index 0000000..5c258e4
--- /dev/null
@@ -0,0 +1,37 @@
+[% IF !ctx.is_staff %]
+<div id="footer-wrap">
+<div id="footer">
+    [% IF ctx.get_org_setting(
+        ctx.physical_loc || ctx.aou_tree.id, 'opac.allow_pending_user') %]
+    <a href="[% mkurl(ctx.opac_root _ '/register') %]">[% 
+        l('Request Library Card') %]</a> &nbsp;|&nbsp;
+    [% ELSE %]
+    <a href="http://example.com">[% l('Bottom Link 2') %]</a> &nbsp;|&nbsp;
+    [% END %]
+    <a href="http://example.com">[% l('Bottom Link 3') %]</a> &nbsp;|&nbsp;
+    <a href="http://example.com">[% l('Bottom Link 4') %]</a> &nbsp;|&nbsp;
+    <a href="http://example.com">[% l('Bottom Link 5') %]</a>
+    [% IF ctx.timing %]
+    <div id="timing">
+        [% FOR event IN ctx.timing %]
+        At <span class="timing-time">[% event.0 | format("%0.4f") %]</span>:
+        <span class="timing-event">[% event.1 %]</span><br />
+        [% END %]
+    </div>
+    [% END %]
+    <div id="copyright_text" style="margin-top: 1em;">
+        [% l('Copyright &copy; 2006-[_1] Georgia Public Library Service, and others', date.format(date.now, '%Y')) %]
+        | <a href="/eg/opac/home_attribution">[% l('Image credits') %]</a>
+    </div>
+    <div id="footer_logo">
+        [% l('Powered by') %]
+        <a href="http://evergreen-ils.org">
+            <img src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png[% ctx.cache_key %]"
+                style="border:none; width: 94px; height: 16px;"
+                alt="[% l('Evergreen') %]"
+            />
+        </a>
+    </div>
+</div>
+</div>
+[% END %]
diff --git a/skin/openils/var/templates_equinox/opac/parts/homesearch.tt2 b/skin/openils/var/templates_equinox/opac/parts/homesearch.tt2
new file mode 100644 (file)
index 0000000..557a55e
--- /dev/null
@@ -0,0 +1,18 @@
+[% PROCESS "opac/parts/misc_util.tt2"; %]
+[% USE Dumper %]
+[% IF ctx.carousel; %]
+  <div id="carousel_title">Featured books</div>
+  <div id="carousel">
+    [% FOR entry IN ctx.carousel;
+       attrs = { marc_xml => entry };
+        PROCESS get_marc_attrs args=attrs; %]
+      <div>
+         <img src='[% ctx.media_prefix %]/opac/extras/ac/jacket/medium/r/[% attrs.bibid | uri %]' />
+         <a href="[% mkurl(ctx.opac_root _ '/record/' _ attrs.bibid, {}, 1) %]"
+            title="[% l('Catalog record') %]"><span[%- deemphasize_class -%]>
+            [%- attrs.title.substr(0,attrs.nonfiling_characters) | html %]</span>
+            [%- attrs.title.substr(circ.ATTRS.nonfiling_characters) | html %]</a>
+      </div>
+    [% END; %]
+  </div>
+[% END; %]
diff --git a/skin/openils/var/templates_equinox/opac/parts/js.tt2 b/skin/openils/var/templates_equinox/opac/parts/js.tt2
new file mode 100644 (file)
index 0000000..17892d7
--- /dev/null
@@ -0,0 +1,164 @@
+<!-- JS imports, etc.  -->
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/simple.js[% ctx.cache_key %]"></script>
+
+<!-- DOB validation for Patron Registration in OPAC -->
+<script type="text/javascript">
+    function dobValidate(input) {
+        var validformat = /^(19|20)\d\d([- /.])(0[1-9]|1[012])\2(0[1-9]|[12][0-9]|3[01])$/
+        var returnval = false
+        if (!validformat.test(input.value))
+            alert("[% l('You have entered an invalid date, or an improperly formatted date.  Please enter Date of Birth in YYYY-MM-DD or YYYY/MM/DD format and try again.') %]")
+        else
+            returnval = true
+        if (returnval == false) input.select()
+        return returnval
+}
+</script>
+
+[%- IF ctx.use_stripe %]
+<script type="text/javascript">unHideMe($("pay_fines_now"));[%# the DOM is loaded now, right? %]</script>
+[% END -%]
+
+[%- IF ctx.is_staff %]
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/staff.js[% ctx.cache_key %]"></script>
+    [% IF ctx.page == 'record' %]
+        [% IF ctx.search_result_index >= 0 %]
+        <script>
+            rdetail_next_prev_actions(
+                "[% ctx.search_result_index %]",
+                "[% ctx.hit_count %]",
+                "[% ctx.prev_rec_url || '' %]",
+                "[% ctx.next_rec_url || '' %]",
+                "[% mkurl(ctx.first_search_record, {page => 0}) %]",
+                "[% mkurl(ctx.opac_root _ '/results', {find_last => 1, page => POSIX.floor(ctx.hit_count / ctx.page_size)}) %]",
+                "[% mkurl(ctx.opac_root _ '/results', {}, ['expand','cnoffset']) %]"
+            );
+        </script>
+        [% END %]
+        [% IF ctx.mfhd_summaries.size %]
+        <script>
+            window.mfhdDetails = [
+                [% FOR summary IN ctx.mfhd_summaries %]
+                    [% IF summary.sre_id != -1 %]
+                {
+                    'id' : '[% summary.sre_id %]', 
+                    'label' : '[% summary.location | replace("'", "\\'") %]',
+                    'entryNum' : [% loop.index %],
+                    'owning_lib' : '[% summary.owning_lib %]'
+                },
+                    [% END %]
+                [% END %]
+            ];
+        </script>
+        [% END %]
+    [% END %]
+[%- END %]
+
+[%- IF ENV.OILS_NOVELIST_URL AND ctx.page == 'record';
+    url = ENV.OILS_NOVELIST_URL;
+    IF CGI.https; url = url.replace('^http:', 'https:'); END; %]
+<script type='text/javascript' id='EIT' src='[% url %]'></script>
+[%- END %]
+[%- IF ctx.page == 'record' AND ctx.google_books_preview %]
+<script src='[% ctx.media_prefix %]/js/ui/default/opac/ac_google_books.js[% ctx.cache_key %]' async defer></script>
+[%- END %]
+
+<!-- Require some inputs and selections for browsers that don't support required form field element -->
+[% IF ctx.page == 'place_hold' %]
+  <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/holds-validation.js[% ctx.cache_key %]">
+  </script>
+[% END %]
+
+[%- IF want_dojo; -%]
+<script type="text/javascript">
+     var djConfig = {
+         locale: "[% ctx.locale | lower | replace('_', '-') %]",
+         parseOnLoad: true,
+         isDebug: false
+     }, lang, bidi;
+</script>
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/dojo.js?[% ctx.eg_cache_hash %]"></script>
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/openils_dojo.js?[% ctx.eg_cache_hash %]"></script>
+
+[%- # So the following works in Mozilla and Chrome, but not in IE8.
+    # Seems like it /should/ work anywhere, though, and obviate the
+    # next three script tags: %]
+<!-- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/DojoSRF.js?[% ctx.eg_cache_hash %]"></script> -->
+
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/opensrf.js?[% ctx.eg_cache_hash %]"></script>
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/opensrf_xhr.js?[% ctx.eg_cache_hash %]"></script>
+<script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/JSON_v1.js?[% ctx.eg_cache_hash %]"></script>
+
+[% IF use_autosuggest.enabled == "t" AND basic_search != "f"; %]
+<script type="text/javascript">
+    dojo.require("openils.widget.AutoSuggest");
+
+    /* Set focus, and place the cursor at the end of the input string */
+    dojo.addOnLoad(function() {
+        /* Don't error out if the object doesn't exist, like on advanced search pages */
+        if (dojo.byId('search_box')) {
+            dijit.byId('search_box').focus();
+
+            var sb_value = dijit.byId('search_box').value;
+            /* Dojo won't trigger a change if the value doesn't change */
+            if (sb_value) {
+                dijit.byId('search_box').setValue(sb_value + ' ');
+                dijit.byId('search_box').setValue(sb_value);
+            }
+        }
+    });
+</script>
+[% END; # use_autosuggest %]
+
+[% INCLUDE "opac/parts/acjs.tt2" IF ctx.page == 'record' %]
+[% IF ctx.page == 'advanced' %]
+<script type="text/javascript" 
+    src="[% ctx.media_prefix %]/js/ui/default/opac/copyloc.js[% ctx.cache_key %]"></script>
+[% END %]
+
+[% IF ebook_api.enabled == 'true' %]
+    [% INCLUDE "opac/parts/ebook_api/base_js.tt2" %]
+    [% INCLUDE "opac/parts/ebook_api/avail_js.tt2" IF (ctx.page == 'rresult' OR ctx.page == 'record') %]
+    [% INCLUDE "opac/parts/ebook_api/login_js.tt2" IF (ctx.page == 'login') %]
+[% END %]
+
+<!-- provide a JS friendly org unit hash -->
+<script type="text/javascript">
+var aou_hash = {
+[% FOR org_unit IN ctx.aou_list %]
+    [% org_unit.id %] : {
+        id : "[% org_unit.id %]",
+        name : "[% org_unit.name | replace('"', '\"') %]",
+        parent_ou : "[% org_unit.parent_ou %]",
+        depth : "[% org_unit.ou_type.depth %]",
+        can_have_vols : "[% org_unit.ou_type.can_have_vols %]"
+    }[%- ',' UNLESS loop.last -%]
+[% END %]
+};
+</script>
+
+<script type="text/javascript">if ($('client_tz_id')) { $('client_tz_id').value = OpenSRF.tz }</script>
+[%- END; # want_dojo -%]
+
+<!-- Slider JS -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.2.0/min/tiny-slider.js"></script>
+<script type="text/javascript">
+  var slider = tns({
+    "items": 3,
+    "slideBy": 'page',
+    "controls": false,
+    "nav": true,
+    "container": "#carousel",
+    "responsive": {
+      340: {
+        items: 2
+      },
+      630: {
+          items: 3
+      },
+      1150: {
+        items: 4
+      }
+    }
+});
+</script>
\ No newline at end of file
diff --git a/skin/openils/var/templates_equinox/opac/parts/result/facets.tt2 b/skin/openils/var/templates_equinox/opac/parts/result/facets.tt2
new file mode 100644 (file)
index 0000000..3b1d71d
--- /dev/null
@@ -0,0 +1,257 @@
+<div class="facet_box_wrapper">
+
+<div id="sidebar_search_options">
+    <form action="[% ctx.opac_root %]/results" method="get">
+        <div id="hidden_search_bar">
+            [% INCLUDE "opac/parts/searchbar.tt2" took_care_of_form=1 %]
+        </div>
+        <h3 class="sr-only">[% l('Additional search filters and navigation') %]</h3>
+        <h4>Search Result Options</h4>
+        <div class="almost-content-wrapper">
+        
+            [%# hide the header bar when displaying metarecord constituents
+            instead of skipping it altogether to allow the search form
+            variables to propagate %]
+            [% IF ctx.metarecord;
+            mr_attrs = {marc_xml => ctx.metarecord_master.marc_xml};
+            PROCESS get_marc_attrs args=mr_attrs %]
+            <div class="results_header_lbl">
+                [% l('Viewing Results for Grouped Record: [_1]',
+                    mr_attrs.title) | html %]
+            </div>
+            [% IF CGI.param('query') %]
+            <div>
+                <a href="[% mkurl(ctx.opac_root _ '/results', {}, ['metarecord','page']); %]">
+                [% l('&#9668; Return to Grouped Search Results') %]
+                </a>
+            </div>
+            <br/>
+            [% END %]
+            [% END %]
+            <div [%- IF ctx.metarecord %]class="hidden"[% END -%]>
+                <div>
+                    <div id="results_header_sort" class="results_header_btns">
+                        <label class="sr-only" for="opac.result.sort">[% l('Sort by') %]</label>
+                        [% INCLUDE "opac/parts/filtersort.tt2" value=CGI.param('sort') submit_on_change=1 %]
+                    </div>
+                    <div id="results_another_search" class="results_header_btns">
+                        <a href="[% mkurl(ctx.opac_root _ '/home', {$loc_name => loc_value, 'detail_record_view' => show_detail_view}, 1) %]">[% l('Another Search') %]</a>
+                    </div>
+                    <div id="refine_hits" class="results_header_btns result_block_visible">
+                        <a onclick="getFacety();">[% l('Refine these results') %]</a>
+                    </div>
+                    <div id="return_to_hits" class="results_header_btns">
+                        <a onclick="getResulty();">[% l('Back to results') %]</a>
+                    </div>
+
+                    [% IF ctx.mylist.size %]
+                        <div class="results_header_btns">
+                            [%- IF ctx.user; %]
+                            <a href="[% mkurl(ctx.opac_root _ '/myopac/lists') %]">[% l('View My List') %]</a>
+                            [%- ELSE %]
+                            <a href="[% mkurl(ctx.opac_root _ '/mylist') %]">[% l('View My List') %]</a>
+                            [%- END %]
+                        </div>
+
+                    [% END %]
+
+                    [%- IF show_more_details.default != 'hide' -%]
+                        <div class='results_header_sel' id='simple-detail-view-links'>
+                            [% IF show_detail_view %]
+                            <a href="[% mkurl('', {detail_record_view => 0}) %]">[% l('Show Fewer Details') %]</a> [% ELSE %]
+                            <a href="[% mkurl('', {detail_record_view => 1}) %]">[% l('Show More Details') %]</a>
+                            [% END %]
+                        </div>
+                    [%- END -%]
+
+                    <div id="results_check_options">
+                        <label id="results_limit_to_available" class="results_header_lbl" for="limit_to_available">
+                            <input type="checkbox" id="limit_to_available" name="modifier" value="available"
+                                onchange="search_modifier_onchange('available', this, true)"
+                                [% CGI.param('modifier').grep('available').size ? ' checked="checked"' : '' %] />
+                            [% l('Limit to Available Items') %]
+                        </label>
+
+                        [% IF NOT metarecords.disabled %]
+                            <label id="results_metabib_search_modifier" class="results_header_lbl" for="metabib_search_modifier">
+                                <input type="checkbox" id="metabib_search_modifier"
+                                    name="modifier" value="metabib"
+                                    onchange="search_modifier_onchange('metabib', this, true)"
+                                    [% CGI.param('modifier').grep('metabib').size ? ' checked="checked"' : '' %] />
+                                [% l('Group Formats and Editions') %]
+                            </label>
+                        [% END %]
+
+                        [% IF ctx.depth_sel_checkbox %]
+                            <label id="results_depth_sel" class="results_header_lbl" for="depth_sel" title="[% ctx.depth_sel_tooltip | html %]">
+                                <input type="checkbox" id="depth_sel" name="depth" value="[% ctx.depth_sel_depth %]"
+                                    onchange="this.form.submit()"
+                                    [% CGI.param('depth') == ctx.depth_sel_depth ? ' checked="checked"' : '' %] />
+                                [% ctx.depth_sel_checkbox_label | html %]
+                            </label>
+                        [% END %]
+
+                        [% IF ctx.exclude_electronic_checkbox %]
+                            <label id="results_exclude_elec" class="results_header_lbl" for='opac.result.excludeelec'>
+                                <input type='checkbox' id='opac.result.excludeelec' name="fi:-search_format" value="electronic"
+                                    onchange="exclude_onchange(this)"
+                                    [%- CGI.param('fi:-search_format').grep('electronic').size ? ' checked="checked"' : '' %] />
+                                [% l("Exclude Electronic Resources") %]
+                            </label>
+                        [% END %]
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+
+
+
+[% 
+
+long_facets = CGI.param('long_facet') || [];
+selected_facets = CGI.param('facet') || [];
+
+# sorted list of search facets
+sorted_facets = [];
+
+# we'll clobber the facet. "namespace" later
+# Provide a default value if unset in config.tt2
+DEFAULT_DISPLAY_COUNT = facet.default_display_count || 5;
+
+IF facet.display;
+
+    # facet display configuration present.  Traverse the 
+    # configuration lists, find the matching facets from 
+    # search facet data, and append them to the sorted 
+    # list of facets.
+
+    FOR display_chunk IN facet.display;
+        FOR display_field IN display_chunk.facet_order;
+            # find the matching facet in the facet data
+            FOR facet IN ctx.search_facets.values;
+                IF facet.cmf.field_class == display_chunk.facet_class 
+                        AND facet.cmf.name == display_field;
+                    sorted_facets.push(facet);
+                END;
+            END;
+        END;
+    END;
+
+ELSE; 
+
+    # No facet display configuration is present.
+    # show all facets, sorted by name.
+
+    # collect facet type labels for easier sorting
+    labels = []; 
+    FOR facet IN ctx.search_facets.values;
+        labels.push(facet.cmf.label);
+    END;
+    
+    # We used to do a sort here, but now that's handled in EGCatLoader.
+    sorted_facets = ctx.search_facets.values;
+END;
+
+display_count_by_cmf = {};
+
+FOR facet IN sorted_facets;
+    fclass = facet.cmf.field_class;
+    fname = facet.cmf.name;
+    fid = facet.cmf.id;
+    long_key = fclass _ fname %]
+
+    <div class="facet_box_temp">
+        <div class="header">
+                [% IF long_facets.grep(long_key).0;
+                    new_long = [];
+                    FOR fct IN long_facets;
+                        IF fct != long_key;
+                            new_long.push(fct);
+                        END;
+                    END;
+                    expand_url = mkurl('', {long_facet => new_long});
+                    IF new_long.size == 0;
+                        expand_url  = mkurl('', {}, ['long_facet']);
+                    END;
+                %]
+                    <a class="button" href="[% expand_url %]"
+                      title="[% l('Show Fewer [_1] Entries', facet.cmf.label) %]" rel="nofollow" vocab="">
+                      [% l("Fewer") %]
+                    </a>
+                [% ELSIF facet.data.size > DEFAULT_DISPLAY_COUNT %]
+                    <a class="button" 
+                      title="[% l('Show More [_1] Entries', facet.cmf.label) %]"
+                      href="[% mkurl('', {long_facet => long_facets.merge([long_key])}) %]" rel="nofollow" vocab="">
+                      [% l("More") %]
+                    </a>
+                [% END %]
+            <h4 class="title">[% facet.cmf.label %]</h4>
+        </div>
+        <div class="box_wrapper">
+            <div class="box">
+            [% FOR facet_data IN facet.data;
+                display_value = facet_data.value | html;
+                param_string = fclass _ '|' _ fname _ '[' _ facet_data.value _ ']';
+                new_facets = [];
+                this_selected = 0;
+                FOR selected IN selected_facets;
+                    IF selected == param_string; 
+                        this_selected = 1; 
+                    ELSE;
+                        new_facets.push(selected);
+                    END;
+                END;
+
+                display_count_by_cmf.$fid = display_count_by_cmf.$fid || 0;
+
+                NEXT UNLESS long_facets.grep(long_key).0 OR
+                    display_count_by_cmf.$fid < DEFAULT_DISPLAY_COUNT;
+
+                # fix syntax highlighting: >
+
+                display_count_by_cmf.$fid = display_count_by_cmf.$fid + 1;
+
+                IF this_selected;
+                    # This facet is already selected by the user. 
+                    # Link removes the facet from the set of selected facets.
+                %] 
+                    <div class="facet_template facet_template_selected">
+                        <div class="facet">
+                            [% IF new_facets.size == 0 %]
+                            <a
+                              title="[% l('Show all results, not just those matching this term') %]"
+                              href="[% mkurl('', {}, ['facet']) %]" rel="nofollow" vocab="">[% display_value %]</a>
+                            [% ELSE %]
+                            <a
+                              title="[% l('Expand to also show results not matching this term') %]"
+                              href="[% mkurl('', {facet => new_facets}) %]" rel="nofollow" vocab="">[% display_value %]</a>
+                            [% END %]
+                        </div>
+                        <div class="count">([% facet_data.count; IF facet_data.count == (ctx.superpage + 1) * ctx.superpage_size; '+'; END %])</div>
+                    </div>
+                [% 
+                    ELSE;
+                    # This facet is not currently selected.  If selected, 
+                    # append this facet to the list of currently active facets.
+                %]
+                    <div class="facet_template">
+                        <div class="facet">
+                            <a
+                              title="[% l('Limit to results matching this term') %]"
+                              href='[% mkurl('', {facet => selected_facets.merge([param_string])}, ['page']) %]' rel="nofollow" vocab="">
+                              [% display_value %]
+                            </a>
+                        </div>
+                        <div class="count">([% facet_data.count %])</div>
+                    </div>
+                [% END %]
+            [% END %]
+            </div>
+        </div> <!-- box_wrapper -->
+    </div> <!-- facet_box_temp -->
+[% END %]
+</div> <!-- facet_box_wrapper -->
+
diff --git a/skin/openils/var/templates_equinox/opac/parts/searchbar.tt2 b/skin/openils/var/templates_equinox/opac/parts/searchbar.tt2
new file mode 100644 (file)
index 0000000..4404c23
--- /dev/null
@@ -0,0 +1,207 @@
+<h3 class="sr-only">[% l('Catalog Search') %]</h3>
+[% PROCESS "opac/parts/org_selector.tt2";
+
+# We need to ignore some filters in our count
+
+fignore = ['location_groups','site','core_limit','limit','badge_orgs','badges','estimation_strategy','depth'];
+fcount = 0;
+FOR f IN ctx.query_struct.filters;
+    IF fignore.grep('^' _ f.name _ '$').size;
+        NEXT;
+    END;
+    fcount = fcount + 1;
+END;
+
+    # don't display a box for the search_format filter,
+    # as that's got its own widget
+    ignore_filters = ['search_format'];
+
+    trimmed_filters = [];
+    FOR filter IN ctx.query_struct.filters;
+        fname = filter.name;
+        IF ignore_filters.grep('^' _ fname _ '$').size;
+            NEXT;
+        END;
+        trimmed_filters.push(filter);
+    END;
+
+    ctx.query_struct.filters = trimmed_filters;
+
+ %]
+
+<div id="search-wrapper">
+    [% UNLESS took_care_of_form -%]
+    <form action="[% ctx.opac_root %]/results" method="get">
+    [%- END %]
+    [% IF ctx.page == 'rresult' && ctx.metarecord && search.metarecord_default %]
+    <input type="hidden" name="modifier" value="metabib"/>
+    [% END %]
+    [% IF (ctx.page == 'place_hold' || ctx.page == 'myopac' || ctx.page == 'home' || ctx.page == 'record') && search.metarecord_default %]
+    <input type="hidden" name="modifier" value="metabib"/>
+    [% END %]
+    <div id="search-box">
+        <span class="search_catalog_lbl mobile_hide">[% l('Search the Catalog') %]</span>
+        <span class="adv_search_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/advanced', {},  expert_search_parms.merge(browse_search_parms, facet_search_parms)) %]"
+            id="home_adv_search_link">[% l('Advanced Search') %]</a></span>
+        <span class="browse_the_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/browse', {}, expert_search_parms.merge(general_search_parms, facet_search_parms, ['fi:has_browse_entry'])) %]">[% l('Browse the Catalog') %]</a></span>
+    </div>
+    <div class="searchbar">
+        <div class="search_box_row row">
+            <div id="search_box_keyword" class='search_box_wrapper col-3'>
+                [%- # autosuggest breaks accessibility, as the aria-label
+                    # attribute is removed when the Dijit is created. :(  %]
+                <label id="search_box_label" for="search_box">
+                    [% l('Search: ') %]
+                </label>
+                <input type="text" id="search_box_hidden" name="query" aria-label="[%
+                        l('Enter search query:');
+                    %]" value="[% is_advanced ? ctx.naive_query_scrub(ctx.user_query) : CGI.param('query') | html %]" />
+            </div>
+
+            <div id="search_select_type" class="search_box_wrapper col-3">
+                <label id="search_qtype_label" for="qtype">
+                    [%- l('Type: '); -%]
+                </label>
+                [%-
+                    INCLUDE "opac/parts/qtype_selector.tt2" id="qtype";
+                -%]
+            </div>
+
+            <div id="search_select_format" class="search_box_wrapper col-3">
+                <label id="search_itype_label" for="search_itype_selector">
+                    [%- l('Format: '); -%]
+                </label>
+                [%-
+                    IF search.basic_config.type == 'attr';
+                        INCLUDE "opac/parts/coded_value_selector.tt2"
+                            attr=search.basic_config.group none_ok=1 
+                            id='search_itype_selector'
+                            none_label=search.basic_config.none_label;
+                    ELSIF search.basic_config.type == 'filter';
+                        INCLUDE "opac/parts/filter_group_selector.tt2"
+                            filter_group=search.basic_config.group none_ok=1 
+                            id='search_itype_selector'
+                            none_label=search.basic_config.none_label;
+                    END;
+                -%]
+            </div>
+
+            <div id="select_search_library" class="search_box_wrapper col-3">
+                <label id="search_locg_label" for="search_org_selector">
+                    [%- l('Library: '); -%]
+                </label>
+                [%-
+                    select_lib_label = l("Select search library");
+                    INCLUDE build_org_selector arialabel=select_lib_label 
+                    id='search_org_selector' show_loc_groups=1
+                -%]
+            </div>
+
+            <div id="search_submit_actions" class="search_submit_wrapper">
+                <span>
+                    <input id="detail" type="hidden" name="detail_record_view" value="[% show_detail_view %]"/>
+                    <input id='search-submit-go' type="submit" value="[% l('Search') %]" class="opac-button [% IF ctx.depth_sel_button AND NOT took_care_of_form %] with-depth [% END %]"
+                        onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden";[% IF ctx.depth_sel_button AND NOT took_care_of_form %] $("search-submit-go-depth").className="hidden";[% END %]}, 2000)'/>
+                    [%- IF ctx.depth_sel_button AND NOT took_care_of_form %]
+                    <button id='search-submit-go-depth' type="submit" value="[% ctx.depth_sel_depth %]" name="depth" class="[% ctx.depth_sel_button_class %]"
+                        onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"; $("search-submit-go-depth").className="hidden";}, 2000)' title="[% ctx.depth_sel_tooltip | html %]">[% ctx.depth_sel_button_label | html %]</button>
+                    [%- END %]
+                    <img id='search-submit-spinner' src='[% ctx.media_prefix %]/opac/images/progressbar_green.gif[% ctx.cache_key %]' style='height:16px;width:16px;' class='hidden' alt='[% l("Search In Progress") %]'/>
+                </span>
+            </div>
+        </div>
+
+    </div>
+    [% IF ctx.bookbag %]
+    <div id="search-only-bookbag-container">
+        <input type="checkbox" id="search-only-bookbag" name="bookbag"
+            value="[% ctx.bookbag.id | html %]" checked="checked" />
+        <label for="search-only-bookbag">
+            [% l('Search only within the chosen list') %]
+        </label>
+    </div>
+    [% END %]
+    [% IF is_advanced || is_special %]
+    <div>
+        <input type="hidden" name="_adv" value="1" />
+        [% IF ctx.processed_search_query OR (NOT is_advanced AND NOT is_special) %]
+        <input name='page' type='hidden' value="0" />
+        [% END %]
+        [% IF is_advanced;
+            FOR p IN CGI.params.keys;
+                NEXT UNLESS p.match('^fi:');
+                NEXT IF p.match('^fi:search_format');
+                FOR pv IN CGI.params.$p;
+                    %]<input type="hidden" name="[% p | html %]" value="[% pv | html %]" />[%
+                END;
+            END;
+        END %]
+        [% IF is_special %]
+            <input type="hidden" name="_special" value="1" /> [%
+            number_of_expert_rows = CGI.param('tag').list.size;
+            index = 0;
+            WHILE index < number_of_expert_rows %]
+                <input type="hidden" name="tag" value="[% CGI.param('tag').list.$index | html %]" />
+                <input type="hidden" name="subfield" value="[% CGI.param('subfield').list.$index | html %]" />
+                <input type="hidden" name="term" value="[% CGI.param('term').list.$index | html %]" />
+                [% index = index + 1; %]
+            [% END %]
+        [% END %]
+    </div>
+    [%- END %]
+    [% UNLESS took_care_of_form %]
+        [% IF ctx.default_sort %]
+            <input type="hidden" name="sort" value="[% ctx.default_sort %]"/>
+        [% END %]
+        </form>
+    [% END %]
+    [% IF fcount > 0 %]
+      <div class="refine_search result_block_visible">
+        <span id="filter_hits">[ <a href="#" onclick="getAdvLimits();return false;">[% l('[quant,_1,filter,filters] applied', fcount) %]</a> ]</span>
+      </div>
+    [% END %]
+    [% IF ctx.query_struct.filters.size > 0 %]
+        [% stuff = INCLUDE 'opac/parts/result/adv_filter.tt2' %]
+        [% IF stuff %]
+        <h3 class="sr-only">[% l('Search Results filters') %]</h3>
+        <div id="adv_filter_results_block" class="adv_filter_results_hide">
+        <span class="adv_filter_results_block_label">[% l('Filtered by:') %]</span>
+            [% stuff %]
+        </div>
+        [% END %]
+    [% END %]
+    [% IF (is_advanced AND NOT is_special) AND CGI.param('qtype') %]
+    <div class="refine_search result_block_visible">
+        <span id="refine_search_link">[ <a href="[% mkurl(ctx.opac_root _ '/advanced') %]">[%
+            l('Refine My Original Search')
+        %]</a> ]</span>
+    </div>
+    [% END %]
+
+    <script>
+    function getAdvLimits() {
+        var AdvLimitsClass = document.getElementById('adv_filter_results_block').classList;
+        if (AdvLimitsClass.contains("adv_filter_results_hide")) {
+           AdvLimitsClass.remove("adv_filter_results_hide");
+        } else {
+           AdvLimitsClass.add("adv_filter_results_hide");
+        }
+        if (AdvLimitsClass.contains("adv_filter_results_show")) {
+           AdvLimitsClass.remove("adv_filter_results_show");
+        } else {
+           AdvLimitsClass.add("adv_filter_results_show");
+        }
+     }
+     </script>
+    <!-- Canonicalized query:
+
+    [% ctx.canonicalized_query | html %]
+
+    -->
+    <!--
+    <div id="breadcrumb">
+        <a href="[% ctx.opac_root %]/home">[% l('Catalog Home') %]</a> &gt;
+    </div>
+    -->
+    <div class="clear-both"></div>
+</div>
diff --git a/skin/openils/var/templates_equinox/opac/parts/topnav.tt2 b/skin/openils/var/templates_equinox/opac/parts/topnav.tt2
new file mode 100644 (file)
index 0000000..1cb5491
--- /dev/null
@@ -0,0 +1,100 @@
+[%- IF ctx.maintenance_message -%]
+<div id="maintenance_message">[% ctx.maintenance_message %]</div>
+[%- END -%]
+[% IF !ctx.is_staff %]
+<div id="header-wrap">
+[% IF !ctx.user %]
+    <div id="header" class="no-user">
+[% ELSE %]
+    <div id="header" class="logged-in">
+[% END %]
+    <div class="float-left">
+        [% INCLUDE "opac/parts/topnav_logo.tt2" %]
+    </div>
+    <div class="float-right">
+        [% IF !ctx.user %]
+        <div id="your-acct-login">
+            <a href="[% mkurl(ctx.opac_root _ '/myopac/main') %]" 
+                class="opac-button opac-button-header" id="home_myopac_link">
+                [% l('My Account') %]
+            </a>
+        </div>
+        [% ELSE %]
+        <div id="dash_wrapper">
+            <div id="dash_identity">
+                <span id="dash_user">
+                    [%  l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) | html %]
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash_account_buttons">
+                <div id="dash_user_message_button_container">
+                    <a href="[% mkurl(ctx.opac_root _ '/myopac/messages', {}, ['single', 'message_id']) %]" class="opac-button">
+                        [% l('Messages') %]
+                    </a>
+                    [% IF ctx.user_stats.messages.unread %]
+                        <div id="unread_message_count_floater">
+                            [%- ctx.user_stats.messages.unread -%]
+                            <span class="sr-only">[% l('unread') %]</a>
+                        </div>
+                    [% END %]
+                </div>
+                <a href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, ['single', 'message_id', 'sort','sort_type']) %]"
+                    class="opac-button">[% l('My Account') %]</a>
+                <a href="[% mkurl(ctx.opac_root _ '/myopac/lists', {}, ['single', 'message_id']) %]"
+                    class="opac-button">[% l('My Lists') %]</a>
+                <a href="[% mkurl(ctx.opac_root _ '/logout', {}, 1) %]"
+                    class="opac-button" id="logout_link">[% l('Logout') %]</a>
+                </span>
+            </div>
+            <div id="dashboard">
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/circs', {}, 
+                        ['limit','offset', 'single', 'message_id', 'sort','sort_type'])
+                        %]"><span id="dash_checked">[% ctx.user_stats.checkouts.total_out
+                        %]</span> [% l("Checked Out") %]</a>
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/holds', {}, 
+                        ['available', 'single', 'message_id', 'sort','sort_type'])
+                        %]"><span id="dash_holds">[% ctx.user_stats.holds.total
+                        %]</span> [% l("On Hold") %]</a>
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/holds',
+                        {available => 1}, ['single', 'message_id', 'sort','sort_type']) %]"><span id="dash_pickup">[%
+                        ctx.user_stats.holds.ready %]</span> [% l("Ready for Pickup") %]</a>
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/main', {}, ['single', 'message_id', 'sort','sort_type'])
+                        %]"><span id="dash_fines">[% money(ctx.user_stats.fines.balance_owed)
+                        %]</span> [% l("Charges") %]</a>
+                </span>
+            </div>
+            <div id="dashboard_e" class="hidden">
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_circs')
+                        %]"><span id="dash_e_checked">-</span> [% l("E-Items Checked Out") %]</a>
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_holds')
+                        %]"><span id="dash_e_holds">-</span> [% l("E-Items on Hold") %]</a>
+                </span>
+                <span class="dash_divider">|</span>
+                <span class="dash-align">
+                    <a class="dash-link" href="[% mkurl(ctx.opac_root _ '/myopac/ebook_holds_ready')
+                        %]"><span id="dash_e_pickup">-</span> [% l("E-Items Ready for Checkout") %]</a>
+                </span>
+            </div>
+        </div>
+        [% END %]
+    </div>
+    [%- INCLUDE "opac/parts/locale_picker.tt2" %]
+    <div class="common-no-pad"></div>
+</div>
+</div>
+[% INCLUDE "opac/parts/topnav_links.tt2" %]
+[% END %]
diff --git a/skin/openils/var/templates_equinox/opac/parts/topnav_links.tt2 b/skin/openils/var/templates_equinox/opac/parts/topnav_links.tt2
new file mode 100644 (file)
index 0000000..6264ca5
--- /dev/null
@@ -0,0 +1,8 @@
+<div id="gold-links-holder">
+    <div id="gold-links">
+        <div id="header-links">
+            <a href="https://equinoxinitiative.org">[% l('Equinox Open Library Initiative') %]</a>
+            <a href="https://evergreen-ils.org">[% l('Evergreen Project') %]</a>
+        </div>
+    </div>
+</div>
diff --git a/skin/openils/var/templates_equinox/opac/parts/topnav_logo.tt2 b/skin/openils/var/templates_equinox/opac/parts/topnav_logo.tt2
new file mode 100644 (file)
index 0000000..ee93bc7
--- /dev/null
@@ -0,0 +1 @@
+    <div id="topnav_logo"> <a href="/"><img width="300" alt="[% l('Evergreen Logo') %]" src="[% ctx.media_prefix %]/opac/images/EquinoxInitiative-logo.png[% ctx.cache_key %]" /></a></div>
diff --git a/skin/openils/var/templates_equinox/opac/results.tt2 b/skin/openils/var/templates_equinox/opac/results.tt2
new file mode 100644 (file)
index 0000000..f0f869b
--- /dev/null
@@ -0,0 +1,40 @@
+[%- PROCESS "opac/parts/header.tt2";
+    WRAPPER "opac/parts/base.tt2";
+    INCLUDE "opac/parts/topnav.tt2";
+
+    IF is_advanced || is_special;
+        ctx.page_title = l("Search Results");
+    ELSE;
+        ctx.page_title = l("Search Results: ") _ CGI.param('query') | html;
+    END;
+
+    page = CGI.param('page');
+    page = page.match('^\d+$') ? page : 0; # verify page is a sane value
+
+    page_count = (!ctx.page_size.defined || !ctx.hit_count.defined || ctx.page_size == 0) ? 1 : POSIX.ceil(ctx.hit_count / ctx.page_size);
+
+    # We don't want search engines indexing search results
+    ctx.metalinks.push('<meta name="robots" content="noindex,follow">');
+
+    PROCESS "opac/parts/misc_util.tt2";
+    PROCESS get_library;
+-%]
+    <h2 class="sr-only">[% l('Search Results') %]</h2>
+    <form action="[% ctx.opac_root %]/results" method="get">
+    [% INCLUDE "opac/parts/searchbar.tt2" took_care_of_form=1 %]
+    </form>
+    <div id="content-wrapper">
+        <div id="main-content">
+            <div id="results-page">
+                [%- IF (ctx.depth_sel_checkbox OR ctx.depth_sel_button) AND CGI.param('depth') == ctx.depth_sel_depth AND ctx.depth_sel_resultshint %]
+                <div id="results-page-depth-hint">[% ctx.depth_sel_resultshint | html %]</div>
+                [%- END %]
+                [% path = "opac/parts/result/" _
+                    (ctx.records.size ? "table.tt2" : "lowhits.tt2");
+                INCLUDE $path %]
+            </div>
+            <div class="common-full-pad"></div>
+        </div>
+        <br class="clear-both" />
+    </div>
+[%- END %]
diff --git a/skin/openils/var/web/images/format_icons/icon_format/blu-ray.png b/skin/openils/var/web/images/format_icons/icon_format/blu-ray.png
new file mode 100644 (file)
index 0000000..da50cba
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/blu-ray.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/book.png b/skin/openils/var/web/images/format_icons/icon_format/book.png
new file mode 100644 (file)
index 0000000..88c7d44
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/book.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/braille.png b/skin/openils/var/web/images/format_icons/icon_format/braille.png
new file mode 100644 (file)
index 0000000..18a899a
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/braille.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/casaudiobook.png b/skin/openils/var/web/images/format_icons/icon_format/casaudiobook.png
new file mode 100644 (file)
index 0000000..4aff656
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/casaudiobook.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/casmusic.png b/skin/openils/var/web/images/format_icons/icon_format/casmusic.png
new file mode 100644 (file)
index 0000000..353c041
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/casmusic.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/cassette.png b/skin/openils/var/web/images/format_icons/icon_format/cassette.png
new file mode 100644 (file)
index 0000000..802b55a
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/cassette.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/cd.png b/skin/openils/var/web/images/format_icons/icon_format/cd.png
new file mode 100644 (file)
index 0000000..d8622cb
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/cd.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/cdaudiobook.png b/skin/openils/var/web/images/format_icons/icon_format/cdaudiobook.png
new file mode 100644 (file)
index 0000000..56a2c01
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/cdaudiobook.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/cdmusic.png b/skin/openils/var/web/images/format_icons/icon_format/cdmusic.png
new file mode 100644 (file)
index 0000000..0e58ff3
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/cdmusic.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/dvd.png b/skin/openils/var/web/images/format_icons/icon_format/dvd.png
new file mode 100644 (file)
index 0000000..dc58188
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/dvd.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/eaudio.png b/skin/openils/var/web/images/format_icons/icon_format/eaudio.png
new file mode 100644 (file)
index 0000000..be40df3
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/eaudio.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/ebook.png b/skin/openils/var/web/images/format_icons/icon_format/ebook.png
new file mode 100644 (file)
index 0000000..c12d85f
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/ebook.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/emusic.png b/skin/openils/var/web/images/format_icons/icon_format/emusic.png
new file mode 100644 (file)
index 0000000..b85d84f
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/emusic.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/eqipment.png b/skin/openils/var/web/images/format_icons/icon_format/eqipment.png
new file mode 100644 (file)
index 0000000..eaa3c51
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/eqipment.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/equip.png b/skin/openils/var/web/images/format_icons/icon_format/equip.png
new file mode 100644 (file)
index 0000000..ec88cc1
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/equip.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/evideo.png b/skin/openils/var/web/images/format_icons/icon_format/evideo.png
new file mode 100644 (file)
index 0000000..03a8fe5
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/evideo.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/kit.png b/skin/openils/var/web/images/format_icons/icon_format/kit.png
new file mode 100644 (file)
index 0000000..7be2358
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/kit.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/lpbook.png b/skin/openils/var/web/images/format_icons/icon_format/lpbook.png
new file mode 100644 (file)
index 0000000..fbf3077
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/lpbook.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/map.png b/skin/openils/var/web/images/format_icons/icon_format/map.png
new file mode 100644 (file)
index 0000000..55266ad
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/map.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/map2.png b/skin/openils/var/web/images/format_icons/icon_format/map2.png
new file mode 100644 (file)
index 0000000..777c979
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/map2.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/microform.png b/skin/openils/var/web/images/format_icons/icon_format/microform.png
new file mode 100644 (file)
index 0000000..a7ddedb
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/microform.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/music.png b/skin/openils/var/web/images/format_icons/icon_format/music.png
new file mode 100644 (file)
index 0000000..76ee051
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/music.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/phono.png b/skin/openils/var/web/images/format_icons/icon_format/phono.png
new file mode 100644 (file)
index 0000000..60595da
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/phono.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/phonograph.png b/skin/openils/var/web/images/format_icons/icon_format/phonograph.png
new file mode 100644 (file)
index 0000000..2df6dad
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/phonograph.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/phonomusic.png b/skin/openils/var/web/images/format_icons/icon_format/phonomusic.png
new file mode 100644 (file)
index 0000000..1407eaf
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/phonomusic.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/phonospoken.png b/skin/openils/var/web/images/format_icons/icon_format/phonospoken.png
new file mode 100644 (file)
index 0000000..022d3f3
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/phonospoken.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/picture.png b/skin/openils/var/web/images/format_icons/icon_format/picture.png
new file mode 100644 (file)
index 0000000..a4a7fe2
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/picture.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/score.png b/skin/openils/var/web/images/format_icons/icon_format/score.png
new file mode 100644 (file)
index 0000000..3cb2cac
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/score.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/score2.png b/skin/openils/var/web/images/format_icons/icon_format/score2.png
new file mode 100644 (file)
index 0000000..716c482
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/score2.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/serial.png b/skin/openils/var/web/images/format_icons/icon_format/serial.png
new file mode 100644 (file)
index 0000000..a4821d1
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/serial.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/software.png b/skin/openils/var/web/images/format_icons/icon_format/software.png
new file mode 100644 (file)
index 0000000..5186077
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/software.png differ
diff --git a/skin/openils/var/web/images/format_icons/icon_format/vhs.png b/skin/openils/var/web/images/format_icons/icon_format/vhs.png
new file mode 100644 (file)
index 0000000..2f1adbc
Binary files /dev/null and b/skin/openils/var/web/images/format_icons/icon_format/vhs.png differ
diff --git a/src/format_icons/blu-ray.svg b/src/format_icons/blu-ray.svg
new file mode 100644 (file)
index 0000000..a20b151
--- /dev/null
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-5" y="-5" fill="#FFF"/>
+    <g fill="#1A1919" fill-rule="nonzero" transform="translate(1 8)">
+      <path d="M5.91377494,0.604536855 C5.85124755,0.604536855 5.63486986,0.669131204 5.44564223,0.949040049 C5.25559186,1.23060516 4.39254931,2.65996216 4.24034447,2.92910528 C4.07497597,3.19742027 4.12516243,3.31253071 4.30369459,3.31253071 C4.45589943,3.31253071 4.49292223,3.31253071 4.68379532,3.31253071 C4.86150475,3.31253071 5.02687325,3.10881007 5.08857791,2.96802752 C5.17743262,2.84132322 6.19350275,1.18174533 6.35722579,0.939102457 C6.49708969,0.696459582 6.40823498,0.60619312 6.2946984,0.60619312 C6.19268002,0.604536855 5.91377494,0.604536855 5.91377494,0.604536855 L5.91377494,0.604536855 Z M3.47932029,1.31921536 C3.30078813,1.68939066 2.95853293,1.68939066 2.7808235,1.68939066 C2.59159586,1.68939066 2.55375034,1.68939066 2.47641382,1.68939066 C2.42540464,1.68939066 2.33654992,1.68939066 2.42540464,1.57345209 C2.51343662,1.44674779 2.61463227,1.22894889 2.67962785,1.15276069 C2.74297797,1.07491622 2.79480989,1.03682211 2.88284187,1.03682211 C2.88284187,1.03682211 3.14940602,1.03682211 3.25060167,1.03682211 C3.35097459,1.03930651 3.616716,1.03930651 3.47932029,1.31921536 Z M3.00871939,2.41731929 C2.83100996,2.78749459 2.50109569,2.80074472 2.3102226,2.80074472 C2.13251317,2.80074472 1.86594902,2.80074472 1.80342163,2.80074472 C1.74007151,2.80074472 1.67672139,2.80074472 1.74007151,2.65996216 C1.82810349,2.54485172 1.95562647,2.34113108 2.00581293,2.26494287 C2.05682211,2.17467641 2.10700857,2.1490043 2.22219061,2.1490043 C2.22219061,2.1490043 2.6524778,2.1490043 2.76765984,2.1490043 C2.86967821,2.15066057 3.13624236,2.13741044 3.00871939,2.41731929 Z M2.45090923,3.31170258 C3.09839683,3.28603047 3.53032948,3.26035835 4.03795317,2.32788096 C4.25350813,1.90718956 3.64386606,1.8955957 3.64386606,1.8955957 C3.55583407,1.8955957 4.20249894,1.90884582 4.54475414,1.1809172 C4.86232748,0.515926658 4.30369459,0.568099017 4.20249894,0.554848894 C3.71955711,0.490254545 2.81866902,0.515926658 2.13415863,0.554848894 C1.99429472,0.554848894 1.82974895,0.744491278 1.74089424,0.860429853 C1.67754412,0.987134152 0.624451194,2.69971253 0.472246357,2.94235541 C0.306877859,3.1982484 0.472246357,3.30010872 0.635969398,3.31253071 C1.1180885,3.33820283 1.72773058,3.33820283 2.45090923,3.31170258 L2.45090923,3.31170258 Z" transform="translate(0 11.962)"/>
+      <path d="M23.5720042,13.588001 L22.7336435,14.9287478 C22.555934,15.2103129 22.7089616,15.273251 22.7969936,15.273251 C22.8858483,15.273251 23.0125485,15.273251 23.1647534,15.273251 C23.3046173,15.273251 23.4058129,15.2591727 23.6213679,14.9287478 L24.4597286,13.5623289 C24.6876245,13.1921536 24.4087194,13.2178257 24.2318327,13.2178257 C23.9150821,13.2310758 23.839391,13.2178257 23.5720042,13.588001"/>
+      <path d="M3.43818385,0.979680958 L2.43610011,0.979680958 C2.33408173,0.979680958 2.19504056,1.06829115 2.11852678,1.17180774 C2.05599938,1.27366806 2.09384491,1.37552838 2.19504056,1.37552838 C2.19504056,1.36227826 2.60064588,1.37552838 2.90505555,1.37552838 C3.22262889,1.36227826 3.33534274,1.57924902 2.99308754,2.05128464 C2.92891469,2.15480123 2.78987352,2.3187715 2.67551421,2.38336585 C2.67551421,2.38336585 2.39660913,2.6127586 1.49489831,2.6127586 C0.670524009,2.6127586 0.632678482,2.52249214 0.632678482,2.52249214 C0.555341971,2.46038219 0.529837376,2.34444361 0.555341971,2.27984926 C0.594010226,2.22850504 0.720710469,2.17798894 0.821906117,2.17798894 L1.86183538,2.17798894 C1.96303103,2.17798894 2.10289493,2.09020688 2.16706778,1.97509644 C2.24275883,1.87323612 2.20491331,1.74570369 2.10289493,1.74570369 C2.10289493,1.74570369 1.69811234,1.74570369 1.33117527,1.74570369 C0.963415478,1.74570369 1.01195648,1.50306081 1.29250702,1.09396327 C1.3690208,0.978852826 1.50806197,0.83807027 1.60925762,0.762710197 C1.60925762,0.762710197 1.91449002,0.533317445 2.80221445,0.533317445 C3.15763331,0.533317445 3.75246626,0.494395209 3.71462074,0.801632432 C3.70474799,0.942414988 3.5023567,0.979680958 3.43818385,0.979680958 M6.06351159,0.992102948 L5.25230095,0.992102948 C5.1511053,0.992102948 5.0112414,1.08071314 4.94871401,1.20907371 L4.4665949,1.96267445 C4.40242205,2.06453477 4.44109031,2.17964521 4.51760409,2.17964521 C4.51760409,2.17964521 5.34197839,2.17964521 5.4818423,2.17964521 C5.6217062,2.17964521 5.70891546,2.19289533 5.69821998,2.23098943 C5.68505632,2.37177199 5.4818423,2.61441486 4.35305832,2.61441486 C3.33863365,2.61441486 3.40198378,2.47363231 3.41267925,2.32042776 C3.43818385,2.15562936 3.93428934,1.36310639 4.08567145,1.12046351 C4.23869901,0.864570516 4.45343124,0.533317445 5.45551497,0.533317445 C6.39507132,0.533317445 6.3432394,0.750288206 6.33007574,0.801632432 C6.33007574,0.851320393 6.27988928,0.992102948 6.06351159,0.992102948" transform="translate(23.585 12.698)"/>
+      <path d="M24.9418477,12.4509748 C25.0183615,12.4509748 25.1063934,12.5288193 25.0438661,12.6563517 C24.9665295,12.758212 24.9418477,12.8103844 24.9031794,12.8857445 C24.8521702,12.9619327 24.7394564,13.0008549 24.5995925,13.0008549 C24.4597286,13.0008549 24.130637,13.0008549 24.0788051,13.0008549 C23.9767867,13.0008549 23.9767867,12.9122447 24.0277959,12.8228064 C24.0656415,12.7449619 24.0903233,12.7052115 24.1289916,12.6563517 C24.1676598,12.5917574 24.2301872,12.4509748 24.4334013,12.4509748 L24.9418477,12.4509748 L24.9418477,12.4509748 Z M9.76990504,13.9200822 C9.57985468,13.9200822 9.50334089,14.0476146 9.46549537,14.112209 C9.43999077,14.1627251 9.40214525,14.2008192 9.35113606,14.2902575 C9.31329053,14.380524 9.32563146,14.4699623 9.37664065,14.4699623 C9.43916804,14.4699623 9.78224597,14.4699623 9.92210988,14.4699623 C10.0866556,14.4699623 10.1763331,14.4186181 10.2256968,14.3424299 C10.276706,14.2546478 10.2890469,14.2273194 10.364738,14.099787 C10.4535927,13.9730827 10.3400561,13.9200822 10.276706,13.9200822 L9.76990504,13.9200822 L9.76990504,13.9200822 Z M21.9355965,13.4861407 C21.9355965,13.4861407 21.3654454,14.3921178 21.3267771,14.443462 C21.2765907,14.5196502 21.0988812,14.7622931 20.8323171,14.7622931 C20.6677713,14.7622931 20.43823,14.7622931 20.2728615,14.7622931 C20.1716658,14.7622931 20.1198339,14.7506993 20.1856522,14.6471827 L21.0972358,13.1789034 C21.1367268,13.1283873 21.1984314,13.0902932 21.2765907,13.0902932 C21.4287955,13.0902932 21.7060551,13.0902932 21.8212372,13.0902932 C21.9997693,13.0902932 22.0499558,13.28242 21.9355965,13.4861407 Z M22.3806928,14.443462 C22.7097843,13.9068321 22.5065703,14.2397414 22.9763485,13.4861407 C23.4346084,12.7192898 22.7106071,12.5677415 21.9997693,12.5677415 C20.9088309,12.5677415 20.5772712,12.6182576 20.5772712,12.6182576 C20.4629118,12.6182576 20.3123525,12.7201179 20.2481796,12.8476504 L18.9285225,14.9941703 C18.8528315,15.1200464 18.8775134,15.223563 18.9795317,15.2492351 C18.9795317,15.2492351 19.2962823,15.2740791 20.3872208,15.2740791 C21.8862327,15.273251 22.0252739,14.9933421 22.3806928,14.443462 L22.3806928,14.443462 Z M14.1468225,14.6480108 L14.1468225,14.6620891 C14.0579678,14.7887934 13.8802584,14.9047319 13.7790627,14.9047319 L13.271439,14.9047319 C13.1694206,14.9047319 13.1315751,14.7887934 13.2204298,14.6620891 L13.2204298,14.6480108 C13.3084618,14.5088845 13.4861712,14.3921178 13.5873669,14.3921178 L14.0949906,14.3921178 C14.1978317,14.3921178 14.2356772,14.5088845 14.1468225,14.6480108 Z M13.6391988,14.0235988 C13.3224482,14.0235988 13.2204298,14.0476146 12.9415247,14.0608647 C12.8263427,14.0608647 12.6749606,14.1494749 12.6116105,14.2786636 L12.3450463,14.7399335 C12.0151321,15.2633134 12.7259698,15.3022356 13.2846027,15.3022356 C14.1854908,15.3022356 14.6157779,15.0455145 14.6157779,15.0455145 C14.73096,14.9941703 14.8708239,14.8558721 14.934174,14.7399335 L15.5174888,13.7834403 C15.5808389,13.6799237 15.6055207,13.5018752 15.5421706,13.4000149 C15.5421706,13.4000149 15.4664796,13.2194819 14.5655915,13.2194819 C13.6770443,13.2194819 13.3224482,13.3602645 13.3224482,13.3602645 C13.2204298,13.4116087 13.0945523,13.5018752 13.055884,13.5523913 C13.0303795,13.6285795 13.0813886,13.6774393 13.1825843,13.6774393 L14.5022414,13.6774393 C14.603437,13.6774393 14.6412825,13.7677058 14.5910961,13.8571441 C14.475914,14.0120049 14.2866864,14.0235988 14.2866864,14.0235988 L13.6391988,14.0235988 L13.6391988,14.0235988 Z M11.8892545,13.8695661 C11.9772865,13.7420337 12.1163277,13.6525953 12.2183461,13.6525953 L12.6239514,13.6525953 C12.6873015,13.6525953 12.8905156,13.6393452 12.9028565,13.5118128 C12.9168429,13.3064359 12.4840875,13.2550916 12.3195417,13.2550916 C11.7230633,13.2550916 11.3931491,13.2807638 11.0508939,13.7900654 C10.7851524,14.1991629 10.5185883,14.6223387 10.3408789,14.9270915 C10.1878513,15.2094848 10.3277152,15.2715947 10.4165699,15.2715947 C10.5054246,15.2715947 10.6452885,15.2715947 10.7851524,15.2715947 C10.9241936,15.2715947 11.0253893,15.2583446 11.2417669,14.9270915 L11.8892545,13.8695661 L11.8892545,13.8695661 Z M9.23842221,13.6012511 L8.66744839,14.5585725 C8.5909346,14.6604328 8.66744839,14.7126052 8.73079851,14.7126052 C8.80648956,14.7126052 8.86983968,14.7126052 8.93401253,14.7126052 C8.99818538,14.7126052 9.08621737,14.7887934 9.00970359,14.9030757 C8.94635347,15.0306081 8.93401253,15.0827805 8.87066241,15.1589687 C8.81965322,15.2475789 8.73162124,15.2740791 8.57859367,15.2740791 C8.47739802,15.2740791 8.40170697,15.2740791 8.33835685,15.2740791 C8.17381108,15.2740791 8.26184307,15.0314362 8.26184307,15.0314362 C8.02160624,15.2997512 7.46297336,15.2997512 6.87883588,15.2997512 C6.32020299,15.2997512 5.59702434,15.2997512 5.92776133,14.7382773 L6.63859905,13.588001 C6.75213563,13.3975305 6.84181308,13.319686 6.95534966,13.2691699 C6.95534966,13.2691699 6.98085425,13.2302477 7.28526393,13.2302477 C7.48847795,13.2302477 7.75339664,13.2302477 7.52632348,13.588001 L6.87883588,14.6471827 C6.80314482,14.7506993 6.84099035,14.8525596 6.95534966,14.8525596 L7.39962324,14.8525596 C7.51398255,14.8525596 7.65302372,14.7506993 7.74187844,14.6471827 C7.74187844,14.6471827 8.0717927,14.0732867 8.36386144,13.5995948 C8.4395525,13.4844844 8.63042559,13.2302477 8.82047595,13.2302477 C8.82047595,13.2302477 8.99900811,13.2302477 9.13804929,13.2302477 C9.27709046,13.2302477 9.4408135,13.2691699 9.23842221,13.6012511 L9.23842221,13.6012511 Z M15.0098651,15.8107091 L16.062958,15.8107091 L16.2785129,15.8239592 C16.3928722,15.8239592 16.5327362,15.7220989 16.5960863,15.5953946 L16.8132867,15.2740791 C16.6726001,15.2997512 16.5327362,15.2997512 16.3690131,15.2997512 C15.8367075,15.2997512 15.1003652,15.2997512 15.4294568,14.7382773 L16.1147899,13.6269232 C16.2036446,13.4993908 16.3435085,13.3586082 16.4323632,13.3064359 C16.4323632,13.28242 16.4833724,13.2691699 16.7746184,13.2691699 C16.9646688,13.2691699 17.2707239,13.2178257 17.0025143,13.6269232 L16.393695,14.6471827 C16.3180039,14.7506993 16.3435085,14.8525596 16.4447042,14.8525596 L16.8741686,14.8525596 C16.9630233,14.8525596 17.1292146,14.7506993 17.1933874,14.6471827 L17.8268886,13.6269232 C17.8910615,13.4993908 18.044089,13.3586082 18.1452847,13.3064359 C18.1452847,13.3064359 18.1962939,13.2691699 18.4875399,13.2691699 C18.6520857,13.2691699 18.9836454,13.2178257 18.7154358,13.6269232 L18.1839529,14.4823843 C18.1584483,14.5196502 18.1452847,14.5329004 18.1206028,14.5974947 L17.4484334,15.6955986 C17.3719196,15.8107091 17.2320557,15.9514916 17.13086,16.0144297 C17.13086,16.0144297 16.6874092,16.2703227 15.798862,16.2703227 C15.7610165,16.2703227 15.71083,16.2703227 15.6721618,16.2703227 C14.8477875,16.2454787 14.885633,16.1941345 14.8354465,16.1552123 C14.7844374,16.1419622 14.7334282,16.0666021 14.7465918,15.9630855 C14.7564646,15.8736472 14.8700012,15.8107091 15.0098651,15.8107091 L15.0098651,15.8107091 Z"/>
+      <g transform="translate(3.474)">
+        <path d="M4.63443159,5.59486437 C4.63443159,5.36547162 6.06680251,5.03256229 8.37620238,5.03256229 C10.6856022,5.03256229 12.1056322,5.36464349 12.1056322,5.59486437 C12.1056322,5.85075737 10.6847795,6.16876032 8.37620238,6.16876032 C6.06844796,6.16958845 4.63443159,5.85075737 4.63443159,5.59486437 Z M3.16339241,1.49643575 C3.13788782,1.49643575 3.13788782,1.50968587 3.12472416,1.52127973 C2.02144477,3.0789973 1.37395717,4.11333501 0.689446773,5.3903156 L0.613755719,5.53109816 L0.600592057,5.58244238 C0.537241936,5.70997482 0.549582869,5.85075737 0.638437584,5.96586781 C1.0440429,6.60435811 3.31477452,7.35795885 8.37620238,7.35795885 C12.1566414,7.35795885 16.1773173,6.74514066 16.1773173,5.59569251 C16.1773173,4.51001057 12.2191688,3.85827015 8.37620238,3.85827015 C7.09439083,3.85827015 5.83972935,4.02472482 5.48348776,4.08849103 C5.82574295,3.55268919 7.27210027,1.59829607 7.27210027,1.58587408 C7.29760486,1.56020197 7.29760486,1.56020197 7.29760486,1.54695184 L7.29760486,1.52210786 C7.27210027,1.50968587 7.25975933,1.49726388 7.23425474,1.49726388 L3.16339241,1.49643575 L3.16339241,1.49643575 Z"/>
+        <path d="M6.03060244,11.328855 C6.67726731,11.3421052 24.8817885,11.9789392 25.2873938,5.48058206 C25.6173081,0.104344717 12.2208143,0.61530258 12.2208143,0.61530258 C12.1953097,0.61530258 12.106455,0.61530258 12.106455,0.679068796 C12.106455,0.756085135 12.1443005,0.768507125 12.1936642,0.768507125 C15.9115759,0.768507125 21.9487601,2.26245848 21.7595325,5.47975393 C21.6065049,8.08505934 16.8873323,11.1483221 6.02895698,11.1483221 C5.97794779,11.1483221 5.9269386,11.1996663 5.9269386,11.2361042 C5.92858406,11.2766827 5.96725232,11.3156049 6.03060244,11.328855"/>
+      </g>
+      <polyline points="26.199 10.856 25.844 10.856 25.844 10.779 26.655 10.779 26.655 10.856 26.326 10.856 26.326 11.494 26.199 11.494 26.199 10.856"/>
+      <polyline points="26.832 10.779 26.985 10.779 27.251 11.38 27.531 10.779 27.682 10.779 27.682 11.494 27.581 11.494 27.581 10.907 27.568 10.907 27.303 11.494 27.2 11.494 26.934 10.907 26.934 11.494 26.832 11.494 26.832 10.779"/>
+    </g>
+    <rect width="231" height="196" x="-7" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/book.svg b/src/format_icons/book.svg
new file mode 100644 (file)
index 0000000..a27997b
--- /dev/null
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-5" y="-150" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <path d="M13.26837,3.97040527 C10.5843328,2.39603571 6.90971817,1.33552289 4.7197116,1.25646801 L4.7197116,17.2390102 C6.89797551,17.2600354 9.60717552,17.6023263 13.26837,19.3625589 L13.26837,3.97040527 Z M22.3848699,1.25646801 C20.1965409,1.33468188 16.5210875,2.3951947 13.8387279,3.97040527 L13.8387279,19.3642409 C17.4982448,17.6014852 20.2082835,17.2617175 22.3848699,17.2398512 L22.3848699,1.25646801 Z"/>
+      <path d="M22.9552278,17.5157023 C22.9552278,17.6645609 22.8193484,17.8008045 22.6708876,17.8008045 C20.4146189,17.8008045 17.6265753,18.0791786 13.6743306,20.0614377 C13.598842,20.0992831 13.5032232,20.0992831 13.4260571,20.0614377 C9.47632871,18.0808606 6.68912387,17.8008045 4.43285513,17.8008045 C4.28355556,17.8008045 4.14767618,17.6645609 4.14767618,17.5157023 L4.14767618,3.13107791 C3.78029859,2.98474228 3.40621091,2.95867099 3.00779914,2.95278392 L3.00779914,19.4803002 C5.41504497,18.9883097 9.43942319,19.3171444 13.542645,21.2026874 C17.1551913,19.2994832 21.6400496,18.9798996 24.0925886,19.4803002 L24.0925886,2.95278392 C23.6950156,2.959512 23.3200891,2.98474228 22.9535503,3.13107791 L22.9535503,17.5157023 L22.9552278,17.5157023 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M26.08968,4.08646456 C25.6434588,4.08646456 25.1594933,4.08478254 24.6654628,4.23784625 L24.6654628,2.65758963 C24.6654628,2.50873097 24.5295834,2.37248745 24.3811226,2.37248745 C23.9332239,2.37248745 23.4500972,2.37080543 22.9552278,2.52386914 L22.9552278,0.943612521 C22.9552278,0.794753861 22.821026,0.657669333 22.6708876,0.657669333 C20.3324203,0.657669333 16.4422439,1.78714493 13.5527101,3.48766589 C10.6631764,1.78630392 6.77300003,0.657669333 4.43453265,0.657669333 C4.1493537,0.657669333 4.1493537,0.943612521 4.1493537,0.943612521 L4.1493537,2.52386914 C3.65951692,2.38930764 3.142001,2.37248745 2.69829611,2.37248745 C2.55822292,2.38678461 2.43911877,2.51714106 2.43995753,2.65758963 L2.43995753,4.23784625 C1.95012075,4.10412576 1.43260484,4.08646456 0.98806118,4.08646456 C0.847987991,4.10076172 0.729722603,4.23195918 0.730561365,4.37324876 L0.730561365,22.6576336 C0.729722603,22.8502248 0.96709214,23.0007654 1.14071579,22.9175055 C2.20007171,22.3868286 4.24413376,22.0176255 6.52724287,22.0521069 C8.81202951,22.0865883 11.3417345,22.513821 13.4285734,23.4893919 C13.5116108,23.5272373 13.6089072,23.5238733 13.6877508,23.4792998 C15.4726355,22.515503 18.0015017,22.0865883 20.3575831,22.0521069 C22.7136645,22.0176255 24.9170912,22.3918747 25.9672208,22.9175055 C26.1400057,23.0032885 26.3773752,22.8519068 26.3756977,22.6576336 L26.3756977,4.37324876 C26.3740202,4.22270808 26.2381408,4.08646456 26.08968,4.08646456 Z M13.8378891,3.97040527 C16.5202487,2.39603571 20.1957021,1.33552289 22.3840312,1.25646801 L22.3840312,17.2390102 C20.2057673,17.2600354 17.497406,17.6023263 13.8378891,19.3625589 L13.8378891,3.97040527 Z M4.7197116,1.25646801 C6.90971817,1.33468188 10.5843328,2.3951947 13.26837,3.97040527 L13.26837,19.3642409 C9.60717552,17.6014852 6.89713675,17.2617175 4.7197116,17.2398512 L4.7197116,1.25646801 Z M24.0967824,19.4803002 C21.6417271,18.9798996 17.1585463,19.2994832 13.5451613,21.2026874 C9.44193948,19.3171444 5.41840002,18.9866277 3.01031543,19.4803002 L3.01031543,2.95278392 C3.40956596,2.959512 3.78281488,2.98474228 4.15019246,3.13107791 L4.15019246,17.5157023 C4.15019246,17.6645609 4.28607184,17.8008045 4.43537141,17.8008045 C6.68996263,17.8008045 9.47800623,18.0791786 13.4285734,20.0614377 C13.507417,20.0992831 13.6013583,20.0992831 13.6776856,20.0614377 C17.6282528,18.0808606 20.4146189,17.8008045 22.6725652,17.8008045 C22.8227035,17.8008045 22.9569054,17.6645609 22.9569054,17.5157023 L22.9569054,3.13107791 C23.3242829,2.98474228 23.7000481,2.95867099 24.0967824,2.95278392 L24.0967824,19.4803002 L24.0967824,19.4803002 Z"/>
+    </g>
+    <rect width="231" height="196" x="-7" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/braille.svg b/src/format_icons/braille.svg
new file mode 100644 (file)
index 0000000..31c8084
--- /dev/null
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-186" y="-5" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <path d="M13.2809514 3.92981516C10.5373621 2.33844362 6.78054888 1.26644921 4.54105537 1.18750388L4.54105537 17.3322383C6.76796746 17.3546754 9.53839707 17.7003728 13.2809514 19.4795511L13.2809514 3.92981516zM6.89462046 14.9206664C6.21606232 14.7777338 5.6658347 14.1170861 5.6658347 13.4456353 5.6658347 12.7741845 6.21606232 12.3437248 6.89462046 12.4866573 7.57401737 12.6320829 8.12424499 13.2927307 8.12424499 13.9633504 8.12424499 14.6348012 7.57317861 15.0635989 6.89462046 14.9206664zM6.89462046 6.68957751C6.21606232 6.54747592 5.6658347 5.8859972 5.6658347 5.21371544 5.6658347 4.54143368 6.21606232 4.11180491 6.89462046 4.2555685 7.57401737 4.39767008 8.12424499 5.0583178 8.12424499 5.73059957 8.12424499 6.40288133 7.57317861 6.8333411 6.89462046 6.68957751zM11.048168 11.679753C10.3696098 11.5376514 9.82022097 10.8761727 9.82022097 10.204722 9.82022097 9.5324402 10.3704486 9.10198043 11.048168 9.24657502 11.7284036 9.38867661 12.2777925 10.0493243 12.2777925 10.7216061 12.2777925 11.3938879 11.7275649 11.8226856 11.048168 11.679753zM11.048168 7.56462411C10.3696098 7.42169152 9.82022097 6.7602128 9.82022097 6.08876204 9.82022097 5.41648027 10.3704486 4.98685151 11.048168 5.1306151 11.7284036 5.27354769 12.2777925 5.9341954 12.2777925 6.60647717 12.2777925 7.27875893 11.7275649 7.70755669 11.048168 7.56462411zM22.602948 1.18750388C20.3642932 1.26728021 16.6066412 2.33927462 13.8630519 3.92981516L13.8630519 19.4795511C17.6047675 17.6995418 20.3760359 17.3538444 22.602948 17.3322383L22.602948 1.18750388zM16.0404771 15.8297841C15.3619189 15.9727167 14.8116913 15.5439189 14.8116913 14.8724682 14.8116913 14.1985244 15.3619189 13.5395387 16.0404771 13.3966061 16.7190352 13.2536735 17.2701016 13.6824713 17.2701016 14.353091 17.2701016 15.0262038 16.7190352 15.6868515 16.0404771 15.8297841zM16.0404771 11.7138242C15.3619189 11.8575878 14.8116913 11.427128 14.8116913 10.7556772 14.8116913 10.0833955 15.3619189 9.42274775 16.0404771 9.27981516 16.7190352 9.13688257 17.2701016 9.56568034 17.2701016 10.2379621 17.2701016 10.9102439 16.7190352 11.5708916 16.0404771 11.7138242zM16.0404771 7.59869525C15.3619189 7.74162783 14.8116913 7.31283007 14.8116913 6.64054831 14.8116913 5.96826654 15.3619189 5.30761883 16.0404771 5.16385523 16.7190352 5.02092265 17.2701016 5.45055141 17.2701016 6.12283318 17.2701016 6.79511494 16.7190352 7.45659366 16.0404771 7.59869525zM20.1940246 10.8387776C19.5146277 10.9817102 18.9652388 10.5529124 18.9652388 9.88063063 18.9652388 9.20834887 19.5146277 8.54770115 20.1940246 8.40476856 20.8725827 8.26266698 21.4236491 8.69063374 21.4236491 9.3629155 21.4236491 10.0351973 20.8725827 10.696676 20.1940246 10.8387776zM20.1940246 6.72364865C19.5146277 6.86658124 18.9652388 6.43695247 18.9652388 5.76467071 18.9652388 5.09238894 19.5146277 4.43174122 20.1940246 4.28880864 20.8725827 4.14587605 21.4236491 4.57467381 21.4236491 5.24695558 21.4236491 5.91923734 20.8725827 6.58071606 20.1940246 6.72364865z"/>
+      <path d="M23.1858873,17.6114554 C23.1858873,17.76436 23.0483304,17.9006446 22.8939982,17.9006446 C20.5882426,17.9006446 17.7389694,18.1831858 13.6994934,20.18258 C13.6206498,20.2216372 13.5241923,20.2216372 13.4445099,20.18258 C9.40587273,18.1831858 6.55576077,17.9006446 4.24916633,17.9006446 C4.09567296,17.9006446 3.95727729,17.76436 3.95727729,17.6114554 L3.95727729,3.08136067 C3.58235085,2.93427307 3.19987555,2.90768096 2.79139865,2.90103293 L2.79139865,19.5967226 C5.25316398,19.0981205 9.3672897,19.4330149 13.5619365,21.3385057 C17.2550039,19.4163948 21.8396749,19.0939655 24.3492496,19.5967226 L24.3492496,2.90103293 C23.9424502,2.90684995 23.5582974,2.93427307 23.1825322,3.08136067 L23.1825322,17.6114554 L23.1858873,17.6114554 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M26.3907954,4.04698664 C25.9345091,4.04698664 25.438801,4.04449363 24.9347052,4.20072227 L24.9347052,2.60436471 C24.9347052,2.45312209 24.794632,2.31517552 24.6428162,2.31517552 C24.1856911,2.31517552 23.6908218,2.31351351 23.1858873,2.46891115 L23.1858873,0.872553588 C23.1858873,0.72214197 23.0474916,0.584195402 22.8939982,0.584195402 C20.5035276,0.584195402 16.5269588,1.72516309 13.5728404,3.44367816 C10.618722,1.72516309 6.64047569,0.584195402 4.25084386,0.584195402 C3.95895481,0.584195402 3.95895481,0.872553588 3.95895481,0.872553588 L3.95895481,2.46891115 C3.45737537,2.33262659 2.92895555,2.31600652 2.47434676,2.31517552 C2.33175728,2.32847158 2.21013685,2.46143212 2.21097561,2.60436471 L2.21097561,4.20072227 C1.70939617,4.06360671 1.18181511,4.04698664 0.727206319,4.04698664 C0.584616844,4.05945169 0.46299641,4.19241224 0.463835172,4.33617583 L0.463835172,22.8085508 C0.462157649,23.0030056 0.705398517,23.1542482 0.882377217,23.0686549 C1.96605722,22.5318267 4.05625116,22.1562131 6.39052473,22.1919463 C8.72563706,22.2293414 11.3140554,22.6589702 13.4470262,23.6445402 C13.5292248,23.6835974 13.630715,23.6802734 13.7095586,23.6353992 C15.5355426,22.6614632 18.1197671,22.2293414 20.527013,22.1919463 C22.9359363,22.1562131 25.1905275,22.5359817 26.2633036,23.0686549 C26.4419599,23.1542482 26.6852007,23.0030056 26.6826844,22.8085508 L26.6826844,4.33617583 C26.6826844,4.18410221 26.54345,4.04698664 26.3907954,4.04698664 Z M13.8630519,3.92981516 C16.6066412,2.33844362 20.3642932,1.26644921 22.602948,1.18750388 L22.602948,17.3322383 C20.3760359,17.3546754 17.6047675,17.7003728 13.8630519,19.4795511 L13.8630519,3.92981516 Z M4.54105537,1.18750388 C6.77971012,1.26728021 10.5365234,2.33844362 13.2809514,3.92981516 L13.2809514,19.4795511 C9.53923583,17.6995418 6.76796746,17.3538444 4.54105537,17.3322383 L4.54105537,1.18750388 Z M24.3509272,19.5967226 C21.8413524,19.0939655 17.2566814,19.4147328 13.563614,21.3385057 C9.36896722,19.4330149 5.25484151,19.0989515 2.79307617,19.5967226 L2.79307617,2.90103293 C3.20071432,2.90684995 3.58402837,2.93427307 3.95895481,3.08136067 L3.95895481,17.6114554 C3.95895481,17.76436 4.09735048,17.9006446 4.25084386,17.9006446 C6.55743829,17.9006446 9.40671149,18.1831858 13.4461874,20.18258 C13.5258698,20.2216372 13.6223274,20.2216372 13.701171,20.18258 C17.7398081,18.1831858 20.5899201,17.9006446 22.8956758,17.9006446 C23.0491691,17.9006446 23.1875648,17.76436 23.1875648,17.6114554 L23.1875648,3.08136067 C23.5616525,2.93427307 23.9458053,2.90768096 24.3542822,2.90103293 L24.3542822,19.5967226 L24.3509272,19.5967226 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M6.89462046 4.2555685C6.21606232 4.11180491 5.66667346 4.54143368 5.6658347 5.21371544 5.6658347 5.8859972 6.21606232 6.54664492 6.89462046 6.68957751 7.57401737 6.8333411 8.12424499 6.40371233 8.12424499 5.73143057 8.12424499 5.0591488 7.57317861 4.39767008 6.89462046 4.2555685zM11.048168 5.12978409C10.3696098 4.98685151 9.82022097 5.41564927 9.82022097 6.08793103 9.82022097 6.7602128 10.3704486 7.42086052 11.048168 7.5637931 11.7284036 7.70672569 12.2777925 7.27792793 12.2777925 6.60564616 12.2777925 5.9333644 11.7275649 5.27271668 11.048168 5.12978409zM11.048168 9.24574402C10.3696098 9.10198043 9.82022097 9.5316092 9.82022097 10.203891 9.82022097 10.8761727 10.3704486 11.5368204 11.048168 11.678922 11.7284036 11.8218546 12.2777925 11.3930568 12.2777925 10.7207751 12.2777925 10.0493243 11.7275649 9.3878456 11.048168 9.24574402zM6.89462046 12.4858263C6.21606232 12.3428938 5.66667346 12.7733535 5.6658347 13.4448043 5.6658347 14.1170861 6.21606232 14.7777338 6.89462046 14.9190043 7.57401737 15.0619369 8.12424499 14.6323082 8.12424499 13.9616884 8.12424499 13.2910687 7.57317861 12.6304209 6.89462046 12.4858263zM16.0404771 5.16385523C15.3619189 5.30678782 14.8116913 5.96826654 14.8116913 6.64054831 14.8116913 7.31283007 15.3619189 7.74162783 16.0404771 7.59869525 16.7190352 7.45659366 17.2701016 6.79594595 17.2701016 6.12366418 17.2701016 5.45138242 16.7190352 5.02092265 16.0404771 5.16385523zM20.1940246 4.28963964C19.5146277 4.43174122 18.9652388 5.09321994 18.9652388 5.76550171 18.9652388 6.43778347 19.5146277 6.86741224 20.1940246 6.72447965 20.8725827 6.58154706 21.4236491 5.92089935 21.4236491 5.24861758 21.4236491 4.57633582 20.8725827 4.14670705 20.1940246 4.28963964zM16.0404771 9.27981516C15.3619189 9.42191674 14.8116913 10.0833955 14.8116913 10.7556772 14.8116913 11.427959 15.3619189 11.8584188 16.0404771 11.7138242 16.7190352 11.5708916 17.2701016 10.9102439 17.2701016 10.2379621 17.2701016 9.56568034 16.7190352 9.13688257 16.0404771 9.27981516zM20.1940246 8.40476856C19.5146277 8.54770115 18.9652388 9.20834887 18.9652388 9.88063063 18.9652388 10.5529124 19.5146277 10.9817102 20.1940246 10.8387776 20.8725827 10.695845 21.4236491 10.0351973 21.4236491 9.3629155 21.4236491 8.69063374 20.8725827 8.26183597 20.1940246 8.40476856zM16.0404771 13.3949441C15.3619189 13.5378767 14.8116913 14.1985244 14.8116913 14.8716372 14.8116913 15.5439189 15.3619189 15.9718857 16.0404771 15.8281221 16.7190352 15.6851895 17.2701016 15.0245418 17.2701016 14.35226 17.2701016 13.6808093 16.7190352 13.2520115 16.0404771 13.3949441z"/>
+    </g>
+    <rect width="231" height="196" x="-188" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/casaudiobook.svg b/src/format_icons/casaudiobook.svg
new file mode 100644 (file)
index 0000000..b8dcbd9
--- /dev/null
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-78" y="-5" fill="#FFF"/>
+    <g fill-rule="nonzero" transform="translate(1 3)">
+      <path fill="#000" d="M3.75381674,1.00346389 L3.75381674,2.55178733 C3.27644298,2.4194155 2.77367699,2.40404329 2.34031641,2.40318927 C2.20404483,2.41599945 2.08808701,2.54495524 2.08977983,2.68330515 L2.08977983,4.23162859 C1.61325247,4.09925676 1.10879367,4.08303053 0.676279499,4.08303053 C0.539161503,4.09584071 0.424050099,4.22479649 0.424896506,4.36314641 L0.424896506,22.2794605 C0.424050099,22.4699051 0.655119314,22.6167951 0.823554384,22.533956 C1.85617139,22.0147168 3.84607515,21.6509078 6.06958734,21.6859223 C8.29225313,21.7192287 10.7578378,22.1368405 12.7892156,23.0941878 C12.8679314,23.1317643 12.9644219,23.1283482 13.0405985,23.0830856 C14.7799657,22.1402565 17.2413184,21.7183747 19.5350824,21.6850682 C21.8296928,21.6500538 23.9736427,22.0155708 24.9986421,22.532248 C25.1670771,22.6159411 25.3972999,22.4690511 25.3972999,22.2777524 L25.3972999,4.36143839 C25.3972999,4.21540236 25.2652604,4.08132251 25.1196783,4.08132251 C24.6837785,4.08132251 24.2148688,4.07961448 23.7315702,4.22992057 L23.7315702,2.68159713 C23.7315702,2.53556111 23.5995307,2.40148125 23.454795,2.40148125 C23.020588,2.40148125 22.5482927,2.39891921 22.0658405,2.55007931 L22.0658405,1.00175587 C22.0658405,0.854865836 21.9338009,0.721639992 21.7882189,0.721639992 C19.5130758,0.721639992 15.7245564,1.8275853 12.9102518,3.4954704 C10.0967937,1.8275853 6.30827423,0.721639992 4.03143837,0.721639992 C3.75381674,0.723348015 3.75381674,1.00346389 3.75381674,1.00346389 L3.75381674,1.00346389 Z M4.30821358,1.31005414 C6.44200659,1.3869152 10.0197706,2.42624759 12.6317838,3.96944696 L12.6317838,19.0521498 C9.0684087,17.3261919 6.42931048,16.9939813 4.30821358,16.970923 L4.30821358,1.31005414 L4.30821358,1.31005414 Z M21.5105972,1.31005414 L21.5105972,16.970923 C19.3895003,16.9914193 16.7520949,17.3261919 13.187027,19.0521498 L13.187027,3.96944696 C15.7990402,2.42624759 19.378497,1.3869152 21.5105972,1.31005414 Z M2.64333026,2.97196115 C3.03098484,2.97793923 3.39663283,3.00355959 3.75381674,3.14703357 L3.75381674,17.2416447 C3.75381674,17.3885348 3.8858563,17.5200526 4.03143837,17.5200526 C6.22871193,17.5200526 8.94314041,17.7924823 12.790062,19.7319432 C12.8645458,19.7720818 12.9559578,19.7720818 13.0321345,19.7319432 C16.8799024,17.7924823 19.5917917,17.5200526 21.7890653,17.5200526 C21.9346473,17.5200526 22.0666869,17.3885348 22.0666869,17.2416447 L22.0666869,3.14703357 C22.4238708,3.00355959 22.7895188,2.97793923 23.1771734,2.97196115 L23.1771734,19.1648793 C20.7869189,18.6763846 16.4211496,18.9880989 12.9017877,20.8549688 C8.90589848,19.0077412 4.9870323,18.6832167 2.64333026,19.1648793 L2.64333026,2.97196115 L2.64333026,2.97196115 Z"/>
+      <g transform="translate(14.064 11.616)">
+        <path fill="#FFF" d="M19.2718497,0.130663809 L1.03684904,0.130663809 C0.535775873,0.130663809 0.126961107,0.561085769 0.126961107,1.08801106 L0.126961107,12.6965938 C0.126961107,13.2243731 0.535775873,13.653941 1.03684904,13.653941 L19.2718497,13.653941 C19.7712301,13.653941 20.1808912,13.2243731 20.1808912,12.6965938 L20.1808912,1.08801106 C20.1808912,0.561085769 19.7712301,0.130663809 19.2718497,0.130663809 Z"/>
+        <g fill="#000" transform="translate(.867 .777)">
+          <path d="M17.6137376,0.181904519 L1.03769545,0.181904519 C0.583174687,0.181904519 0.209062624,0.555961698 0.209062624,1.01798209 L0.209062624,11.1491244 C0.209062624,11.6128528 0.581481872,11.9852019 1.03769545,11.9852019 L17.6154305,11.9852019 C18.0699512,11.9852019 18.4415241,11.6111448 18.4415241,11.1491244 L18.4415241,1.01798209 C18.4415241,0.555107686 18.0699512,0.181904519 17.6137376,0.181904519 Z M4.83891101,11.5692982 C4.59599209,11.5692982 4.39962558,11.3737295 4.39962558,11.1277741 C4.39962558,10.8818187 4.59429927,10.68625 4.83891101,10.68625 C5.0784443,10.68625 5.27650363,10.8818187 5.27650363,11.1277741 C5.27650363,11.3737295 5.08013711,11.5692982 4.83891101,11.5692982 Z M7.07681213,11.0022343 C7.07681213,11.1474163 6.96000791,11.26527 6.81696506,11.26527 L6.49363744,11.26527 C6.351441,11.26527 6.23379038,11.1474163 6.23379038,11.0022343 L6.23379038,10.7443228 C6.23379038,10.5991408 6.351441,10.4829951 6.49363744,10.4829951 L6.81696506,10.4829951 C6.96000791,10.4829951 7.07681213,10.5991408 7.07681213,10.7443228 L7.07681213,11.0022343 Z M12.4184891,11.0167525 C12.4184891,11.1610805 12.3008385,11.2789342 12.1577956,11.2789342 L11.8336216,11.2789342 C11.6905788,11.2789342 11.574621,11.1593725 11.574621,11.0167525 L11.574621,10.757987 C11.574621,10.6128049 11.6905788,10.4966593 11.8336216,10.4966593 L12.1577956,10.4966593 C12.3008385,10.4966593 12.4184891,10.6128049 12.4184891,10.757987 L12.4184891,11.0167525 Z M13.8150613,11.5838164 C13.5729888,11.5838164 13.3766223,11.3856856 13.3766223,11.1414383 C13.3766223,10.8971909 13.571296,10.6999141 13.8150613,10.6999141 C14.055441,10.6999141 14.2526539,10.8954829 14.2526539,11.1414383 C14.2526539,11.3856856 14.055441,11.5838164 13.8150613,11.5838164 Z M15.5781279,11.9006548 C15.5671246,11.9049248 15.5552749,11.9066329 15.5442716,11.9066329 C15.4824838,11.9066329 15.4249281,11.8622242 15.4105392,11.7990274 L14.855296,9.43085258 C14.8375214,9.36253163 14.7782729,9.31641499 14.7088675,9.31641499 L3.77836256,9.31641499 C3.70557152,9.31641499 3.64378378,9.36936372 3.63193408,9.44110072 L3.24343309,11.7913413 C3.2324298,11.8682023 3.16048517,11.917735 3.08600132,11.9049248 C3.00982465,11.8929687 2.95904021,11.8195236 2.97088991,11.7443706 L3.35769809,9.39583809 C3.39240079,9.18916723 3.56845353,9.0354451 3.77582334,9.0354451 L14.7063283,9.0354451 C14.9026948,9.0354451 15.0753619,9.17123298 15.1202215,9.3676557 L15.6771575,11.7358305 C15.6974713,11.8092755 15.6509189,11.8852826 15.5781279,11.9006548 Z M17.1659881,7.97305439 C17.1659881,8.15325089 17.0204061,8.2984329 16.8426605,8.2984329 L1.81215821,8.2984329 C1.63356625,8.2984329 1.48629136,8.15325089 1.48629136,7.97305439 L1.48629136,1.79342483 C1.48629136,1.61322834 1.63356625,1.46804633 1.81215821,1.46804633 L16.8426605,1.46804633 C17.0204061,1.46804633 17.1659881,1.61664438 17.1659881,1.79342483 L17.1659881,7.97305439 L17.1659881,7.97305439 Z"/>
+          <path d="M14.3042848,3.46728801 L4.35053395,3.46728801 C3.98150033,3.46728801 3.68441134,3.76960819 3.68441134,4.13768729 L3.68441134,6.73473725 C3.68441134,7.10623239 3.98319314,7.40513653 4.35053395,7.40513653 L14.3042848,7.40513653 C14.6699328,7.40513653 14.9670218,7.10452437 14.9670218,6.73473725 L14.9670218,4.13768729 C14.9670218,3.76960819 14.6699328,3.46728801 14.3042848,3.46728801 Z M5.59644562,4.48697813 C6.11867897,4.48697813 6.53934344,4.91398404 6.53934344,5.43749329 C6.53934344,5.96100253 6.11867897,6.38715443 5.59644562,6.38715443 C5.0784443,6.38715443 4.65608701,5.96100253 4.65608701,5.43749329 C4.65608701,4.91398404 5.0784443,4.48697813 5.59644562,4.48697813 Z M11.2081266,4.66375857 L11.2081266,6.08995832 C11.2081266,6.16169531 11.1497245,6.2189141 11.0786262,6.2189141 L7.57449967,6.2189141 C7.50255504,6.2189141 7.44415293,6.16169531 7.44415293,6.08995832 L7.44415293,4.66375857 C7.44415293,4.5937296 7.50255504,4.53736482 7.57449967,4.53736482 L11.0786262,4.53736482 C11.148878,4.53480279 11.2081266,4.5937296 11.2081266,4.66375857 Z M13.0549875,6.38715443 C12.5352933,6.38715443 12.1137825,5.96100253 12.1137825,5.43749329 C12.1137825,4.91398404 12.5352933,4.48697812 13.0549875,4.48697812 C13.5729888,4.48697812 13.9953461,4.91398404 13.9953461,5.43749329 C13.9970389,5.96100253 13.5746816,6.38715443 13.0549875,6.38715443 Z"/>
+        </g>
+      </g>
+    </g>
+    <rect width="231" height="196" x="-80" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/casmusic.svg b/src/format_icons/casmusic.svg
new file mode 100644 (file)
index 0000000..13fe71d
--- /dev/null
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-78" y="-150" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <ellipse cx="6.713" cy="15.424" rx="1" ry="1"/>
+      <path d="M23.3723942 2.23488462L2.51078185 2.23488462C2.26426873 2.23488462 2.06059691 2.43361851 2.06059691 2.6790723L2.06059691 11.1172435C2.06059691 11.3613027 2.26426873 11.5614312 2.51078185 11.5614312L20.7675019 11.5614312 20.7675019 11.5593393 20.7675019 10.440851C20.7675019 10.409472 20.7689066 10.3766983 20.7731205 10.3460166 20.8005108 9.75539341 21.1643108 9.23938261 21.7198432 9.01763743L23.8211745 8.1717981 23.8211745 2.6790723C23.8211745 2.43501314 23.618205 2.23488462 23.3723942 2.23488462zM20.7703112 9.42556489C20.7703112 9.93111601 20.3559444 10.3411354 19.8488718 10.3411354L6.03500656 10.3411354C5.52652934 10.3411354 5.11356718 9.9304187 5.11356718 9.42556489L5.11356718 5.87764196C5.11356718 5.37209084 5.52723166 4.96276876 6.03500656 4.96276876L19.8488718 4.96276876C20.3566467 4.96276876 20.7703112 5.37278815 20.7703112 5.87764196L20.7703112 9.42556489zM9.4588 14.5417423L9.01072201 14.5417423C8.81266873 14.5417423 8.65113591 14.7014267 8.65113591 14.9001606L8.65113591 15.2523031C8.65113591 15.448945 8.81196641 15.6107214 9.01072201 15.6107214L9.4588 15.6107214C9.65825792 15.6107214 9.81908842 15.4496424 9.81908842 15.2523031L9.81908842 14.9001606C9.8183861 14.7028213 9.65685328 14.5417423 9.4588 14.5417423z"/>
+      <path d="M5.23998417 12.5683496C4.95062973 12.5683496 4.70692587 12.7740566 4.65846602 13.0592572L4.12119382 16.2648C4.10433822 16.3693967 4.1752722 16.4670204 4.27851274 16.4851505 4.38456255 16.5025833 4.48358919 16.4328521 4.50044479 16.327558L5.03701467 13.1199233C5.05387027 13.020905 5.14025521 12.9504765 5.24068649 12.9504765L20.4107251 12.9504765C20.5083471 12.9504765 20.5905181 13.0125373 20.61229 13.1073717L20.7689066 13.7614503 20.7689066 12.6889846 20.7689066 12.6882872C20.6670707 12.6136749 20.5455699 12.5683496 20.4107251 12.5683496L5.23998417 12.5683496 5.23998417 12.5683496zM15.3737104 6.42084793L10.5094656 6.42084793C10.4111413 6.42084793 10.3303749 6.49824955 10.3303749 6.59587322L10.3303749 8.54346534C10.3303749 8.64108901 10.4111413 8.71849063 10.5094656 8.71849063L15.3737104 8.71849063C15.4706301 8.71849063 15.5528012 8.64108901 15.5528012 8.54346534L15.5528012 6.59587322C15.5528012 6.49824955 15.4699278 6.42084793 15.3737104 6.42084793zM16.8703471 14.561267L16.4236737 14.561267C16.2256205 14.561267 16.062683 14.7216487 16.062683 14.918988L16.062683 15.2711305C16.062683 15.4677725 16.2235135 15.6295488 16.4236737 15.6295488L16.8703471 15.6295488C17.0691027 15.6295488 17.2299332 15.4684698 17.2299332 15.2711305L17.2299332 14.918988C17.2299332 14.7216487 17.0712097 14.561267 16.8703471 14.561267zM7.76551467 6.35669524C7.04634247 6.35669524 6.45920579 6.93685873 6.45920579 7.65369536 6.45920579 8.36774274 7.04634247 8.95069549 7.76551467 8.95069549 8.48819846 8.95069549 9.07252587 8.36774274 9.07252587 7.65369536 9.07182355 6.93685873 8.48749614 6.35669524 7.76551467 6.35669524zM18.1162568 6.35669524C17.3949776 6.35669524 16.8092456 6.93685873 16.8092456 7.65369536 16.8092456 8.36774274 17.3949776 8.95069549 18.1162568 8.95069549 18.8361313 8.95069549 19.423268 8.36774274 19.423268 7.65369536 19.423268 6.93685873 18.8361313 6.35669524 18.1162568 6.35669524zM29.452349 16.3477801C30.0135 16.0542118 30.5865903 15.9147494 31.091556 15.9147494 31.3633525 15.9147494 31.6140795 15.9544962 31.8353093 16.0339897L31.8353093 16.0305032C31.6147819 15.9510096 31.3633525 15.9112628 31.0929606 15.9112628 30.587995 15.9112628 30.0163093 16.0528171 29.4537537 16.3442935 28.9614297 16.600207 28.5583 16.9279436 28.2696479 17.282178 28.5575977 16.9293382 28.9607274 16.6029962 29.452349 16.3477801z"/>
+      <path d="M32.3999718,5.98921187 C32.362749,5.97805488 32.3220147,5.96620058 32.2791734,5.96620058 C32.2777687,5.96620058 32.2777687,5.96480595 32.2763641,5.96480595 C32.2461645,5.96480595 32.2201788,5.97735757 32.1899792,5.98363337 C32.1625888,5.98921187 32.1380077,5.98781724 32.1106174,5.99827692 L32.1049988,6.00036886 L32.1049988,6.00106617 L22.1285915,10.0168854 C22.0408019,10.051751 21.9719749,10.1117198 21.925622,10.1842402 C21.9719749,10.1117198 22.0393973,10.0531456 22.1257822,10.0196746 L32.1035942,6.00385542 L32.1035942,6.00315811 L32.1092127,6.00106617 C32.1366031,5.9913038 32.1611842,5.9913038 32.1885745,5.98642262 C32.2173695,5.98084413 32.2433552,5.96829251 32.2735548,5.96829251 C32.2763641,5.96829251 32.2763641,5.96968714 32.2777687,5.96968714 C32.32061,5.96968714 32.3599398,5.98154144 32.3985672,5.99409305 C32.5797649,6.04569413 32.715312,6.20677318 32.715312,6.40550707 L32.7167166,6.40550707 L32.7167166,17.1727 C32.7167166,17.1782785 32.7125027,17.1817651 32.7125027,17.1880409 C32.7139073,17.4690576 32.6233085,17.7661125 32.4575618,18.0561942 C32.6261178,17.7654152 32.715312,17.467663 32.715312,17.183857 C32.715312,17.1789759 32.7181212,17.174792 32.7181212,17.1692135 L32.7181212,6.4013232 L32.7167166,6.4013232 C32.7167166,6.20328662 32.5811695,6.0436022 32.3999718,5.98921187 Z"/>
+      <ellipse cx="19.17" cy="15.443" rx="1" ry="1"/>
+      <path d="M22.7304768 21.2115305C22.7304768 21.217109 22.7262629 21.2226875 22.7262629 21.2289633 22.7192398 21.5064935 22.624427 21.8000618 22.4572757 22.084565 22.6258317 21.7986672 22.7206444 21.5050988 22.7290722 21.2254768 22.7290722 21.2198983 22.7318815 21.2143198 22.7318815 21.2094386L22.7318815 12.7496507 22.7304768 12.750348 22.7304768 21.2115305zM19.4689185 20.3503504C20.0342834 20.056782 20.6031598 19.915925 21.1109347 19.915925 21.379922 19.915925 21.6320537 19.9570664 21.8518788 20.0344681L21.8518788 20.0295869C21.632756 19.9535799 21.3813266 19.9131358 21.1123394 19.9131358 20.6059691 19.9131358 20.035688 20.0546901 19.4717278 20.3461665 18.9794039 20.6013826 18.5762741 20.9305138 18.287622 21.284051 18.5755718 20.9312112 18.9787015 20.6041719 19.4689185 20.3503504z"/>
+      <path fill="#000" fill-rule="nonzero" d="M23.815556 16.5967204L24.4448317 16.5967204C25.075512 16.5967204 25.5917147 16.0862881 25.5917147 15.4566155L25.5917147 12.761505 23.815556 13.4734604 23.815556 16.5967204zM20.7675019 13.7635422L20.7675019 13.7614503 20.6108853 13.1073717C20.5891135 13.0125373 20.5069425 12.9504765 20.4093205 12.9504765L5.23928185 12.9504765C5.1395529 12.9504765 5.05316795 13.0216023 5.03561004 13.1199233L4.49904015 16.327558C4.48218456 16.4321548 4.38315792 16.5025833 4.27710811 16.4851505 4.17386757 16.4670204 4.10223127 16.3693967 4.11978919 16.2648L4.65706139 13.0592572C4.70552124 12.7740566 4.94992741 12.5683496 5.23857954 12.5683496L20.4086181 12.5683496C20.5427606 12.5683496 20.6649637 12.6129776 20.7667996 12.6882872L20.7667996 11.5614312 2.51007954 11.5614312C2.26356641 11.5614312 2.05989459 11.3613027 2.05989459 11.1172435L2.05989459 2.6790723C2.05989459 2.4329212 2.26356641 2.23488462 2.51007954 2.23488462L23.3716919 2.23488462C23.6175027 2.23488462 23.8204722 2.43501314 23.8204722 2.6790723L23.8204722 8.1717981 25.5910124 7.45984266 25.5910124 1.61567166C25.5910124.98599902 25.075512.475566713 24.4441293.475566713L1.43764208.475566713C.806961776.475566713.29146139.987393644.29146139 1.61567166L.29146139 15.4573128C.29146139 16.0876827.806961776 16.5974177 1.43764208 16.5974177L20.7667996 16.5974177 20.7667996 16.5960231 20.7667996 13.7635422 20.7675019 13.7635422zM6.71274208 16.025622C6.37773707 16.025622 6.10664286 15.7564596 6.10664286 15.4238418 6.10664286 15.091224 6.37843938 14.8213643 6.71274208 14.8213643 7.04844942 14.8213643 7.31954363 15.0919213 7.31954363 15.4238418 7.31954363 15.755065 7.04844942 16.025622 6.71274208 16.025622zM9.8183861 15.2516058C9.8183861 15.4482477 9.6575556 15.6100241 9.45809768 15.6100241L9.01001969 15.6100241C8.81126409 15.6100241 8.65043359 15.448945 8.65043359 15.2516058L8.65043359 14.8994633C8.65043359 14.7014267 8.81196641 14.541045 9.01001969 14.541045L9.45809768 14.541045C9.65615097 14.541045 9.8183861 14.702124 9.8183861 14.8994633L9.8183861 15.2516058zM17.2299332 15.2704332C17.2299332 15.4670751 17.0691027 15.6288515 16.8703471 15.6288515L16.4236737 15.6288515C16.2242158 15.6288515 16.062683 15.4677725 16.062683 15.2704332L16.062683 14.9182907C16.062683 14.7216487 16.2249181 14.5605697 16.4236737 14.5605697L16.8703471 14.5605697C17.0705073 14.5605697 17.2299332 14.7209514 17.2299332 14.9182907L17.2299332 15.2704332zM19.1697317 16.0451467C18.8347266 16.0451467 18.5636324 15.7766816 18.5636324 15.4433665 18.5636324 15.1121434 18.835429 14.8415864 19.1697317 14.8415864 19.5061413 14.8415864 19.7758309 15.1128407 19.7758309 15.4433665 19.7758309 15.7766816 19.505439 16.0451467 19.1697317 16.0451467z"/>
+      <path fill="#000" fill-rule="nonzero" d="M19.8488718 4.96207145L6.03500656 4.96207145C5.52652934 4.96207145 5.11356718 5.37209084 5.11356718 5.87694465L5.11356718 9.42486758C5.11356718 9.9304187 5.52723166 10.3404381 6.03500656 10.3404381L19.8488718 10.3404381C20.3566467 10.3404381 20.7703112 9.92972139 20.7703112 9.42486758L20.7703112 5.87694465C20.7703112 5.37209084 20.3559444 4.96207145 19.8488718 4.96207145zM7.76551467 8.9513928C7.04634247 8.9513928 6.45920579 8.36844005 6.45920579 7.65439267 6.45920579 6.93755605 7.04634247 6.35739255 7.76551467 6.35739255 8.48819846 6.35739255 9.07252587 6.93755605 9.07252587 7.65439267 9.07182355 8.36844005 8.48749614 8.9513928 7.76551467 8.9513928zM15.5528012 8.54346534C15.5528012 8.64108901 15.4706301 8.71849063 15.3737104 8.71849063L10.5094656 8.71849063C10.4111413 8.71849063 10.3303749 8.64108901 10.3303749 8.54346534L10.3303749 6.59587322C10.3303749 6.49824955 10.4111413 6.42084793 10.5094656 6.42084793L15.3737104 6.42084793C15.4706301 6.42084793 15.5528012 6.49824955 15.5528012 6.59587322L15.5528012 8.54346534zM18.1162568 8.9513928C17.3949776 8.9513928 16.8092456 8.36844005 16.8092456 7.65439267 16.8092456 6.93755605 17.3949776 6.35739255 18.1162568 6.35739255 18.8361313 6.35739255 19.423268 6.93755605 19.423268 7.65439267 19.423268 8.36844005 18.8361313 8.9513928 18.1162568 8.9513928zM32.7167166 17.1720027L32.7167166 6.40480976 32.715312 6.40480976C32.715312 6.20607587 32.5797649 6.04499682 32.3985672 5.99339574 32.3599398 5.98014681 32.32061 5.96898982 32.2777687 5.96898982 32.2763641 5.96898982 32.2763641 5.9675952 32.2735548 5.9675952 32.2433552 5.9675952 32.2173695 5.98084413 32.1885745 5.98572531 32.1611842 5.9913038 32.1366031 5.9913038 32.1092127 6.00036886L32.1035942 6.00246079 32.1035942 6.00315811 22.1257822 10.0189773C22.0393973 10.0531456 21.9719749 10.1117198 21.925622 10.1835429 21.8792691 10.255366 21.8539857 10.3411354 21.8553903 10.4276021 21.8553903 10.4324833 21.8539857 10.4359698 21.8539857 10.440851L21.8539857 20.0309815C21.8525811 20.0309815 21.8511764 20.0309815 21.8511764 20.0295869L21.8511764 20.0344681C21.6320537 19.9570664 21.3792197 19.915925 21.1102324 19.915925 20.6024575 19.915925 20.0335811 20.056782 19.4682162 20.3503504 18.9787015 20.6041719 18.5755718 20.9312112 18.2869197 21.284051 17.8065351 21.8739768 17.6435977 22.5350285 17.9217151 23.0608017 18.1710375 23.5363684 18.7230583 23.7832168 19.392366 23.7832168 19.9029502 23.7832168 20.4816591 23.6388732 21.0477263 23.3446076 21.6868344 23.0133845 22.1749444 22.5601317 22.4565734 22.084565 22.6237247 21.8007591 22.7185375 21.5071908 22.7255606 21.2289633 22.7255606 21.2219902 22.7297745 21.2164117 22.7297745 21.2115305L22.7297745 12.7496507 22.7311792 12.7489534 22.7311792 12.7468614 31.8367139 9.08388206 31.8367139 16.0305032C31.8353093 16.0305032 31.8353093 16.0305032 31.8339046 16.0305032L31.8339046 16.0339897C31.6133772 15.9544962 31.3619479 15.9147494 31.0901514 15.9147494 30.5851857 15.9147494 30.0120954 16.0542118 29.4509444 16.3477801 28.9600251 16.6022989 28.5568954 16.9293382 28.2682432 17.282178 27.7878587 17.8707093 27.6263259 18.5324582 27.9030386 19.0568368 28.1537656 19.5358901 28.7043819 19.7792519 29.3750942 19.77716 29.887083 19.77716 30.4643873 19.6349083 31.0304544 19.3406427 31.6822042 19.0031438 32.1773375 18.5401287 32.4554548 18.0554969 32.6212015 17.7654152 32.7118004 17.4683603 32.7103958 17.1873436 32.7125027 17.1810678 32.7167166 17.1775812 32.7167166 17.1720027z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M32.7096934,4.9592822 L32.7068842,4.95858489 C32.6436757,4.93906015 32.520068,4.90279994 32.3599398,4.89303757 C32.3325494,4.89024832 32.3023498,4.88955101 32.2735548,4.88955101 C32.1513517,4.88955101 32.0551344,4.90768112 31.9771772,4.92650854 C31.9097548,4.93696822 31.8261792,4.95440102 31.7313664,4.9885693 L31.7173201,4.99414779 L31.6955483,5.00391016 L25.5917147,7.46053997 L23.8211745,8.17249541 L21.7198432,9.01833474 C21.1643108,9.24007992 20.8005108,9.75678804 20.7731205,10.3467139 C20.7689066,10.3773956 20.7675019,10.4101693 20.7675019,10.4415483 L20.7675019,11.5600366 L20.7675019,11.5621285 L20.7675019,12.6889846 L20.7675019,12.6896819 L20.7675019,13.7621476 L20.7675019,13.7642395 L20.7675019,16.5967204 L20.7675019,16.598115 L20.7675019,18.8518271 C20.1691282,18.9027309 19.5531965,19.0861239 18.9667622,19.3908492 C18.1506703,19.8148148 17.4841718,20.4249627 17.0929815,21.1111176 C16.623834,21.934643 16.5732672,22.8258076 16.9574344,23.5572878 C17.3949776,24.3842997 18.2813012,24.8584718 19.3909614,24.8584718 C20.0974919,24.8584718 20.8447568,24.6653164 21.5498826,24.2985303 C22.8856888,23.6040077 23.744622,22.4701785 23.8092351,21.3237978 C23.813449,21.2854456 23.8148537,21.2484881 23.8148537,21.208044 L23.8148537,16.5946285 L23.8148537,13.4720658 L25.5910124,12.7594131 L30.7502301,10.6821209 L30.7502301,14.8499541 C30.153261,14.9015552 29.5373293,15.0856455 28.950895,15.3896735 C28.1319938,15.8143365 27.4669,16.4237871 27.0757097,17.10785 C26.6051575,17.9341646 26.5559954,18.8246319 26.9415672,19.5554148 C27.3777058,20.3824267 28.2626247,20.8572961 29.3722849,20.8572961 C30.0788154,20.8572961 30.8260803,20.6620488 31.5326108,20.2952627 C32.1759328,19.9612503 32.7244421,19.5135761 33.1240602,18.9975653 C33.5440456,18.4508727 33.7744054,17.8574603 33.7947726,17.2703237 C33.7961772,17.2382474 33.7989865,17.2040791 33.7989865,17.1713054 L33.7989865,6.40411245 C33.8003911,5.73399571 33.3614432,5.15383222 32.7096934,4.9592822 Z M32.7181212,17.1692135 C32.7181212,17.174792 32.715312,17.1789759 32.715312,17.183857 C32.715312,17.467663 32.6261178,17.7654152 32.4575618,18.0561942 C32.1794444,18.5401287 31.6836089,19.0031438 31.0325614,19.34134 C30.4657919,19.6356057 29.8884876,19.7778573 29.3772012,19.7778573 C28.7064888,19.7799492 28.1565749,19.5358901 27.9051456,19.0575341 C27.6277305,18.5331556 27.7899656,17.8714066 28.2703502,17.2828753 C28.5583,16.9286409 28.9614297,16.6009043 29.454456,16.3449908 C30.0170116,16.0535145 30.5886973,15.9119601 31.0936629,15.9119601 C31.3640548,15.9119601 31.6147819,15.9517069 31.8360116,16.0312005 C31.8374162,16.0312005 31.8374162,16.0312005 31.8388208,16.0312005 L31.8388208,9.08457937 L22.7332861,12.7475588 L22.7332861,12.7496507 L22.7332861,21.2094386 C22.7332861,21.2150171 22.7304768,21.2205956 22.7304768,21.2254768 C22.722049,21.5050988 22.6279386,21.7986672 22.4586803,22.084565 C22.1777537,22.5601317 21.6889413,23.0133845 21.0498332,23.3446076 C20.4830637,23.6388732 19.9043548,23.7832168 19.394473,23.7832168 C18.7251653,23.7832168 18.1738467,23.5363684 17.923822,23.0608017 C17.6457046,22.5350285 17.8086421,21.8739768 18.2890266,21.284051 C18.5769764,20.9305138 18.9801062,20.6013826 19.4731324,20.3461665 C20.0370927,20.0546901 20.6073737,19.9131358 21.113744,19.9131358 C21.3827313,19.9131358 21.6334583,19.9535799 21.8532834,20.0295869 C21.8532834,20.0309815 21.854688,20.0309815 21.8560927,20.0309815 L21.8560927,10.440851 C21.8560927,10.4359698 21.8574973,10.4324833 21.8574973,10.4276021 C21.8560927,10.3411354 21.8806737,10.2560634 21.927729,10.1835429 C21.9740819,10.1110225 22.0429089,10.0510537 22.1306985,10.0161881 L32.1071058,6.00036886 L32.1071058,5.99967155 L32.1127243,5.99757961 C32.1401147,5.98711993 32.1646958,5.98851456 32.1920861,5.98293606 C32.2222857,5.97596294 32.2482714,5.96410864 32.278471,5.96410864 C32.2798757,5.96410864 32.2798757,5.96550326 32.2812803,5.96550326 C32.3241216,5.96550326 32.364856,5.97805488 32.4020788,5.98851456 C32.5832764,6.04290488 32.7188236,6.20258931 32.7188236,6.40062589 L32.7202282,6.40062589 L32.7202282,17.1692135 L32.7181212,17.1692135 Z"/>
+    </g>
+    <rect width="231" height="196" x="-80" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/cassette.svg b/src/format_icons/cassette.svg
new file mode 100644 (file)
index 0000000..a2b346f
--- /dev/null
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-42" y="-150" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <ellipse cx="19.844" cy="14.833" rx="1" ry="1"/>
+      <path d="M20.6194625 12L5.14466138 12C4.84855812 12 4.59977402 12.210114 4.55030398 12.5L4.00254879 15.7735043C3.98534182 15.8796296 4.05703753 15.980057 4.16386413 15.997151 4.27140769 16.014245 4.37178168 15.9437322 4.38898865 15.8368946L4.93674384 12.5633903C4.95395081 12.4615385 5.04141957 12.3888889 5.14466138 12.3888889L20.6201794 12.3888889C20.7184025 12.3888889 20.8022865 12.454416 20.8245122 12.5491453L21.6145988 15.8504274C21.6353906 15.9394587 21.7164067 16 21.8045925 16 21.8196486 16 21.8354216 15.9978632 21.8504777 15.994302 21.9551534 15.9693732 22.0196796 15.8639601 21.9945861 15.7599715L21.2044994 12.4594017C21.1406902 12.1894587 20.8997927 12 20.6194625 12zM8.5 6C7.67419355 6 7 6.67114816 7 7.50040333 7 8.32562517 7.67419355 9 8.5 9 9.32903226 9 10 8.32562517 10 7.50040333 10 6.67114816 9.32903226 6 8.5 6z"/>
+      <path d="M17.561281 14L17.2501096 14C17.1118654 14 17 14.2207477 17 14.4945135L17 14.9803514C17 15.2521892 17.1118654 15.4748649 17.2501096 15.4748649L17.561281 15.4748649C17.6995252 15.4748649 17.8118791 15.2541171 17.8118791 14.9803514L17.8118791 14.4945135C17.8118791 14.2207477 17.6995252 14 17.561281 14zM9.56128104 14L9.25010957 14C9.11186541 14 9 14.2207477 9 14.4935495L9 14.9793874C9 15.2521892 9.11186541 15.4739009 9.25010957 15.4739009L9.56128104 15.4739009C9.6995252 15.4739009 9.81139061 15.2531532 9.81139061 14.9793874L9.81139061 14.4935495C9.81187911 14.2217117 9.7000137 14 9.56128104 14z"/>
+      <ellipse cx="6.422" cy="14.833" rx="1" ry="1"/>
+      <path d="M15.8277718,6 L11.1722282,6 C11.0780409,6 11,6.06796117 11,6.15291262 L11,7.84708738 C11,7.93264563 11.0780409,8 11.1722282,8 L15.8277718,8 C15.9219591,8 16,7.93264563 16,7.84708738 L16,6.15291262 C16,6.06796117 15.9219591,6 15.8277718,6 Z"/>
+      <path d="M24.523851,1 L2.47540613,1 C2.21393276,1 2,1.21322759 2,1.47658237 L2,10.5234176 C2,10.7867724 2.21467558,11 2.47540613,11 L24.523851,11 C24.7853244,11 25,10.7867724 25,10.5234176 L25,1.47658237 C24.9992572,1.21322759 24.7845816,1 24.523851,1 Z M21.7754094,8.71135717 C21.7754094,9.25303008 21.3378872,9.69295227 20.8008268,9.69295227 L6.19991603,9.69295227 C5.66211284,9.69295227 5.22533346,9.25303008 5.22533346,8.71135717 L5.22533346,4.90767619 C5.22533346,4.36525512 5.66211284,3.9260811 6.19991603,3.9260811 L20.8008268,3.9260811 C21.33863,3.9260811 21.7754094,4.36600329 21.7754094,4.90767619 L21.7754094,8.71135717 Z"/>
+      <path d="M19.4999996,6 C18.6709676,6 18,6.67114816 18,7.50040333 C18,8.32562517 18.6709676,9 19.4999996,9 C20.3258059,9 20.9999993,8.32562517 20.9999993,7.50040333 C21.0008057,6.67114816 20.3266123,6 19.4999996,6 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M24.8213333,0 L1.17866667,0 C0.530111111,0 0,0.540009521 0,1.20361795 L0,15.7971178 C0,16.4599905 0.530111111,17 1.17866667,17 L24.8213333,17 C25.4698889,17 26,16.4607262 26,15.7971178 L26,1.20361795 C26,0.540745229 25.4706111,0 24.8213333,0 Z M6.59894444,16.3974553 C6.25444444,16.3974553 5.97494444,16.1127364 5.97494444,15.7625395 C5.97494444,15.4108712 6.25444444,15.126888 6.59894444,15.126888 C6.94344444,15.126888 7.22294444,15.4116069 7.22294444,15.7625395 C7.22294444,16.1134721 6.94344444,16.3974553 6.59894444,16.3974553 Z M9.79188889,15.5808197 C9.79188889,15.789025 9.6265,15.9582378 9.42211111,15.9582378 L8.96205556,15.9582378 C8.75766667,15.9582378 8.59227778,15.7897607 8.59227778,15.5808197 L8.59227778,15.2100229 C8.59227778,15.0018176 8.75766667,14.8333405 8.96205556,14.8333405 L9.42211111,14.8333405 C9.6265,14.8333405 9.79188889,15.0018176 9.79188889,15.2100229 L9.79188889,15.5808197 Z M17.4091667,15.6021552 C17.4091667,15.8103605 17.2437778,15.9795733 17.0386667,15.9795733 L16.5786111,15.9795733 C16.3742222,15.9795733 16.2088333,15.8103605 16.2088333,15.6021552 L16.2088333,15.2313585 C16.2088333,15.0231532 16.3742222,14.8539404 16.5786111,14.8539404 L17.0386667,14.8539404 C17.2430556,14.8539404 17.4091667,15.0224174 17.4091667,15.2313585 L17.4091667,15.6021552 Z M19.4010556,16.4195266 C19.0558333,16.4195266 18.7770556,16.1348076 18.7770556,15.7846107 C18.7770556,15.4329424 19.0565556,15.1489592 19.4010556,15.1489592 C19.7455556,15.1489592 20.0243333,15.4336781 20.0243333,15.7846107 C20.0250556,16.1348076 19.7455556,16.4195266 19.4010556,16.4195266 Z M21.9151111,16.8786082 C21.8999444,16.8822868 21.8840556,16.8844939 21.8688889,16.8844939 C21.7800556,16.8844939 21.6991667,16.8219587 21.6775,16.7299952 L20.8816111,13.3199896 C20.8592222,13.2221405 20.7747222,13.1544554 20.6757778,13.1544554 L5.08661111,13.1544554 C4.98261111,13.1544554 4.8945,13.2302333 4.87716667,13.3347038 L4.32538889,16.7160168 C4.30805556,16.8256373 4.20694444,16.899208 4.09861111,16.881551 C3.991,16.8638941 3.91805556,16.7601593 3.93611111,16.6505388 L4.48788889,13.2692258 C4.537,12.9697927 4.78833333,12.7527589 5.08661111,12.7527589 L20.6750556,12.7527589 C20.9574444,12.7527589 21.2001111,12.9484572 21.2643889,13.2280261 L22.0602778,16.6372961 C22.0855556,16.7439737 22.0205556,16.8528584 21.9151111,16.8786082 Z M24.1807222,11.2202796 C24.1807222,11.4792487 23.972,11.6889254 23.7177778,11.6889254 L2.28077778,11.6889254 C2.02727778,11.6889254 1.81855556,11.4792487 1.81855556,11.2202796 L1.81855556,2.32410092 C1.81855556,2.06513178 2.02727778,1.85545506 2.28077778,1.85545506 L23.7177778,1.85545506 C23.972,1.85545506 24.1807222,2.06513178 24.1807222,2.32410092 L24.1807222,11.2202796 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M20.0578088,4 L5.94219025,4 C5.42226209,4 5,4.45770628 5,5.0212766 L5,8.9787234 C5,9.54229372 5.42226209,10 5.94219025,10 L20.0578088,10 C20.577737,10 20.9999991,9.54229372 20.9999991,8.9787234 L20.9999991,5.0212766 C21.0007172,4.45770628 20.577737,4 20.0578088,4 Z M7.7116695,8.44940322 C6.9763015,8.44940322 6.37594247,7.79865075 6.37594247,7.00233524 C6.37594247,6.20212766 6.9763015,5.55448884 7.7116695,5.55448884 C8.44991004,5.55448884 9.04739654,6.20212766 9.04739654,7.00233524 C9.04739654,7.79865075 8.44991004,8.44940322 7.7116695,8.44940322 Z M15.6685811,7.99481059 C15.6685811,8.10456668 15.5852777,8.19097042 15.4847391,8.19097042 L10.51526,8.19097042 C10.4147214,8.19097042 10.331418,8.10456668 10.331418,7.99481059 L10.331418,5.82148417 C10.331418,5.71250649 10.4147214,5.62532434 10.51526,5.62532434 L15.4847391,5.62532434 C15.5852777,5.62532434 15.6685811,5.71250649 15.6685811,5.82148417 L15.6685811,7.99481059 Z M18.2883296,8.44940322 C17.5500891,8.44940322 16.9526025,7.79865075 16.9526025,7.00233524 C16.9526025,6.20212766 17.5500891,5.55448884 18.2883296,5.55448884 C19.0236976,5.55448884 19.6240566,6.20212766 19.6240566,7.00233524 C19.6247747,7.79865075 19.0244157,8.44940322 18.2883296,8.44940322 Z"/>
+    </g>
+    <rect width="231" height="196" x="-44" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/cd.svg b/src/format_icons/cd.svg
new file mode 100644 (file)
index 0000000..619e48f
--- /dev/null
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-42" y="-5" fill="#FFF"/>
+    <g transform="translate(1 1)">
+      <path d="M25.5150352,4.75251169 C19.9131595,-0.884684441 10.8001227,-0.884684441 5.19743166,4.75251169 C-0.403628596,10.3905285 -0.403628596,19.5631797 5.19743166,25.2003758 C10.7993073,30.8383926 19.9147903,30.8383926 25.5150352,25.2020172 C31.1177262,19.5640004 31.1177262,10.3905285 25.5150352,4.75251169 Z M4.85332809,24.0621037 C0.170420963,18.58658 0.406890241,10.31913 5.56762839,5.12509679 C10.729182,-0.06893645 18.9436354,-0.306931337 24.3848751,4.40618809 L19.1213951,11.134878 C17.0290497,9.05857779 13.647539,9.06596384 11.5649785,11.1603188 C9.48323348,13.2554945 9.47589478,16.6580007 11.5397008,18.7654865 L4.85332809,24.0621037 Z M18.9240656,18.5677045 C16.9532164,20.5496275 13.7592504,20.5496275 11.7892167,18.5668839 C9.81918294,16.5841402 9.81918294,13.3695679 11.7892167,11.3868243 C13.7600658,9.40408072 16.9540319,9.40326004 18.9240656,11.3868243 C20.8949147,13.3703886 20.8949147,16.5841402 18.9240656,18.5677045 Z M25.1472847,24.8294321 C19.9857311,30.024286 11.7696468,30.2614602 6.33085337,25.5483408 L11.5935179,18.8196508 C13.6866788,20.8967717 17.067374,20.888565 19.1507499,18.79421 C21.2308642,16.6990343 21.2390183,13.2965281 19.1743968,11.1890424 L25.8607695,5.89242513 C30.5428613,11.3663075 30.3072074,19.6353988 25.1472847,24.8294321 Z"/>
+      <ellipse cx="15.357" cy="14.976" rx="2.9" ry="2.918"/>
+      <path fill="#000" fill-rule="nonzero" d="M11.7892167,11.3868243 C9.81918294,13.3695679 9.81918294,16.5841402 11.7892167,18.5668839 C13.7592504,20.5496275 16.9532164,20.5496275 18.9240656,18.5677045 C20.8949147,16.5841402 20.8949147,13.3703886 18.9240656,11.3868243 C16.9540319,9.40326004 13.7600658,9.40408072 11.7892167,11.3868243 Z M17.408216,12.9124536 C18.5400068,14.0531877 18.5400068,15.9005205 17.408216,17.0412546 C16.2747942,18.181168 14.438488,18.181168 13.3075125,17.0396132 C12.1740908,15.9005205 12.1740908,14.0523671 13.3075125,12.9124536 C14.4393034,11.7733608 16.2756097,11.7733608 17.408216,12.9124536 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M25.7392733,4.52682688 C20.0142705,-1.2351114 10.6981963,-1.2351114 4.97319355,4.52682688 C-0.751809223,10.2887652 -0.751809223,19.664943 4.97319355,25.4260606 C10.6981963,31.1888196 20.0159013,31.1888196 25.7392733,25.427702 C31.4667223,19.664943 31.4667223,10.2895858 25.7392733,4.52682688 Z M25.5150352,25.2020172 C19.9147903,30.8383926 10.8001227,30.8383926 5.19743166,25.2003758 C-0.403628596,19.5631797 -0.403628596,10.3905285 5.19743166,4.75251169 C10.7993073,-0.884684441 19.9131595,-0.884684441 25.5150352,4.75251169 C31.1177262,10.3905285 31.1177262,19.5640004 25.5150352,25.2020172 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M11.5649785 11.1611395C13.647539 9.06596384 17.0282343 9.05857779 19.1213951 11.1356987L24.3848751 4.40700877C18.9444509-.306110665 10.729182-.0681157779 5.56762839 5.12591746.406890241 10.3199507.170420963 18.5874007 4.85332809 24.0629244L11.5397008 18.7663072C9.47671019 16.6588214 9.48323348 13.2554945 11.5649785 11.1611395zM25.8607695 5.89242513L19.1743968 11.1890424C21.2390183 13.2957075 21.2308642 16.6990343 19.1507499 18.79421 17.067374 20.8893857 13.6874942 20.8967717 11.5935179 18.8196508L6.33085337 25.5483408C11.7696468 30.2614602 19.9857311 30.024286 25.1472847 24.8294321 30.3072074 19.6353988 30.5428613 11.3663075 25.8607695 5.89242513z"/>
+    </g>
+    <rect width="231" height="196" x="-44" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/cdaudiobook.svg b/src/format_icons/cdaudiobook.svg
new file mode 100644 (file)
index 0000000..628182f
--- /dev/null
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
+  <defs>
+    <polygon id="cdaudiobook-a" points="25.592 .328 0 .328 0 23.075 25.592 23.075"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-114" y="-5" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <g transform="translate(0 .672)">
+        <mask id="cdaudiobook-b" fill="#fff">
+          <use xlink:href="#cdaudiobook-a"/>
+        </mask>
+        <path fill="#000" d="M12.5112,18.9438 C8.8592,17.1908 6.1542,16.8518 3.9812,16.8288 L3.9812,0.9228 C6.1662,1.0008 9.8342,2.0568 12.5112,3.6248 L12.5112,18.9438 Z M25.3072,3.7398 C24.8622,3.7398 24.3782,3.7378 23.8852,3.8908 L23.8852,2.3188 C23.8852,2.1698 23.7502,2.0338 23.6012,2.0338 C23.1562,2.0338 22.6722,2.0318 22.1792,2.1848 L22.1792,0.6118 C22.1792,0.4638 22.0442,0.3278 21.8952,0.3278 C19.5612,0.3278 15.6792,1.4508 12.7962,3.1448 C9.9112,1.4508 6.0302,0.3278 3.6962,0.3278 C3.4122,0.3278 3.4122,0.6118 3.4122,0.6118 L3.4122,2.1848 C2.9232,2.0508 2.4072,2.0338 1.9642,2.0338 C1.8232,2.0468 1.7052,2.1778 1.7062,2.3188 L1.7062,3.8908 C1.2172,3.7568 0.7012,3.7398 0.2582,3.7398 C0.1172,3.7538 -0.0008,3.8838 0.0002,4.0248 L0.0002,22.2228 C-0.0018,22.4158 0.2352,22.5648 0.4082,22.4808 C1.4662,21.9518 3.5062,21.5838 5.7842,21.6188 C8.0632,21.6538 10.5892,22.0778 12.6712,23.0488 C12.7522,23.0868 12.8512,23.0838 12.9292,23.0408 C13.9382,22.4968 15.1852,22.1248 16.5032,21.8968 C16.1062,21.2008 15.8152,20.4368 15.6522,19.6248 C14.6732,19.9148 13.7012,20.2938 12.7862,20.7748 C8.6922,18.8978 4.6772,18.5688 2.2742,19.0598 L2.2742,2.6108 L2.2752,2.6108 C2.6722,2.6178 3.0462,2.6438 3.4122,2.7888 L3.4122,17.1048 C3.4122,17.2538 3.5472,17.3888 3.6962,17.3888 C5.9482,17.3888 8.7292,17.6658 12.6712,19.6368 C12.7482,19.6748 12.8432,19.6748 12.9202,19.6368 C13.8462,19.1738 14.7072,18.8058 15.5132,18.5108 C15.5072,18.3818 15.5042,18.2528 15.5042,18.1228 C15.5042,18.0568 15.5052,17.9918 15.5062,17.9278 C14.7462,18.1978 13.9392,18.5308 13.0802,18.9438 L13.0802,3.6248 C15.7572,2.0568 19.4252,1.0008 21.6102,0.9228 L21.6102,10.6538 C21.7982,10.6168 21.9872,10.5858 22.1792,10.5628 L22.1792,2.7888 C22.5452,2.6438 22.9192,2.6178 23.3162,2.6108 L23.3162,10.5068 C24.1112,10.5268 24.8752,10.6688 25.5922,10.9138 L25.5922,4.0248 C25.5922,3.8758 25.4562,3.7398 25.3072,3.7398 L25.3072,3.7398 Z" mask="url(#cdaudiobook-b)"/>
+      </g>
+      <path fill="#000" d="M24.1411,19.813 C23.5781,20.376 22.6661,20.376 22.1041,19.813 C21.5411,19.25 21.5411,18.338 22.1041,17.776 C22.6661,17.213 23.5781,17.213 24.1411,17.776 C24.7031,18.338 24.7031,19.25 24.1411,19.813 M24.8941,17.022 C23.9151,16.044 22.3291,16.044 21.3501,17.022 C20.3721,18.001 20.3721,19.588 21.3501,20.566 C22.3291,21.545 23.9151,21.545 24.8941,20.566 C25.8721,19.588 25.8721,18.001 24.8941,17.022"/>
+      <path fill="#000" d="M21.2388,16.9112 C22.2728,15.8772 23.9528,15.8732 24.9918,16.8982 L27.6058,13.5772 C24.9048,11.2512 20.8238,11.3692 18.2598,13.9322 C15.6968,16.4952 15.5788,20.5772 17.9058,23.2782 L21.2268,20.6642 C20.2008,19.6242 20.2048,17.9452 21.2388,16.9112"/>
+      <path fill="#000" d="M10.3394,0.6392 L7.0184,3.2532 C8.0434,4.2922 8.0404,5.9722 7.0064,7.0062 C5.9714,8.0402 4.2924,8.0432 3.2534,7.0182 L0.6384,10.3402 C3.3404,12.6652 7.4214,12.5482 9.9854,9.9852 C12.5484,7.4212 12.6654,3.3402 10.3394,0.6392" transform="translate(18 13.672)"/>
+    </g>
+    <rect width="231" height="196" x="-116" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/cdmusic.svg b/src/format_icons/cdmusic.svg
new file mode 100644 (file)
index 0000000..571a9c9
--- /dev/null
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-186" y="-114" fill="#FFF"/>
+    <g transform="translate(1)">
+      <path d="M8.60945322 16.1152108L3.09387038 20.2351508C3.3884535 20.6383532 3.70845749 21.0279134 4.05014399 21.3901892L9.01618727 16.6086031C8.8718864 16.4524759 8.73655761 16.2849802 8.60945322 16.1152108zM12.6902518 10.7636845C11.434909 10.7636845 10.4150832 11.7982169 10.4150832 13.0692139 10.4150832 14.3455161 11.434909 15.3755011 12.6902518 15.3755011 13.9455946 15.3755011 14.9661681 14.3440003 14.9654204 13.0692139 14.9654204 11.7989748 13.9440992 10.7636845 12.6902518 10.7636845zM5.32791695 22.5672067C6.35372414 23.3834641 7.50364503 24.0269206 8.73281925 24.4627126L11.0064925 17.9152214C10.4838691 17.7280203 9.9941434 17.4559345 9.55899778 17.1095745L5.32791695 22.5672067zM20.0510913 3.56667365C19.0252841 2.75041621 17.8753632 2.10923348 16.6454413 1.67192564L14.3717681 8.22244846C14.8943915 8.40737586 15.3826218 8.68173538 15.8200105 9.02809531L20.0510913 3.56667365z"/>
+      <path d="M12.6902518 8.60215596C10.2573242 8.60215596 8.28346784 10.6014941 8.28346784 13.0676981 8.28346784 15.53466 10.2573242 17.5332402 12.6902518 17.5332402 15.121684 17.5332402 17.0947927 15.5354179 17.0947927 13.0676981 17.0947927 10.5999783 15.121684 8.60215596 12.6902518 8.60215596zM12.6902518 16.6374033C10.744807 16.6374033 9.16871254 15.0412676 9.16871254 13.0676981 9.16871254 11.0994338 10.744807 9.49950862 12.6902518 9.49950862 14.6319583 9.49950862 16.2095481 11.1001917 16.2095481 13.0676981 16.2095481 15.0405097 14.6327059 16.6374033 12.6902518 16.6374033zM16.769555 10.0247328L22.2858856 5.9032769C21.9898071 5.49780082 21.6720461 5.11051433 21.3288643 4.74748061L16.3620733 9.53134038C16.5078695 9.68822552 16.643946 9.85041595 16.769555 10.0247328z"/>
+      <path fill="#000" fill-rule="nonzero" d="M12.6902518 9.49950862C10.744807 9.49950862 9.16871254 11.0994338 9.16871254 13.0676981 9.16871254 15.0412676 10.744807 16.6374033 12.6902518 16.6374033 14.6327059 16.6374033 16.2095481 15.0412676 16.2095481 13.0676981 16.2095481 11.1001917 14.6319583 9.49950862 12.6902518 9.49950862zM12.6902518 15.3755011C11.434909 15.3755011 10.4150832 14.3455161 10.4150832 13.0692139 10.4150832 11.7982169 11.434909 10.7636845 12.6902518 10.7636845 13.9440992 10.7636845 14.9654204 11.7989748 14.9654204 13.0692139 14.9661681 14.3440003 13.9455946 15.3755011 12.6902518 15.3755011zM17.3310574 17.8212419L17.3310574 29.4610578C16.2745956 28.4431992 14.6042944 28.4833679 13.5979267 29.5512478 12.589316 30.6206436 12.6311856 32.3145483 13.6854044 33.3346807 14.7418662 34.3570867 16.4121674 34.3146443 17.4170398 33.2452486 17.887326 32.7473088 18.1482638 32.0864207 18.1482638 31.3974903L18.1482638 20.7762909 27.5495026 17.2960177 27.5495026 25.677625C26.4937885 24.6590085 24.8234873 24.6976613 23.8178673 25.7670571 22.8107519 26.8387266 22.8488832 28.5295997 23.905345 29.5512478 24.9603114 30.5736539 26.632108 30.5312115 27.637728 29.4610578 28.1057713 28.9631181 28.3674568 28.30223 28.3674568 27.6117838L28.3674568 13.7323757 17.3310574 17.8212419z"/>
+      <path fill="#000" fill-rule="nonzero" d="M18.7822904,21.226483 L18.7822904,24.2270059 C20.78082,23.106073 22.4414015,21.4538528 23.5823503,19.4469357 L18.7822904,21.226483 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M16.6962831,17.3733234 L25.2190063,14.2143996 C25.8440608,7.20004243 20.7411934,1.00118485 13.8214809,0.368339013 C6.90326371,-0.267538419 0.784308852,4.90588154 0.158506651,11.9209966 C-0.466547878,18.9361116 4.63482419,25.1357271 11.5552844,25.767815 C13.2928761,25.9292476 15.0431784,25.7208253 16.6955354,25.159222 L16.6955354,17.3733234 L16.6962831,17.3733234 Z M22.2858856,5.9032769 L16.769555,10.0247328 C16.6446937,9.85041595 16.5078695,9.68822552 16.3620733,9.53058248 L21.3288643,4.74672271 C21.6712984,5.11051433 21.9898071,5.49780082 22.2858856,5.9032769 Z M16.646189,1.67192564 C17.8761109,2.10923348 19.0260318,2.75041621 20.051839,3.56667365 L15.8215058,9.02809531 C15.3841172,8.68173538 14.8958868,8.40737586 14.3732635,8.22244846 L16.646189,1.67192564 Z M3.09387038,20.2343929 L8.60945322,16.1144529 C8.73580994,16.2849802 8.8718864,16.4524759 9.01618727,16.6078452 L4.05014399,21.3894313 C3.70845749,21.0271555 3.3884535,20.6375953 3.09387038,20.2343929 Z M8.73356692,24.4627126 C7.50364503,24.0269206 6.35372414,23.3834641 5.32866462,22.5672067 L9.55974545,17.1095745 C9.99563874,17.4559345 10.4846168,17.7280203 11.0072401,17.9152214 L8.73356692,24.4627126 Z M12.6902518,17.5324823 C10.2573242,17.5324823 8.28346784,15.53466 8.28346784,13.0669402 C8.28346784,10.6007362 10.2573242,8.60139806 12.6902518,8.60139806 C15.121684,8.60139806 17.0947927,10.5999783 17.0947927,13.0669402 C17.0947927,15.53466 15.121684,17.5324823 12.6902518,17.5324823 Z"/>
+    </g>
+    <rect width="231" height="196" x="-188" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/dvd.svg b/src/format_icons/dvd.svg
new file mode 100644 (file)
index 0000000..86c33c6
--- /dev/null
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-186" y="-150" fill="#FFF"/>
+    <g transform="translate(-4 -4)">
+      <polygon fill="#FEFEFE" points="0 41.947 41.947 41.947 41.947 0 0 0"/>
+      <path fill="#231F20" d="M34.4649236,28.2593192 L34.4649236,27.7401035 L34.4059341,27.7401035 L34.2131391,28.0963786 L34.1251944,27.7401035 L34.0662048,27.7401035 L33.9020053,28.2593192 L33.9624336,28.2593192 L34.0948004,27.8591616 L34.1841839,28.2593192 L34.3919061,27.8591616 L34.4059341,27.8591616 L34.4059341,28.2593192 L34.4649236,28.2593192 Z M33.9318598,27.7994527 L33.9318598,27.7401035 L33.5764839,27.7401035 L33.5619163,27.7994527 L33.7099297,27.7994527 L33.6502208,28.2593192 L33.7246771,28.2593192 L33.7836666,27.7994527 L33.9318598,27.7994527 Z M3.36,26.0071064 C3.36,27.2512817 10.4732732,28.2593192 19.2454469,28.2593192 C28.033447,28.2593192 35.148159,27.2512817 35.148159,26.0071064 C35.148159,24.7618519 28.033447,23.7539944 19.2454469,23.7539944 C10.4732732,23.7539944 3.36,24.7618519 3.36,26.0071064 L3.36,26.0071064 Z M22.520984,16.0184536 C22.520984,16.0184536 20.2088825,18.8049892 20.3274011,18.9823175 C20.4914207,18.8049892 19.4972314,15.9885992 19.4972314,15.9885992 C19.4972314,15.9885992 19.2898689,15.3958264 18.638826,13.4552869 L16.2821226,13.4552869 L16.2821226,13.44 L10.5624769,13.4552869 L6.24940755,13.4552869 L5.81885597,15.2774877 L9.06579757,15.2774877 L9.83625829,15.2774877 C11.9248111,15.2774877 13.19992,16.1222248 12.8438247,17.6192638 C12.4591339,19.2495688 10.6362138,19.9459329 8.69441536,19.9459329 L7.96801694,19.9459329 L8.90177792,15.9594641 L5.65609524,15.9594641 L4.27793453,21.7827012 L8.88703054,21.7827012 C12.3548232,21.7827012 15.6443883,19.9605004 16.2375208,17.6192638 C16.3414718,17.1894316 16.3267244,16.1074775 16.0601925,15.4702827 C16.0601925,15.4549958 16.0450854,15.4256809 16.030338,15.3817984 C16.0157705,15.3666913 16.0004836,15.2629201 16.0601925,15.2476332 C16.0893276,15.2330657 16.1486768,15.2922351 16.1486768,15.3073421 C16.1486768,15.3073421 16.1785312,15.3817984 16.2076663,15.4411476 L19.1416757,23.7244996 L26.6119434,15.2922351 L29.7680627,15.2774877 L30.5387033,15.2774877 C32.6286949,15.2774877 33.9180116,16.1222248 33.5619163,17.6192638 C33.1757868,19.2495688 31.339558,19.9459329 29.3977596,19.9459329 L28.6560743,19.9459329 L29.6051222,15.9594641 L26.3596193,15.9594641 L24.9812788,21.7827012 L29.5903748,21.7827012 C33.0579876,21.7827012 36.3768676,19.9605004 36.9257579,17.6192638 C37.4886762,15.2774877 35.0584158,13.4552869 31.5607687,13.4552869 L28.5086004,13.4552869 L24.6847125,13.4552869 C22.8625118,15.603189 22.520984,16.0184536 22.520984,16.0184536 L22.520984,16.0184536 Z M18.6825286,26.8072417 C16.6669933,26.8072417 15.0521551,26.4664333 15.0521551,26.0509888 C15.0521551,25.6357242 16.6669933,25.2954553 18.6825286,25.2954553 C20.682777,25.2954553 22.2990539,25.6357242 22.2990539,26.0509888 C22.2990539,26.4664333 20.682777,26.8072417 18.6825286,26.8072417 L18.6825286,26.8072417 Z"/>
+    </g>
+    <rect width="231" height="196" x="-188" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/eaudio.svg b/src/format_icons/eaudio.svg
new file mode 100644 (file)
index 0000000..60afa81
--- /dev/null
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-150" y="-114" fill="#FFF"/>
+    <g transform="translate(6 2)">
+      <path d="M2.93497081,26.7843032 L19.3250676,26.7843032 L19.3250676,2.62007142 L2.93497081,2.62007142 L2.93497081,26.7843032 Z M5.73018111,12.8102995 C6.45100656,10.2336499 8.83794675,8.48114601 11.3993758,8.66264914 C14.0751544,8.85196818 16.24356,10.889319 16.5544212,13.6005763 C16.7382275,15.205446 16.6636885,16.8033682 15.8361369,18.258867 C15.7056937,18.4881341 15.5650862,18.7087168 15.4126202,18.924089 C15.1906974,19.2341206 14.8781421,19.3426751 14.5223881,19.2245678 C14.1200472,19.0908287 13.7253296,18.9431945 13.3280709,18.7938236 C12.9875635,18.6644266 12.9028601,18.4212645 13.0849723,18.0782323 C13.5516877,17.1959013 13.9269236,16.2788329 14.1573166,15.3018424 C14.2149149,15.062154 14.2513374,14.8163867 14.2996183,14.574093 C14.3673809,14.2232449 14.5926918,14.0851635 14.926423,14.193718 C15.2025559,14.2849038 15.4753007,14.3856424 15.7853149,14.4941969 C15.7539747,12.6366123 15.0441606,11.1845873 13.5220416,10.2423342 C11.8703264,9.21931661 10.162707,9.24102751 8.53216768,10.2987826 C7.06679986,11.2505884 6.39002015,12.6826394 6.35698585,14.4959338 C6.66022381,14.3839055 6.92365121,14.283167 7.19046674,14.1885074 C7.55130297,14.0608473 7.78847233,14.1980602 7.84776467,14.5801721 C8.03834719,15.789035 8.46016984,16.9136596 9.02090597,17.9870465 C9.25976939,18.4429754 9.17930122,18.6505316 8.69818623,18.8242188 C8.36614913,18.9449314 8.03411203,19.0699862 7.69953382,19.1854882 C7.26669974,19.3365961 6.97616728,19.242805 6.70342252,18.868509 C5.95888014,17.8454914 5.58195026,16.6878662 5.54213969,15.4156075 C5.51588166,14.5436978 5.48962362,13.6700511 5.73018111,12.8102995 Z"/>
+      <ellipse cx="10.939" cy="29.193" rx="1" ry="1"/>
+      <path fill="#000" fill-rule="nonzero" d="M19.5148031,0.145028813 L2.64867352,0.145028813 C1.63223341,0.145028813 0.80637582,0.991753916 0.80637582,2.03387712 L0.80637582,29.5207451 C0.80637582,30.5619998 1.63223341,31.4087249 2.64867352,31.4087249 L19.5148031,31.4087249 C20.5320902,31.4087249 21.3579478,30.5619998 21.3579478,29.5207451 L21.3579478,2.03387712 C21.3579478,0.991753916 20.5320902,0.145028813 19.5148031,0.145028813 Z M10.9394367,30.1373346 C10.4312166,30.1373346 10.0187113,29.7152747 10.0187113,29.1942131 C10.0187113,28.6714147 10.4312166,28.2493548 10.9394367,28.2493548 C11.4476567,28.2493548 11.860162,28.6714147 11.860162,29.1942131 C11.860162,29.7152747 11.4476567,30.1373346 10.9394367,30.1373346 Z M19.3242205,26.7843032 L2.93412378,26.7843032 L2.93412378,2.62007142 L19.3242205,2.62007142 L19.3242205,26.7843032 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M6.70511658,18.8702459 C6.97870838,19.2454103 7.26839381,19.3383329 7.70122789,19.1872251 C8.03580609,19.0717231 8.3678432,18.9466683 8.6998803,18.8259557 C9.18099528,18.6514 9.26146346,18.4447123 9.02260003,17.9887834 C8.46101687,16.9153965 8.03919423,15.7907719 7.84945874,14.5819089 C7.78931937,14.1997971 7.55299704,14.0617158 7.1921608,14.1902443 C6.92619231,14.2840354 6.66191788,14.3856424 6.35867991,14.4976706 C6.39171422,12.6835078 7.06849392,11.2514569 8.53386175,10.3005194 C10.1644011,9.24189595 11.8720205,9.22018505 13.5237356,10.2440711 C15.0458547,11.1863242 15.7556687,12.6383492 15.787009,14.4959338 C15.4778418,14.3873793 15.20425,14.2875091 14.9281171,14.1954549 C14.5935389,14.086032 14.369075,14.2241133 14.3013123,14.5758299 C14.2530314,14.8181235 14.216609,15.0638909 14.1590107,15.3035793 C13.9294647,16.2805698 13.5533818,17.1985066 13.0866664,18.0799692 C12.9045542,18.4230014 12.9892576,18.6661635 13.329765,18.7955604 C13.7270237,18.9449314 14.1225883,19.0925655 14.5240821,19.2263047 C14.8798362,19.3452804 15.1923915,19.2367259 15.4143142,18.9258258 C15.5667803,18.7104537 15.7073878,18.489871 15.837831,18.2606038 C16.6653826,16.8042367 16.7390745,15.2063144 16.5561153,13.6023131 C16.245254,10.8910559 14.0760014,8.85370506 11.4010699,8.66438601 C8.83964081,8.48288288 6.45185359,10.2362552 5.73187518,12.8120364 C5.49131769,13.6709196 5.51757572,14.5445662 5.54468079,15.4182128 C5.58364433,16.6887347 5.9605742,17.8463599 6.70511658,18.8702459 Z"/>
+    </g>
+    <rect width="231" height="196" x="-152" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/ebook.svg b/src/format_icons/ebook.svg
new file mode 100644 (file)
index 0000000..7cb00f5
--- /dev/null
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-114" y="-114" fill="#FFF"/>
+    <g transform="translate(6 2)">
+      <path d="M2.93412378,25.1102843 L19.3233735,25.1102843 L19.3233735,2.45631696 L2.93412378,2.45631696 L2.93412378,25.1102843 Z M17.0685705,22.6067461 L5.15758652,22.6067461 L5.15758652,21.3252602 L17.0685705,21.3252602 L17.0685705,22.6067461 Z M17.0685705,19.3094032 L5.15758652,19.3094032 L5.15758652,18.0271031 L17.0685705,18.0271031 L17.0685705,19.3094032 Z M17.0685705,16.0731221 L5.15758652,16.0731221 L5.15758652,14.7908221 L17.0685705,14.7908221 L17.0685705,16.0731221 Z M12.6529853,5.08197894 L17.0372303,5.08197894 L17.0372303,6.36427897 L12.6529853,6.36427897 L12.6529853,5.08197894 Z M12.6216451,8.22626004 L17.0372303,8.22626004 L17.0372303,9.50856008 L12.6216451,9.50856008 L12.6216451,8.22626004 Z M5.15758652,4.62442172 L10.9064024,4.62442172 L10.9064024,9.96693146 L5.15758652,9.96693146 L5.15758652,4.62442172 Z M5.12624628,11.554541 L17.0372303,11.554541 L17.0372303,12.8360269 L5.12624628,12.8360269 L5.12624628,11.554541 Z"/>
+      <ellipse cx="10.939" cy="27.37" rx="1" ry="1"/>
+      <rect width="4.384" height="1.282" x="12.653" y="5.082" fill="#000" fill-rule="nonzero"/>
+      <rect width="4.416" height="1.282" x="12.622" y="8.226" fill="#000" fill-rule="nonzero"/>
+      <rect width="11.911" height="1.281" x="5.126" y="11.555" fill="#000" fill-rule="nonzero"/>
+      <rect width="11.911" height="1.282" x="5.158" y="14.791" fill="#000" fill-rule="nonzero"/>
+      <rect width="11.911" height="1.282" x="5.158" y="18.027" fill="#000" fill-rule="nonzero"/>
+      <rect width="11.911" height="1.281" x="5.158" y="21.324" fill="#000" fill-rule="nonzero"/>
+      <path fill="#000" fill-rule="nonzero" d="M19.5156501,0.135964512 L2.64782648,0.135964512 C1.63138637,0.135964512 0.805528786,0.929769296 0.805528786,1.9067598 L0.805528786,27.6748843 C0.805528786,28.6518748 1.63138637,29.4456796 2.64782648,29.4456796 L19.5156501,29.4456796 C20.5312432,29.4456796 21.3571008,28.6518748 21.3571008,27.6748843 L21.3571008,1.9067598 C21.3571008,0.929769296 20.5312432,0.135964512 19.5156501,0.135964512 Z M10.9385896,28.2545654 C10.4303696,28.2545654 10.0178643,27.8580701 10.0178643,27.3695748 C10.0178643,26.8802654 10.4303696,26.4837701 10.9385896,26.4837701 C11.4468097,26.4837701 11.859315,26.8802654 11.859315,27.3695748 C11.859315,27.8580701 11.4468097,28.2545654 10.9385896,28.2545654 Z M19.3233735,25.1102843 L2.93412378,25.1102843 L2.93412378,2.45631696 L19.3233735,2.45631696 L19.3233735,25.1102843 Z"/>
+      <rect width="5.749" height="5.343" x="5.158" y="4.624" fill="#000" fill-rule="nonzero"/>
+    </g>
+    <rect width="231" height="196" x="-116" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/emusic.svg b/src/format_icons/emusic.svg
new file mode 100644 (file)
index 0000000..82fad76
--- /dev/null
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-78" y="-114" fill="#FFF"/>
+    <g transform="translate(6 2)">
+      <path d="M2.15658018,25.1102843 L18.0113775,25.1102843 L18.0113775,2.4555028 L2.15658018,2.4555028 L2.15658018,25.1102843 Z M5.46847117,16.4761307 C6.12478604,16.1358123 6.79666892,16.0657947 7.27845811,16.236768 L7.27845811,8.94679054 C7.27845811,8.94353391 7.28009685,8.94027727 7.28009685,8.93702064 C7.27763874,8.8034986 7.35465946,8.67648983 7.48657793,8.62356952 L15.0641059,5.57128835 L15.0649252,5.57128835 L15.0690221,5.57047419 C15.0886869,5.5623326 15.1091712,5.56314676 15.128836,5.55907597 C15.150959,5.55419102 15.1714432,5.54604943 15.1943856,5.54604943 C15.1960243,5.54604943 15.1960243,5.54604943 15.1976631,5.54604943 C15.2287991,5.54604943 15.2591158,5.55500517 15.2886131,5.56396092 C15.4262671,5.60466886 15.5286883,5.72679267 15.5286883,5.87659788 L15.5295077,5.87659788 L15.5295077,14.0613358 C15.5295077,14.0662208 15.5270495,14.0694774 15.5270495,14.0727341 C15.5278689,14.6459018 15.0403441,15.3021138 14.2496527,15.7124498 C13.2532995,16.2294406 12.2102423,16.134184 11.8743009,15.4950694 C11.5383595,14.8559548 12.0553815,13.9506102 13.0509153,13.4336194 C13.7072302,13.0933011 14.3799324,13.0232834 14.8617216,13.1950709 L14.8617216,7.9152514 L7.94624414,10.6996743 L7.94624414,17.1323426 C7.94624414,17.1355993 7.94460541,17.1396701 7.94460541,17.1437409 C7.92903739,17.7095812 7.44642883,18.3503241 6.66802793,18.7541469 C5.67167477,19.272766 4.62943694,19.1758811 4.2934955,18.5375807 C3.95591532,17.898466 4.47293739,16.9931215 5.46847117,16.4761307 Z"/>
+      <ellipse cx="9.899" cy="27.369" rx="1" ry="1"/>
+      <path fill="#000" fill-rule="nonzero" d="M18.1949162,0.135964512 L1.87963333,0.135964512 C0.89639009,0.135964512 0.097504955,0.929769296 0.097504955,1.9067598 L0.097504955,27.6740702 C0.097504955,28.6518748 0.89639009,29.4456796 1.87963333,29.4456796 L18.1949162,29.4456796 C19.1781595,29.4456796 19.9770446,28.6518748 19.9770446,27.6740702 L19.9770446,1.9067598 C19.9770446,0.928955138 19.1781595,0.135964512 18.1949162,0.135964512 Z M9.89880135,28.2537512 C9.40717973,28.2537512 9.00814685,27.8580701 9.00814685,27.3679465 C9.00814685,26.8794512 9.40717973,26.4837701 9.89880135,26.4837701 C10.3912423,26.4837701 10.7902752,26.8794512 10.7902752,27.3679465 C10.7902752,27.8580701 10.3912423,28.2537512 9.89880135,28.2537512 Z M18.0105581,25.1102843 L2.15576081,25.1102843 L2.15576081,2.4555028 L18.0105581,2.4555028 L18.0105581,25.1102843 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M6.66802793,18.7541469 C7.44560946,18.3503241 7.92903739,17.7095812 7.94460541,17.1437409 C7.94460541,17.1396701 7.94624414,17.1355993 7.94624414,17.1323426 L7.94624414,10.6996743 L14.8617216,7.9152514 L14.8617216,13.1950709 C14.3799324,13.0232834 13.7072302,13.0933011 13.0509153,13.4336194 C12.0553815,13.9506102 11.5383595,14.8567689 11.8743009,15.4950694 C12.2102423,16.1333699 13.2541189,16.2286264 14.2496527,15.7124498 C15.0403441,15.3021138 15.5278689,14.6459018 15.5270495,14.0727341 C15.5270495,14.0694774 15.5295077,14.0662208 15.5295077,14.0613358 L15.5295077,5.87659788 L15.5286883,5.87659788 C15.5286883,5.72597851 15.4262671,5.60466886 15.2886131,5.56396092 C15.2591158,5.55500517 15.2287991,5.54604943 15.1976631,5.54604943 C15.1960243,5.54604943 15.1960243,5.54604943 15.1943856,5.54604943 C15.1714432,5.54604943 15.150959,5.55419102 15.128836,5.55907597 C15.1091712,5.56314676 15.0886869,5.5623326 15.0690221,5.57047419 L15.0649252,5.57128835 L15.0641059,5.57128835 L7.48657793,8.62356952 C7.35465946,8.67648983 7.27763874,8.8034986 7.28009685,8.93702064 C7.28009685,8.94027727 7.27845811,8.94353391 7.27845811,8.94679054 L7.27845811,16.236768 C6.79666892,16.0657947 6.12478604,16.1358123 5.46847117,16.4761307 C4.47293739,16.9931215 3.95591532,17.8992802 4.29267613,18.5383948 C4.62861757,19.1758811 5.67167477,19.272766 6.66802793,18.7541469 Z"/>
+    </g>
+    <rect width="231" height="196" x="-80" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/eqipment.svg b/src/format_icons/eqipment.svg
new file mode 100644 (file)
index 0000000..f52e66d
--- /dev/null
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-5" y="-42" fill="#FFF"/>
+    <g transform="translate(3 8)">
+      <rect width="1.851" height="1.793" x="6.493" y="6.691"/>
+      <rect width="1.851" height="1.792" x="6.493" y="9.449"/>
+      <rect width="1.851" height="1.792" x="9.579" y="9.449"/>
+      <rect width="1.851" height="1.793" x="6.493" y="3.932"/>
+      <rect width="1.851" height="1.793" x="3.408" y="3.932"/>
+      <rect width="1.851" height="1.793" x="3.408" y="6.691"/>
+      <rect width="1.851" height="1.792" x="3.408" y="9.449"/>
+      <rect width="1.851" height="1.793" x="9.579" y="6.691"/>
+      <rect width="1.851" height="1.793" x="12.663" y="3.932"/>
+      <path d="M21.2096497,3.56412531 C18.960129,3.56412531 17.1372276,5.33001966 17.1372276,7.50919165 C17.1372276,9.68757494 18.960129,11.454258 21.2096497,11.454258 C23.4583562,11.4511032 25.2788151,9.68599754 25.2820718,7.50919165 C25.2820718,5.33001966 23.457542,3.56412531 21.2096497,3.56412531 Z"/>
+      <rect width="1.851" height="1.792" x="12.663" y="9.449"/>
+      <rect width="1.851" height="1.793" x="12.663" y="6.691"/>
+      <rect width="1.851" height="1.793" x="9.579" y="3.932"/>
+      <path fill="#000" fill-rule="nonzero" d="M26.1458942.781599509L3.31525444.781599509C1.52654766.783176904.0757167641 2.18784767.0757167641 3.91982801L.0757167641 11.0922457C.0773450816 12.824226 1.52654766 14.2288968 3.31525444 14.2304742L26.1458942 14.2304742C27.9329727 14.2288968 29.3838036 12.8258034 29.3854319 11.0922457L29.3854319 3.91982801C29.3838036 2.18784767 27.934601.783176904 26.1458942.781599509zM5.25865139 11.2420983L3.40806854 11.2420983 3.40806854 9.44938821 5.25865139 9.44938821 5.25865139 11.2420983zM5.25865139 8.48323342L3.40806854 8.48323342 3.40806854 6.69052334 5.25865139 6.69052334 5.25865139 8.48323342zM5.25865139 5.72436855L3.40806854 5.72436855 3.40806854 3.93165848 5.25865139 3.93165848 5.25865139 5.72436855zM8.34431306 11.2420983L6.49291606 11.2420983 6.49291606 9.44938821 8.34431306 9.44938821 8.34431306 11.2420983zM8.34431306 8.48323342L6.49291606 8.48323342 6.49291606 6.69052334 8.34431306 6.69052334 8.34431306 8.48323342zM8.34431306 5.72436855L6.49291606 5.72436855 6.49291606 3.93165848 8.34431306 3.93165848 8.34431306 5.72436855zM11.4291606 11.2420983L9.57857773 11.2420983 9.57857773 9.44938821 11.4291606 9.44938821 11.4291606 11.2420983zM11.4291606 8.48323342L9.57857773 8.48323342 9.57857773 6.69052334 11.4291606 6.69052334 11.4291606 8.48323342zM11.4291606 5.72436855L9.57857773 5.72436855 9.57857773 3.93165848 11.4291606 3.93165848 11.4291606 5.72436855zM14.5148223 11.2420983L12.6634252 11.2420983 12.6634252 9.44938821 14.5148223 9.44938821 14.5148223 11.2420983zM14.5148223 8.48323342L12.6634252 8.48323342 12.6634252 6.69052334 14.5148223 6.69052334 14.5148223 8.48323342zM14.5148223 5.72436855L12.6634252 5.72436855 12.6634252 3.93165848 14.5148223 3.93165848 14.5148223 5.72436855zM21.2096497 11.454258C18.960129 11.454258 17.1372276 9.68757494 17.1372276 7.50919165 17.1372276 5.33001966 18.960129 3.56412531 21.2096497 3.56412531 23.4599845 3.56412531 25.2820718 5.33001966 25.2820718 7.50919165 25.2788151 9.68599754 23.457542 11.4518919 21.2096497 11.454258zM8.25149897 14.9032334L3.93238678 14.9032334C3.50658175 14.9032334 3.16137844 15.2376413 3.16137844 15.6493415 3.16137844 16.0618305 3.50658175 16.3962383 3.93238678 16.3962383L8.25149897 16.3962383C8.67730399 16.3962383 9.0225073 16.0618305 9.0225073 15.6493415 9.0225073 15.2376413 8.67730399 14.9032334 8.25149897 14.9032334zM25.5287619 14.9032334L21.2080214 14.9032334C20.7830305 14.9032334 20.437013 15.2376413 20.437013 15.6493415 20.437013 16.0618305 20.7830305 16.3962383 21.2080214 16.3962383L25.5287619 16.3962383C25.9529386 16.3962383 26.2989561 16.0618305 26.2989561 15.6493415 26.2997702 15.2376413 25.9545669 14.9032334 25.5287619 14.9032334z"/>
+    </g>
+    <rect width="231" height="196" x="-7" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/equinoxinitiative-format-icons.sketch b/src/format_icons/equinoxinitiative-format-icons.sketch
new file mode 100644 (file)
index 0000000..cce2998
Binary files /dev/null and b/src/format_icons/equinoxinitiative-format-icons.sketch differ
diff --git a/src/format_icons/evideo.svg b/src/format_icons/evideo.svg
new file mode 100644 (file)
index 0000000..af8b187
--- /dev/null
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-42" y="-114" fill="#FFF"/>
+    <g transform="translate(6 2)">
+      <polygon points="8.772 11.855 8.772 15.648 11.772 13.751"/>
+      <ellipse cx="9.83" cy="27.301" rx="1" ry="1"/>
+      <path d="M2.08693378,25.0418949 L17.9409117,25.0418949 L17.9409117,2.38874178 L2.08693378,2.38874178 L2.08693378,25.0418949 Z M4.13617658,11.8549656 C4.13617658,10.6540814 5.10958739,9.68767501 6.31815721,9.68767501 L13.680191,9.68767501 C14.8895802,9.68767501 15.8621716,10.6548956 15.8621716,11.8549656 L15.8621716,15.6481312 C15.8621716,16.8490154 14.8887608,17.816236 13.680191,17.816236 L6.31815721,17.816236 C5.10958739,17.816236 4.13617658,16.8490154 4.13617658,15.6481312 L4.13617658,11.8549656 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M18.1260892,0.0675751765 L1.80998694,0.0675751765 C0.826743694,0.0675751765 0.0278585586,0.861379961 0.0278585586,1.83837047 L0.0278585586,27.606495 C0.0278585586,28.5842997 0.826743694,29.3781045 1.80998694,29.3781045 L18.1260892,29.3781045 C19.1093324,29.3781045 19.9082176,28.5842997 19.9082176,27.606495 L19.9082176,1.83837047 C19.9082176,0.86219412 19.1093324,0.0675751765 18.1260892,0.0675751765 Z M9.82997432,28.1869902 C9.3383527,28.1869902 8.93931982,27.7896807 8.93931982,27.3011855 C8.93931982,26.8126902 9.3383527,26.4153808 9.82997432,26.4153808 C10.3215959,26.4153808 10.7206288,26.8126902 10.7206288,27.3011855 C10.7206288,27.7896807 10.3215959,28.1869902 9.82997432,28.1869902 Z M17.9409117,25.0418949 L2.08693378,25.0418949 L2.08693378,2.38874178 L17.9409117,2.38874178 L17.9409117,25.0418949 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M6.31815721,17.816236 L13.680191,17.816236 C14.8895802,17.816236 15.8621716,16.8490154 15.8621716,15.6481312 L15.8621716,11.8549656 C15.8621716,10.6540814 14.8887608,9.68767501 13.680191,9.68767501 L6.31815721,9.68767501 C5.10958739,9.68767501 4.13617658,10.6548956 4.13617658,11.8549656 L4.13617658,15.6481312 C4.13617658,16.8490154 5.10958739,17.816236 6.31815721,17.816236 Z M8.77216847,11.8549656 L11.7718797,13.7511413 L8.77216847,15.6481312 L8.77216847,11.8549656 Z"/>
+    </g>
+    <rect width="231" height="196" x="-44" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/kit.svg b/src/format_icons/kit.svg
new file mode 100644 (file)
index 0000000..01a42fc
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-5" y="-78" fill="#FFF"/>
+    <g fill="#000" fill-rule="nonzero" transform="translate(2 5)">
+      <rect width="1.098" height="1.128" x="20.561" y="10.301"/>
+      <rect width="1.098" height="1.13" x="20.561" y="12.559"/>
+      <path d="M30.2731306,7.07781129 L26.9822152,3.68967759 C26.8793741,3.58295138 26.7403329,3.52450608 26.5947099,3.52450608 L19.4632963,3.52450608 L19.4632963,0.700496642 C19.4632963,0.388788342 19.2189458,0.136372381 18.9153589,0.136372381 L12.3335281,0.136372381 C12.0307639,0.136372381 11.784768,0.388788342 11.784768,0.700496642 L11.784768,3.52450608 L4.65417708,3.52450608 C4.50855407,3.52450608 4.36786744,3.58295138 4.26584906,3.68967759 L0.974933682,7.07781129 C0.872092576,7.18284344 0.815324286,7.32683912 0.815324286,7.47676403 L0.815324286,11.429022 L8.4938526,11.429022 L8.4938526,9.73495514 C8.4938526,9.42409387 8.7390258,9.17083088 9.04261274,9.17083088 L11.2368306,9.17083088 C11.5395948,9.17083088 11.7855907,9.42409387 11.7855907,9.73495514 L11.7855907,11.429022 L19.464119,11.429022 L19.464119,9.73495514 C19.464119,9.42409387 19.710115,9.17083088 20.0137019,9.17083088 L22.207097,9.17083088 C22.5106839,9.17083088 22.7550344,9.42409387 22.7550344,9.73495514 L22.7550344,11.429022 L30.4343855,11.429022 L30.4343855,7.47676403 C30.4335627,7.32683912 30.3759717,7.18284344 30.2731306,7.07781129 Z M12.8822883,1.2646209 L18.3674215,1.2646209 L18.3674215,3.52450608 L12.8822883,3.52450608 L12.8822883,1.2646209 Z"/>
+      <rect width="1.097" height="1.13" x="9.591" y="12.559"/>
+      <rect width="1.097" height="1.128" x="9.591" y="10.301"/>
+      <path d="M22.7542117,14.2521844 C22.7542117,14.5647397 22.5098612,14.8163087 22.2062743,14.8163087 L20.0128792,14.8163087 C19.7092922,14.8163087 19.4632963,14.5647397 19.4632963,14.2521844 L19.4632963,12.5581175 L11.784768,12.5581175 L11.784768,14.2521844 C11.784768,14.5647397 11.5387721,14.8163087 11.2360078,14.8163087 L9.04179001,14.8163087 C8.7390258,14.8163087 8.49302987,14.5647397 8.49302987,14.2521844 L8.49302987,12.5581175 L0.814501557,12.5581175 L0.814501557,21.0284518 C0.814501557,21.3410071 1.06049748,21.592576 1.3632617,21.592576 L29.8848026,21.592576 C30.1867441,21.592576 30.43274,21.3410071 30.43274,21.0284518 L30.43274,12.5581175 L22.753389,12.5581175 L22.7542117,14.2521844 L22.7542117,14.2521844 Z"/>
+    </g>
+    <rect width="231" height="196" x="-7" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/lpbook.svg b/src/format_icons/lpbook.svg
new file mode 100644 (file)
index 0000000..c3a6cc6
--- /dev/null
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-150" y="-5" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <path d="M13.6823246 3.95835435L13.6823246 19.1943654C14.9986564 18.5711717 16.1915822 18.1336468 17.2838576 17.8173223 17.4624026 16.7609015 17.9674049 15.7878598 18.7533531 15.0150996 19.7099693 14.0755814 20.9711622 13.5426434 22.3198773 13.5031028L22.3198773 1.27131511C20.1073194 1.34953666 16.3937582 2.39994036 13.6823246 3.95835435zM22.8957725 3.12800249L22.8957725 13.5177156C23.2896218 13.5478009 23.6764693 13.6200054 24.0466876 13.73261L24.0466876 2.95178911C23.6449613 2.95694657 23.2651156 2.98359347 22.8957725 3.12800249z"/>
+      <path d="M13.2683452,19.882887 C9.27646377,17.9239099 6.46000369,17.6462663 4.18005387,17.6462663 C4.03039114,17.6462663 3.89210627,17.5138914 3.89210627,17.3634653 L3.89210627,3.12714292 C3.52188794,2.9827339 3.14291739,2.95694657 2.74206633,2.95092953 L2.74206633,2.95092953 L2.74206633,19.30697 C5.17342932,18.8221683 9.24057973,19.1470886 13.3856248,21.0123718 C14.6266877,20.3728461 15.9675257,19.9138318 17.2969859,19.6052434 C17.2427222,19.300953 17.2120895,18.9923647 17.2120895,18.6751806 C17.2120895,18.5857845 17.2147152,18.4955289 17.2199665,18.407852 C16.107561,18.7396489 14.8822521,19.2124165 13.5195335,19.8803082 C13.4416389,19.9198488 13.3462398,19.9198488 13.2683452,19.882887 Z"/>
+      <path d="M13.1064294,3.95835435 C10.395871,2.39994036 6.68143452,1.34953666 4.46887669,1.27217469 L4.46887669,17.0901197 C6.67180709,17.1116091 9.41037253,17.4502827 13.1064294,19.1935058 L13.1064294,3.95835435 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M13.3856248,21.0140909 C9.24057973,19.1470886 5.17342932,18.8213088 2.74206633,19.3078296 L2.74206633,2.95178911 L2.74206633,2.95178911 C3.14291739,2.95780615 3.52363838,2.98359347 3.89210627,3.12800249 L3.89210627,17.3634653 C3.89210627,17.5138914 4.03039114,17.6462663 4.18005387,17.6462663 C6.45912847,17.6462663 9.27646377,17.9213311 13.2683452,19.882887 C13.3462398,19.9198488 13.4416389,19.9198488 13.5195335,19.882887 C14.8822521,19.2149953 16.1058106,18.7430872 17.2199665,18.4104307 C17.2295939,18.2110087 17.2514744,18.0115868 17.2838576,17.8190414 C16.1915822,18.1327872 14.9986564,18.5728909 13.6823246,19.195225 L13.6823246,3.95921393 C16.3955086,2.40079993 20.1073194,1.35039624 22.3198773,1.27303427 L22.3198773,13.504822 C22.3741409,13.5031028 22.4275294,13.5022432 22.4800426,13.5022432 C22.6209532,13.5022432 22.7583628,13.5074007 22.8975229,13.5185752 L22.8975229,3.12886207 C23.266866,2.98445305 23.6449613,2.95866573 24.0484381,2.95264868 L24.0484381,13.7334696 C24.857142,13.9784492 25.5958282,14.4151145 26.2111083,15.0176784 C26.2601207,15.0649551 26.3056322,15.1130915 26.3537693,15.1655257 L26.3537693,4.35719831 C26.3537693,4.20935098 26.2163596,4.07439731 26.0658217,4.07439731 C25.6142078,4.07439731 25.1258347,4.07181858 24.6252085,4.2239638 L24.6252085,2.65953276 C24.6252085,2.51168543 24.4886741,2.37673177 24.3372609,2.37673177 C23.885647,2.37673177 23.3981491,2.37501261 22.8966477,2.52715783 L22.8966477,0.962726791 C22.8966477,0.814879462 22.759238,0.679925796 22.6087001,0.679925796 C20.2456043,0.679925796 16.3158635,1.79737654 13.3952522,3.48128884 C10.4763913,1.79737654 6.54490009,0.679925796 4.18267953,0.679925796 C3.89473194,0.679925796 3.89473194,0.962726791 3.89473194,0.962726791 L3.89473194,2.52715783 C3.40023226,2.39392332 2.87860075,2.37673177 2.42873733,2.37673177 C2.28695158,2.39048501 2.16704635,2.52028121 2.16792157,2.65953276 L2.16792157,4.2239638 C1.67167146,4.09072928 1.15003995,4.07439731 0.700176528,4.07439731 C0.558390781,4.08729097 0.439360771,4.21708718 0.439360771,4.35633873 L0.439360771,22.456462 C0.438485551,22.6481478 0.678296011,22.7959951 0.854215364,22.7126161 C1.92461023,22.1865546 3.99100621,21.8203746 6.29808787,21.8547577 C8.60604475,21.89086 11.1634395,22.3111934 13.2718461,23.2782181 C13.3532416,23.3143203 13.453892,23.3117416 13.5335371,23.2670436 C14.8708742,22.5604709 16.6221908,22.1435758 18.4093914,21.9613453 C17.836997,21.2771217 17.4589017,20.4734167 17.2987363,19.6069626 C15.9675257,19.9146913 14.6266877,20.3737057 13.3856248,21.0140909 Z M4.46800147,1.27217469 C6.67968408,1.34953666 10.3941206,2.39994036 13.1046789,3.95835435 L13.1046789,19.1943654 C9.40774687,17.4511422 6.66918143,17.1124687 4.46800147,17.0909793 L4.46800147,1.27217469 Z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M25.6999795 22.5853986L25.229986 22.1134906C24.4641679 22.7040203 23.5058013 23.0255023 22.5098002 23.0255023L22.5098002 23.0255023C21.2958691 23.0255023 20.1589575 22.5639092 19.308243 21.7275403 18.4689064 20.9049246 18.0085403 19.8106825 18.0085403 18.6416571 18.0085403 17.4777891 18.4689064 16.3783895 19.308243 15.557493 20.1440787 14.7348774 21.2591098 14.28188 22.4494099 14.28188 23.6362091 14.28188 24.7538659 14.7348774 25.5905769 15.557493 27.205359 17.1425539 27.3585226 19.6636947 25.975674 21.3828497L26.4167852 21.8306896C26.4640471 21.8117789 26.5226869 21.8014639 26.5883284 21.8014639 26.6417169 21.8014639 26.6942301 21.8092001 26.749369 21.8203746 28.2591247 19.8347506 28.1015849 17.016196 26.3537693 15.1620874 26.3056322 15.1105127 26.2601207 15.063236 26.2111083 15.0142401 25.5958282 14.4116762 24.857142 13.97673 24.0484381 13.7300313 23.6764693 13.6174266 23.2913722 13.5452221 22.8975229 13.5151369 22.7601133 13.504822 22.6227036 13.4996645 22.4800426 13.4996645 22.4275294 13.4996645 22.3758914 13.5005241 22.3198773 13.5022432 20.9711622 13.5417838 19.7099693 14.0747219 18.7533531 15.0142401 17.9691554 15.7852811 17.4624026 16.7591824 17.2838576 17.8164627 17.2514744 18.0107272 17.2295939 18.2075704 17.2199665 18.407852 17.2147152 18.4963885 17.2120895 18.584925 17.2120895 18.674321 17.2120895 18.9915051 17.241847 19.300953 17.2969859 19.606103 17.4571513 20.470838 17.8334962 21.2754025 18.4076409 21.9596262 18.5161683 22.0877032 18.6334478 22.2149207 18.7542283 22.3361211 19.7659834 23.3280736 21.1146984 23.8756244 22.5553116 23.8756244L22.5553116 23.8756244C23.7097277 23.8756244 24.8203827 23.5094444 25.7157334 22.8432718 25.6921025 22.7607524 25.682475 22.6704968 25.6999795 22.5853986zM31.7731356 26.3477693L28.0403195 22.6808117C27.9247904 22.5673475 27.7427445 22.4796706 27.5659499 22.4427087L30.2782587 25.107399C30.3797843 25.2062504 30.4314223 25.3403445 30.4235454 25.4804556 30.4191693 25.6102518 30.3631551 25.7374693 30.26338 25.8303036L29.7933865 26.2944755C29.6927361 26.3933269 29.561453 26.4474803 29.426669 26.4474803 29.291885 26.4474803 29.1632276 26.3941865 29.0678286 26.2970542L26.3511436 23.6297853C26.3957799 23.8163136 26.5016816 23.992527 26.6049576 24.0939571L30.3368985 27.7600551C30.4524276 27.8743789 30.6029656 27.9362685 30.7622558 27.9362685 30.9250468 27.9362685 31.07646 27.8709406 31.1972404 27.7548976L31.7565064 27.2056276C31.8729108 27.0913038 31.9394275 26.9434565 31.9464293 26.787873 31.9525558 26.6219745 31.8912904 26.4638122 31.7731356 26.3477693z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M24.8457641,16.2881339 C24.206853,15.6597827 23.3543881,15.3125134 22.4494099,15.3125134 C21.5426813,15.3125134 20.6893412,15.6580636 20.0521805,16.2881339 C18.7297221,17.5860959 18.7297221,19.6989374 20.0521805,20.997759 C20.6963429,21.6312676 21.5943193,21.9940093 22.5150515,21.9940093 C23.4217801,21.9940093 24.2646176,21.6536166 24.8912756,21.0450357 C26.190103,19.7642653 26.169973,17.5886746 24.8457641,16.2881339 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M29.426669,26.4474803 C29.561453,26.4474803 29.6927361,26.3941865 29.7933865,26.2944755 L30.26338,25.8303036 C30.3614047,25.7374693 30.4191693,25.6102518 30.4235454,25.4804556 C30.4314223,25.341204 30.3797843,25.2079695 30.2782587,25.107399 L27.5659499,22.4427087 L27.1327157,22.0163583 C27.0390671,21.9269622 26.8937804,21.8547577 26.7484938,21.8203746 C26.6942301,21.8083405 26.6417169,21.8014639 26.5883284,21.8014639 C26.5226869,21.8014639 26.4622967,21.8126384 26.4167852,21.8315491 L25.975674,21.3837093 C27.3567722,19.6645543 27.2036085,17.1425539 25.5905769,15.5583526 C24.7538659,14.7357369 23.6379596,14.2827396 22.4494099,14.2827396 C21.2608603,14.2827396 20.1440787,14.7357369 19.3073678,15.5583526 C18.4680311,16.3792491 18.0085403,17.4769296 18.0085403,18.6425166 C18.0085403,19.8098229 18.4689064,20.9057842 19.3073678,21.7283998 C20.1607079,22.5647687 21.2958691,23.0263619 22.5098002,23.0263619 L22.5098002,23.0263619 C23.5075517,23.0263619 24.4641679,22.7048799 25.229986,22.1143501 L25.6999795,22.5862582 C25.6815998,22.6713563 25.6921025,22.7607524 25.7148582,22.844991 C25.7568688,22.9928383 25.8417652,23.1303707 25.9214103,23.2103114 L26.3493932,23.6306448 L29.0660781,26.2979138 C29.1632276,26.3933269 29.291885,26.4474803 29.426669,26.4474803 Z M24.8895251,21.042457 C24.2637424,21.6536166 23.4209049,21.9922901 22.5141763,21.9922901 C21.5916937,21.9922901 20.6945925,21.6295484 20.0513053,20.9960398 C18.7288469,19.6972182 18.7288469,17.5843768 20.0513053,16.2864147 C20.6893412,15.6580636 21.5418061,15.3116539 22.4485347,15.3116539 C23.3535129,15.3116539 24.2059778,15.6563444 24.8448889,16.2864147 C26.169973,17.5886746 26.190103,19.7642653 24.8895251,21.042457 Z"/>
+    </g>
+    <rect width="231" height="196" x="-152" y="-7" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/map.svg b/src/format_icons/map.svg
new file mode 100644 (file)
index 0000000..6072487
--- /dev/null
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-78" y="-42" fill="#FFF"/>
+    <g fill="#000" fill-rule="nonzero" transform="translate(1 5)">
+      <polygon points="5.058 2.986 .542 21.687 7.271 19.539 9.514 .901"/>
+      <polygon points="8.019 19.539 14.838 21.749 14.838 2.986 10.262 .839"/>
+      <polygon points="15.555 2.986 15.555 21.749 22.375 19.539 20.132 .839"/>
+      <polygon points="25.336 2.986 20.879 .901 20.879 .901 23.122 19.539 29.852 21.687"/>
+    </g>
+    <rect width="231" height="196" x="-80" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/map2.svg b/src/format_icons/map2.svg
new file mode 100644 (file)
index 0000000..46ca8e5
--- /dev/null
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-186" y="-78" fill="#FFF"/>
+    <g fill="#000" fill-rule="nonzero" transform="translate(2 4)">
+      <polygon points="9.653 .477 .543 4.169 .543 24.687 9.653 21.403"/>
+      <polygon points="20.743 24.687 29.853 21.403 29.853 .477 20.743 4.169"/>
+      <polygon points="10.445 21.403 19.951 24.687 19.951 4.169 10.445 .477"/>
+    </g>
+    <rect width="231" height="196" x="-188" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/microform.svg b/src/format_icons/microform.svg
new file mode 100644 (file)
index 0000000..38b7d1c
--- /dev/null
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-114" y="-150" fill="#FFF"/>
+    <g transform="translate(0 7)">
+      <rect width="1.66" height="1.699" x="6.743" y="1.549"/>
+      <rect width="1.661" height="1.699" x="10.893" y="1.549"/>
+      <rect width="1.66" height="1.699" x="2.593" y="1.549"/>
+      <rect width="1.572" height="1.698" x="15.042" y="16.824"/>
+      <rect width="1.66" height="1.698" x="2.593" y="16.824"/>
+      <rect width="1.66" height="1.698" x="6.743" y="16.824"/>
+      <rect width="1.661" height="1.699" x="27.401" y="1.549"/>
+      <rect width="1.572" height="1.699" x="19.191" y="1.549"/>
+      <rect width="1.659" height="1.699" x="23.253" y="1.549"/>
+      <rect width="1.661" height="1.698" x="10.893" y="16.824"/>
+      <rect width="1.662" height="1.698" x="31.552" y="16.824"/>
+      <rect width="1.661" height="1.698" x="27.401" y="16.824"/>
+      <rect width="1.659" height="1.698" x="23.253" y="16.824"/>
+      <rect width="1.662" height="1.699" x="31.552" y="1.549"/>
+      <rect width="1.572" height="1.698" x="19.191" y="16.824"/>
+      <rect width="14.125" height="1" x="19.079" y="16.054"/>
+      <rect width="1.572" height="1.699" x="15.042" y="1.549"/>
+      <path fill="#000" fill-rule="nonzero" d="M22.5109753,0.701765766 L13.2959838,0.701765766 L0.935168454,0.701765766 L0.935168454,19.3718198 L13.2959838,19.3718198 L22.5109753,19.3718198 L34.8708479,19.3718198 L34.8708479,0.701765766 L22.5109753,0.701765766 Z M27.4008128,1.54909009 L29.0618681,1.54909009 L29.0618681,3.24759459 L27.4008128,3.24759459 L27.4008128,1.54909009 Z M23.2528882,1.54909009 L24.912058,1.54909009 L24.912058,3.24759459 L23.2528882,3.24759459 L23.2528882,1.54909009 Z M19.1907502,1.54909009 L20.7631907,1.54909009 L20.7631907,3.24759459 L19.1907502,3.24759459 L19.1907502,1.54909009 Z M10.8930156,1.54909009 L12.5540709,1.54909009 L12.5540709,3.24759459 L10.8930156,3.24759459 L10.8930156,1.54909009 Z M6.7432056,1.54909009 L8.40331815,1.54909009 L8.40331815,3.24759459 L6.7432056,3.24759459 L6.7432056,1.54909009 Z M2.59339558,1.54909009 L4.25350813,1.54909009 L4.25350813,3.24759459 L2.59339558,3.24759459 L2.59339558,1.54909009 Z M4.25350813,18.5216036 L2.59339558,18.5216036 L2.59339558,16.8240631 L4.25350813,16.8240631 L4.25350813,18.5216036 Z M8.40331815,18.5216036 L6.7432056,18.5216036 L6.7432056,16.8240631 L8.40331815,16.8240631 L8.40331815,18.5216036 Z M12.5521855,18.5216036 L10.8911302,18.5216036 L10.8911302,16.8240631 L12.5521855,16.8240631 L12.5521855,18.5216036 Z M2.46330158,16.0538559 L2.46330158,4.0178018 L16.5888703,4.0178018 L16.5888703,16.0538559 L2.46330158,16.0538559 Z M16.6143234,18.5216036 L15.0418829,18.5216036 L15.0418829,16.8240631 L16.6143234,16.8240631 L16.6143234,18.5216036 Z M16.6143234,3.24759459 L15.0418829,3.24759459 L15.0418829,1.54909009 L16.6143234,1.54909009 L16.6143234,3.24759459 Z M20.7631907,18.5216036 L19.1907502,18.5216036 L19.1907502,16.8240631 L20.7631907,16.8240631 L20.7631907,18.5216036 Z M19.0785677,16.1097658 L19.0785677,16.0538559 L19.0785677,4.07178378 L19.0785677,4.01683784 L33.2031937,4.01683784 L33.2031937,4.07178378 L33.2031937,16.0538559 L33.2031937,16.1097658 L19.0785677,16.1097658 Z M24.912058,18.5216036 L23.2528882,18.5216036 L23.2528882,16.8240631 L24.912058,16.8240631 L24.912058,18.5216036 Z M29.0618681,18.5216036 L27.4008128,18.5216036 L27.4008128,16.8240631 L29.0618681,16.8240631 L29.0618681,18.5216036 Z M33.2116781,18.5216036 L31.5496801,18.5216036 L31.5496801,16.8240631 L33.2116781,16.8240631 L33.2116781,18.5216036 Z M33.2116781,3.24759459 L31.5496801,3.24759459 L31.5496801,1.54909009 L33.2116781,1.54909009 L33.2116781,3.24759459 Z"/>
+      <polygon fill="#FFF" fill-rule="nonzero" points="33.205 4.073 33.205 4.018 19.079 4.018 19.079 4.073 19.079 16.054 33.205 16.054"/>
+      <rect width="14.126" height="12.036" x="2.463" y="4.018" fill="#FFF" fill-rule="nonzero"/>
+    </g>
+    <rect width="231" height="196" x="-116" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/music.svg b/src/format_icons/music.svg
new file mode 100644 (file)
index 0000000..5803a27
--- /dev/null
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-150" y="-78" fill="#FFF"/>
+    <path fill="#000" fill-rule="nonzero" d="M29.2738921,0.75526508 L11.6302578,5.62993349 L9.41981678,6.24368921 L9.41981678,23.2462035 C8.13507426,22.5987159 6.67528762,22.401261 5.26760713,22.683457 C2.35047632,23.2215217 0.285769722,25.3490985 0.657840273,27.4240206 C1.02991082,29.4989428 3.69302411,30.7807543 6.60771244,30.2533851 C7.51468529,30.0945984 8.38257852,29.7581023 9.16172845,29.2636423 C9.45971056,29.1114375 9.74222364,28.9312599 10.0060111,28.7247549 C10.7411964,28.1710584 11.1938687,27.3145977 11.2402757,26.3898504 C11.2638864,26.1817 11.2638864,25.9702587 11.2402757,25.7612856 C11.2231784,20.4275345 11.2402757,15.0937834 11.2402757,9.76003229 L11.2402757,9.41942255 L27.5234508,4.92979124 L27.5234508,17.7750567 C26.2403366,17.1341509 24.7821783,16.9408097 23.3777544,17.2271193 C20.4630661,17.7544885 18.3926604,19.8754834 18.7679876,21.9676829 C19.1433148,24.0598824 21.8031714,25.3252393 24.7178598,24.7970474 C25.6582131,24.6333244 26.5570444,24.2770828 27.3565483,23.751359 C28.3302821,23.2758218 29.0589542,22.4045519 29.3593788,21.3547499 L29.3593788,20.8652263 C29.3789186,20.6710622 29.3789186,20.4736073 29.3593788,20.2786206 L29.3593788,0.754442351 C29.3308832,0.754442351 29.3023877,0.754442351 29.2738921,0.75526508 Z" transform="translate(1)"/>
+    <rect width="231" height="196" x="-152" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/phonograph.svg b/src/format_icons/phonograph.svg
new file mode 100644 (file)
index 0000000..a0e0634
--- /dev/null
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-186" y="-42" fill="#FFF"/>
+    <g transform="translate(2 2)">
+      <path d="M21.6338264 17.9961651L21.3627115 17.8707846C20.6845173 19.4144296 19.3476686 20.6169421 17.7014396 21.1404462L17.8097227 21.4188885C19.5284119 20.8652605 20.9222516 19.6090136 21.6338264 17.9961651zM20.4834201 14.9943618C20.4834201 12.17493 18.1475986 9.88958638 15.2662908 9.88958638 12.3833546 9.88958638 10.0459049 12.17493 10.0459049 14.9943618 10.0459049 17.8137935 12.3833546 20.0991371 15.2662908 20.0991371 18.1475986 20.0991371 20.4834201 17.8137935 20.4834201 14.9943618zM15.2662908 16.2343255C14.5653001 16.2343255 13.9978314 15.677441 13.9978314 14.9943618 13.9978314 14.3096542 14.5644859 13.754398 15.2662908 13.754398 15.9640248 13.754398 16.5331218 14.3112826 16.5331218 14.9943618 16.5331218 15.677441 15.9640248 16.2343255 15.2662908 16.2343255zM22.964976 18.6084125L22.6897903 18.4814037C21.8210829 20.3401281 20.2114911 21.7966581 18.2290145 22.4919497L18.3405542 22.7769053C20.3946768 22.0531182 22.0653305 20.5379687 22.964976 18.6084125z"/>
+      <ellipse cx="15.266" cy="14.994" rx="1" ry="1"/>
+      <path d="M26.6824248 20.3165175C25.2584612 23.1310643 22.8102858 25.365116 19.8174382 26.5513453L19.9257213 26.8281592C22.991029 25.6134344 25.4970097 23.3248341 26.9543538 20.441898L26.6824248 20.3165175zM24.2969397 19.2206598L24.0258248 19.0952794C22.9698609 21.2739682 21.0801984 22.9894007 18.7614743 23.8515948L18.8705716 24.1284088C21.2601275 23.2393475 23.2084094 21.467738 24.2969397 19.2206598zM25.6272751 19.8312789L25.3561602 19.7058985C24.1153823 22.2021092 21.9464634 24.1772583 19.2898633 25.2014701L19.3989606 25.4799123C22.1255783 24.4255768 24.3539308 22.3983215 25.6272751 19.8312789z"/>
+      <path fill="#000" fill-rule="nonzero" d="M15.2662908,13.754398 C14.5644859,13.754398 13.9978314,14.3104684 13.9978314,14.9943618 C13.9978314,15.6782551 14.5653001,16.2343255 15.2662908,16.2343255 C15.9640248,16.2343255 16.5331218,15.677441 16.5331218,14.9943618 C16.5331218,14.3112826 15.9640248,13.754398 15.2662908,13.754398 Z M15.2662908,15.8443435 C14.7843088,15.8443435 14.3959551,15.4633172 14.3959551,14.9943618 C14.3959551,14.5245922 14.7843088,14.1451942 15.2662908,14.1451942 C15.7450161,14.1451942 16.1349982,14.5254063 16.1349982,14.9943618 C16.1349982,15.4633172 15.7450161,15.8443435 15.2662908,15.8443435 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M15.2662908,0.658654431 C7.17192446,0.658654431 0.610619065,7.07748204 0.610619065,14.9943618 C0.610619065,22.9120556 7.17192446,29.3292549 15.2662908,29.3292549 C23.3582146,29.3292549 29.9203342,22.9112415 29.9203342,14.9943618 C29.9203342,7.07748204 23.3582146,0.658654431 15.2662908,0.658654431 Z M10.0459049,14.9943618 C10.0459049,12.17493 12.3833546,9.88958638 15.2662908,9.88958638 C18.1475986,9.88958638 20.4834201,12.17493 20.4834201,14.9943618 C20.4834201,17.8137935 18.1475986,20.0991371 15.2662908,20.0991371 C12.3833546,20.0991371 10.0459049,17.8137935 10.0459049,14.9943618 Z M17.7014396,21.1404462 C19.3476686,20.6169421 20.6845173,19.4152438 21.3627115,17.8707846 L21.6338264,17.9961651 C20.9222516,19.6081994 19.5284119,20.8644464 17.8097227,21.4180743 L17.7014396,21.1404462 Z M18.2298286,22.4919497 C20.2123052,21.7966581 21.8210829,20.3401281 22.6906045,18.4814037 L22.9657901,18.6084125 C22.0661447,20.5371546 20.3954909,22.052304 18.3413684,22.7760911 L18.2298286,22.4919497 Z M18.7614743,23.8515948 C21.0801984,22.9894007 22.9698609,21.2739682 24.0258248,19.0952794 L24.2969397,19.2206598 C23.2084094,21.467738 21.2609417,23.2393475 18.8705716,24.1275947 L18.7614743,23.8515948 Z M19.2890492,25.2014701 C21.9456492,24.1772583 24.1145681,22.2021092 25.3553461,19.7058985 L25.6264609,19.8312789 C24.3539308,22.3975073 22.1247641,24.4255768 19.3981465,25.4799123 L19.2890492,25.2014701 Z M19.9265355,26.8281592 L19.8182524,26.5513453 C22.8111,25.365116 25.2592753,23.1310643 26.683239,20.3165175 L26.955168,20.441898 C25.4970097,23.3248341 22.991029,25.6134344 19.9265355,26.8281592 Z"/>
+    </g>
+    <rect width="231" height="196" x="-188" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/phonomusic.svg b/src/format_icons/phonomusic.svg
new file mode 100644 (file)
index 0000000..90978a6
--- /dev/null
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-150" y="-150" fill="#FFF"/>
+    <g transform="translate(2 2)">
+      <path d="M5.28633279 16.5961544L5.05266922 16.7052201C5.98976595 18.6717066 7.66937546 20.2209344 9.72838294 20.9976139L9.82282536 20.7555212C7.82406562 20.0019768 6.19574811 18.5006718 5.28633279 16.5961544zM17.3334399 13.0093822C17.3334399 10.5430116 15.3192111 8.54512741 12.8352127 8.54512741 10.3512144 8.54512741 8.34024227 10.5430116 8.34024227 13.0093822 8.34024227 15.4741004 10.3528427 17.4736371 12.8352127 17.4736371 15.3192111 17.4736371 17.3334399 15.4749266 17.3334399 13.0093822zM12.8352127 14.0950811C12.2343636 14.0950811 11.7434259 13.608417 11.7434259 13.0110347 11.7434259 12.412 12.2343636 11.9261622 12.8352127 11.9261622 13.4393185 11.9261622 13.9294421 12.4128263 13.9294421 13.0110347 13.9278138 13.6075907 13.4393185 14.0950811 12.8352127 14.0950811zM7.58144631 15.5253282L7.34778275 15.6343938C7.96084429 17.0456371 9.16254261 18.1437297 10.6434974 18.6279151L10.7363115 18.3849961C9.31723277 17.9255985 8.16438398 16.8754286 7.58144631 15.5253282z"/>
+      <ellipse cx="12.835" cy="13.009" rx="1" ry="1"/>
+      <path d="M4.13999726 17.1299151L3.9063337 17.2398069C5.00463386 19.4839151 6.92360604 21.2578842 9.27408236 22.1791583L9.36771062 21.9362394C7.07911036 21.0397529 5.2089877 19.3137066 4.13999726 17.1299151zM6.43755326 16.0607413L6.19981891 16.1706332C6.9757122 17.8586718 8.41595903 19.1831583 10.185126 19.8160695L10.2811967 19.5673668C8.57227751 18.958417 7.18576516 17.6851583 6.43755326 16.0607413zM2.99691837 17.6636757L2.76244065 17.7735676C4.01868761 20.2969498 6.17783662 22.298139 8.81896762 23.3598764L8.91178171 23.1177838C6.33334094 22.0800077 4.22385561 20.1250888 2.99691837 17.6636757z"/>
+      <path fill="#000" fill-rule="nonzero" d="M12.8352127,11.9245097 C12.2343636,11.9245097 11.7434259,12.4111737 11.7434259,13.0093822 C11.7434259,13.6075907 12.2343636,14.0934286 12.8352127,14.0934286 C13.4393185,14.0934286 13.9294421,13.6067645 13.9294421,13.0093822 C13.9278138,12.4111737 13.4393185,11.9245097 12.8352127,11.9245097 Z M12.8352127,13.7530116 C12.4224343,13.7530116 12.0861867,13.4208571 12.0861867,13.0110347 C12.0861867,12.6003861 12.4224343,12.2682317 12.8352127,12.2682317 C13.2512479,12.2682317 13.585053,12.5995598 13.585053,13.0110347 C13.585053,13.4192046 13.2496196,13.7530116 12.8352127,13.7530116 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M16.1895468,23.6722008 C16.7163075,23.3912741 17.2699355,23.2235444 17.8064661,23.1747954 L17.8064661,15.4509653 C17.8064661,15.4220463 17.8080944,15.3931274 17.8097227,15.3642085 C17.8349617,14.8221853 18.1630676,14.3487413 18.6613328,14.1438301 L25.3610452,11.3890965 C24.5615413,5.2293668 19.2589253,0.470138996 12.8360269,0.470138996 C5.86275718,0.470138996 0.206796323,6.08371429 0.206796323,13.0077297 C0.206796323,19.9317452 5.86112887,25.5444942 12.8360269,25.5444942 C13.3668584,25.5444942 13.892805,25.511444 14.4073533,25.4486486 C14.4382913,25.3825483 14.4708577,25.3164479 14.508309,25.2503475 C14.8575831,24.6232201 15.4551756,24.0621931 16.1895468,23.6722008 Z M8.81896762,23.3590502 C6.17783662,22.2956602 4.01868761,20.294471 2.76244065,17.7719151 L2.99691837,17.6620232 C4.22385561,20.1242625 6.33496926,22.077529 8.91341003,23.1169575 L8.81896762,23.3590502 Z M9.27408236,22.1791583 C6.92360604,21.2587104 5.00463386,19.4839151 3.9063337,17.2398069 L4.13999726,17.1299151 C5.2089877,19.3137066 7.07911036,21.0381004 9.36771062,21.9345869 L9.27408236,22.1791583 Z M9.72838294,20.9976139 C7.66937546,20.2209344 5.98976595,18.6717066 5.05266922,16.7052201 L5.28633279,16.5961544 C6.19574811,18.5006718 7.82406562,20.0019768 9.82282536,20.7555212 L9.72838294,20.9976139 Z M10.185126,19.8152432 C8.41595903,19.1815058 6.97734052,17.8561931 6.19981891,16.1698069 L6.43755326,16.0582625 C7.18576516,17.6851583 8.57227751,18.958417 10.2811967,19.564888 L10.185126,19.8152432 Z M10.6426832,18.6279151 C9.16172845,18.1437297 7.96003013,17.0456371 7.34696859,15.6343938 L7.57981799,15.5253282 C8.16438398,16.8754286 9.31723277,17.9264247 10.7346832,18.3849961 L10.6426832,18.6279151 Z M8.33861395,13.0093822 C8.33861395,10.5430116 10.3512144,8.54512741 12.8335844,8.54512741 C15.3192111,8.54512741 17.3318115,10.5430116 17.3318115,13.0093822 C17.3318115,15.4741004 15.3175828,17.4736371 12.8335844,17.4736371 C10.3512144,17.4736371 8.33861395,15.4749266 8.33861395,13.0093822 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M20.544482,22.9384865 C22.6645514,21.3140695 24.2505326,19.0352587 24.9938596,16.4077683 L20.544482,18.238749 L20.544482,22.9384865 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M28.5387068,21.6470502 C28.5387068,21.6420927 28.5419634,21.6371351 28.5419634,21.6321776 L28.5419634,11.7419073 L28.5419634,11.7419073 C28.5419634,11.5601313 28.4214679,11.4138842 28.2570079,11.3643089 C28.221999,11.3527413 28.186176,11.342 28.1487247,11.342 C28.1470964,11.342 28.1470964,11.342 28.1454681,11.342 C28.1186009,11.342 28.0941761,11.3527413 28.0664947,11.3585251 C28.0436983,11.3634826 28.0184593,11.3618301 27.9956629,11.3725714 L27.9915921,11.3742239 L27.9899638,11.3742239 L19.0260759,15.0617992 C18.8705716,15.1245946 18.7785716,15.2791042 18.7810141,15.4393977 C18.7810141,15.4443552 18.7793858,15.4476602 18.7793858,15.4526178 L18.7793858,24.2588417 C18.5807311,24.1877838 18.3552091,24.1506023 18.1134039,24.1506023 C17.657475,24.1506023 17.1453692,24.2794981 16.6381483,24.5472046 C15.4616889,25.1726795 14.8494415,26.2666409 15.246751,27.0391892 C15.4714588,27.4771042 15.9680956,27.7043243 16.5681306,27.7043243 C17.0256879,27.7043243 17.5459353,27.5729498 18.0555987,27.3027645 C18.9755981,26.8144479 19.5479517,26.0410734 19.565049,25.3569344 C19.565049,25.3519768 19.5674915,25.3470193 19.5674915,25.342888 L19.5674915,17.5719614 L27.7481586,14.2074517 L27.7481586,20.5869653 C27.5495039,20.5142548 27.3239819,20.4778996 27.0805485,20.4778996 C26.6262479,20.4778996 26.1133279,20.6059691 25.606107,20.8736757 C24.4288334,21.4999768 23.8174002,22.5939382 24.2147096,23.3656602 C24.4402316,23.802749 24.9360543,24.0307954 25.5369035,24.0307954 C25.9944607,24.0307954 26.5155223,23.9002471 27.0243715,23.6292355 C27.9639107,23.1310039 28.5403351,22.3386255 28.5387068,21.6470502 Z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M28.5370785,10.4174208 L28.5338218,10.4165946 C28.4768307,10.3992432 28.3661051,10.3653668 28.221999,10.3571042 C28.1967601,10.3546255 28.1715212,10.3537992 28.1454681,10.3537992 C28.0347425,10.3537992 27.9468134,10.3703243 27.8767957,10.3876757 C27.816548,10.3975907 27.7416454,10.4132896 27.657787,10.4446873 L27.6431322,10.4496448 L27.6244065,10.4587336 L25.3594168,11.390749 L18.6597045,14.1454826 C18.1614393,14.3503938 17.8333333,14.8221853 17.8080944,15.3666873 C17.8064661,15.3947799 17.8048378,15.4236988 17.8048378,15.4526178 L17.8048378,23.1764479 C17.2683072,23.2243707 16.7146792,23.3937529 16.1879185,23.673027 C15.4543615,24.0638456 14.8559548,24.6232201 14.5066807,25.2528263 C14.4684152,25.3172741 14.4358489,25.3833745 14.4049108,25.4503012 C14.0800615,26.150139 14.0694774,26.8855058 14.3861852,27.4985869 C14.7761672,28.2587413 15.5740428,28.6941776 16.5713873,28.6941776 C17.2056169,28.6941776 17.8772979,28.5148803 18.5115276,28.1794208 C19.7124117,27.5423784 20.4842342,26.5012973 20.5404112,25.4478224 C20.5436678,25.4122934 20.5452961,25.3767645 20.5452961,25.3420618 L20.5452961,22.9376602 L20.5452961,18.2379228 L24.9954879,16.4069421 L26.7768672,15.6740541 L26.7768672,19.5004402 C26.2403366,19.5483629 25.6867087,19.7169189 25.1607621,19.9978456 C24.4263909,20.3870116 23.8271701,20.9480386 23.4770818,21.5768185 C23.0529051,22.3328417 23.0105688,23.1524865 23.3565863,23.8242317 C23.7473825,24.5835598 24.5444439,25.0189961 25.5434167,25.0189961 C26.1768322,25.0189961 26.8485132,24.8405251 27.4827429,24.5042394 C28.0616098,24.1976988 28.5558041,23.7853977 28.9124056,23.3119537 C29.2901753,22.8112432 29.4977858,22.2634363 29.5148831,21.7255444 C29.5181398,21.694973 29.5197681,21.6652278 29.5197681,21.6346564 L29.5197681,11.7443861 C29.5156973,11.1288263 29.1224586,10.5958919 28.5370785,10.4174208 Z M24.2179663,23.3640077 C23.8206568,22.5914595 24.43209,21.4983243 25.6093636,20.8720232 C26.1149562,20.6043166 26.6295045,20.4762471 27.0838051,20.4762471 C27.3272386,20.4762471 27.5527605,20.5126023 27.7514153,20.5853127 L27.7514153,14.2057992 L19.5707481,17.5703089 L19.5707481,25.3412355 C19.5707481,25.3453668 19.5683056,25.3503243 19.5683056,25.3552819 C19.5512083,26.0394208 18.9772264,26.8144479 18.0588553,27.301112 C17.5491919,27.5712973 17.0289445,27.7026718 16.5713873,27.7026718 C15.9713523,27.7026718 15.4747154,27.4771042 15.2500076,27.0375367 C14.8526981,26.2649884 15.4649455,25.171027 16.6414049,24.5455521 C17.1469975,24.2778456 17.6615458,24.1489498 18.1166606,24.1489498 C18.3592799,24.1489498 18.5839877,24.1861313 18.7826424,24.2571892 L18.7826424,15.4509653 C18.7826424,15.4460077 18.7842708,15.4427027 18.7842708,15.4377452 C18.7818283,15.2766255 18.8721999,15.1229421 19.0293325,15.0601467 L27.9932204,11.3725714 L27.9948487,11.3725714 L27.9989195,11.3709189 C28.021716,11.3601776 28.0469549,11.3618301 28.0697513,11.3568726 C28.0958044,11.3510888 28.1202292,11.3403475 28.1487247,11.3403475 C28.1503531,11.3403475 28.1503531,11.3403475 28.1519814,11.3403475 C28.1894327,11.3403475 28.2252557,11.3519151 28.2602645,11.3626564 C28.4230962,11.4122317 28.5452201,11.5584788 28.5452201,11.7402548 L28.5452201,11.7402548 L28.5452201,21.6305251 C28.5452201,21.6354826 28.5419634,21.6404402 28.5419634,21.6453977 C28.5435917,22.336973 27.9671673,23.1293514 27.0325131,23.6251042 C26.5236639,23.8952896 26.0026023,24.0266641 25.545045,24.0266641 C24.9393109,24.0291429 24.4434883,23.8035753 24.2179663,23.3640077 Z"/>
+    </g>
+    <rect width="231" height="196" x="-152" y="-152" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/phonospoken.svg b/src/format_icons/phonospoken.svg
new file mode 100644 (file)
index 0000000..6653a42
--- /dev/null
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-5" y="-114" fill="#FFF"/>
+    <g transform="translate(1 3)">
+      <path d="M4.04915071,1.16750365 L4.04915071,16.4297236 C5.25243212,16.4411219 6.61888451,16.5485908 8.22381757,16.9385729 C8.81458021,14.3788577 10.3525713,12.1724875 12.4604057,10.6793204 L12.4604057,3.75978512 C9.82121966,2.25603391 6.20384447,1.2415921 4.04915071,1.16750365 Z M13.0218813,3.75897096 L13.0218813,10.3064357 C14.7138388,9.25698503 16.7254442,8.6496226 18.8793012,8.6496226 C19.7604245,8.6496226 20.6130975,8.75139244 21.433973,8.94271975 L21.433973,1.16750365 C19.2792793,1.2415921 15.6619041,2.25603391 13.0218813,3.75897096 Z M21.9954486,2.95702459 L21.9954486,9.08764 C22.3778544,9.1983656 22.7518925,9.32781684 23.1167261,9.47762205 L23.1167261,2.78605125 C22.724279,2.79337868 22.3552615,2.81780345 21.9954486,2.95702459 Z"/>
+      <path d="M3.48767518,16.6926969 L3.48767518,2.95783875 C3.12702546,2.8186176 2.75800801,2.79337868 2.36639765,2.78767957 L2.36639765,2.78767957 L2.36639765,18.5685187 C3.77719907,18.2884481 5.75282314,18.2868198 7.97278529,18.7134389 C7.99454142,18.2884481 8.0439111,17.8707846 8.11754723,17.4604486 C6.42809997,17.0501126 5.01646177,16.9670684 3.76883133,16.9670684 C3.62239583,16.9646259 3.48767518,16.836803 3.48767518,16.6926969 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M7.97278529,18.7109965 C5.75282314,18.2868198 3.7763623,18.2868198 2.36639765,18.5677045 L2.36639765,2.78605125 L2.36639765,2.78605125 C2.75800801,2.79175037 3.12702546,2.81698929 3.48767518,2.95621043 L3.48767518,16.6918828 C3.48767518,16.8359889 3.62155906,16.9638118 3.76799456,16.9638118 C5.015625,16.9638118 6.42809997,17.0484843 8.11671046,17.457192 C8.14767111,17.2805195 8.18281563,17.1071037 8.22298079,16.9336879 C6.61888451,16.54452 5.25075857,16.4378652 4.04831394,16.4248387 L4.04831394,1.16424702 C6.2030077,1.23914962 9.81954611,2.25196311 12.4604057,3.75652849 L12.4604057,10.6760637 C12.6436593,10.5466125 12.8294232,10.4220462 13.0210445,10.3039932 L13.0210445,3.75652849 C15.6610673,2.25277727 19.2792793,1.23914962 21.4331363,1.16424702 L21.4331363,8.93946311 C21.6239208,8.98342768 21.8088479,9.03227721 21.9954486,9.08519753 L21.9954486,2.95458212 C22.3560983,2.81536097 22.724279,2.79012205 23.1167261,2.78442294 L23.1167261,9.47599373 C23.9175191,9.80409971 24.6689424,10.2225773 25.3609547,10.7184 L25.3609547,4.13999726 C25.3609547,3.99751948 25.2287444,3.86806824 25.0806353,3.86806824 C24.6430024,3.86806824 24.1626939,3.86562576 23.6773649,4.0129885 L23.6773649,2.50353817 C23.6773649,2.36024623 23.5443178,2.23079498 23.3962087,2.23079498 C22.9585758,2.23079498 22.4807777,2.22916667 21.9954486,2.37571524 L21.9954486,0.866264914 C21.9954486,0.723787132 21.8615647,0.593521731 21.7142924,0.593521731 C19.4131632,0.593521731 15.5857576,1.67146792 12.7407251,3.29571463 C9.89736612,1.67065376 6.06912381,0.593521731 3.76799456,0.593521731 C3.48767518,0.593521731 3.48767518,0.866264914 3.48767518,0.866264914 L3.48767518,2.37571524 C3.00569319,2.246264 2.49693443,2.23079498 2.05930149,2.23079498 C1.92123373,2.24300737 1.80492211,2.36920197 1.80575888,2.50353817 L1.80575888,4.0129885 C1.32294013,3.88435141 0.814181369,3.8688824 0.377385198,3.86806824 C0.239317442,3.88109478 0.122169044,4.00647523 0.123005818,4.14081142 L0.123005818,21.6020742 C0.122169044,21.7868882 0.353955518,21.929366 0.52465747,21.8487643 C1.56727822,21.3431717 3.57888357,20.9881985 5.82645927,21.021579 C6.57620902,21.0329772 7.35273555,21.0850834 8.1317724,21.1852249 C8.01629755,20.5664643 7.9560498,19.9273496 7.9560498,19.2743943 C7.95772335,19.087952 7.96274399,18.898253 7.97278529,18.7109965 Z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M22.5058809,19.2768368 C22.5058809,17.3717053 20.8833756,15.8288745 18.8809747,15.8288745 C16.8777371,15.8288745 15.2552318,17.3725195 15.2552318,19.2768368 C15.2552318,21.1844108 16.8777371,22.7288699 18.8809747,22.7288699 C20.8833756,22.7288699 22.5058809,21.1844108 22.5058809,19.2768368 Z M18.8793012,18.4390674 C19.3646303,18.4390674 19.7612613,18.8143946 19.7612613,19.2752085 C19.7612613,19.739279 19.3646303,20.1146062 18.8793012,20.1146062 C18.3931353,20.1146062 17.9981779,19.7376507 17.9981779,19.2752085 C17.9998514,18.8143946 18.3931353,18.4390674 18.8793012,18.4390674 Z M24.2279623,21.7193131 L24.036341,21.6346406 C23.4313532,22.8908875 22.3134228,23.8752054 20.9394394,24.344975 L21.0172594,24.5371165 C22.4431228,24.0502496 23.6037287,23.0235954 24.2279623,21.7193131 Z M25.1542715,22.1353482 L24.9651605,22.0506757 C24.2313094,23.524303 22.9192474,24.6812226 21.3092937,25.2633461 L21.3846034,25.4497885 C23.0447635,24.8505676 24.3978275,23.6529401 25.1542715,22.1353482 Z M26.0780703,22.5464984 L25.8872857,22.4618258 C25.0270818,24.1487628 23.5192145,25.4815407 21.674964,26.1760181 L21.7502737,26.3624604 C23.6455674,25.6533282 25.1935998,24.2806565 26.0780703,22.5464984 Z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M25.3601179,10.7208425 C24.6706159,10.2258339 23.9175191,9.80654218 23.1167261,9.47843621 C22.7510557,9.328631 22.3778544,9.19917975 21.993775,9.08845416 C21.8080111,9.03553384 21.623084,8.98668432 21.4331363,8.94271975 C20.6139342,8.75139244 19.7595877,8.6496226 18.8793012,8.6496226 C16.7246074,8.6496226 14.7130021,9.25779918 13.0202077,10.3064357 C12.8285864,10.4253028 12.6428225,10.549055 12.4595689,10.6785062 C10.3508978,12.1716734 8.81374343,14.3804861 8.22298079,16.9377587 C8.18281563,17.1111745 8.14767111,17.2845903 8.11671046,17.4596345 C8.0439111,17.8707846 7.99454142,18.2884481 7.97194851,18.7126248 C7.96107045,18.8990671 7.95521303,19.0895803 7.95521303,19.2784651 C7.95521303,19.9306063 8.01629755,20.5697209 8.13093562,21.1884816 C9.0555712,26.1475225 13.5172516,29.9073076 18.8793012,29.9073076 C24.9116069,29.9073076 29.8042261,25.1477356 29.8042261,19.2784651 C29.8042261,15.7678126 28.0553679,12.6577261 25.3601179,10.7208425 Z M18.8793012,28.9661401 C13.2570148,28.9661401 8.7007789,24.6291164 8.7007789,19.2792793 C8.7007789,13.928628 13.2570148,9.59160427 18.8793012,9.59160427 C24.5024243,9.59160427 29.0586602,13.928628 29.0586602,19.2792793 C29.0603338,24.6291164 24.5024243,28.9661401 18.8793012,28.9661401 Z"/>
+      <path fill="#FFF" fill-rule="nonzero" d="M26.8119213,22.8762327 C25.8203438,24.7781075 24.121692,26.2875578 22.0431447,27.0903184 L22.1184544,27.2767607 C24.2472081,26.4552745 25.9885354,24.9100012 27.0001955,22.9592768 L26.8119213,22.8762327 Z M23.3050003,21.3073487 L23.1150526,21.2226762 C22.6447854,22.2656136 21.715966,23.0765157 20.5720955,23.4314889 L20.6474052,23.6187454 C21.8431557,23.2458607 22.8104667,22.3966931 23.3050003,21.3073487 Z"/>
+      <ellipse cx="18.879" cy="19.279" fill="#FFF" fill-rule="nonzero" rx="1" ry="1"/>
+      <path fill="#000" fill-rule="nonzero" d="M17.9998514,19.2768368 C17.9998514,19.739279 18.3948089,20.1162345 18.8818115,20.1162345 C19.3663038,20.1162345 19.7629348,19.7409073 19.7629348,19.2768368 C19.7629348,18.8168371 19.3663038,18.4398816 18.8818115,18.4398816 C18.3931353,18.4390674 17.9998514,18.8143946 17.9998514,19.2768368 Z M18.8793012,18.703669 C19.2123373,18.703669 19.4851258,18.960129 19.4851258,19.2768368 C19.4851258,19.595987 19.2140109,19.852447 18.8793012,19.852447 C18.546265,19.852447 18.2751502,19.595987 18.2751502,19.2768368 C18.2768237,18.960129 18.5471018,18.703669 18.8793012,18.703669 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M18.8793012,9.5891618 C13.2570148,9.5891618 8.7007789,13.9269996 8.7007789,19.2760226 C8.7007789,24.6283023 13.2570148,28.9645118 18.8793012,28.9645118 C24.5024243,28.9645118 29.0586602,24.6283023 29.0586602,19.2760226 C29.0603338,13.9261855 24.5024243,9.5891618 18.8793012,9.5891618 Z M15.254395,19.2768368 C15.254395,17.3717053 16.8769003,15.8288745 18.8793012,15.8288745 C20.8825388,15.8288745 22.5042073,17.3725195 22.5042073,19.2768368 C22.5042073,21.1844108 20.8825388,22.7288699 18.8793012,22.7288699 C16.8777371,22.7288699 15.254395,21.1844108 15.254395,19.2768368 Z M20.5720955,23.4306748 C21.715966,23.0757015 22.646459,22.2647994 23.1150526,21.2218621 L23.3050003,21.3065346 C22.8104667,22.3975073 21.8431557,23.247489 20.6474052,23.6211879 L20.5720955,23.4306748 Z M20.9394394,24.344975 C22.3159331,23.8752054 23.43219,22.8908875 24.036341,21.6346406 L24.2279623,21.7193131 C23.6020552,23.0252237 22.4414493,24.0486213 21.0147491,24.5379307 L20.9394394,24.344975 Z M21.3092937,25.2641603 C22.9192474,24.6820368 24.2313094,23.5210464 24.9651605,22.0498615 L25.1542715,22.134534 C24.3995011,23.6513118 23.0447635,24.8505676 21.3846034,25.4497885 L21.3092937,25.2641603 Z M21.674964,26.1768322 C23.5200513,25.4815407 25.0287553,24.1503911 25.8889593,22.46264 L26.0780703,22.5473125 C25.1935998,24.2814707 23.6464042,25.652514 21.7519473,26.3640888 L21.674964,26.1768322 Z M22.1184544,27.2767607 L22.0431447,27.0903184 C24.121692,26.2891861 25.8228541,24.7781075 26.8119213,22.8762327 L27.0001955,22.9609052 C25.9885354,24.9100012 24.2472081,26.4552745 22.1184544,27.2767607 Z"/>
+    </g>
+    <rect width="231" height="196" x="-7" y="-116" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/picture.svg b/src/format_icons/picture.svg
new file mode 100644 (file)
index 0000000..55d78f6
--- /dev/null
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-150" y="-42" fill="#FFF"/>
+    <g transform="translate(2 6)">
+      <path d="M2.48969747,17.2684455 L10.0190376,8.88946911 L15.3078129,14.7740117 L23.1522325,6.0451754 L28.1772203,11.6362057 L28.1772203,2.57601172 L2.48969747,2.57601172 L2.48969747,17.2684455 Z M14.6906805,5.1486594 C15.8785382,5.1486594 16.841688,6.1435735 16.841688,7.37060618 C16.841688,8.59763886 15.8785382,9.59171194 14.6906805,9.59171194 C13.5028229,9.59171194 12.5396731,8.59763886 12.5396731,7.37060618 C12.5404873,6.14273249 13.5028229,5.1486594 14.6906805,5.1486594 Z"/>
+      <path fill="#000" fill-rule="nonzero" d="M0.678194242,0.704765858 L0.678194242,22.8434967 L29.9879094,22.8434967 L29.9879094,0.704765858 L0.678194242,0.704765858 Z M28.1764061,11.6362057 L23.1514183,6.0451754 L15.3069987,14.7740117 L10.0182235,8.88946911 L2.48888331,17.2684455 L2.48888331,2.57517071 L28.1764061,2.57517071 L28.1764061,11.6362057 Z"/>
+      <ellipse cx="14.691" cy="7.37" fill="#000" fill-rule="nonzero" rx="2.15" ry="2.221"/>
+    </g>
+    <rect width="231" height="196" x="-152" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/score.svg b/src/format_icons/score.svg
new file mode 100644 (file)
index 0000000..774d761
--- /dev/null
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-114" y="-78" fill="#FFF"/>
+    <g fill="#000" fill-rule="nonzero" transform="translate(1 2)">
+      <path d="M0.678194242,24.0405249 L3.09461742,24.0405249 C3.09787406,24.0405249 3.10113069,24.0405249 3.10438733,24.0405249 C3.11497139,24.0405249 3.12555545,24.0405249 3.13613952,24.0405249 L16.9654401,24.0405249 C16.9703251,24.2271256 16.9703251,24.4095424 16.9654401,24.5861017 C16.9353162,25.7952406 16.7399181,26.7600413 16.3930865,27.3759072 C16.0446266,27.991773 15.616379,28.3072369 14.816061,28.3741789 C13.8862917,28.4528356 13.4425752,28.2202124 13.2186815,27.9750375 C12.9947879,27.7298627 12.9239561,27.3884588 12.9939737,27.0269723 C13.0631772,26.6671593 13.2886992,26.3475116 13.4857256,26.2378941 C13.682752,26.1299503 13.8480262,26.0839277 14.2534773,26.43872 C14.5107515,26.6997935 14.9251583,26.6989568 15.17999,26.4336993 C15.4348216,26.1692787 15.4331933,25.7425238 15.1759192,25.4806134 C15.1531227,25.4580205 15.1295121,25.4362644 15.103459,25.4186921 C14.40084,24.8044998 13.5101504,24.6982295 12.8718499,25.0496747 C12.2335494,25.4011199 11.851709,26.0596612 11.7157445,26.7658987 C11.5789658,27.4704627 11.7027179,28.292175 12.2579742,28.9005099 C12.8132305,29.5088448 13.7291591,29.8109203 14.9194592,29.7113442 L14.9194592,29.7213854 C16.0788212,29.6251564 16.9963781,28.9774931 17.5198822,28.0495104 C18.0433863,27.1198542 18.2436693,25.9508806 18.2770499,24.6187359 C18.2819348,24.4287882 18.2803065,24.2380036 18.2770499,24.0405249 L27.5429906,24.0405249 C27.903663,24.0405249 28.1983884,23.7401229 28.2000167,23.3685952 C28.2000167,22.9962306 27.9077337,22.6933183 27.5462473,22.6933183 C27.5446189,22.6933183 27.5429906,22.6933183 27.5429906,22.6933183 L18.226572,22.6933183 C18.2094747,22.4381022 18.1817933,22.1770286 18.154926,21.9134447 C18.9454742,21.5619995 19.595987,21.0256272 19.9884116,20.3461665 C20.2538273,19.8867774 20.4256148,19.4181838 20.5102873,18.9470799 L27.5438048,18.9470799 C27.9044771,18.9487534 28.1992026,18.6466779 28.2008309,18.2751502 C28.2008309,17.9027856 27.9085479,17.5998733 27.5470614,17.5998733 C27.5454331,17.5998733 27.5438048,17.5998733 27.5438048,17.5998733 L20.5216855,17.5998733 C20.3531547,16.5062093 19.7571905,15.5196525 18.9031379,14.8744995 C18.3226427,14.435193 17.5947848,14.2134478 16.8359889,14.2326936 C16.8091216,14.1055039 16.7806261,13.9707833 16.754573,13.8427568 L27.5438048,13.8427568 C27.9044771,13.8435936 28.1992026,13.5431916 28.2008309,13.1708271 C28.2008309,12.7992993 27.9085479,12.496387 27.5470614,12.4955502 C27.5454331,12.4955502 27.5438048,12.4955502 27.5438048,12.4955502 L16.4671749,12.4955502 C16.2001309,11.2261637 15.9396001,9.99108483 15.7205914,8.82378472 C15.7376887,8.79951827 15.7539719,8.77357827 15.7710692,8.75014859 L27.5446189,8.75014859 C27.9052913,8.75265891 28.2016451,8.45309372 28.2032734,8.08072917 C28.20653,7.70920139 27.914247,7.40545233 27.5527605,7.402942 C27.5495039,7.402942 27.5478756,7.402942 27.5446189,7.402942 L16.8270331,7.402942 C17.7046963,6.26743931 18.2037756,4.91186499 18.3202003,3.65754035 L27.5446189,3.65754035 C27.9052913,3.65837713 28.2000167,3.35797516 28.2016451,2.98561061 C28.2016451,2.61324606 27.9093621,2.31117055 27.5478756,2.31033377 C27.5462473,2.31033377 27.5446189,2.31033377 27.5446189,2.31033377 L18.2900764,2.31033377 C18.1980765,1.71287694 17.9863952,1.16395302 17.5939707,0.742218781 C17.2202718,0.34056713 16.6764137,0.112964527 16.0788212,0.111290978 L16.0788212,0.111290978 C15.8801665,0.111290978 15.6815117,0.133883884 15.4747154,0.184927115 C15.4502907,0.190784535 15.4258659,0.197478729 15.4030695,0.205846471 C14.554716,0.51294263 14.0906455,1.35808465 13.9090881,2.31033377 L3.13939615,2.31033377 C3.13288288,2.31033377 3.12555545,2.31033377 3.11904218,2.31033377 C3.11252891,2.31033377 3.10520149,2.31033377 3.09868822,2.31033377 L0.682265035,2.31033377 L0.682265035,24.0405249 L0.678194242,24.0405249 Z M16.1577946,1.44008853 C16.3865732,1.44176207 16.5184669,1.53129692 16.6479182,1.671875 C16.7684137,1.80073824 16.8734402,2.02499374 16.9450861,2.31368087 L15.2459368,2.31368087 C15.3713173,1.81998405 15.5577596,1.59405499 15.8093347,1.49364208 C15.944485,1.46100788 16.0609097,1.43925175 16.1577946,1.44008853 Z M3.74920106,3.66005068 L13.7918493,3.66005068 C13.7837077,4.36126752 13.8349997,5.12691598 13.9351412,5.96369025 C13.9896899,6.42475288 14.0613358,6.90924518 14.1394951,7.40545233 L3.74920106,7.40545233 L3.74920106,3.66005068 Z M15.1026449,3.66005068 L16.9971923,3.66005068 C16.8604136,4.7001611 16.3816883,5.91515734 15.5838127,6.8272413 C15.5276357,6.89167292 15.4714588,6.96363551 15.4095827,7.03727165 C15.3428217,6.60967999 15.282574,6.20049737 15.2353528,5.80637669 C15.1400962,5.00307339 15.0961316,4.27675332 15.1026449,3.66005068 Z M3.74920106,8.75265891 L14.1500791,8.75265891 C13.4360619,9.82038288 12.652027,11.1341185 11.990116,12.4980606 L3.74920106,12.4980606 L3.74920106,8.75265891 Z M14.6833531,10.3843687 C14.8225743,11.0772178 14.9715653,11.7817818 15.123813,12.4980606 L13.4653716,12.4980606 C13.8480262,11.7600257 14.2713888,11.0429101 14.6833531,10.3843687 Z M3.74920106,13.8444304 L11.4267181,13.8444304 C11.0131255,15.0661208 10.8372672,16.3706519 10.9561343,17.6015469 L3.74920106,17.6015469 L3.74920106,13.8444304 Z M12.8295136,13.8444304 L15.4095827,13.8444304 C15.4559898,14.0636652 15.4966977,14.2879207 15.5422906,14.5071556 C14.7273177,14.8519066 13.9945748,15.5322041 13.5972653,16.5698042 C13.4547876,16.9112081 13.6078494,17.3070023 13.9408403,17.4542746 C14.2730171,17.6015469 14.6589284,17.4425597 14.8014061,17.1011558 C14.8062911,17.089441 14.811176,17.0768894 14.816061,17.0651745 C15.0497246,16.4543293 15.411211,16.0702499 15.8296886,15.8443209 C15.94937,16.4308996 16.0576531,17.0241726 16.1675645,17.6015469 L12.2669299,17.6015469 C12.2669299,17.5915056 12.2669299,17.578954 12.2669299,17.5689127 C12.1342221,16.4116538 12.3475317,15.0669576 12.8295136,13.8444304 L12.8295136,13.8444304 Z M17.108732,15.5916151 C17.5044132,15.6292699 17.8781121,15.7681744 18.1329438,15.9606325 C18.6751735,16.3673048 19.0692263,16.9446791 19.2174032,17.6015469 L17.5092981,17.6015469 C17.385546,16.9379849 17.2455107,16.2635448 17.108732,15.5916151 L17.108732,15.5916151 Z M3.74920106,18.9487534 L11.2223643,18.9487534 C11.6001339,20.11438 12.3459033,21.1335711 13.5052654,21.7469266 C14.631247,22.3452202 15.8191046,22.4791041 16.872626,22.3058918 C16.8856525,22.4364286 16.89298,22.5661286 16.9043782,22.6949919 L3.74920106,22.6949919 L3.74920106,18.9487534 L3.74920106,18.9487534 Z M12.6251598,18.9487534 L16.4118121,18.9487534 C16.5306793,19.639929 16.6324492,20.3068381 16.71875,20.9586852 C15.9094762,21.104284 14.9935476,21.0172594 14.1093712,20.5486659 C13.4051239,20.173791 12.9247702,19.6298877 12.6251598,18.9487534 Z M17.74459,18.9487534 L19.1661112,18.9487534 C19.0977219,19.1855606 18.9992087,19.4223677 18.8591734,19.6641954 C18.6955275,19.9503722 18.3918462,20.2524478 17.9896518,20.4942755 C17.9196342,19.9880271 17.831705,19.4717374 17.74459,18.9487534 Z"/>
+      <rect width="3.101" height="1.345" x="26.837" y="2.316"/>
+      <rect width="3.098" height="1.345" x="26.831" y="7.404"/>
+      <rect width="3.101" height="1.344" x="26.832" y="12.497"/>
+      <rect width="3.153" height="1.345" x="26.835" y="17.603"/>
+      <rect width="3.101" height="1.345" x="26.842" y="22.692"/>
+    </g>
+    <rect width="231" height="196" x="-116" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/score2.svg b/src/format_icons/score2.svg
new file mode 100644 (file)
index 0000000..388d88b
--- /dev/null
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-42" y="-42" fill="#FFF"/>
+    <path fill="#000" fill-rule="nonzero" d="M34.8157984,14.9146264 L16.8737356,14.9146264 L16.8737356,14.9146264 L15.8436125,14.9146264 C15.9818421,14.8666577 16.1214609,14.8070603 16.2603851,14.7271125 C16.9563955,14.346997 17.3891444,13.7444813 17.4016476,13.2095578 C17.4016476,13.2066506 17.4037315,13.2022898 17.4037315,13.197929 L17.4037315,12.4965687 L26.9228189,12.4965687 C27.2055297,12.8047312 27.7000999,13.0075079 28.2585753,13.0075079 C28.8205237,13.0075079 29.3116208,12.8047312 29.5943316,12.4965687 L34.8130199,12.4965687 L34.8130199,11.6287716 L29.9166358,11.6287716 C29.9166358,11.4935872 29.9166358,11.3584027 29.9166358,11.2246718 C29.9166358,10.5502031 29.9166358,9.8764611 29.9166358,9.20271915 L34.8095468,9.20271915 L34.8095468,8.33492206 L29.9166358,8.33492206 C29.9166358,7.52962963 29.9166358,6.7228836 29.9166358,5.91686436 L31.8157299,5.91686436 C31.8178137,5.91904476 31.8212868,5.92049836 31.8254546,5.92485914 C31.8719942,5.96628664 31.9150607,6.01498212 31.9490971,6.07094559 C31.9831335,6.12690905 32.0011937,6.1894137 31.9977206,6.25555234 C31.9977206,6.31442299 31.991469,6.37038646 31.9838282,6.42634992 C31.9560433,6.67128092 31.8400416,6.89513478 31.6601347,7.05575719 L31.635823,7.07828793 L31.6538831,7.09863828 L31.7941966,7.25926069 C31.8185083,7.28687902 31.8303169,7.28905942 31.8567125,7.25926069 C31.9220069,7.20111683 31.985912,7.14369977 32.0456494,7.08192192 C32.3505881,6.77375947 32.5381358,6.35875769 32.5700884,5.91686436 L34.8046844,5.91686436 L34.8046844,5.04834048 L32.275569,5.04834048 C32.1936037,4.96403189 32.1012191,4.88771808 32.0018883,4.82521343 C31.8275384,4.7132865 31.6441585,4.61952953 31.4510538,4.5490301 C31.3447768,4.509783 31.2357213,4.47707708 31.1287496,4.43855677 C30.8821591,4.34770699 30.640431,4.23941406 30.4077329,4.11440476 C30.2938151,4.05408051 30.1868434,3.98285428 30.0875126,3.90072608 C30.0270806,3.8527574 29.974984,3.79461354 29.9333067,3.7284749 C29.9242766,3.71175854 29.9187197,3.69140819 29.9187197,3.67105784 C29.9187197,3.6063728 29.9187197,3.54096096 29.9187197,3.47990991 C29.9208035,3.47118833 29.9208035,3.46173995 29.9187197,3.45374517 C29.9006595,3.42467324 29.8700962,3.40723009 29.8367544,3.40723009 C29.6825485,3.40723009 29.527648,3.40723009 29.3741367,3.40723009 C29.3456573,3.40868368 29.3213455,3.42176605 29.3025908,3.4428432 C29.2907822,3.45737916 29.2880037,3.47482232 29.2907822,3.49153868 C29.2907822,3.50098706 29.2907822,3.51043544 29.2907822,3.51915701 L29.2907822,5.04979408 L24.1867064,5.04979408 L24.1867064,2.63609717 L34.810936,2.63609717 L34.810936,1.76830009 L17.3467725,1.76830009 C17.3356586,1.76757329 17.3259339,1.76757329 17.3141253,1.76757329 C17.3141253,1.76757329 17.3134307,1.76757329 17.3127361,1.76757329 L11.4480502,1.76757329 C11.3903967,1.38091663 11.2549455,1.02769269 11.0069658,0.755143358 C10.7707946,0.496403189 10.4262626,0.348863149 10.0469995,0.348136351 L10.0469995,0.348136351 C9.92057843,0.348136351 9.79485201,0.363399113 9.66426325,0.395378235 C9.64898158,0.399739025 9.63369992,0.403373016 9.61911288,0.4099142 C9.08147615,0.606876519 8.78765143,1.15342879 8.67164971,1.76757329 L1.84630286,1.76757329 C1.84213514,1.76757329 1.83796741,1.76757329 1.83241044,1.76757329 C1.82754809,1.76757329 1.82407499,1.76757329 1.81990726,1.76757329 L0.288267753,1.76757329 L0.288267753,15.7860575 L1.81921264,15.7860575 C1.82060188,15.7860575 1.82338037,15.7860575 1.82546423,15.7860575 C1.83171582,15.7860575 1.83935665,15.7860575 1.84560824,15.7860575 L10.6110318,15.7860575 C10.6131157,15.906706 10.6138103,16.0244473 10.6110318,16.1378278 C10.592277,16.9184091 10.4679399,17.5390948 10.2470503,17.938107 C10.0275501,18.3356657 9.75525861,18.539896 9.24818521,18.5827771 C8.65845191,18.6336529 8.37851961,18.4832057 8.23681691,18.3254905 C8.09441958,18.1663217 8.04926921,17.9475554 8.09372496,17.71498 C8.13748609,17.4824045 8.28057803,17.2752671 8.40491521,17.2040408 C8.52925238,17.1357218 8.63552941,17.1059231 8.89114997,17.3348645 C9.05438593,17.5034817 9.3169527,17.5013013 9.4781048,17.3305037 C9.63925689,17.1589793 9.63786765,16.88643 9.47532631,16.717086 C9.46073927,16.7003697 9.4454576,16.6887409 9.42948132,16.6756585 C8.9842292,16.2780999 8.41880763,16.2112344 8.01453816,16.4401759 C7.60957406,16.6662101 7.36784592,17.0892067 7.28032366,17.5449092 C7.19419065,18.0006117 7.27268283,18.5311744 7.62485572,18.9229186 C7.97702862,19.3161165 8.55703723,19.512352 9.31209036,19.4454866 L9.31209036,19.4527545 C10.0463048,19.3902499 10.6277027,18.9730677 10.9597316,18.3756396 C11.2917605,17.7738506 11.4188761,17.0201609 11.4404094,16.162539 C11.4431879,16.0389833 11.4417986,15.9154276 11.4404094,15.7875111 L17.3120415,15.7875111 C17.3224608,15.7875111 17.3321855,15.7875111 17.3426048,15.7860575 L34.8144091,15.7860575 L34.8144091,14.9146264 L34.8157984,14.9146264 Z M7.9895318,9.20635314 L9.62466985,9.20635314 C9.65453855,9.34807879 9.68023953,9.49343844 9.708719,9.6337105 C9.19192091,9.85611075 8.72791402,10.2950969 8.4771558,10.9637513 C8.38685506,11.1854247 8.48340739,11.4412577 8.6945722,11.5342879 C8.9050424,11.6302252 9.1488544,11.5277467 9.23915514,11.3068 C9.24193362,11.2988052 9.24610135,11.2900837 9.24887984,11.2820889 C9.39683413,10.888891 9.62675371,10.640326 9.8900151,10.4949664 C9.9657288,10.8736283 10.0351909,11.2551973 10.104653,11.6280448 L7.63319118,11.6280448 C7.63319118,11.6222304 7.63319118,11.6135089 7.63319118,11.6076945 C7.5484474,10.8612727 7.68389852,9.99492921 7.9895318,9.20635314 Z M10.2609428,12.4987491 C10.3359618,12.9428228 10.4012562,13.374541 10.4554367,13.7931767 C9.94141706,13.8883873 9.36071383,13.8331507 8.80084923,13.529349 C8.35490249,13.2909592 8.04926921,12.9362816 7.86102689,12.4987491 L10.2609428,12.4987491 Z M10.29359,8.33637566 C10.1234078,7.51727406 9.95878259,6.72143 9.81985837,5.96701344 C9.83166693,5.95175068 9.84069701,5.93576112 9.85250556,5.92049836 L16.8056627,5.92049836 L16.8056627,8.33710246 L10.29359,8.33710246 L10.29359,8.33637566 Z M21.9694759,9.7158387 C21.0928641,10.1969791 20.6302464,11.0313435 20.906011,11.6294984 L17.4030368,11.6294984 L17.4030368,9.20417274 L23.5900269,9.20417274 L23.5900269,9.49125804 C23.1593618,9.32918204 22.5564307,9.39532068 21.9694759,9.7158387 Z M17.4030368,8.33564886 L17.4030368,7.14079258 L20.2857144,5.91759116 L23.5900269,5.91759116 L23.5900269,8.33564886 L17.4030368,8.33564886 L17.4030368,8.33564886 Z M29.2914768,11.0451527 C28.9754242,10.8627263 28.6190836,10.7711497 28.2557968,10.7747837 C27.5069952,10.7747837 26.8776685,11.1389096 26.7102648,11.630952 L23.4003953,11.630952 C23.8928817,11.2544705 24.1853172,10.7609745 24.1853172,10.319808 C24.1853172,10.316174 24.187401,10.3118132 24.187401,10.3081793 L24.187401,9.20344595 L29.2914768,9.20344595 L29.2914768,11.0451527 L29.2914768,11.0451527 Z M29.9152466,4.97566066 C29.9152466,4.96766588 29.9152466,4.9582175 29.9152466,4.94804233 C29.9152466,4.94004755 29.9152466,4.93423316 29.9152466,4.92260439 C29.96387,4.96984627 30.0166612,5.01345417 30.0729255,5.04979408 L29.9152466,5.04979408 C29.9152466,5.02508294 29.9152466,5.0003718 29.9152466,4.97566066 Z M29.2914768,5.91831796 L29.2914768,8.33710246 L24.187401,8.33710246 L24.187401,5.91831796 L29.2914768,5.91831796 Z M22.3327627,5.04979408 L23.5900269,4.51705098 L23.5900269,5.04979408 L22.3327627,5.04979408 Z M11.4674996,2.63464357 L16.8688732,2.63464357 L16.8688732,2.63464357 L23.0037667,2.63464357 L17.3078737,5.04979408 L16.8612324,5.04979408 L16.8612324,5.04979408 L10.5193418,5.04979408 C11.0778172,4.31863506 11.3938698,3.4442968 11.4674996,2.63464357 Z M9.87820654,1.23701058 C9.96433956,1.21520664 10.0379694,1.20285107 10.0984014,1.20285107 C10.2428826,1.20357786 10.3276264,1.26244852 10.4088971,1.3518447 C10.486,1.4346997 10.5512944,1.57933255 10.5971394,1.76611969 L9.51978206,1.76611969 C9.59966349,1.44778207 9.71913831,1.30242242 9.87820654,1.23701058 Z M9.43087056,2.63464357 L10.6304812,2.63464357 C10.5436536,3.30547834 10.2401041,4.08896682 9.73441998,4.67767339 C9.6989943,4.71910089 9.66287401,4.76634277 9.62397523,4.81431145 C9.58160334,4.53885493 9.54339918,4.27357357 9.51353047,4.01919419 C9.45448768,3.50171386 9.42531359,3.0336558 9.43087056,2.63464357 Z M9.44267912,8.33637566 L8.39171741,8.33637566 C8.63483479,7.86032282 8.90295853,7.39735235 9.16344144,6.97217539 C9.25304756,7.4198831 9.34751603,7.87485879 9.44267912,8.33637566 Z M2.23529067,2.63464357 L8.60010374,2.63464357 C8.59593601,3.08743887 8.62788858,3.58093486 8.6910991,4.12094595 C8.72583015,4.41893322 8.77098052,4.73145646 8.82099324,5.05197447 L2.23598529,5.05197447 L2.23598529,2.63464357 L2.23529067,2.63464357 Z M2.23529067,5.92049836 L8.82724483,5.92049836 C8.3750465,6.61022987 7.8776978,7.45694981 7.45884128,8.33710246 L2.23667992,8.33710246 L2.23667992,5.92049836 L2.23529067,5.92049836 Z M2.23529067,9.20635314 L7.10111142,9.20635314 C6.83923927,9.99492921 6.72671065,10.8358348 6.80242435,11.6294984 L2.23529067,11.6294984 L2.23529067,9.20635314 Z M2.23529067,14.9146264 L2.23529067,12.4987491 L6.97121728,12.4987491 C7.21086155,13.2495317 7.6832039,13.9080109 8.41811301,14.3041159 C9.13148887,14.6900458 9.88445813,14.7765347 10.5533782,14.6631542 C10.5610191,14.7481896 10.566576,14.8303178 10.5735223,14.9146264 L2.23529067,14.9146264 L2.23529067,14.9146264 Z M10.526288,9.45782533 C10.5096171,9.37569713 10.4922516,9.28920814 10.4748861,9.20707994 L16.8056627,9.20707994 L16.8056627,11.6316788 L12.8622988,11.6316788 C12.7567163,10.9259577 12.3781479,10.2892825 11.837038,9.87355391 C11.4695835,9.58792221 11.0076604,9.44401616 10.526288,9.45782533 Z M10.9548692,11.6294984 C10.8763771,11.2014143 10.7895494,10.7667889 10.7013325,10.3336172 C10.9520908,10.3568747 11.1889565,10.4469977 11.3501086,10.5705534 C11.6932515,10.8329276 11.9433151,11.2057751 12.0370889,11.630952 L10.9541746,11.630952 L10.9541746,11.6294984 L10.9548692,11.6294984 Z M11.1035182,12.4987491 L12.0051363,12.4987491 C11.9620698,12.6513767 11.8988593,12.805458 11.8106424,12.9588124 C11.7057546,13.1448727 11.5140392,13.3389279 11.2591133,13.4966431 C11.2153521,13.1688571 11.1590878,12.8352567 11.1035182,12.4987491 Z M11.4084568,14.9146264 C11.3973429,14.7496432 11.3799773,14.581026 11.3633064,14.4124088 C11.8641282,14.1856478 12.2767332,13.838965 12.5247129,13.4014325 C12.6928112,13.1034452 12.803256,12.8010972 12.8560472,12.4987491 L15.35321,12.4987491 C15.2976403,12.524187 15.241376,12.5525322 15.1865009,12.5816041 C14.2966913,13.0692857 13.833379,13.9210932 14.13415,14.5243358 C14.220283,14.6987673 14.3592072,14.8281374 14.5342517,14.91608 L11.4084568,14.91608 L11.4084568,14.9146264 Z" transform="translate(0 7)"/>
+    <rect width="231" height="196" x="-44" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/serial.svg b/src/format_icons/serial.svg
new file mode 100644 (file)
index 0000000..bf694f8
--- /dev/null
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-114" y="-42" fill="#FFF"/>
+    <g fill-rule="nonzero" transform="translate(2 7)">
+      <path fill="#000" d="M29.181078,3.75220748 C29.0556976,3.65736233 28.8904234,3.61992345 28.7324766,3.65070653 C28.6388483,3.66900998 28.5476625,3.68564948 28.4605475,3.70062503 L28.4605475,2.99095031 C28.4605475,2.834539 28.3921582,2.68727942 28.2741052,2.58910636 C28.1560522,2.49010133 28.0005478,2.45183048 27.8539993,2.48344553 C27.7123356,2.51339663 27.5804419,2.53918786 27.4566898,2.56081921 C27.0862476,2.62488129 26.7874513,2.64984054 26.513894,2.64068881 L26.513894,2.64068881 L26.513894,2.16979094 C26.513894,2.0275232 26.4552745,1.89191127 26.355133,1.80122599 C26.2533632,1.71137268 26.1198411,1.67559775 25.9944607,1.70471688 C25.8723369,1.73217206 25.7591688,1.75629933 25.652514,1.77543476 C24.621789,1.96512507 24.2277362,1.78625044 23.1530466,1.32949613 C23.0431352,1.28290553 22.9275247,1.233819 22.8029584,1.18140457 C22.7199142,1.14646162 22.6327992,1.11068669 22.5424276,1.07324782 C22.0417199,0.867749979 21.4197026,0.624813264 20.6275262,0.359413222 C20.1203053,0.188026362 19.5780755,0.102332931 19.0195626,0.102332931 C18.4024303,0.102332931 17.8097227,0.205497838 17.267493,0.361077173 C16.0747504,0.703018919 15.123813,1.29704911 14.6890522,1.59905605 C14.2551056,1.29704911 13.3041682,0.703018919 12.1106115,0.361077173 C11.5683817,0.205497838 10.9756742,0.102332931 10.359356,0.102332931 C10.2893383,0.102332931 10.2201348,0.103164906 10.1509313,0.106492807 C9.66569272,0.124796258 9.19592312,0.210489688 8.75139244,0.359413222 C7.5993578,0.746281622 6.80636718,1.08323152 6.22668615,1.32949613 C5.04045684,1.83367301 4.68304115,1.99923605 3.3852721,1.70471688 C3.25826333,1.67559775 3.12555545,1.71137268 3.02378561,1.80122599 C2.92282992,1.89107929 2.86421049,2.02669123 2.86421049,2.16979094 L2.86421049,2.64068881 L2.86421049,2.64068881 C2.49865321,2.65316844 2.08668888,2.60324994 1.52410519,2.48344553 C1.37592829,2.45183048 1.22123813,2.49093331 1.10318511,2.58910636 C0.98594625,2.68727942 0.917556915,2.834539 0.917556915,2.99095031 L0.917556915,3.68897738 C0.850795897,3.67732973 0.783220721,3.6648501 0.713203068,3.6515385 C0.55525627,3.62075543 0.390796202,3.65902628 0.265415754,3.75387143 C0.140035306,3.84871659 0.0675751765,3.99098432 0.0675751765,4.14157181 L0.0675751765,19.34342 C0.0675751765,19.5797009 0.245875944,19.7843667 0.495008522,19.8326213 C1.1072559,19.9507617 1.59168036,20.0056721 2.01992787,20.0056721 C2.91957329,20.0056721 3.56031623,19.774383 4.62197924,19.3916745 C5.36367787,19.1246105 6.28693389,18.7909885 7.67751704,18.3949684 C8.20427776,18.2443809 8.76930393,18.1686712 9.35631239,18.1686712 C12.0234965,18.1686712 14.385371,19.7336163 14.4089816,19.7485918 C14.4203798,19.7560796 14.4334064,19.7602395 14.4456188,19.7660633 C14.457017,19.7735511 14.4659727,19.7827028 14.4781851,19.7876946 C14.4887692,19.7926865 14.4993532,19.7935185 14.5107515,19.7985103 C14.5327337,19.807662 14.5563444,19.8151498 14.5791408,19.8201417 C14.6027514,19.8267975 14.6271762,19.8317893 14.6516009,19.8351172 C14.6743974,19.8384451 14.6971938,19.8392771 14.7199903,19.8392771 C14.7452292,19.8392771 14.7704681,19.8384451 14.795707,19.8351172 C14.8185035,19.8317893 14.8404858,19.8267975 14.8632822,19.8209736 C14.8885211,19.8151498 14.9129459,19.8068301 14.9357423,19.7976783 C14.9463264,19.7935185 14.9569105,19.7926865 14.9666804,19.7876946 C14.9788927,19.7818708 14.9878485,19.7727191 14.9992467,19.7668953 C15.0114591,19.7602395 15.0252998,19.7560796 15.036698,19.7485918 C15.0603086,19.7327843 17.421369,18.1686712 20.0901814,18.1686712 C20.6755615,18.1686712 21.2397736,18.2452129 21.7681626,18.3949684 C23.1595599,18.7926525 24.0820018,19.1246105 24.8245145,19.3916745 C25.8853634,19.775215 26.5261063,20.0056721 27.4257518,20.0056721 C27.8531851,20.0056721 28.3384237,19.9507617 28.9506711,19.8326213 C29.1989895,19.7843667 29.3781045,19.5797009 29.3781045,19.34342 L29.3781045,4.14157181 C29.3781045,3.98932037 29.3048302,3.84705264 29.181078,3.75220748 Z M8.7522066,14.808324 C7.60017196,15.1960243 6.80718134,15.5329742 6.2275003,15.7792388 C5.43939463,16.1136928 5.00463386,16.2983913 4.44042184,16.2983913 C4.23606799,16.2983913 4.00566107,16.275096 3.73047541,16.2251775 L3.73047541,2.73636595 C4.88658084,2.92189638 5.43043888,2.68644744 6.54013727,2.21471759 C7.13854395,1.96013322 7.88268505,1.6439827 9.00459581,1.267098 C9.43040084,1.12483027 9.88632974,1.05161647 10.359356,1.05161647 C12.1293371,1.05161647 13.7324157,2.0574743 14.2567339,2.42271135 L14.2567339,15.7659272 C13.4401327,15.2667422 11.9836027,14.5512437 10.359356,14.5512437 C9.80084307,14.5512437 9.26024166,14.638601 8.7522066,14.808324 Z M22.8395955,2.21471759 C23.9492939,2.68644744 24.4947803,2.92189638 25.647629,2.73636595 L25.647629,16.2251775 L25.6492574,16.2251775 C25.3740717,16.275096 25.1436648,16.2983913 24.9384968,16.2983913 C24.3759131,16.2983913 23.939524,16.1136928 23.1530466,15.7792388 C22.5725514,15.5329742 21.7787467,15.1960243 20.6275262,14.808324 C20.1203053,14.638601 19.5780755,14.5512437 19.0195626,14.5512437 C17.3945018,14.5512437 15.9396001,15.2675742 15.1221847,15.7659272 L15.1221847,2.42187938 C15.6456888,2.05664233 17.2422541,1.05078449 19.0195626,1.05078449 C19.4917747,1.05078449 19.9485178,1.12316632 20.3726945,1.26626603 C21.4954194,1.64481468 22.2395605,1.96013322 22.8395955,2.21471759 Z M27.452619,3.60910778 L27.452619,18.3184267 L27.452619,18.3184267 C27.1326546,18.3725051 26.8639822,18.3982963 26.6254337,18.3982963 C25.9684076,18.3982963 25.462815,18.1977903 24.5452581,17.8317213 C23.8695063,17.5638253 22.9454361,17.1960923 21.6053308,16.774281 C21.0134374,16.5879186 20.3824644,16.4939054 19.7319515,16.4939054 C17.8398466,16.4939054 16.1447681,17.274298 15.1938307,17.8184097 L15.1938307,16.8250315 C15.7808391,16.4265154 17.3228558,15.5021911 19.0195626,15.5021911 C19.4917747,15.5021911 19.9485178,15.5754049 20.3726945,15.7185047 C20.6543934,15.8125178 20.9100393,15.9032031 21.1485878,15.9897285 C21.8593484,16.2493047 22.3901799,16.47477 22.8387813,16.6652923 C23.5348871,16.9606434 24.006285,17.1619814 24.5485147,17.2268754 C24.6738952,17.241851 24.8025323,17.2493388 24.9384968,17.2493388 C24.9816472,17.2493388 25.0256118,17.2485068 25.0703905,17.2460109 C25.3838416,17.2343632 25.7363724,17.1827807 26.1695048,17.0846077 C26.3697879,17.0388491 26.5147081,16.8449989 26.5147081,16.6187017 L26.5147081,16.6187017 L26.5147081,3.67732973 C26.7939646,3.68315356 27.0992741,3.66235418 27.452619,3.60910778 Z M1.92629961,3.60910778 C2.28045867,3.66235418 2.58495404,3.68315356 2.86502465,3.67732973 L2.86502465,16.6187017 C2.86502465,16.674444 2.8739804,16.7293543 2.89026357,16.7801048 C2.94074142,16.9315243 3.05879444,17.0496647 3.21022796,17.0837757 C3.70442233,17.1960923 4.09521853,17.2476748 4.44042184,17.2476748 C5.16665145,17.2476748 5.68364226,17.0280334 6.54013727,16.6644603 C7.13854395,16.4098759 7.88349921,16.0928934 9.00540997,15.7160087 C9.37829468,15.5912125 9.77316168,15.5204946 10.1834977,15.5038551 C10.2421171,15.5013592 10.3015507,15.5005272 10.3601701,15.5005272 C10.8307539,15.5005272 11.2899394,15.572077 11.7198153,15.6835617 C12.8392835,15.973089 13.7609112,16.5346722 14.185088,16.8225356 L14.185088,17.8167457 C13.2341505,17.273466 11.5382579,16.4922415 9.64615291,16.4922415 C8.99645422,16.4922415 8.36629535,16.5862546 7.77440194,16.772617 C6.43266831,17.1952604 5.50859813,17.5621614 4.83447468,17.8300573 C3.9161036,18.1952944 3.41051102,18.3966323 2.7534849,18.3966323 C2.51575055,18.3966323 2.24707816,18.3708411 1.92711377,18.3167627 L1.92711377,3.60910778 L1.92629961,3.60910778 Z M14.7615124,19.2568946 C14.7810522,19.2535667 14.800592,19.2485748 14.8201318,19.243583 C14.800592,19.2485748 14.7810522,19.2535667 14.7615124,19.2568946 Z"/>
+      <path fill="#FFF" d="M28.2749193 2.58827439C28.1568663 2.48926936 28.001362 2.4509985 27.8548134 2.48261356 28.001362 2.4509985 28.1568663 2.49010133 28.2749193 2.58827439zM28.4605475 2.99011834L28.4605475 2.99011834C28.4605475 2.83370703 28.3921582 2.68644744 28.2741052 2.58827439 28.3921582 2.68644744 28.4605475 2.834539 28.4605475 2.99011834zM27.457504 2.55998723C27.0870617 2.62404931 26.7882655 2.64900857 26.5147081 2.63985684L26.5147081 2.63985684C26.7874513 2.64900857 27.0870617 2.62404931 27.457504 2.55998723zM1.10399927 2.58827439C1.22205229 2.49010133 1.37674245 2.4509985 1.52491935 2.48261356 2.08750304 2.60241796 2.49946737 2.65233647 2.86502465 2.63985684L2.86502465 2.63985684C2.49946737 2.65233647 2.08750304 2.60241796 1.52491935 2.48261356 1.37674245 2.4509985 1.22205229 2.49010133 1.10399927 2.58827439.986760409 2.68644744.918371074 2.83370703.918371074 2.99011834L.918371074 2.99011834C.918371074 2.83370703.986760409 2.68644744 1.10399927 2.58827439zM26.513894 16.6187017L26.513894 16.6187017C26.513894 16.8441669 26.3689737 17.0388491 26.1686907 17.0846077 25.7363724 17.1827807 25.3830275 17.2351952 25.0695763 17.2460109 25.0247976 17.2485068 24.980833 17.2493388 24.9376826 17.2493388 24.8025323 17.2493388 24.6738952 17.241019 24.5477006 17.2268754 24.0054708 17.1619814 23.5348871 16.9614754 22.8379672 16.6652923 22.3893657 16.47477 21.8585342 16.2493047 21.1477736 15.9897285 20.9092251 15.9032031 20.6535793 15.8125178 20.3718803 15.7185047 19.9477036 15.5754049 19.4909606 15.5021911 19.0187485 15.5021911 17.3220416 15.5021911 15.7792108 16.4265154 15.1930165 16.8250315L15.1930165 17.8184097C16.1439539 17.27513 17.8390324 16.4939054 19.7311374 16.4939054 20.3816502 16.4939054 21.0126233 16.5879186 21.6045167 16.774281 22.944622 17.1969243 23.8686922 17.5638253 24.5444439 17.8317213 25.4620009 18.1969583 25.9675934 18.3982963 26.6246196 18.3982963 26.8631681 18.3982963 27.1318405 18.373337 27.4518048 18.3184267L27.4518048 18.3184267 27.4518048 3.60910778C27.0984599 3.66235418 26.7931504 3.68315356 26.513894 3.67732973L26.513894 16.6187017 26.513894 16.6187017zM14.7615124 19.2568946C14.7810522 19.2535667 14.800592 19.2485748 14.8201318 19.243583 14.800592 19.2485748 14.7810522 19.2535667 14.7615124 19.2568946zM2.75267075 18.3974643C3.40969686 18.3974643 3.91528944 18.1969583 4.83366052 17.8308893 5.50859813 17.5629933 6.43185415 17.1952604 7.77358778 16.773449 8.36548119 16.5870866 8.99482591 16.4930734 9.64533875 16.4930734 11.5374437 16.4930734 13.2333364 17.273466 14.1842738 17.8175777L14.1842738 16.8233675C13.7600971 16.5355042 12.8384694 15.973921 11.7190011 15.6843937 11.2891253 15.572909 10.8299397 15.5013592 10.359356 15.5013592 10.3007365 15.5013592 10.241303 15.5021911 10.1826835 15.5046871 9.77316168 15.5213266 9.37748052 15.5912125 9.00459581 15.7168407 7.88268505 16.0937254 7.13772979 16.4107079 6.53932311 16.6652923 5.6828281 17.0296973 5.16502313 17.2485068 4.43960768 17.2485068 4.09440437 17.2485068 3.70360817 17.1969243 3.20941381 17.0846077 3.05798028 17.0504967 2.93992726 16.9315243 2.88944942 16.7809368 2.87235208 16.7293543 2.86421049 16.675276 2.86421049 16.6195336L2.86421049 3.6781617C2.58413988 3.68481751 2.27964451 3.66318615 1.92548545 3.60993975L1.92548545 18.3192587C2.246264 18.3716731 2.51493639 18.3974643 2.75267075 18.3974643zM17.267493.360245198C16.0747504.702186944 15.123813 1.29621713 14.6890522 1.59822407 14.2551056 1.29621713 13.3041682.702186944 12.1106115.360245198 13.3041682.702186944 14.2551056 1.29621713 14.6890522 1.59822407 15.123813 1.29621713 16.0747504.701354969 17.267493.360245198zM25.652514 1.77460279C24.621789 1.9642931 24.2277362 1.78541846 23.1530466 1.32866416 24.2277362 1.78541846 24.621789 1.96346112 25.652514 1.77460279zM22.5424276 1.07241584C22.0417199.866918004 21.4197026.623981289 20.6275262.358581247 20.1203053.188026362 19.5780755.101500956 19.0195626.101500956 19.5780755.101500956 20.1203053.188026362 20.6275262.358581247 21.4197026.623981289 22.0409058.866918004 22.5424276 1.07241584zM3.02459977 1.80039401C3.12636961 1.71054071 3.25907749 1.67476578 3.38608626 1.70388491 4.68385531 1.99840407 5.041271 1.83284104 6.2275003 1.32866416 6.80718134 1.08323152 7.60017196.745449647 8.7522066.358581247 9.19673728.208825738 9.66650688.123964283 10.1517455.105660832 9.66650688.123964283 9.19673728.209657713 8.7522066.358581247 7.60017196.745449647 6.80718134 1.08323152 6.2275003 1.32866416 5.041271 1.83284104 4.68385531 1.99840407 3.38608626 1.70388491 3.25826333 1.67476578 3.12555545 1.71054071 3.02459977 1.80039401 2.92364408 1.89024732 2.86502465 2.02585925 2.86502465 2.16895896 2.86502465 2.02585925 2.92364408 1.88941534 3.02459977 1.80039401zM22.5424276 1.07241584C22.6327992 1.10985472 22.7207283 1.14562965 22.8029584 1.1805726 22.7199142 1.14562965 22.6327992 1.10985472 22.5424276 1.07241584zM26.513894 2.16812699L26.513894 2.16812699C26.513894 2.02585925 26.4552745 1.89024732 26.355133 1.79956204 26.4552745 1.89024732 26.513894 2.02585925 26.513894 2.16812699zM26.355133 1.80039401C26.2533632 1.71054071 26.1198411 1.67476578 25.9944607 1.70388491 26.1198411 1.67476578 26.2533632 1.70970873 26.355133 1.80039401z"/>
+      <path fill="#FFF" d="M14.2559198 15.7659272L14.2559198 2.42271135C13.7316015 2.0574743 12.1285229 1.05161647 10.3585418 1.05161647 9.88551558 1.05161647 9.42958668 1.1239983 9.00378165 1.267098 7.88187089 1.6439827 7.13772979 1.96013322 6.53932311 2.21471759 5.42962473 2.68644744 4.88658084 2.92189638 3.72966125 2.73636595L3.72966125 16.2251775C4.00484691 16.275096 4.23525383 16.2983913 4.43960768 16.2983913 5.0038197 16.2983913 5.43858047 16.1136928 6.22668615 15.7792388 6.80636718 15.5329742 7.5993578 15.1960243 8.75139244 14.808324 9.2594275 14.638601 9.80002891 14.5512437 10.3585418 14.5512437 11.9836027 14.5512437 13.4393185 15.2675742 14.2559198 15.7659272zM15.1221847 2.42271135L15.1221847 15.7667592C15.9396001 15.2684062 17.3945018 14.5520756 19.0195626 14.5520756 19.5780755 14.5520756 20.1203053 14.638601 20.6275262 14.8091559 21.7787467 15.1968563 22.5725514 15.5338062 23.1530466 15.7800708 23.9403381 16.1145248 24.3759131 16.2992232 24.9384968 16.2992232 25.1436648 16.2992232 25.3740717 16.2759279 25.6492574 16.2260094L25.647629 16.2260094 25.647629 2.73719792C24.4947803 2.92272836 23.9492939 2.68727942 22.8395955 2.21554956 22.2403747 1.9609652 21.4962336 1.64481468 20.3735086 1.26792998 19.9493319 1.12483027 19.4925889 1.05244844 19.0203768 1.05244844 17.2422541 1.05161647 15.6456888 2.05664233 15.1221847 2.42271135z"/>
+    </g>
+    <rect width="231" height="196" x="-116" y="-44" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/software.svg b/src/format_icons/software.svg
new file mode 100644 (file)
index 0000000..19abb6d
--- /dev/null
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-78" y="-78" fill="#FFF"/>
+    <g transform="translate(3 5.25)">
+      <path d="M1.94526522,8.06224406 L1.94526522,23.0100002 L26.2077703,23.0100002 L26.2077703,8.06224406 L1.94526522,8.06224406 Z M13.1903745,20.4475701 L12.6110448,20.4475701 C12.5864401,20.4505342 12.5610898,20.4534982 12.5349938,20.4534982 L4.67937315,20.4534982 C4.65402282,20.4534982 4.62867248,20.4505342 4.60332215,20.4475701 L4.04859723,20.4475701 L4.04859723,19.9333056 C4.04039565,19.8940318 4.03592206,19.854017 4.03592206,19.8132612 C4.03592206,19.7725054 4.04039565,19.7324905 4.04859723,19.6932167 L4.04859723,19.1678371 L13.1903745,19.1678371 L13.1903745,20.4475701 Z M16.1280307,16.4297863 L15.4883076,16.4297863 C15.487562,16.4297863 15.4860708,16.4297863 15.4845796,16.4297863 L4.68011875,16.4297863 C4.67937315,16.4297863 4.67788195,16.4297863 4.67639076,16.4297863 L4.03666766,16.4297863 L4.03666766,15.1500533 L16.1280307,15.1500533 L16.1280307,15.7880673 C16.1280307,15.7895493 16.1280307,15.7895493 16.1280307,15.7895493 L16.1280307,15.7910313 L16.1280307,16.4297863 L16.1280307,16.4297863 Z M23.3394547,12.43201 L22.6982404,12.43201 C22.6974948,12.43201 22.6967492,12.43201 22.6960036,12.43201 L4.68011875,12.43201 C4.68011875,12.43201 4.67937315,12.43201 4.67862755,12.43201 L4.03741326,12.43201 L4.03741326,11.153759 L23.3402003,11.153759 L23.3402003,11.7902909 C23.3402003,11.791773 23.3402003,11.791773 23.3402003,11.791773 C23.3402003,11.793255 23.3402003,11.793255 23.3402003,11.794737 L23.3402003,12.43201 L23.3394547,12.43201 Z"/>
+      <polygon fill="#1D1D1B" fill-rule="nonzero" points="23.339 11.791 23.339 11.795 23.339 11.793"/>
+      <polygon fill="#1D1D1B" fill-rule="nonzero" points="4.68 12.432 22.695 12.432 22.697 12.432 4.678 12.432"/>
+      <polygon fill="#1D1D1B" fill-rule="nonzero" points="4.68 16.43 15.485 16.43 15.488 16.43 4.676 16.43"/>
+      <polygon fill="#1D1D1B" fill-rule="nonzero" points="16.128 15.789 16.128 15.792 16.128 15.79"/>
+      <path fill="#1D1D1B" fill-rule="nonzero" d="M4.68011875 20.4534982L12.5357394 20.4534982C12.5610898 20.4534982 12.5864401 20.4505342 12.6117904 20.4475701L4.60481335 20.4475701C4.62867248 20.4505342 4.65476842 20.4534982 4.68011875 20.4534982zM4.03666766 19.8132612C4.03666766 19.854017 4.04114125 19.8940318 4.04934283 19.9333056L4.04934283 19.6932167C4.04114125 19.7324905 4.03666766 19.7732464 4.03666766 19.8132612z"/>
+      <polygon fill="#000" fill-rule="nonzero" points="4.049 19.693 4.049 19.933 4.049 20.448 4.604 20.448 12.611 20.448 13.19 20.448 13.19 19.168 4.049 19.168"/>
+      <polygon fill="#000" fill-rule="nonzero" points="23.339 11.154 4.037 11.154 4.037 12.432 4.678 12.432 22.697 12.432 23.339 12.432 23.339 11.795 23.339 11.791"/>
+      <polygon fill="#000" fill-rule="nonzero" points="16.128 15.15 4.037 15.15 4.037 16.43 4.676 16.43 15.488 16.43 16.128 16.43 16.128 15.792 16.128 15.789"/>
+      <path fill="#000" fill-rule="nonzero" d="M27.521514,23.0107413 L27.521514,0.681733873 C27.5207684,0.675064737 27.5192772,0.667654586 27.5185316,0.660985451 L27.5185316,0.0407558294 L0.682967783,0.0407558294 L0.682967783,6.94182926 L0.685204577,6.94182926 L0.685204577,23.6502373 C0.685204577,23.6702447 0.685950175,23.6895111 0.688186969,23.7095185 L0.688186969,24.2897333 L27.5237508,24.2897333 L27.5237508,23.0100002 L27.521514,23.0100002 L27.521514,23.0107413 Z M1.94526522,23.0107413 L1.94526522,8.06224406 L26.2077703,8.06224406 L26.2077703,23.0100002 L1.94526522,23.0100002 L1.94526522,23.0107413 Z M13.4953241,1.64505348 L13.4953241,4.36902491 L10.7545058,4.36902491 L10.7545058,1.64505348 L13.4953241,1.64505348 Z M9.25436258,1.59318242 L9.25436258,4.31715385 L6.51354427,4.31715385 L6.51354427,1.59318242 L9.25436258,1.59318242 Z M5.01414666,1.54205238 L5.01414666,4.26602381 L2.27332835,4.26602381 L2.27332835,1.54205238 L5.01414666,1.54205238 Z"/>
+      <rect width="2.741" height="2.724" x="2.273" y="1.542" fill="#FFF" fill-rule="nonzero"/>
+      <rect width="2.741" height="2.724" x="6.514" y="1.593" fill="#FFF" fill-rule="nonzero"/>
+      <rect width="2.741" height="2.724" x="10.755" y="1.645" fill="#FFF" fill-rule="nonzero"/>
+    </g>
+    <rect width="231" height="196" x="-80" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>
diff --git a/src/format_icons/vhs.svg b/src/format_icons/vhs.svg
new file mode 100644 (file)
index 0000000..c2dc057
--- /dev/null
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
+  <g fill="none" fill-rule="evenodd">
+    <rect width="227" height="191" x="-42" y="-78" fill="#FFF"/>
+    <path fill="#000" fill-rule="nonzero" d="M0.610619065,0.530757762 L0.610619065,17.2165557 L29.9203342,17.2165557 L29.9203342,0.530757762 L0.610619065,0.530757762 Z M4.98672236,13.452854 C4.07893535,12.644618 3.56113039,11.4967939 3.56113039,10.2868598 C3.56113039,9.07692568 4.07974951,7.92910152 4.98672236,7.12086553 L5.84158906,7.12086553 L5.84158906,10.3433234 L5.85542975,10.3433234 C5.87334125,11.6113343 6.48803111,12.7357664 7.43408358,13.4544673 L4.98672236,13.4544673 L4.98672236,13.452854 Z M6.41068602,8.26384996 L6.41068602,7.12086553 L7.43408358,7.12086553 C7.02293341,7.43141529 6.67528762,7.82101407 6.41068602,8.26384996 Z M10.2714268,11.7952443 C10.1460464,11.8267026 10.0149668,11.8452549 9.87900231,11.8452549 C9.01029492,11.8452549 8.3060476,11.1467196 8.3060476,10.2860532 C8.3060476,9.42619332 9.01029492,8.72765803 9.87900231,8.72765803 C10.0149668,8.72765803 10.1460464,8.74540373 10.2714268,8.77766864 L10.2714268,11.7952443 L10.2714268,11.7952443 Z M19.1514564,13.2681374 L19.1514564,13.4536607 L11.3794969,13.4536607 L11.3794969,13.2681374 L11.3794969,7.30477552 L19.1514564,7.30477552 L19.1514564,13.2681374 L19.1514564,13.2681374 Z M20.6511368,11.8460615 C20.5159864,11.8460615 20.385721,11.8275092 20.2603406,11.7960509 L20.2603406,8.77847526 C20.385721,8.74701698 20.5159864,8.72846465 20.6511368,8.72846465 C21.5206583,8.72846465 22.2240915,9.42619332 22.2240915,10.2868598 C22.2240915,11.1475262 21.5214725,11.8460615 20.6511368,11.8460615 Z M25.5442309,13.452854 L23.0968697,13.452854 C24.057577,12.7252803 24.6771518,11.5774562 24.6771518,10.2868598 C24.6771518,10.1327948 24.6771518,7.12086553 24.6771518,7.12086553 L25.5434167,7.12086553 C26.4512037,7.92910152 26.9698229,9.07692568 26.9698229,10.2868598 C26.9698229,11.4967939 26.4520179,12.644618 25.5442309,13.452854 Z M23.0968697,7.12086553 L24.0811876,7.12086553 L24.0811876,8.20012676 C23.8222851,7.78229618 23.48848,7.41689608 23.0968697,7.12086553 Z M28.7821402,4.9591166 L27.5226367,4.9591166 L27.5226367,3.07403926 L3.00994491,3.07403926 L3.00994491,4.9591166 L1.75044132,4.9591166 L1.75044132,1.65841635 L28.7829544,1.65841635 L28.7829544,4.9591166 L28.7821402,4.9591166 Z" transform="translate(2.25 7)"/>
+    <rect width="231" height="196" x="-44" y="-80" fill="#336000" style="mix-blend-mode:screen"/>
+  </g>
+</svg>