For DIna 7m
Dina Light MAY EDITION by justinhu
Details
Authorjustinhu
LicenseNo License
Category7mountains.com
Created
Updated
Size13 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
New May version
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Dina Light MAY EDITION
@version 20240518.10.00
@namespace ?
==/UserStyle== */
@-moz-document domain("7mountains.com"), domain("7mountains.com") {
/* 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);
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1), div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) {
font-weight:100;
font-family: blacksans;
background:#fcfcfc;
color:black !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [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 > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [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;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) * .MuiButton-root * path:not([fill="#89B6F9"]) {
fill: black !important;
fill-opacity: 1 !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) * .MuiIconButton-label * path:nth-child(1):not([fill="#89B6F9"]) {
fill: black !important;
fill-opacity: 1 !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) * .MuiButton-label {
color: black;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(1) {
background: #eee !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(2) {
background: #ddddddb3 !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) * li > div{
background-color: #dbdbdb;
border: 1px solid #ccc;
color:black;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) * li * path{
fill:black;
fill-opacity: 1 !important;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [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;
}
div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * rect, div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .SplitPane > .Pane > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * circle {
fill:black !important;
fill-opacity: 1 !important;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > div * p, .MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > div * input, .MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > div * textarea, .MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > p {
color: rgb(0 0 0 / 100%) !important;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * a{
color: rgb(208, 24, 24) !important;
text-decoration: none;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * a * span {
color: rgb(208, 24, 24) !important;
text-decoration: none;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > p , .MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > div > p {
font-weight: 400;
font-size: 0.99rem;
color: black;
line-height: 155%;
letter-spacing: 0.01em;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > p:first-of-type * span {
font-family: blacksans-intro !important;
font-size:1.21em;
line-height:28px;
letter-spacing:0.79px;
}
/* .MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > p:first-of-type * span {
font-family: blacksans-intro !important;
font-size:1.21em;
line-height:28px;
letter-spacing:0.79px;
}
*/
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > 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;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > p:nth-of-type(2) {
margin-top:1.7em;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div > div > p > span > span > span[style*="color:rgb(255, 255, 255);"] {
color: black;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > 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;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * span[data-slate-node="text"] {
color: black;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * h2 > span {
color: black;
font-size: 1.53rem !important;
line-height: 30px!important;
font-style: normal;
font-family: blacksans;
font-weight: 700 !important;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * li {
margin-bottom: 16px;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * li::marker {
color:black;
line-height: 2rem;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * h4 > span {
font-size: 1.625rem !important;
line-height: 2rem;
}
.MuiCollapse-wrapperInner > .SplitPane > .Pane1 > [role=presentation] > div > div[font-size=small] > div * h2 * span {
font-style: normal;
font-weight: 700 !important;
}
.css-4d9iln {
width: 758px;}
div >...