css.html

<link href="https://vjs.zencdn.net/5.4.6/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/5.4.6/video.js"></script>

<style type="text/css">
      body {
        color: #000000;
        background-color: #ffffff;
      }
      pre.src {
          background-color: #333333;
          color: #ffffff;
      }
      .org-bold {
        /* bold */
        font-weight: bold;
      }
      .org-bold-italic {
        /* bold-italic */
        font-weight: bold;
        font-style: italic;
      }
      .org-border {
      }
      .org-buffer-menu-buffer {
        /* buffer-menu-buffer */
        font-weight: bold;
      }
      .org-builtin {
        /* font-lock-builtin-face */
        color: #b0c4de;
      }
      .org-button {
        /* button */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-calendar-month-header {
        /* calendar-month-header */
        color: #87cefa;
      }
      .org-calendar-today {
        /* calendar-today */
        text-decoration: underline;
      }
      .org-calendar-weekday-header {
        /* calendar-weekday-header */
        color: #7fffd4;
      }
      .org-calendar-weekend-header {
        /* calendar-weekend-header */
        color: #ff7f24;
      }
      .org-comint-highlight-input {
        /* comint-highlight-input */
        font-weight: bold;
      }
      .org-comint-highlight-prompt {
        /* comint-highlight-prompt */
        color: #00ffff;
      }
      .org-comment {
        /* font-lock-comment-face */
        color: #ff7f24;
      }
      .org-comment-delimiter {
        /* font-lock-comment-delimiter-face */
        color: #ff7f24;
      }
      .org-completions-annotations {
        /* completions-annotations */
        text-decoration: underline;
      }
      .org-completions-common-part {
      }
      .org-completions-first-difference {
        /* completions-first-difference */
        font-weight: bold;
      }
      .org-constant {
        /* font-lock-constant-face */
        color: #7fffd4;
      }
      .org-cursor {
        /* cursor */
        background-color: #ffffff;
      }
      .org-diary {
        /* diary */
        color: #ffff00;
      }
      .org-diff-added {
        /* diff-added */
        background-color: #335533;
      }
      .org-diff-changed {
      }
      .org-diff-context {
        /* diff-context */
        color: #dddddd;
      }
      .org-diff-file-header {
        /* diff-file-header */
        background-color: #999999;
        font-weight: bold;
      }
      .org-diff-function {
        /* diff-function */
        background-color: #737373;
      }
      .org-diff-header {
        /* diff-header */
        background-color: #737373;
      }
      .org-diff-hunk-header {
        /* diff-hunk-header */
        background-color: #737373;
      }
      .org-diff-index {
        /* diff-index */
        background-color: #999999;
        font-weight: bold;
      }
      .org-diff-indicator-added {
        /* diff-indicator-added */
        background-color: #335533;
      }
      .org-diff-indicator-changed {
      }
      .org-diff-indicator-removed {
        /* diff-indicator-removed */
        background-color: #553333;
      }
      .org-diff-nonexistent {
        /* diff-nonexistent */
        background-color: #999999;
        font-weight: bold;
      }
      .org-diff-refine-added {
        /* diff-refine-added */
        background-color: #22aa22;
      }
      .org-diff-refine-changed {
        /* diff-refine-changed */
        background-color: #aaaa22;
      }
      .org-diff-refine-removed {
        /* diff-refine-removed */
        background-color: #aa2222;
      }
      .org-diff-removed {
        /* diff-removed */
        background-color: #553333;
      }
      .org-dired-directory {
        /* dired-directory */
        color: #87cefa;
      }
      .org-dired-flagged {
        /* dired-flagged */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-dired-header {
        /* dired-header */
        color: #98fb98;
      }
      .org-dired-ignored {
        /* dired-ignored */
        color: #b3b3b3;
      }
      .org-dired-mark {
        /* dired-mark */
        color: #7fffd4;
      }
      .org-dired-marked {
        /* dired-marked */
        color: #ff8c00;
        font-weight: bold;
      }
      .org-dired-perm-write {
        /* dired-perm-write */
        color: #ff7f24;
      }
      .org-dired-symlink {
        /* dired-symlink */
        color: #00ffff;
      }
      .org-dired-warning {
        /* dired-warning */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-doc {
        /* font-lock-doc-face */
        color: #ffa07a;
      }
      .org-eldoc-highlight-function-argument {
        /* eldoc-highlight-function-argument */
        font-weight: bold;
      }
      .org-error {
        /* error */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-escape-glyph {
        /* escape-glyph */
        color: #00ffff;
      }
      .org-file-name-shadow {
        /* file-name-shadow */
        color: #b3b3b3;
      }
      .org-fixed-pitch {
      }
      .org-fringe {
        /* fringe */
        background-color: #1a1a1a;
      }
      .org-function-name {
        /* font-lock-function-name-face */
        color: #87cefa;
      }
      .org-glyphless-char {
        /* glyphless-char */
        text-decoration: underline;
      }
      .org-header-line {
        /* header-line */
        color: #000000;
        background-color: #bfbfbf;
        text-decoration: underline;
      }
      .org-help-argument-name {
        /* help-argument-name */
        text-decoration: underline;
      }
      .org-highlight {
        /* highlight */
        background-color: #556b2f;
      }
      .org-holiday {
        /* holiday */
        background-color: #8b4513;
      }
      .org-isearch {
        /* isearch */
        color: #8b2323;
        background-color: #ee799f;
      }
      .org-isearch-fail {
        /* isearch-fail */
        background-color: #8b0000;
      }
      .org-italic {
        /* italic */
        text-decoration: underline;
      }
      .org-keyword {
        /* font-lock-keyword-face */
        color: #00ffff;
      }
      .org-lazy-highlight {
        /* lazy-highlight */
        background-color: #668b8b;
      }
      .org-link {
        /* link */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-link-visited {
        /* link-visited */
        color: #ee82ee;
        text-decoration: underline;
      }
      .org-match {
        /* match */
        background-color: #3a5fcd;
      }
      .org-menu {
      }
      .org-minibuffer-prompt {
        /* minibuffer-prompt */
        color: #00ffff;
      }
      .org-mode-line {
        /* mode-line */
        color: #000000;
        background-color: #bfbfbf;
      }
      .org-mode-line-buffer-id {
        /* mode-line-buffer-id */
        font-weight: bold;
      }
      .org-mode-line-emphasis {
        /* mode-line-emphasis */
        font-weight: bold;
      }
      .org-mode-line-highlight {
      }
      .org-mode-line-inactive {
        /* mode-line-inactive */
        color: #cccccc;
        background-color: #4d4d4d;
      }
      .org-mouse {
      }
      .org-negation-char {
      }
      .org-next-error {
        /* next-error */
        background-color: #0000cd;
      }
      .org-nobreak-space {
        /* nobreak-space */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-org-agenda-calendar-event {
      }
      .org-org-agenda-calendar-sexp {
      }
      .org-org-agenda-clocking {
        /* org-agenda-clocking */
        background-color: #4a708b;
      }
      .org-org-agenda-column-dateline {
        /* org-agenda-column-dateline */
        background-color: #4d4d4d;
      }
      .org-org-agenda-current-time {
        /* org-agenda-current-time */
        color: #eedd82;
      }
      .org-org-agenda-date {
        /* org-agenda-date */
        color: #87cefa;
      }
      .org-org-agenda-date-today {
        /* org-agenda-date-today */
        color: #87cefa;
        font-weight: bold;
        font-style: italic;
      }
      .org-org-agenda-date-weekend {
        /* org-agenda-date-weekend */
        color: #87cefa;
        font-weight: bold;
      }
      .org-org-agenda-diary {
      }
      .org-org-agenda-dimmed-todo {
        /* org-agenda-dimmed-todo-face */
        color: #7f7f7f;
      }
      .org-org-agenda-done {
        /* org-agenda-done */
        color: #98fb98;
      }
      .org-org-agenda-filter-category {
        /* org-agenda-filter-category */
        color: #000000;
        background-color: #bfbfbf;
      }
      .org-org-agenda-filter-regexp {
        /* org-agenda-filter-regexp */
        color: #000000;
        background-color: #bfbfbf;
      }
      .org-org-agenda-filter-tags {
        /* org-agenda-filter-tags */
        color: #000000;
        background-color: #bfbfbf;
      }
      .org-org-agenda-restriction-lock {
        /* org-agenda-restriction-lock */
        background-color: #1C1C1C;
      }
      .org-org-agenda-structure {
        /* org-agenda-structure */
        color: #87cefa;
      }
      .org-org-archived {
        /* org-archived */
        color: #b3b3b3;
      }
      .org-org-block {
        /* org-block */
        color: #b3b3b3;
      }
      .org-org-block-begin-line {
        /* org-block-begin-line */
        color: #ff7f24;
      }
      .org-org-block-end-line {
        /* org-block-end-line */
        color: #ff7f24;
      }
      .org-org-checkbox {
        /* org-checkbox */
        font-weight: bold;
      }
      .org-org-checkbox-statistics-done {
        /* org-checkbox-statistics-done */
        color: #98fb98;
        font-weight: bold;
      }
      .org-org-checkbox-statistics-todo {
        /* org-checkbox-statistics-todo */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-org-clock-overlay {
        /* org-clock-overlay */
        color: #ffffff;
        background-color: #4a708b;
      }
      .org-org-code {
        /* org-code */
        color: #b3b3b3;
      }
      .org-org-column {
        /* org-column */
        background-color: #4d4d4d;
      }
      .org-org-column-title {
        /* org-column-title */
        background-color: #4d4d4d;
        font-weight: bold;
        text-decoration: underline;
      }
      .org-org-date {
        /* org-date */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-org-date-selected {
        /* org-date-selected */
        color: #ffc0cb;
      }
      .org-org-default {
      }
      .org-org-document-info {
        /* org-document-info */
        color: #afeeee;
      }
      .org-org-document-info-keyword {
        /* org-document-info-keyword */
        color: #b3b3b3;
      }
      .org-org-document-title {
        /* org-document-title */
        color: #afeeee;
        font-weight: bold;
      }
      .org-org-done {
        /* org-done */
        color: #98fb98;
        font-weight: bold;
      }
      .org-org-drawer {
        /* org-drawer */
        color: #87cefa;
      }
      .org-org-ellipsis {
        /* org-ellipsis */
        color: #eedd82;
        text-decoration: underline;
      }
      .org-org-footnote {
        /* org-footnote */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-org-formula {
        /* org-formula */
        color: #ff7f24;
      }
      .org-org-headline-done {
        /* org-headline-done */
        color: #ffa07a;
      }
      .org-org-hide {
        /* org-hide */
        color: #000000;
      }
      .org-org-latex-and-related {
        /* org-latex-and-related */
        color: #deb887;
      }
      .org-org-level-1 {
        /* org-level-1 */
        color: #87cefa;
      }
      .org-org-level-2 {
        /* org-level-2 */
        color: #eedd82;
      }
      .org-org-level-3 {
        /* org-level-3 */
        color: #00ffff;
      }
      .org-org-level-4 {
        /* org-level-4 */
        color: #ff7f24;
      }
      .org-org-level-5 {
        /* org-level-5 */
        color: #98fb98;
      }
      .org-org-level-6 {
        /* org-level-6 */
        color: #7fffd4;
      }
      .org-org-level-7 {
        /* org-level-7 */
        color: #b0c4de;
      }
      .org-org-level-8 {
        /* org-level-8 */
        color: #ffa07a;
      }
      .org-org-link {
        /* org-link */
        color: #00ffff;
        text-decoration: underline;
      }
      .org-org-list-dt {
        /* org-list-dt */
        font-weight: bold;
      }
      .org-org-macro {
        /* org-macro */
        color: #deb887;
      }
      .org-org-meta-line {
        /* org-meta-line */
        color: #ff7f24;
      }
      .org-org-mode-line-clock {
        /* org-mode-line-clock */
        color: #000000;
        background-color: #bfbfbf;
      }
      .org-org-mode-line-clock-overrun {
        /* org-mode-line-clock-overrun */
        color: #000000;
        background-color: #ff0000;
      }
      .org-org-priority {
        /* org-priority */
        color: #00ffff;
      }
      .org-org-property-value {
      }
      .org-org-quote {
        /* org-quote */
        color: #b3b3b3;
      }
      .org-org-scheduled {
        /* org-scheduled */
        color: #98fb98;
      }
      .org-org-scheduled-previously {
        /* org-scheduled-previously */
        color: #ff7f24;
      }
      .org-org-scheduled-today {
        /* org-scheduled-today */
        color: #98fb98;
      }
      .org-org-sexp-date {
        /* org-sexp-date */
        color: #00ffff;
      }
      .org-org-special-keyword {
        /* org-special-keyword */
        color: #00ffff;
      }
      .org-org-table {
        /* org-table */
        color: #87cefa;
      }
      .org-org-tag {
        /* org-tag */
        font-weight: bold;
      }
      .org-org-tag-group {
        /* org-tag-group */
        font-weight: bold;
      }
      .org-org-target {
        /* org-target */
        text-decoration: underline;
      }
      .org-org-time-grid {
        /* org-time-grid */
        color: #eedd82;
      }
      .org-org-todo {
        /* org-todo */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-org-upcoming-deadline {
        /* org-upcoming-deadline */
        color: #ff7f24;
      }
      .org-org-verbatim {
        /* org-verbatim */
        color: #b3b3b3;
      }
      .org-org-verse {
        /* org-verse */
        color: #b3b3b3;
      }
      .org-org-warning {
        /* org-warning */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-outline-1 {
        /* outline-1 */
        color: #87cefa;
      }
      .org-outline-2 {
        /* outline-2 */
        color: #eedd82;
      }
      .org-outline-3 {
        /* outline-3 */
        color: #00ffff;
      }
      .org-outline-4 {
        /* outline-4 */
        color: #ff7f24;
      }
      .org-outline-5 {
        /* outline-5 */
        color: #98fb98;
      }
      .org-outline-6 {
        /* outline-6 */
        color: #7fffd4;
      }
      .org-outline-7 {
        /* outline-7 */
        color: #b0c4de;
      }
      .org-outline-8 {
        /* outline-8 */
        color: #ffa07a;
      }
      .org-preprocessor {
        /* font-lock-preprocessor-face */
        color: #b0c4de;
      }
      .org-query-replace {
        /* query-replace */
        color: #8b2323;
        background-color: #ee799f;
      }
      .org-regexp-grouping-backslash {
        /* font-lock-regexp-grouping-backslash */
        font-weight: bold;
      }
      .org-regexp-grouping-construct {
        /* font-lock-regexp-grouping-construct */
        font-weight: bold;
      }
      .org-region {
        /* region */
        background-color: #0000cd;
      }
      .org-scroll-bar {
      }
      .org-secondary-selection {
        /* secondary-selection */
        background-color: #4a708b;
      }
      .org-shadow {
        /* shadow */
        color: #b3b3b3;
      }
      .org-show-paren-match {
        /* show-paren-match */
        background-color: #4f94cd;
      }
      .org-show-paren-mismatch {
        /* show-paren-mismatch */
        color: #ffffff;
        background-color: #a020f0;
      }
      .org-string {
        /* font-lock-string-face */
        color: #ffa07a;
      }
      .org-success {
        /* success */
        color: #00ff00;
        font-weight: bold;
      }
      .org-tool-bar {
        /* tool-bar */
        color: #000000;
      }
      .org-tooltip {
        /* tooltip */
        color: #000000;
        background-color: #ffffe0;
      }
      .org-trailing-whitespace {
        /* trailing-whitespace */
        background-color: #ff0000;
      }
      .org-tty-menu-disabled {
        /* tty-menu-disabled-face */
        color: #d3d3d3;
        background-color: #0000ff;
      }
      .org-tty-menu-enabled {
        /* tty-menu-enabled-face */
        color: #ffff00;
        background-color: #0000ff;
        font-weight: bold;
      }
      .org-tty-menu-selected {
        /* tty-menu-selected-face */
        background-color: #ff0000;
      }
      .org-type {
        /* font-lock-type-face */
        color: #98fb98;
      }
      .org-underline {
        /* underline */
        text-decoration: underline;
      }
      .org-variable-name {
        /* font-lock-variable-name-face */
        color: #eedd82;
      }
      .org-variable-pitch {
      }
      .org-vc-conflict-state {
      }
      .org-vc-edited-state {
      }
      .org-vc-locally-added-state {
      }
      .org-vc-locked-state {
      }
      .org-vc-missing-state {
      }
      .org-vc-needs-update-state {
      }
      .org-vc-removed-state {
      }
      .org-vc-state-base {
      }
      .org-vc-up-to-date-state {
      }
      .org-vertical-border {
        /* vertical-border */
        color: #cccccc;
        background-color: #4d4d4d;
      }
      .org-warning {
        /* warning */
        color: #ff8c00;
        font-weight: bold;
      }
      .org-warning-1 {
        /* font-lock-warning-face */
        color: #ffc0cb;
        font-weight: bold;
      }
      .org-window-divider {
        /* window-divider */
        color: #999999;
      }
      .org-window-divider-first-pixel {
        /* window-divider-first-pixel */
        color: #cccccc;
      }
      .org-window-divider-last-pixel {
        /* window-divider-last-pixel */
        color: #666666;
      }

      a:hover {
        text-decoration: underline;
      }
</style>