scrapbox-breakpoint-fixer
解説記事：【Scrapbox】ウィンドウサイズの横幅が767pxの時に、見た目が崩れるのを防ぐ【UserCSS】
Created date:2024/5/6
code:style.css
@media (768px <= width) {
.lead {
font-size: 21px;
}
}
@media (768px <= width) {
.dl-horizontal {
display: grid;
grid-template-columns: 180px auto;
grid-column-gap: 20px;
}
.dl-horizontal dt {
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (768px <= width) {
.container {
width: 736px;
}
}
@media (992px <= width) {
.container {
width: 956px;
}
}
@media (1200px <= width) {
.container {
width: 1156px;
}
}
@media (768px <= width) {
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%;
}
.col-sm-pull-2 {
right: 16.6666666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.3333333333%;
}
.col-sm-pull-5 {
right: 41.6666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.3333333333%;
}
.col-sm-pull-8 {
right: 66.6666666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.3333333333%;
}
.col-sm-pull-11 {
right: 91.6666666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%;
}
.col-sm-push-2 {
left: 16.6666666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.3333333333%;
}
.col-sm-push-5 {
left: 41.6666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.3333333333%;
}
.col-sm-push-8 {
left: 66.6666666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.3333333333%;
}
.col-sm-push-11 {
left: 91.6666666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (992px <= width) {
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%;
}
.col-md-pull-2 {
right: 16.6666666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.3333333333%;
}
.col-md-pull-5 {
right: 41.6666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.3333333333%;
}
.col-md-pull-8 {
right: 66.6666666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.3333333333%;
}
.col-md-pull-11 {
right: 91.6666666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%;
}
.col-md-push-2 {
left: 16.6666666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.3333333333%;
}
.col-md-push-5 {
left: 41.6666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.3333333333%;
}
.col-md-push-8 {
left: 66.6666666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.3333333333%;
}
.col-md-push-11 {
left: 91.6666666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (1200px <= width) {
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%;
}
.col-lg-pull-2 {
right: 16.6666666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.3333333333%;
}
.col-lg-pull-5 {
right: 41.6666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.3333333333%;
}
.col-lg-pull-8 {
right: 66.6666666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.3333333333%;
}
.col-lg-pull-11 {
right: 91.6666666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%;
}
.col-lg-push-2 {
left: 16.6666666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.3333333333%;
}
.col-lg-push-5 {
left: 41.6666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.3333333333%;
}
.col-lg-push-8 {
left: 66.6666666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.3333333333%;
}
.col-lg-push-11 {
left: 91.6666666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@media screen and (width < 768px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
inputtype="date".form-control,
inputtype="time".form-control,
inputtype="datetime-local".form-control,
inputtype="month".form-control {
line-height: 34px;
}
inputtype="date".input-sm,
.input-group-sm > .input-group-btn > inputtype="date".btn,
.input-group-sm inputtype="date",
inputtype="time".input-sm,
.input-group-sm > .input-group-btn > inputtype="time".btn,
.input-group-sm inputtype="time",
inputtype="datetime-local".input-sm,
.input-group-sm > .input-group-btn > inputtype="datetime-local".btn,
.input-group-sm inputtype="datetime-local",
inputtype="month".input-sm,
.input-group-sm > .input-group-btn > inputtype="month".btn,
.input-group-sm inputtype="month" {
line-height: 30px;
}
inputtype="date".input-lg,
.input-group-lg > .input-group-btn > inputtype="date".btn,
.input-group-lg inputtype="date",
inputtype="time".input-lg,
.input-group-lg > .input-group-btn > inputtype="time".btn,
.input-group-lg inputtype="time",
inputtype="datetime-local".input-lg,
.input-group-lg > .input-group-btn > inputtype="datetime-local".btn,
.input-group-lg inputtype="datetime-local",
inputtype="month".input-lg,
.input-group-lg > .input-group-btn > inputtype="month".btn,
.input-group-lg inputtype="month" {
line-height: 46px;
}
}
@media (768px <= width) {
.form-inline {
display: flex;
align-items: center;
}
.form-inline > *:not(:last-child) {
margin-right: 5px;
}
.form-inline .form-group {
display: flex;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-group label {
margin-bottom: 0;
margin-right: 5px;
}
.form-inline .form-control {
width: auto;
}
.form-inline .form-control-static {
min-height: auto;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: auto;
}
.form-inline .radio,
.form-inline .checkbox {
margin-top: 0;
margin-bottom: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
@media (768px <= width) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
@media (768px <= width) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (768px <= width) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
@media (768px <= width) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
@media (768px <= width) {
.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
@media (768px <= width) {
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:active,
data-hover-visible .nav-tabs-justified > .active > a:hover,
data-focus-visible .nav-tabs-justified > .active > a:focus {
border-bottom-color: #dcdde0;
}
}
@media (768px <= width) {
.navbar {
border-radius: 4px;
}
}
@media (width < 768px) {
.navbar > .container,
.navbar > .container-fluid {
flex-direction: column;
}
}
@media (768px <= width) {
.navbar-collapse {
width: auto;
flex-grow: 1;
flex-direction: row;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: flex !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media (768px <= width) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
@media (768px <= width) {
.navbar-static-top {
border-radius: 0;
}
}
@media (768px <= width) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
@media (768px <= width) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -8px;
}
}
@media (768px <= width) {
.navbar-toggle {
display: none;
}
}
@media (width < 768px) {
.navbar-nav {
flex-direction: column;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: rgba(0, 0, 0, 0);
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
data-hover-visible .navbar-nav .open .dropdown-menu > li > a:hover,
data-focus-visible .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (768px <= width) {
.navbar-nav {
margin: 0;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (768px <= width) {
.navbar-form {
display: flex;
align-items: center;
}
.navbar-form > *:not(:last-child) {
margin-right: 5px;
}
.navbar-form .form-group {
display: flex;
align-items: center;
margin-bottom: 0;
}
.navbar-form .form-group label {
margin-bottom: 0;
margin-right: 5px;
}
.navbar-form .form-control {
width: auto;
}
.navbar-form .form-control-static {
min-height: auto;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: auto;
}
.navbar-form .radio,
.navbar-form .checkbox {
margin-top: 0;
margin-bottom: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (width < 768px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (768px <= width) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
}
}
@media (768px <= width) {
.navbar-text {
margin-left: 8px;
margin-right: 8px;
}
}
@media (768px <= width) {
.navbar-right {
margin-left: auto;
margin-right: -8px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
@media (width < 768px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active,
data-hover-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
li
a:hover,
data-focus-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
li
a:focus {
color: #e6e6e6;
background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:active,
data-hover-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
.active
a:hover,
data-focus-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
.active
a:focus {
color: #fff;
background-color: rgba(39, 43, 53, 0.6);
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:active,
data-hover-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
.disabled
a:hover,
data-focus-visible
.navbar-default
.navbar-nav
.open
.dropdown-menu
.disabled
a:focus {
color: #ccc;
background-color: rgba(0, 0, 0, 0);
}
}
@media (width < 768px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active,
data-hover-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
li
a:hover,
data-focus-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
li
a:focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:active,
data-hover-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
.active
a:hover,
data-focus-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
.active
a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:active,
data-hover-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
.disabled
a:hover,
data-focus-visible
.navbar-inverse
.navbar-nav
.open
.dropdown-menu
.disabled
a:focus {
color: #444;
background-color: rgba(0, 0, 0, 0);
}
}
@media (768px <= width) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (992px <= width) {
.modal-lg {
width: 900px;
}
}
@media (width < 768px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (width < 768px) {
.visible-xs-block {
display: block !important;
}
}
@media (width < 768px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (width < 768px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (768px <= width) and (width < 992px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (768px <= width) and (width < 992px) {
.visible-sm-block {
display: block !important;
}
}
@media (768px <= width) and (width < 992px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (768px <= width) and (width < 992px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (992px <= width) and (width < 1200px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (992px <= width) and (width < 1200px) {
.visible-md-block {
display: block !important;
}
}
@media (992px <= width) and (width < 1200px) {
.visible-md-inline {
display: inline !important;
}
}
@media (992px <= width) and (width < 1200px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (1200px <= width) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (1200px <= width) {
.visible-lg-block {
display: block !important;
}
}
@media (1200px <= width) {
.visible-lg-inline {
display: inline !important;
}
}
@media (1200px <= width) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (width < 768px) {
.hidden-xs {
display: none !important;
}
}
@media (768px <= width) and (width < 992px) {
.hidden-sm {
display: none !important;
}
}
@media (992px <= width) and (width < 1200px) {
.hidden-md {
display: none !important;
}
}
@media (1200px <= width) {
.hidden-lg {
display: none !important;
}
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.visible-print-block {
display: block !important;
}
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
@media (width < 768px) {
.btn-auto-block {
display: block;
width: 100%;
}
}
@media print {
body {
background-color: #fff !important;
}
.app {
padding-top: unset !important;
}
.navbar,
.col-page-side,
.related-page-list,
.status-bar,
.scroll-bar-overlay,
.quick-launch,
.page-sidebar,
.new-button {
display: none !important;
}
.col-page {
width: 100% !important;
max-width: unset !important;
}
.page {
background-color: #fff !important;
border: 0 !important;
box-shadow: none !important;
}
.page .line .telomere {
display: none !important;
}
.page .line .text {
color: #000 !important;
}
.page .code-block-start .fa-copy {
display: none;
}
.related-page-list.has-literate-database {
display: block !important;
position: unset;
left: unset;
}
.related-page-list.has-literate-database .toolbar {
display: none;
}
}
@media print {
.app.presentation .line {
display: block !important;
}
}
@media (width < 768px) {
.billings-info-page ul.billing-rows li .head {
width: 100%;
margin-bottom: 8px;
}
}
@media (768px <= width) {
.admin-table .add-admin-form .form-group input {
flex-grow: 1;
}
.admin-table .add-admin-form .form-group button {
margin-left: 5px;
}
}
@media (width < 768px) {
.admin-table .add-admin-form .form-group button {
margin-top: 5px;
margin-right: 5px;
}
}
@media (width < 768px) {
.gyazo.square iframe {
aspect-ratio: unset !important;
width: 99%;
}
}
@media (width < 768px) {
.line .telomere .telomere-border {
left: -21px;
width: 5px;
}
}
@media (768px <= width) and (width < 992px) {
.line .telomere .telomere-border {
left: -42px;
}
}
@media (width < 768px) {
.expandable-menu-margin {
display: block;
}
}
@media (width < 768px) {
.expandable-menu {
display: inline-flex;
}
}
@media (768px <= width) and (width < 992px) {
.expandable-menu .page-menu {
overflow-x: scroll;
}
}
@media (768px <= width) and (width < 992px) {
.global-menu {
right: -15px !important;
}
}
@media (992px <= width) and (width < 1200px) {
.global-menu {
right: -30px !important;
}
}
@media (1200px <= width) {
.global-menu {
right: -30px !important;
}
}
@media (768px <= width) {
.global-menu li.guest-project .button-delete {
display: none;
}
.global-menu li.guest-project:hover .button-delete {
display: block;
}
}
@media (width < 992px) {
.navbar {
padding-left: 8px;
padding-right: 8px;
}
}
@media (768px <= width) and (width < 992px) {
.navbar .row:has(.col-search) {
grid-template-columns: 1fr 1.5fr min-content;
}
}
@media (width < 768px) {
.navbar .row:has(.col-search) {
display: flex;
}
}
@media (768px <= width) and (width < 992px) {
.navbar .row:has(.col-search):has(.user-name) {
grid-template-columns: 1fr 1.5fr minmax(0, 1fr);
}
}
@media (width < 768px) {
.navbar .row:has(.col-search):has(.user-name) {
display: grid;
grid-template-columns: 1fr min-content minmax(0, 1fr);
}
}
@media (width < 768px) {
.navbar .row .col-search {
gap: 16px;
}
}
@media (width < 768px) {
.navbar .row .left {
flex: 1;
}
}
@media (width < 768px) {
.navbar .row .project-home {
font-size: 13px;
}
}
@media (width < 768px) {
.navbar .row .project-home.length-is-short {
font-size: 15px;
}
}
@media (768px <= width) and (width < 992px) {
.new-billings-page .panel .panel-body {
padding: 30px;
}
}
@media (width < 768px) {
.new-billings-page .panel .panel-body {
padding: 15px;
}
}
@media (991px < width) {
.page-column:has(.page-sidebar) {
grid-template-columns: minmax(200px, 3fr) minmax(170px, 1fr) min-content;
grid-template-areas: "page sidebar menu";
}
}
@media (768px <= width) and (width < 992px) {
.page-column {
grid-template-columns: minmax(200px, 960px) min-content;
grid-template-areas: "page menu";
}
}
@media (width < 768px) {
.page-column {
display: flex;
}
}
@media (768px <= width) {
.page-wrapper.enter {
animation-name: page-enter;
animation-duration: 0.2s;
animation-timing-function: ease-out;
}
.page-wrapper.leave {
animation-name: page-leave;
animation-duration: 0.1s;
animation-timing-function: ease-in;
opacity: 0;
}
}
@media (width < 768px) {
.page {
padding: 28px 21px 42px;
}
}
@media (768px <= width) and (width < 992px) {
.page {
padding: 42px 42px 35px;
}
}
@media (width < 992px) {
.page-sidebar {
display: none;
}
}
@media (width < 768px) {
.page-history-select .date {
margin-left: 4px;
width: 150px;
}
}
@media (width < 768px) {
.page-history-select .date .date-text .parenthesis {
display: none;
}
.page-history-select .date .date-text .relative-date {
display: none;
}
.page-history-select .date .date-text .absolute-date {
font-weight: bold;
}
}
@media (width < 768px) {
.page-history-select .guide {
display: none;
}
}
@media (width < 768px) {
.page-history-select .select .button.control-button {
margin-left: 2px;
margin-right: 2px;
}
}
@media (width < 768px) {
.page-menu {
display: none;
}
}
@media (768px <= width) and (width < 992px) {
.page-menu .when-sm {
display: block;
}
}
@media (width < 992px) {
.project-settings-page h1 {
margin-left: 13px;
}
}
@media (width < 768px) {
.project-settings-page .nav-tabs {
flex-wrap: nowrap;
}
.project-settings-page .nav-tabs > li > a {
white-space: nowrap;
}
}
@media (width < 768px) {
.project-members-form .invite-form .buttons {
flex-direction: column;
}
.project-members-form .invite-form .buttons .btn + .btn {
margin-left: 0;
}
.project-members-form .invite-form .buttons .button-right {
margin-left: 0;
margin-right: 0;
}
.project-members-form .invite-form .buttons .btn {
margin-bottom: 5px;
}
}
@media (width < 768px) {
.project-page-data-form .page-data-item .file {
margin-bottom: 15px;
}
}
@media (width < 768px) {
.related-page-list .links-container {
gap: 32px;
}
}
@media (width < 768px) {
.related-page-list.has-literate-database table.literate-database {
font-size: 13px;
}
}
@media (width < 768px) {
.scroll-bar-overlay .unread-bar {
width: 5px;
}
}
@media (width < 992px) {
.user-settings-page h1 {
margin-left: 13px;
}
}
@media screen {
htmldata-project-theme="hacker2" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #062825;
--navbar-bg: rgba(40, 62, 57, 0.3);
--navbar-link-color: #36d6b1;
--search-form-bg: #374f4a;
--2hop-search-bg: rgba(255, 255, 255, 0.15);
--new-button-horizontal-color: #247069;
--new-button-vertical-color: var(--new-button-horizontal-color);
--new-button-bg: #43c6a7;
--new-button-hover-bg: #35b093;
--new-button-active-bg: #2c9179;
--card-title-color: rgba(255, 255, 255, 0.9);
--card-title-bg: #314a44;
--card-bg: #283e39;
--card-backside: #5f7772;
--card-description-color: rgba(204, 204, 204, 0.9);
--card-description-link-color: #67bef5;
--card-description-code-color: #99f;
--card-box-shadow-color: transparent;
--card-box-shadow: none;
--card-box-hover-shadow: none;
--tool-color: #b7bdc5;
--tool-light-color: rgba(183, 189, 197, 0.4);
--tool-bg: rgba(183, 189, 197, 0.1);
--tool-badge-bg: rgba(183, 189, 197, 0.2);
--tool-text-color: #b7bdc5;
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="autumn" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #a58d6c;
--navbar-bg: rgba(72, 61, 56, 0.5);
--navbar-link-color: #a28e86;
--search-form-bg: #6f5952;
--new-button-horizontal-color: #c72d01;
--new-button-vertical-color: #e86142;
--new-button-bg: #fbf6ee;
--new-button-hover-bg: #f4e7d1;
--new-button-active-bg: #ecd5b0;
--card-title-color: #61473e;
--card-title-bg: #e0d5c5;
--card-bg: #fbf6ee;
--card-backside: #b9a588;
--card-description-color: #90695c;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #8a6f4c;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #231b0f;
--tool-text-color: #231b0f;
--tool-light-color: rgba(35, 27, 15, 0.4);
--tool-bg: rgba(35, 27, 15, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.2);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="blue" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #dcdde0;
--navbar-icon-color: #fff;
--navbar-icon-active-color: rgba(255, 255, 255, 0.5);
--navbar-icon-hovered-color: var(--navbar-icon-active-color);
--search-form-bg: rgba(255, 255, 255, 0.2);
--search-form-text-color: rgba(255, 255, 255, 0.5);
--card-title-color: #444;
--card-title-bg: #f2f2f3;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(0, 0, 0, 0.1);
--card-backside: #aaa;
--card-description-color: #7a7a7a;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: #b0b1b3;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #f2f2f3;
--relation-label-bg: #edeeee;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #a0a0a0;
--tool-light-color: #c6c6c6;
--tool-badge-bg: #edeeee;
--tool-bg: #edeeee;
--tool-text-color: #444;
--new-button-bg: #fff;
--new-button-hover-bg: rgba(255, 255, 255, 0.7);
--new-button-active-bg: rgba(255, 255, 255, 0.5);
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #444;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--navbar-bg: rgba(94, 122, 224, 0.8);
--new-button-vertical-color: var(--navbar-bg);
--new-button-horizontal-color: var(--navbar-bg);
}
}
@media screen {
htmldata-project-theme="green" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #dcdde0;
--navbar-icon-color: #fff;
--navbar-icon-active-color: rgba(255, 255, 255, 0.5);
--navbar-icon-hovered-color: var(--navbar-icon-active-color);
--search-form-bg: rgba(255, 255, 255, 0.2);
--search-form-text-color: rgba(255, 255, 255, 0.5);
--card-title-color: #444;
--card-title-bg: #f2f2f3;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(0, 0, 0, 0.1);
--card-backside: #aaa;
--card-description-color: #7a7a7a;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: #b0b1b3;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #f2f2f3;
--relation-label-bg: #edeeee;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #a0a0a0;
--tool-light-color: #c6c6c6;
--tool-badge-bg: #edeeee;
--tool-bg: #edeeee;
--tool-text-color: #444;
--new-button-bg: #fff;
--new-button-hover-bg: rgba(255, 255, 255, 0.7);
--new-button-active-bg: rgba(255, 255, 255, 0.5);
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #444;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--navbar-bg: rgba(91, 165, 111, 0.8);
--new-button-vertical-color: var(--navbar-bg);
--new-button-horizontal-color: var(--navbar-bg);
}
}
@media screen {
htmldata-project-theme="hacker1" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #252a30;
--navbar-bg: rgba(64, 69, 81, 0.3);
--navbar-link-color: #49c4fe;
--search-form-bg: #4f5463;
--2hop-search-bg: rgba(255, 255, 255, 0.15);
--new-button-horizontal-color: #2378a1;
--new-button-vertical-color: var(--new-button-horizontal-color);
--new-button-bg: #4dc3fa;
--new-button-hover-bg: #2ab7f9;
--new-button-active-bg: #07a8f4;
--card-title-color: rgba(255, 255, 255, 0.9);
--card-title-bg: #494d5a;
--card-bg: #393c46;
--card-backside: #7c8296;
--card-description-color: rgba(204, 204, 204, 0.9);
--card-description-link-color: #61afef;
--card-description-code-color: #99f;
--card-box-shadow-color: transparent;
--card-box-shadow: none;
--card-box-hover-shadow: transparent;
--tool-color: #b7bdc5;
--tool-light-color: rgba(183, 189, 197, 0.4);
--tool-bg: rgba(183, 189, 197, 0.1);
--tool-badge-bg: rgba(183, 189, 197, 0.2);
--tool-text-color: #b7bdc5;
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="kyoto" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #cab9a2;
--navbar-bg: rgba(71, 37, 65, 0.8);
--navbar-link-color: #fff;
--search-form-bg: rgba(255, 255, 255, 0.16);
--new-button-horizontal-color: #378b4d;
--new-button-vertical-color: #5cb372;
--new-button-bg: #fff;
--new-button-hover-bg: #ededed;
--new-button-active-bg: #d9d9d9;
--card-title-color: #675140;
--card-title-bg: #f2e7d9;
--card-bg: #fff;
--card-backside: #ac9980;
--card-description-color: #90695c;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #a89981;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #42392e;
--tool-text-color: #42392e;
--tool-light-color: rgba(35, 27, 15, 0.4);
--tool-bg: rgba(35, 27, 15, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.2);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="lgreen" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #436698;
--navbar-bg: rgba(74, 187, 12, 0.8);
--navbar-link-color: #fff;
--search-form-bg: #71cd3f;
--new-button-horizontal-color: #c56f21;
--new-button-vertical-color: #fb973d;
--new-button-bg: #fadc24;
--new-button-hover-bg: #f5d306;
--new-button-active-bg: #cdb105;
--card-title-color: #526279;
--card-title-bg: #d0eeff;
--card-bg: #fff;
--card-backside: #99c3db;
--card-description-color: #7688a2;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #3b5c8d;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #fff;
--tool-text-color: #fff;
--tool-light-color: rgba(255, 255, 255, 0.4);
--tool-badge-bg: rgba(255, 255, 255, 0.15);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="mred" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #018ee0;
--navbar-bg: rgba(235, 51, 56, 0.8);
--navbar-link-color: #fff;
--search-form-bg: rgba(255, 255, 255, 0.2);
--new-button-horizontal-color: #c56f21;
--new-button-vertical-color: #fb973d;
--new-button-bg: #fadc24;
--new-button-hover-bg: #f5d306;
--new-button-active-bg: #cdb105;
--card-title-color: #50758b;
--card-title-bg: #8ad5fb;
--card-bg: #fff;
--card-backside: #78b3d5;
--card-description-color: #779bb1;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #0081d0;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #fff;
--tool-text-color: #fff;
--tool-light-color: rgba(255, 255, 255, 0.4);
--tool-badge-bg: rgba(255, 255, 255, 0.15);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="newyork" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #93c3c0;
--navbar-bg: rgba(18, 34, 59, 0.3);
--navbar-link-color: #fff;
--search-form-bg: rgba(255, 255, 255, 0.16);
--new-button-horizontal-color: #c45252;
--new-button-vertical-color: #f47a5d;
--new-button-bg: #fff;
--new-button-hover-bg: #ededed;
--new-button-active-bg: #d9d9d9;
--card-title-color: #636b79;
--card-title-bg: #e8f0ed;
--card-bg: #fff;
--card-backside: #7daba7;
--card-description-color: #8a919f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #759fa0;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #313742;
--tool-light-color: rgba(49, 55, 66, 0.4);
--tool-bg: rgba(49, 55, 66, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="orange" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #dcdde0;
--navbar-icon-color: #fff;
--navbar-icon-active-color: rgba(255, 255, 255, 0.5);
--navbar-icon-hovered-color: var(--navbar-icon-active-color);
--search-form-bg: rgba(255, 255, 255, 0.2);
--search-form-text-color: rgba(255, 255, 255, 0.5);
--card-title-color: #444;
--card-title-bg: #f2f2f3;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(0, 0, 0, 0.1);
--card-backside: #aaa;
--card-description-color: #7a7a7a;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: #b0b1b3;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #f2f2f3;
--relation-label-bg: #edeeee;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #a0a0a0;
--tool-light-color: #c6c6c6;
--tool-badge-bg: #edeeee;
--tool-bg: #edeeee;
--tool-text-color: #444;
--new-button-bg: #fff;
--new-button-hover-bg: rgba(255, 255, 255, 0.7);
--new-button-active-bg: rgba(255, 255, 255, 0.5);
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #444;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--navbar-bg: rgba(219, 169, 39, 0.8);
--new-button-vertical-color: var(--navbar-bg);
--new-button-horizontal-color: var(--navbar-bg);
}
}
@media screen {
htmldata-project-theme="paris" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #f6858e;
--navbar-bg: rgba(102, 192, 157, 0.8);
--navbar-link-color: #fff;
--search-form-bg: #93d5bc;
--new-button-horizontal-color: #7238cf;
--new-button-vertical-color: #9c6ae9;
--new-button-bg: #fff;
--new-button-hover-bg: #ededed;
--new-button-active-bg: #d9d9d9;
--card-title-color: #916264;
--card-title-bg: #ffe4e6;
--card-bg: #fff;
--card-backside: #e9b6ba;
--card-description-color: #b28d8f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #c96a74;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #652216;
--tool-text-color: #652216;
--tool-light-color: rgba(101, 34, 22, 0.4);
--tool-bg: rgba(101, 34, 22, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="purple" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #dcdde0;
--navbar-icon-color: #fff;
--navbar-icon-active-color: rgba(255, 255, 255, 0.5);
--navbar-icon-hovered-color: var(--navbar-icon-active-color);
--search-form-bg: rgba(255, 255, 255, 0.2);
--search-form-text-color: rgba(255, 255, 255, 0.5);
--card-title-color: #444;
--card-title-bg: #f2f2f3;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(0, 0, 0, 0.1);
--card-backside: #aaa;
--card-description-color: #7a7a7a;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: #b0b1b3;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #f2f2f3;
--relation-label-bg: #edeeee;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #a0a0a0;
--tool-light-color: #c6c6c6;
--tool-badge-bg: #edeeee;
--tool-bg: #edeeee;
--tool-text-color: #444;
--new-button-bg: #fff;
--new-button-hover-bg: rgba(255, 255, 255, 0.7);
--new-button-active-bg: rgba(255, 255, 255, 0.5);
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #444;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--navbar-bg: rgba(148, 113, 192, 0.8);
--new-button-vertical-color: var(--navbar-bg);
--new-button-horizontal-color: var(--navbar-bg);
}
}
@media screen {
htmldata-project-theme="red" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #dcdde0;
--navbar-icon-color: #fff;
--navbar-icon-active-color: rgba(255, 255, 255, 0.5);
--navbar-icon-hovered-color: var(--navbar-icon-active-color);
--search-form-bg: rgba(255, 255, 255, 0.2);
--search-form-text-color: rgba(255, 255, 255, 0.5);
--card-title-color: #444;
--card-title-bg: #f2f2f3;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(0, 0, 0, 0.1);
--card-backside: #aaa;
--card-description-color: #7a7a7a;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: #b0b1b3;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #f2f2f3;
--relation-label-bg: #edeeee;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #a0a0a0;
--tool-light-color: #c6c6c6;
--tool-badge-bg: #edeeee;
--tool-bg: #edeeee;
--tool-text-color: #444;
--new-button-bg: #fff;
--new-button-hover-bg: rgba(255, 255, 255, 0.7);
--new-button-active-bg: rgba(255, 255, 255, 0.5);
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #444;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--navbar-bg: rgba(207, 85, 77, 0.8);
--new-button-vertical-color: var(--navbar-bg);
--new-button-horizontal-color: var(--navbar-bg);
}
}
@media screen {
htmldata-project-theme="spring" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #c6dc67;
--navbar-bg: rgba(2, 167, 137, 0.5);
--navbar-link-color: #fff;
--search-form-bg: #2bbaa1;
--new-button-horizontal-color: #b44a29;
--new-button-vertical-color: var(--new-button-horizontal-color);
--new-button-bg: #f4835f;
--new-button-hover-bg: #f2693e;
--new-button-active-bg: #ef4c17;
--card-title-color: #636b79;
--card-title-bg: #e7fa9a;
--card-bg: #fff;
--card-backside: #afc35c;
--card-description-color: #8a919f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #9ab149;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #4e5a1a;
--tool-text-color: #4e5a1a;
--tool-light-color: rgba(78, 90, 26, 0.4);
--tool-bg: rgba(78, 90, 26, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="summer" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #14b2da;
--navbar-bg: rgba(242, 196, 13, 0.5);
--search-form-bg: #ffd83c;
--new-button-horizontal-color: #c93a3c;
--new-button-vertical-color: #fb6f01;
--new-button-bg: #fff;
--new-button-hover-bg: #ededed;
--new-button-active-bg: #d9d9d9;
--card-title-color: #636b79;
--card-title-bg: #d0eeff;
--card-bg: #fff;
--card-backside: #aad6ef;
--card-description-color: #8a919f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #22a5ca;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #f6f6f6;
--tool-text-color: #f6f6f6;
--tool-light-color: rgba(246, 246, 246, 0.4);
--tool-bg: #13a7cc;
--tool-badge-bg: rgba(255, 255, 255, 0.23);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="tropical" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #f0d458;
--navbar-bg: rgba(35, 161, 138, 0.5);
--navbar-link-color: #fff;
--search-form-bg: #2ebfa5;
--new-button-horizontal-color: #5e389a;
--new-button-vertical-color: #5e389a;
--new-button-bg: #a45aff;
--new-button-hover-bg: #9036ff;
--new-button-active-bg: #7a0eff;
--card-title-color: #77664d;
--card-title-bg: #fff3c0;
--card-bg: #fff;
--card-backside: #d2bc5d;
--card-description-color: #a28d6f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #d4b94b;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #735f04;
--tool-text-color: #735f04;
--tool-light-color: rgba(115, 95, 4, 0.4);
--tool-bg: rgba(115, 95, 4, 0.1);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="winter" {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.1);
--relation-label-bg: #fff;
--relation-label-text: #6d6d6d;
--relation-label-links-bg: #fff;
--relation-label-links-text: #5e8af7;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #fd7373;
--body-bg: #b2b9c4;
--navbar-bg: rgba(115, 123, 138, 0.5);
--navbar-link-color: #fff;
--search-form-bg: rgba(255, 255, 255, 0.16);
--new-button-horizontal-color: #a66ef4;
--new-button-vertical-color: #7f4ecd;
--new-button-bg: #fff;
--new-button-hover-bg: #ededed;
--new-button-active-bg: #d9d9d9;
--card-title-color: #636b79;
--card-title-bg: #dee4ec;
--card-bg: #fff;
--card-backside: #96a3b4;
--card-description-color: #8a919f;
--card-description-link-color: #396bdd;
--card-box-shadow-color: #a2a8b2;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--tool-color: #363c49;
--tool-light-color: rgba(54, 60, 73, 0.4);
--tool-bg: rgba(54, 60, 73, 0.08);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}
}
@media screen {
htmldata-project-theme="default" {
--navbar-bg: rgba(220, 221, 224, 0.7);
--navbar-title-color: #363c49;
--navbar-icon-color: #363c49;
--navbar-icon-border-color: hsl(240 4% 81% / 1);
--navbar-border-color: rgba(220, 221, 224, 1);
--expandable-menu-bg: rgba(53, 59, 72, 0.6);
--search-form-bg: rgba(255, 255, 255, 0.5);
--search-form-text-color: rgba(68, 68, 68, 0.35);
--search-form-icon-color: rgb(54 60 73 / 70%);
--search-form-icon-focus-color: #363c49;
}
}
@media screen {
htmldata-project-theme="default-dark" {
--body-bg: #202228;
--navbar-bg: rgba(55, 59, 68, 0.5);
--navbar-icon-color: #fff;
--navbar-icon-active-color: #338c46;
--navbar-icon-hovered-color: #338c46;
--search-form-bg: rgba(255, 255, 255, 0.13);
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #4a4a4a;
--2hop-search-bg: rgba(255, 255, 255, 0.15);
--card-title-color: #f0f0f0;
--card-title-bg: #2b2e38;
--card-bg: #373b44;
--card-hover-bg: rgba(0, 0, 0, 0.1);
--card-active-bg: rgba(229, 229, 229, 0.1);
--card-backside: #545860;
--card-description-color: #c4c4c4;
--card-description-link-color: #80c9fe;
--card-description-code-color: #ccc;
--card-box-shadow-color: #000;
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-title-bg-pinned: #2b2e38;
--relation-label-bg: #2b2e38;
--relation-label-text: #dddede;
--relation-label-links-bg: #80c9fe;
--relation-label-links-text: #202228;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #535863;
--tool-light-color: #353b48;
--tool-badge-bg: #2b2e38;
--tool-bg: #2b2e38;
--tool-text-color: #dddede;
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #46af5d;
--new-button-hover-bg: #338c46;
--new-button-active-bg: #346447;
--telomere-border: #545863;
--telomere-unread: #659270;
--telomere-updated: #55b56a;
--page-text-color: rgba(255, 255, 255, 0.87);
--page-link-color: #80c9fe;
--page-link-hover-color: #6a9ec6;
--page-link-color-cursor-line: #a985e4;
--page-bg: #373b44;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #b47576;
--line-title-color: rgba(255, 255, 255, 0.87);
--line-permalink-color: rgba(234, 218, 74, 0.35);
--code-color: #ccc;
--code-bg: rgba(0, 0, 0, 0.18);
--quote-bg-color: rgba(0, 0, 0, 0.2);
--page-image-loading-border-color: #555;
--cursor-color: #fff;
}
htmldata-project-theme="default-dark" code.highlight {
color: #ccc;
}
htmldata-project-theme="default-dark" code.highlight .hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #fdf6e3;
color: #657b83;
}
htmldata-project-theme="default-dark" code.highlight .hljs-comment,
htmldata-project-theme="default-dark" code.highlight .hljs-quote {
color: #93a1a1;
}
htmldata-project-theme="default-dark" code.highlight .hljs-keyword,
htmldata-project-theme="default-dark" code.highlight .hljs-selector-tag,
htmldata-project-theme="default-dark" code.highlight .hljs-addition {
color: #859900;
}
htmldata-project-theme="default-dark" code.highlight .hljs-number,
htmldata-project-theme="default-dark" code.highlight .hljs-string,
htmldata-project-theme="default-dark"
code.highlight
.hljs-meta
.hljs-meta-string,
htmldata-project-theme="default-dark" code.highlight .hljs-literal,
htmldata-project-theme="default-dark" code.highlight .hljs-doctag,
htmldata-project-theme="default-dark" code.highlight .hljs-regexp {
color: #2aa198;
}
htmldata-project-theme="default-dark" code.highlight .hljs-title,
htmldata-project-theme="default-dark" code.highlight .hljs-section,
htmldata-project-theme="default-dark" code.highlight .hljs-name,
htmldata-project-theme="default-dark" code.highlight .hljs-selector-id,
htmldata-project-theme="default-dark" code.highlight .hljs-selector-class {
color: #268bd2;
}
htmldata-project-theme="default-dark" code.highlight .hljs-attribute,
htmldata-project-theme="default-dark" code.highlight .hljs-attr,
htmldata-project-theme="default-dark" code.highlight .hljs-variable,
htmldata-project-theme="default-dark"
code.highlight
.hljs-template-variable,
htmldata-project-theme="default-dark"
code.highlight
.hljs-class
.hljs-title,
htmldata-project-theme="default-dark" code.highlight .hljs-type {
color: #b58900;
}
htmldata-project-theme="default-dark" code.highlight .hljs-symbol,
htmldata-project-theme="default-dark" code.highlight .hljs-bullet,
htmldata-project-theme="default-dark" code.highlight .hljs-subst,
htmldata-project-theme="default-dark" code.highlight .hljs-meta,
htmldata-project-theme="default-dark"
code.highlight
.hljs-meta
.hljs-keyword,
htmldata-project-theme="default-dark" code.highlight .hljs-selector-attr,
htmldata-project-theme="default-dark" code.highlight .hljs-selector-pseudo,
htmldata-project-theme="default-dark" code.highlight .hljs-link {
color: #cb4b16;
}
htmldata-project-theme="default-dark" code.highlight .hljs-built_in,
htmldata-project-theme="default-dark" code.highlight .hljs-deletion {
color: #dc322f;
}
htmldata-project-theme="default-dark" code.highlight .hljs-strong {
font-weight: bold;
}
}
@media screen {
htmldata-project-theme="default-minimal" {
--body-bg: #eeeeef;
--navbar-bg: rgba(226, 226, 226, 0.3);
--navbar-title-color: #444;
--navbar-icon-color: #979797;
--navbar-icon-hovered-color: #333;
--navbar-icon-active-color: #333;
--expandable-menu-bg: rgba(53, 59, 72, 0.6);
--search-form-bg: #fff;
--search-form-text-color: rgba(68, 68, 68, 0.35);
--search-form-icon-color: #444;
--search-form-icon-focus-color: #444;
--card-title-color: #444;
--card-title-bg: #e2e2e2;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(243, 243, 243, 0.1);
--card-backside: #979797;
--card-description-color: #8a8c95;
--card-description-link-color: #6e8af3;
--card-box-shadow-color: rgba(0, 0, 0, 0.06);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.13);
--card-title-bg-pinned: #e2e2e2;
--relation-label-bg: #e2e2e2;
--relation-label-text: #444;
--relation-label-links-bg: #6e8af3;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #aaa;
--tool-light-color: #e2e2e2;
--tool-badge-bg: #e2e2e2;
--tool-bg: #e2e2e2;
--tool-text-color: #444;
--tool-light-color: #ccc;
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #444;
--new-button-hover-bg: #383838;
--new-button-active-bg: #282828;
--telomere-border: #e2e2e2;
--telomere-unread: #89a3ff;
--telomere-updated: #6b8cff;
--page-text-color: #555;
--page-link-color: #6e8af3;
--page-link-hover-color: #3f57b1;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #ff5252;
--empty-page-link-hover-color: #cf554d;
--logo-url: url("/assets/img/logo_gray.svg");
--line-title-color: #444;
--cursor-color: #444;
}
}
@media screen {
htmldata-project-theme="paper-light" {
--body-bg: #f0edd8;
--navbar-bg: rgba(157, 155, 141, 0.3);
--navbar-title-color: #696758;
--navbar-icon-color: #696758;
--navbar-icon-active-color: #4b4a3d;
--navbar-icon-hovered-color: #4b4a3d;
--search-form-bg: #c0beae;
--search-form-text-color: rgba(105, 103, 88, 0.5);
--search-form-icon-color: #696758;
--search-form-icon-focus-color: #444;
--card-title-color: #444;
--card-title-bg: #e7e3cd;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.05);
--card-active-bg: rgba(242, 242, 230, 0.1);
--card-backside: #c0beae;
--card-description-color: #9d9b8d;
--card-description-link-color: #3e7cb5;
--card-box-shadow-color: rgba(0, 0, 0, 0.1);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #e7e3cd;
--relation-label-bg: #e0dcc3;
--relation-label-text: #696758;
--relation-label-links-bg: #6e9ac2;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #9d9b8d;
--tool-light-color: #d9d4ba;
--tool-badge-bg: #e7e3cd;
--tool-bg: #e7e3cd;
--tool-text-color: #444;
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #696758;
--new-button-hover-bg: #5a584a;
--new-button-active-bg: #4a483b;
--telomere-border: #e7e3cd;
--telomere-unread: #95b5d2;
--telomere-updated: #6e9ac2;
--page-text-color: #696758;
--page-link-color: #5e8bb3;
--page-link-hover-color: #255887;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #444;
}
}
@media screen {
htmldata-project-theme="paper-dark" {
--body-bg: #192f3d;
--navbar-bg: rgba(38, 67, 85, 0.3);
--navbar-icon-color: #5c96b6;
--navbar-icon-active-color: #5c96b6;
--navbar-icon-hovered-color: #8bc7e8;
--search-form-bg: #395666;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #444;
--2hop-search-bg: rgba(255, 255, 255, 0.15);
--card-title-color: #192f3d;
--card-title-bg: #294252;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.1);
--card-active-bg: rgba(177, 191, 198, 0.1);
--card-backside: #5c96b6;
--card-description-color: #999;
--card-description-link-color: #2f98b6;
--card-box-shadow-color: rgba(0, 0, 0, 0.2);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #294252;
--relation-label-bg: #294252;
--relation-label-text: #fff;
--relation-label-links-bg: #5c96b6;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #578eac;
--tool-light-color: #294252;
--tool-badge-bg: #294252;
--tool-bg: #294252;
--tool-text-color: rgba(255, 255, 255, 0.87);
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #192f3d;
--new-button-hover-bg: #466a7d;
--new-button-active-bg: #395666;
--telomere-border: #e2e2e2;
--telomere-unread: #86a8bb;
--telomere-updated: #5c96b6;
--page-text-color: #555;
--page-link-color: #2f98b6;
--page-link-hover-color: #297388;
--page-link-color-cursor-line: #8159c3;
--page-bg: #fff;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: #192f3d;
}
}
@media screen {
htmldata-project-theme="paper-dark-dark" {
--body-bg: #192f3d;
--navbar-bg: rgba(38, 67, 85, 0.5);
--navbar-icon-color: #5c96b6;
--navbar-icon-active-color: #5c96b6;
--navbar-icon-hovered-color: #8bc7e8;
--search-form-bg: #395666;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #444;
--2hop-search-bg: rgba(255, 255, 255, 0.15);
--card-title-color: rgba(255, 255, 255, 0.9);
--card-title-bg: #294252;
--card-bg: #395666;
--card-hover-bg: rgba(0, 0, 0, 0.1);
--card-active-bg: rgba(193, 203, 213, 0.1);
--card-backside: #5c96b6;
--card-description-color: rgba(255, 255, 255, 0.9);
--card-description-link-color: #6bb8ed;
--card-description-code-color: #ccc;
--card-box-shadow-color: rgba(0, 0, 0, 0.2);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-title-bg-pinned: #294252;
--relation-label-bg: #294252;
--relation-label-text: #fff;
--relation-label-links-bg: #5c96b6;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fb7476;
--relation-label-empty-text: #fff;
--tool-color: #578eac;
--tool-light-color: #294252;
--tool-badge-bg: #294252;
--tool-bg: #294252;
--tool-text-color: rgba(255, 255, 255, 0.87);
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #192f3d;
--new-button-hover-bg: #466a7d;
--new-button-active-bg: #395666;
--telomere-border: #4a6e83;
--telomere-unread: #86a8bb;
--telomere-updated: #6bb8ed;
--page-text-color: rgba(255, 255, 255, 0.95);
--page-link-color: #68b3e5;
--page-link-hover-color: #5c96b6;
--page-link-color-cursor-line: #ae8de4;
--page-bg: #395666;
--empty-page-link-color: #fb7476;
--empty-page-link-hover-color: #cf554d;
--line-title-color: rgba(255, 255, 255, 0.95);
--line-permalink-color: rgba(234, 218, 74, 0.35);
--code-color: #ccc;
--code-bg: rgba(0, 0, 0, 0.18);
--page-image-loading-border-color: #888;
--quote-bg-color: rgba(0, 0, 0, 0.2);
--cursor-color: #fff;
}
htmldata-project-theme="paper-dark-dark" code.highlight {
color: #ccc;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #fdf6e3;
color: #657b83;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-comment,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-quote {
color: #93a1a1;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-keyword,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-selector-tag,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-addition {
color: #859900;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-number,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-string,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-meta
.hljs-meta-string,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-literal,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-doctag,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-regexp {
color: #2aa198;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-title,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-section,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-name,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-selector-id,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-selector-class {
color: #268bd2;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-attribute,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-attr,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-variable,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-template-variable,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-class
.hljs-title,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-type {
color: #b58900;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-symbol,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-bullet,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-subst,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-meta,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-meta
.hljs-keyword,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-selector-attr,
htmldata-project-theme="paper-dark-dark"
code.highlight
.hljs-selector-pseudo,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-link {
color: #cb4b16;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-built_in,
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-deletion {
color: #dc322f;
}
htmldata-project-theme="paper-dark-dark" code.highlight .hljs-strong {
font-weight: bold;
}
}
#Scrapbox #UserCSS #CSS