Skip to content

Cool Math Classic by vknight20

Screenshot of Cool Math Classic

Details

Authorvknight20

LicenseNo License

Categoryhttps://www.coolmathgames.com

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Brings back the old layout of Cool Math Games

  • Old Headers/Logo
  • Old Colors
  • Gets rid of modern advertisements/features
  • Old Fonts
    It doesn't work well being resized, so keep it zoomed out.

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           Cool Math Classic
@namespace      Userstyles
@author         VKNIGHT
@description    `cool maths games any color or image`
@version        20181106.13.55
@license        NO-REDISTRIBUTION
@preprocessor   uso
@advanced color color "color" #000000
@advanced text image "image" "http:none"
@advanced dropdown option "use image" {
	no "no*" <<<EOT  EOT;
yes "yes" <<<EOT  EOT;

}

==/UserStyle== */
@-moz-document domain('coolmathgames.com'), url-prefix('https://coolmathgames.com/') {
    
/*Get Rid of Modern Toolbar. More accurate but less functional. Your discretion to disable*/
    
    nav.navbar.navbar-expand-lg.justify-content-between {
        display: none;
    }
    
    div.row.leaderboard {
        display: none;
    }
    

    
    /*Old Logo*/
    
    img.logo-flair.winter {
        display: none;
    }
    
    div.row.main.pb-3.flex-nowrap.homepage-b {
        padding-top: 0px
    }
    
    img.logo.svg {
        content: url(https://i.ibb.co/8PSZmbV/oldcoolmathheader.png);
        width: 2000px;
        height: 900px;
  display: block;
  max-width:230px;
  max-height:295px;
  width: auto;
    }
    
    div.other-sites-wrapper.col-lg-3.d-none.d-lg-block.pl-0 {
        display: none !important;
    }
    
    .logo-container img, .logo-container img.logo.svg {
    filter: drop-shadow(1px 1px 1px #000000)!important;
    max-width: 20000px;
}

/*Background*/
body {
  background-color: #000000; 
  color: #FFFFFF
}
    
b {
    font-weight: bold;
}
    
    a, span, h3 {
        color: #28A9FF !important
    }

header.page__header {
    background-color: black;
    height: 142px;
}

/*Get Rid of Modern Portions*/
div.right-header-block.col-2.col-lg-3.pr-0 {
    display: none;
}
    
div.views-element-container.settings-tray-editable.wide-game-item.block.block-views.block-views-blocktop-picks-games-block-1 {
    display: none;
    }
    
    div.get-our-apps {
        display: none;
    }
    
    div.link-more-wrapper {
        display: none;
    }

div.panel-pane.pane-block.pane-bean-new-go-ad-free.homepage-b {
    display: none;
}

div.logo-container.col-7.col-lg-6 {
    background: url(https://i.ibb.co/8PSZmbV/oldcoolmathheader.png);
    background: no-repeat scroll 0 0;
}
    
body.homepage-b .main-aside h2.pane-title .link-in-title-block a, body.homepage-b .main-col h2.common-title .link-in-title-block a {
    pointer-events: auto;
    border-radius: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000);
    position: absolute;
    right: -14px;
    padding-left: 15px;
    padding-right: 10px;
    overflow: hidden;
    display: none;
}
    



div.main-aside.mr-3 {
    display: none;
}

div.block.block-simple-block.block-simple-blockpopular-categories-home-b {
    display: none;
}

div.block.block-cmatgame-core.block-qotworlastplayedgame {
    display: none;
}

div.block.block-simple-block.block-simple-blockstill-looking-for-something-to-play {
    display: none;
}

    div.col-12.col-lg-6.col_1.p-0 {
        display: none;
    }
    
    div.views-row.col-two.i2-32.new-pgh-games.pch-tid-1 {
        padding-top: 25px
    }
    
    div#homepage-subcategory-6 {
        display: none;
    }
    

    
    span.title-with-button {
        display: none;
    }
    
    div#block-coolmath-nodepagespromomerchstore {
        display: none;
    }

    div#block-yearlysubscriptionrightblock {
        display: none;
    }
    
    div#block-nodepagespromouserprofiles {
        display: none;
    }
    
    div.owl-stage {
        display: none;
    }
    
    div#thumbsup {
        display: none;
    }
    
    div.view-display-id-carousel_game_detail {
        display: none;
    }
    
    div.right-rail-promo-bg.leaderboard-promo-new {
        display: none;
    }
    
    div.row.mt-3.mb-1.game-xp-bar-immerse-button.enabled {
        display: none
    }
    
    div.views-element-container.settings-tray-editable.large-game-item.block.block-views.block-views-blocktop-picks-games-block-1 {
        display: none;
    }
    
    div.cmg_game_rating_val {
        display: none
    }
    

    
    /*Get Rid of Homepage Game Lists*/
    
    div.views-row.mobile-enabled.col-two.i2-6.sch-tid-91 {
        display: none;
    }
    
    div#homepage-subcategory-46 {
        display: none;
    }
    
    div#homepage-subcategory-151 {
        display: none;
    }
    
    
    
/*Old Margins*/

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 25px;
    margin-left: 0px;
}
    
    div.main-col.col-md-6.pr-md-0.pl-lg-4.pl-xl-0 w {
        display: none;
    }
    
    span {
        color: white;
    }  
    
    .node-type-game .container-fluid .row.pb-3.wide-game-item {
    justify-content: center;
    padding-right: 160px;
}

    
    div.col-lg-2.d-none.d-xl-block {
        display: none;
    }
    
    div.row.main.pb-3.flex-nowrap {
    padding-top: 200px !important;
    justify-content: center;
    padding-right: 400px;
}
    
.custom-page .container-fluid .row.main, .custom-page .game-container .row.main, .node-type-blog-post .container-fluid .row.main, .node-type-blog-post .game-container .row.main, .node-type-page .container-fluid .row.main, .node-type-page .game-container .row.main, .node-type-puzzle .container-fluid .row.main, .node-type-puzzle .game-container .row.main, .page-1-complete-game-list .container-fluid .row.main, .page-1-complete-game-list .game-container .row.main, .page-blog .container-fluid .row.main, .page-blog .game-container .row.main, .page-frontpage .container-fluid .row.main, .page-frontpage .game-container .row.main, .page-queue .container-fluid .row.main, .page-queue .game-container .row.main, .page-taxonomy .container-fluid .row.main, .page-taxonomy .game-container .row.main, .path-profile-leaderboard .container-fluid .row.main, .path-profile-leaderboard .game-container .row.main, .profile .container-fluid .row.main, .profile .game-container .row.main, .section-0-jigsaw-puzzles .container-fluid .row.main, .section-0-jigsaw-puzzles .game-container .row.main, .section-1-playlists .container-fluid .row.main, .section-1-playlists .game-container .row.main, .section-trivia .container-fluid .row.main, .section-trivia .game-container .row.main {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    justify-content: left;
    border: red;
    border: 0px;
}

.page__footer .item-list ol {
    padding-left: 0;
    padding-top: 0px;
}

    .main-aside .block {
    margin-bottom: 0px;
}
    

    
    div.row.main.pb-3.flex-nowrap {
    padding-top: 200px !important;
    justify-content: center;
    }


    
    div.row.main.pb-3.flex-nowrap.homepage-b {
    padding-top: 200px;
    justify-content: center;
    padding-right: 500px;
}

.node-type-game .container-fluid {
    max-width: 1700px;
    margin: 0 auto;
    padding-top: 200px;
    padding-right: 100px;
}
    
    div.related-game-block {
        display: none;
    }
    
    div.flashIntroTxtMsg {
        display: none;
    }
     
/*Old Icons*/
    
.top-ten-games .top-games-header {
    background: url(https://web.archive.org/web/20130111012351im_/http://www.coolmath-games.com/images/button-popular-games.gif) no-repeat 0 0;
    border-bottom: none;
    height: 32px;
    padding-top: 5px;
    border-radius: 10px;
    padding-left: 23px;
    font-size: 0px;
    width: 1000px;
}
    
.block .view-content .views-row .common-title {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    background: url(https://web.archive.org/web/20130530153815im_/http://coolmath-games.com/images/button-new-2010-horizontal-2k.gif) no-repeat;
}
    
/*Old Colors*/

    a {
        color: #28A9FF
    }
    
    :visited {
        color: #CA00CA !important;
    }
    
    a:hover {
        color: #28A9FF !important
    }
    
    a:active {
  color: #FF0000 !important
}
    
.node-type-game .inside .block-page-title-block .view-content {
    border-bottom: white !important;
    display: flex;
    align-items: flex-end;
}
    
.page__footer .pane-bean-footer-pivacy-policy .link-with-body-title a {
    font-size: 17px;
    color: #FF0000 !important;
    letter-spacing: .5px;
    margin-top: 0;
    font-family: Arial;
    text-transform: uppercase;
}
    
.page__footer .item-list ol li .pane-bean-footer-submit-game a, .page__footer .item-list ol li .pane-bean-footer-suggest-game a {
    font-family: Proxima-Soft-Bold;
    color: #FF0000 !important;
    text-transform: uppercase;
}
    
    span {
        color: white !important;
    }
    
    div.desktop {
        color: white !important
    }
    
body.homepage-b .game-item .game-link-wrapper .field-image {
    width: 83px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid black !important;
    background: black !important;
    float: left;
    margin-right: 10px;
}
    
    h3.cmg-seo-faq-title.games-like-this {
        color: #FFFF00 !important;
    }
    
    strong {
        color: #FFFF00 !important
    }
    
    h3.loadingText {
        color: #FFFF00 !important;
    }
    
    font {
        color: #FF0000
    }
    
    .promo .pane-queues-view-rightrail-games-promo a .field-image img {
    border: 1px solid black;
    background-color: black;
    padding: 5px;
}

    
    #block-coolmath-rightrailblockallgamesaz .aside-link-title {
    background-image: none;
    border-bottom: 2px solid white !important;
    width: 300px;
    height: 40px;
}
    
    body.homepage-b .game-item .game-link-wrapper .field-image {
    width: 83px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid black; 
    background: black;
    float: left;
    margin-right: 10px;
}
    
    .field-image {
        border: 0px;
    }
    
/*Old Fonts*/

#block-coolmath-rightrailblockallgamesaz .aside-link-title a {
    color: #ffe400 !important;
    font-family: Proxima-Soft-Bold;
    padd...

Reviews

No reviews yet.