research.google.com - 6/15/2022, 5:30:59 PM by m-altamirano

/* ==UserStyle==
@name           research.google.com - 6/15/2022, 5:30:59 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("research.google.com") {
    /* Insert code here... */
    /* Roboto Slab */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap");
/*md-display-computer-modern --> CMU Serif*/
@import url("https://fonts.cdnfonts.com/css/cmu-serif?styles=30038,30039,30037,30036");
/*md-display-monospace --> CMU Typewriter Text*/
@import url("https://fonts.cdnfonts.com/css/cmu-typewriter-text?styles=24833,24829,24830,24831,24832,24834");
/*code-monospace --> Fira Code*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap");
/*md-edit-monospace --> Hack*/
@import url("https://fonts.cdnfonts.com/css/hack?styles=20708,20707,20705,20706");

:root {
    /* Base colors */
    --texbook-red: #d43133;
    --texbook-pink: #D14187;
    --texbook-turquoise: #009489;
    --texbook-azure: #00afde;
    --texbook-blue: #2875d9;
    --texbook-light-grey: #828282;
    --texbook-dark-grey: rgb(56, 56, 56);

    /* Font formatting */
    --background-color: #ffffff;
    --txbk-ui-font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --txbk-ui-color: rgb(51, 51, 51);
    --txbk-ui-font-size: 14px;
    --txbk-ui-line-height: 1;

    --txbk-ui-header-font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --txbk-ui-header-color: rgb(56, 56, 56);

    --txbk-ui-mono-color: #828282;
    --txbk-ui-mono-font-size: 15px;
    --txbk-ui-mono-line-height: 1.4;

    /* Content Formatting */
    --txbk-content-font-family: "CMU Serif", "Times New Roman", serif;
    --txbk-content-font-size: 19px;
    --txbk-content-color: rgb(51, 51, 51);
    --txbk-content-line-height: 1.4;

    --txbk-content-mono-font-family: "CMU Typewriter Text", "Fira Code", Menlo, monospace;
    --txbk-content-mono-font-size: 16px;
    --txkb-content-mono-color: var(--texbook-dark-grey);
    --txbk-content-mono-bgcolor: var(--code-background-color);

    --txbk-code-font-family: "Fira Code", monospace;
    --txbk-md-font-family: "Hack", monospace;
    --txbk-code-font-size: 16px;
    --txbk-code-line-height: 1.6;
    --txkb-code-color: var(--code-text-color);
    --txbk-code-bgcolor: var(--code-background-color);

    --link-color: #2875d9;
    --del-color: #d43133;
    --drop-cap-color: #d43133;

    --kernel-name-color: #00afde;
    --kernel-idle: #009489;
    --kernel-busy: #D14187;
    --kernel-disconnected: #d43133;
    --btn-warning: #D14187;
    --btn-danger: #d43133;
    --running-notebook: #009489;

    --cell-display-border: rgb(255, 216, 54);
    --cell-edit-border: #d43133;


    /* Color Palette */
    --white: #ffffff;
    --light-white: #FAFAFA;
    --black: #24292E;
    --dark-blue: #01579B11;
    --dark-blue-2: #01579B22;
    --blue: #1565C0;
    --green: #2E7D32;
    --yellow: #A8601A;
    --cyan: #00838f;
    --magenta: #9C00B0;
    --red: #C0392B;
    --grey: #9E9E9E;
    --light-blue: #78909c;

    --ansi-black: var(--black);
    --ansi-red: var(--red);
    --ansi-green: var(--green);
    --ansi-yellow: var(--yellow);
    --ansi-blue: var(--blue);
    --ansi-magenta: var(--magenta);
    --ansi-cyan: var(--cyan);
    --ansi-gray: var(--grey);
    --ansi-bright-black: var(--black);
    --ansi-bright-red: var(--red);
    --ansi-bright-green: var(--green);
    --ansi-bright-yellow: var(--yellow);
    --ansi-bright-blue: var(--blue);
    --ansi-bright-magenta: var(--magenta);
    --ansi-bright-cyan: var(--cyan);
    --ansi-bright-gray: var(--white);


    /* Editor Theme */
    --code-background-color: var(--light-white);
    --gutter-background: var(--light-white);
    --selection-background-color: var(--dark-blue-2);
    --line-numbers: var(--grey);
    --cursor: var(--black);
    --bracket: var(--black);
    --matching-bracket: var(--blue);
    --code-text-color: var(--black);
    --keywords: var(--magenta);
    --types: var(--magenta);
    --variables: var(--code-text-color);
    --variables2: var(--green);
    --def: var(--blue);
    --property: var(--blue);
    --meta: var(--light-blue);
    --builtin: var(--blue);
    --attribute: var(--blue);
    --strings: var(--yellow);
    --strings2: var(--grey);
    --comments: var(--grey);
    --operator: var(--magenta);
    --numbers: var(--red);

    /* Dataframe */
    --dataframe: var(--code-text-color);
    --df-bg: var(--light-white);
    --df-thead: var(--blue);
    --df-thead-border: var(--black);
    --df-tr-hover: var(--selection-background-color);
    --df-border: var(--white);
    --df-border-right: var(--grey);
    --df-th-bg: var(--white);

    --mono-md-bg: var(--code-background-color);

    /*COLAB Variables Override*/
    --colab-icon-color: var(--texbook-turquoise);
    --colab-dark-orange: var(--texbook-pink);
    --paper-red-a700: var(--texbook-red);
    --colab-primary-text-color: var(--text-color);
    --colab-code-font-family: var(--txbk-code-font-family);
    --code-cell-background: #fafafa; /*material design theme editor*/
    --colab-anchor-color: var(--link-color);
    --colab-border-color: var(--texbook-light-grey);
    --colab-bold-border-color: var(--texbook-dark-grey);

}

html {
    font-size: 10px;
}

body {

    background-color: var(--background-color) !important;
    font-weight: 300;
    font-family: var(--txbk-ui-font-family);
    color: var(--txbk-ui-color);
    overflow: inherit;
    vertical-align: middle;
    font-size: var(--txbk-ui-font-size);
}

h1, h2, h3, h4, h5, h6, label > strong {
    font-family: var(--txbk-ui-header-font-family);
    color: var(--txbk-ui-header-color);
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    display: inline !important;
}

h1 {
    font-weight: bold;
    font-style: normal;
}

h2 {
    font-weight: bold;
    font-style: italic;
}

h3 {
    font-weight: 600;
    font-style: normal;
}

h4 {
    font-weight: 500;
    font-style: normal;
}

h5, h6 {
    font-weight: 500;
    font-style: italic;
}

code, kbd, pre, samp {
    font-family: var(--txbk-code-font-family) !important;
    color: var(--txbk-ui-mono-color);
    font-weight: 400;
    font-size: var(--txbk-ui-mono-font-size) !important;
    line-height: var(--txbk-ui-mono-line-height) !important;
}

table > thead > tr > td.info,
table > tbody > tr > td.info,
table > tfoot > tr > td.info,
table > thead > tr > th.info,
table > tbody > tr > th.info,
table > tfoot > tr > th.info,
table > thead > tr.info > td,
table > tbody > tr.info > td,
table > tfoot > tr.info > td,
table > thead > tr.info > th,
table > tbody > tr.info > th,
table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

del {
    color: var(--del-color) !important;
}

/* ======================================================
                 Colab Notebook main page
   ======================================================
*/

.notebook-vertical, .notebook-horizontal {
    text-align: justify !important;
}

#top-toolbar {
    color: var(--texbook-dark-grey) !important;
    font-weight: 500;
}


a:link {
    color: var(--link-color);
    font-weight: 300;
}

/* ==========
   LEFT PANEL
   ==========
*/

/* In TOC, have links colored as text but bolder */
colab-table-of-contents a:link {
    color: var(--text-color) !important;
    font-weight: 400;
}

.colab-left-pane-close {
    --colab-icon-color: var(--texbook-pink);
}

.colab-assist-result-insert {
    --colab-icon-color: var(--texbook-turquoise);
    color: var(--colab-icon-color);
}

.colab-icon.file-icon {
    --colab-icon-color: var(--texbook-dark-grey);
    color: var(--colab-icon-color) !important;
}

/* =====
   ICONS
   =====
*/

paper-icon-button .head-section-toggle > iron-icon {
    color: var(--texbook-dark-grey) !important;
    background-color: #ffffff !important;
}

paper-icon-button.header-section-toggle {
    left: -22px !important;
}

div.cell.text.focused.edit paper-icon-button.header-section-toggle {
    display: none
}

.colab-left-pane-open .colab-left-pane-nib paper-item.iron-selected {
    border-left-color: var(--colab-dark-orange);
    color: var(--colab-dark-orange);
}

colab-cell-toolbar {
    --colab-icon-color: var(--texbook-dark-grey);
}

/* ======
   HEADER
   ======
*/
.header-warning, #message-area-secondary {
    background-color: var(--texbook-dark-grey);
    color: #ffffff;
    font-weight: 300;
}

.header-warning a:link, #message-area-secondary a:link {
    color: #fff;
    font-weight: 400;
}

.header-warning paper-icon-button.close {
    background-color: var(--texbook-red);
}

#doc-name {
    font-family: var(--txbk-ui-font-family) !important;
}

/* Hide Drive Icon */
#file-type {
    display: none;
}

/* =============
   CELLS
  ==============
*/

.add-button {
    font-weight: 500;
}

.add-button.add-text, #toolbar-add-text {
    --colab-icon-color: var(--texbook-pink) !important;
    --iron-icon-fill-color: var(--texbook-pink) !important;
    font-weight: 500 !important;
}

.add-button.add-code, #toolbar-add-code {
    --colab-icon-color: var(--texbook-turquoise) !important;
    --iron-icon-fill-color: var(--texbook-turquoise) !important;
    font-weight: 500 !important;
}

/* ======================================================
                         Notebook
   ======================================================
*/

#site {
    overflow: inherit;
    top: 112px;
    position: absolute;
}

#notebook-container {
    /* Remove shadow so that it looks like a page of a PDF doc */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 0;
}

#notebook-horizontal {
    border-top: none;
    font-size: 1rem;
}

#top-toolbar {
    font-family: var(--txbk-ui-font-family);
}


/* -----------------------------------
    CELLS
   -----------------------------------
*/

div.cell {
    /*
    padding: 12px 0 5px ...