can you make the annotation in the Mellow theme CSS,like /* page no template*/

Hi there,

do you mean something like this:

/* Media query - CSS within only applies to desktop */
@media (min-width: 769px) {

    /* Sets the border thickness and color of border below nav */
    #site-navigation .inside-navigation {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    /* Adjust opacitiy of Border when page hase a mergeed header element */
    .header-wrap #site-navigation .inside-navigation {
        border-color: rgba(255, 255, 255, 0.3);
    }
    /* Adds a border below the current page menu item */
    .main-navigation .main-nav>ul>li>a {
        border-bottom: 1px solid transparent;
        transition: border-color 500ms ease, color 500ms ease;
    }
    /* Offsets navigation so current page menu border sits on top of main border */
    .main-navigation .main-nav>ul {
        position: relative;
        bottom: -1px;
    }
    /* Changes the color of menu item border on hover/current to that of menu item hover/current color */
    .main-navigation .main-nav>ul>li:hover>a,
    .main-navigation .main-nav>ul>li.sfHover>a,
    .main-navigation .main-nav>ul>li[class*="current-menu-"]>a {
        border-color: inherit;
    }
    /* Pulls page content up when header element exists to create overlapping effect */
    .page-hero+#page {
        margin-top: -100px;
    }
}
/* End of Media Query - CSS that follows applies to all screens */

/* Add shadow and border radius to inside article, sidebar widgets and comments */
.inside-article,
.sidebar .widget,
.comments-area {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
    transition: box-shadow 500ms ease;
    border-radius: 3px;
}
/* adjusts the above shadow when element is hovered on */
.inside-article:hover,
.sidebar .widget:hover,
.comments-area:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
/* Changes the width of the content area on posts/pages when there is no sidebar */
.no-sidebar:not(.generate-columns-activated) .inside-article>*,
.no-sidebar #comments {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
/* removes padding and background color from page numeber navigation on blog and archives */
.separate-containers .paging-navigation {
    padding: 0;
    background: none;
}
/* Adds padding and border radius to  navigation links */
.nav-links>* {
    padding: 10px 15px;
    border-radius: 3px;
}
/* Sets the color of above  navigation links */
.nav-links>a {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
}
/* Adds a border to the top of site info copyright bar at footer */
.site-info {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/* Adds border radius to all buttons */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
.wp-block-button__link:not(.has-background) {
    border-radius: 3px;
}
/* Adds background color, border radiues etc to Site Title */
.site-branding {
    background: rgba(0, 0, 0, 0.8);
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    transition: background 500ms ease;
}
/* Changes Site title background color when hovered on */
.site-branding:hover {
    background: rgba(0, 0, 0, 0.5);
}
/* On smaller screens adjust margins of the Page content for smaller overlap */
@media (max-width: 768px) {
    #page {
        margin: -75px 15px 0 15px;
    }
}

Thanks.David.

You're welcome