October edition - Dina light mode
October edition - Dina light mode by justinhu
Details
Authorjustinhu
LicenseNo License
Category7mountains.com
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
October edition - Dina light mode
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name October edition - Dina light mode
@version 20241123.23.37
@namespace https://userstyles.world/user/justinhu
@description October edition - Dina light mode
@author justinhu
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://tvnz.7mountains.com/story") {
.makeStyles-root-55478{
height: 0px;
}
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
/* LIGHT MODE */
@font-face {
font-family: blacksans;
src: url(https://raw.githubusercontent.com/justinhu-nz/unknowablefonts/main/woahregular-webfont.woff2?raw=true);
font-weight: normal;
}
/* */
@font-face {
font-family: blacksans;
src: url(https://raw.githubusercontent.com/justinhu-nz/unknowablefonts/main/boldback2.woff2?raw=true);
font-weight: bold;
}
@font-face {
font-family: blacksans-intro;
src: url(https://raw.githubusercontent.com/justinhu-nz/unknowablefonts/main/semisemibold.woff2?raw=true);
font-weight: normal;
}
@font-face {
font-family: blacksans-intro;
src: url(https://raw.githubusercontent.com/justinhu-nz/unknowablefonts/main/boldback2.woff2?raw=true);
font-weight: bold;
}
/*
.css-23eacv * {
color:#000 !important;
}
body > div[id="root"] > div > div:nth-child(2) > div > .css-1c01yk9 {
background: #51647b;
}*/
/*
.css-18dmhz2 * svg > path {
fill:black
}
*/
textarea[placeholder*='Give your Story a title...']{
text-shadow: 1px 2px 7px rgba(45, 45, 45, .37);
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1), .SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) {
font-weight:100;
font-family: blacksans;
background:#fcfcfc;
color:black !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation]{
font-weight:100;
font-family: blacksans;
background:#fcfcfc;
color:black !important;
}
.css-1c01yk9 > div > div > div:nth-child(1) > img {
display:none;
}
.css-1c01yk9 > div > div > div:nth-child(1) {
background-image: none;
-webkit-mask-size: cover;
background-repeat: no-repeat;
-webkit-mask-image: none;
}
.css-1c01yk9 > div > div > div:nth-child(1) > div{
background-image: none;
-webkit-mask-size: cover;
background-repeat: no-repeat;
-webkit-mask-image: none;
}
.MuiPaper-elevation24{
border: 0px;
}
div[class*="-TitleWrapper"] > p[class*="-Title"] {
color: black !important;
}
div[class*="-MainContentWrapper "] * p, div[class*="-MainContentWrapper "] * span {
color: black !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * path:not([fill="#89B6F9"]):not([fill="#A0DBAF"]):not([fill="#E459CE"]):not([fill="#FFBE55"]) {
fill: black !important;
fill-opacity: 1 !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * .MuiButton-root * path:not([fill="#89B6F9"]) {
fill: black !important;
fill-opacity: 1 !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * .MuiIconButton-label * path:nth-child(1):not([fill="#89B6F9"]) {
fill: black !important;
fill-opacity: 1 !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * .MuiButton-label {
color: black;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(1) {
background: #eee !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(2) {
background: #ddddddb3 !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * li > div{
background-color: #dbdbdb;
border: 1px solid #ccc;
color:black;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * li * path{
fill:black;
fill-opacity: 1 !important;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) * input[placeholder*='Enter title here'] {
font-family: blacksans;
font-size: 18.5px !important;
font-style: normal;
font-weight: bold;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * rect, .SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * circle {
fill:black !important;
fill-opacity: 1 !important;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > div * p, .SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > div * input, .SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > div * textarea, .SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p {
color: rgb(0 0 0 / 100%) !important;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * a{
color: rgb(208, 24, 24) !important;
text-decoration: none;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * a * span {
color: rgb(208, 24, 24) !important;
text-decoration: none;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p , .SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > div > p {
font-weight: 400;
font-size: 0.99rem;
color: black;
line-height: 155%;
letter-spacing: 0.01em;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p:first-of-type * span {
font-family: blacksans-intro !important;
font-size:1.21em;
line-height:28px;
letter-spacing:0.79px;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p:first-of-type {
margin-top:10px;
border-color: #d6d6d6 !important;
border-bottom: 1px ;
border-bottom-style: solid;
padding-bottom: 1.7rem;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
/* .SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p:first-of-type * span {
font-family: blacksans-intro !important;
font-size:1.21em;
line-height:28px;
letter-spacing:0.79px;
}
*/
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > p:nth-of-type(2) {
margin-top:1.7em;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div > div > p > span > span > span[style*="color:rgb(255, 255, 255);"] {
color: black;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * span[data-slate-node="text"] > span[color="#ffffff"] {
font-weight: 400;
font-size: 0.99rem;
color: black;
line-height: 155%;
letter-spacing: 0.01em;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * span[data-slate-node="text"] {
color: black;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * h2 > span {
color: black;
font-size: 1.53rem !important;
line-height: 30px!important;
font-style: normal;
font-family: blacksans;
font-weight: 700 !important;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * li {
margin-bottom: 16px;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * li::marker {
color:black;
line-height: 2rem;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * h4 > span {
font-size: 1.625rem !important;
line-height: 2rem;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div * h2 * span {
font-style: normal;
font-weight: 700 !important;
}
.css-1pqyxj9-StyledInstanceInnerWrapper, .css-rlh2d4-StyledInstanceWrapper {
max-width: 746px;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] * a {
color: #0A73EB !important
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] * span[color="#74db63"]{
color: #008000;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] * span[color="#89b6f9"]{
color: #0540ca;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] * span[color="#ef5757"]{
color: #db0000;
}
.SplitPane > .Pane * .MuiPaper-elevation1 > [role=presentation] * span[color="#ffbe55"]{
color: #d9a000;
}
/* LINEAR INSTANCE */
/* LINEAR INSTANCE *//* LINEAR INSTANCE */
/* LINEAR INSTANCE */
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div:nth-child(1) > div[data-slate-node="element"] > div[draggable="true"] > [role="presentation"] > div * [role="presentation"] > svg > path {
fill: black;
}
.SplitPane > .Pane1 * [role=presentation] > div > div[padding="8"] > div:nth-child(1) > div[data-slate-node="element"] > div > [role="presentation"] > div > div > div:nth-child(2) > div{
border: 1px solid rgb(210, 210, 210);
}
.SplitPane > .Pane1 * [role=presentation] > div > div[pad...