Skip to content

Feb24 update Dina LIGHT MODE by justinhu

Write a review Install Get Stylus

Details

Authorjustinhu

LicenseNo License

Category7mountains.com

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Light mode for Dina CMS

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name       lIGHT MODE V2 7mountains.com
@version    20240130.23.01
@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;
      ascent-override: 130%;
} 

    
/*
body > div[id="root"] > div > div:nth-child(2) > div > .css-1c01yk9 {
    background:  #51647b;
}*/

    
    
    
/* 

.css-ntktuz * textarea {
    color:black
}

.css-18dmhz2  * svg > path {
    fill:black
}

*/
textarea[placeholder*='Give your Story a title...']{
    	
text-shadow: 1px 2px 7px rgba(45, 45, 45, .37);
    } 




div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1), div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) {
    font-weight:100;
        font-family: blacksans;
    background:#fcfcfc;
   

}


div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation]{
    font-weight:100;
        font-family: blacksans;
    background:#fcfcfc;
   

}


.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^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [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[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * .MuiButton-root * path:not([fill="#89B6F9"]) {
        fill: black !important;
    fill-opacity: 1 !important;
    
}
    
    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * .MuiIconButton-label * path:nth-child(1):not([fill="#89B6F9"]) {
        fill: black !important;
    fill-opacity: 1 !important;
    
}
    

    
        
     div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * .MuiButton-label  {
        color: black;
         
    
}   
       
    
    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(1) {
    background: #eee !important;
}
    
    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) > [role=presentation] > div:nth-child(2) {
    background: #ddddddb3 !important;
}

    
    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * li > div{
        background-color: #dbdbdb;
          border: 1px solid #ccc;

        color:black;
    }
    
    
    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * li * path{
        fill:black;
        
        fill-opacity: 1 !important;
    }



    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) * input[placeholder*='Enter title here'] {
      font-family: blacksans;
    font-size: 18.5px;
   font-style: normal;
    font-weight: bold;


}

    div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * rect, div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div:nth-child(1) > div[class^="css"]:nth-child(1) * div[title*='Bulleted list'] * circle {
    fill:black !important;
    fill-opacity: 1 !important;
}
    
div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > div * p, div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > div * input, div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > div * textarea, div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > p {    
    color: rgb(0 0 0 / 100%) !important;
}

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div * a{
         color: rgb(208, 24, 24) !important;
     text-decoration: none;

    }

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div * a * span {
         color: rgb(208, 24, 24) !important;
     text-decoration: none;

    }

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > p , div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > div > p {
    font-weight: 400;
    font-size: 0.99rem;
    color: black;
    line-height: 155%;
    letter-spacing: 0.01em;
     
}

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > p:first-of-type * span {
     font-family: blacksans-intro !important;
     font-size:1.21em;
     line-height:28px;
     letter-spacing:0.79px;

}

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > 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;

}

 div[class^="jss"]:not([role=presentation]) > div > div > .MuiPaper-elevation24 > div > .MuiCollapse-entered > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > [role=presentation] > div > [role=presentation] > div > p:nth-of-type(2) {
margin-top:1.7em;
}


    
div[class^="jss"]:not([role=presentation]) > div > ...

Reviews

No reviews yet.