Skip to content

Instantly share code, notes, and snippets.

@jameswilson

jameswilson/MrMoneyMustache.css

Last active December 10, 2015 14:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jameswilson/2a00792310896381e577 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jameswilson/2a00792310896381e577 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jameswilson revised this gist Dec 10, 2015. No changes.
  2. jameswilson revised this gist Nov 14, 2015. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,9 @@
    // ==UserScript==
    // @locale us_EN
    // @name Mr Money Mustache
    // @author James Wilson http://twitter.com/jwilson3
    // @namespace mrmoneymustache.com
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com, now with improved responsive support.
    // @description A custom CSS file to make MrMoneyMustache.com more readable, now with improved responsive support.
    // @include http://www.mrmoneymustache.com/*
    // @include http://mrmoneymustache.com/*
    // @include https://www.mrmoneymustache.com/*
  3. jameswilson revised this gist Nov 14, 2015. 1 changed file with 6 additions and 3 deletions.
    9 changes: 6 additions & 3 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,13 @@
    // ==UserScript==
    // @locale us_EN
    // @name Mr Money Mustache
    // @namespace http://www.mrmoneymustache.com/
    // @namespace mrmoneymustache.com
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com, now with improved responsive support.
    // @include *
    // @version 0.2.1
    // @include http://www.mrmoneymustache.com/*
    // @include http://mrmoneymustache.com/*
    // @include https://www.mrmoneymustache.com/*
    // @include https://mrmoneymustache.com/*
    // @version 0.2.2
    // ==/UserScript==


  4. jameswilson revised this gist Nov 14, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com, now with improved responsive support.
    // @include *
    // @version 0.2.0
    // @version 0.2.1
    // ==/UserScript==


    @@ -15,4 +15,4 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/8cec80f361a6acdb85fa25280cc14144b929e9d0/MrMoneyMustache.css";');
    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/7aff0e7e220acddf3e491b3dbced1fc0acbe66d3/MrMoneyMustache.css";');
  5. jameswilson revised this gist Nov 14, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions MrMoneyMustache.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1106,7 +1106,7 @@ img#wpstats {
    }
    }

    @media screen and (min-width: 601px) and (max-width: 1024px) {
    @media screen and (min-width: 961px) and (max-width: 1024px) {
    .content_area .large-8 {
    width: 70%;
    }
    @@ -1120,7 +1120,7 @@ img#wpstats {
    margin-right: -0.9375em;
    }
    }
    @media screen and (max-width: 600px) {
    @media screen and (max-width: 960px) {
    .content_area .columns {
    width: 100% !important;
    }
  6. jameswilson revised this gist Nov 14, 2015. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -2,9 +2,9 @@
    // @locale us_EN
    // @name Mr Money Mustache
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com, now with improved responsive support.
    // @include *
    // @version 0.1.5
    // @version 0.2.0
    // ==/UserScript==


    @@ -15,4 +15,4 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/2b1b726bcfe3929cf163b93c5402770137516ee7/MrMoneyMustache.css";');
    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/8cec80f361a6acdb85fa25280cc14144b929e9d0/MrMoneyMustache.css";');
  7. jameswilson revised this gist Nov 14, 2015. 1 changed file with 33 additions and 16 deletions.
    49 changes: 33 additions & 16 deletions MrMoneyMustache.css
    View file
    Original file line number Diff line number Diff line change
    @@ -224,20 +224,7 @@ div#thesis-search-widget-2 {
    width: 100%;
    }

    .row {
    max-width: 1170px;
    }

    .content_area .large-8 {
    width: 70%;
    }

    .content_area .large-4 {
    width: 30%;
    }

    .post_box {
    /* margin: 0; */
    padding: 0;
    }

    @@ -302,7 +289,10 @@ a.num_comments_link {}
    margin-top: 40px;
    }

    .post_content ul, .post_content ol, .post_content p {
    .post_content,
    .post_content ul,
    .post_content ol,
    .post_content p {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .01em;
    @@ -940,8 +930,6 @@ body .wpt_widget_content img {
    /* Comments */
    .post_comments {
    margin-bottom: 30px;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    }
    .comment {
    margin: 0;
    @@ -1108,3 +1096,32 @@ img#wpstats {
    padding: 10px 30px;
    color: #000;
    }

    .row {
    max-width: 1170px;
    }
    @media screen and (min-width: 320px) and (max-width: 1024px) {
    .row {
    width: 100%;
    }
    }

    @media screen and (min-width: 601px) and (max-width: 1024px) {
    .content_area .large-8 {
    width: 70%;
    }
    .content_area .large-4 {
    width: 30%;
    }
    }
    @media screen and (min-width: 1200px) {
    .post_comments {
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    }
    }
    @media screen and (max-width: 600px) {
    .content_area .columns {
    width: 100% !important;
    }
    }
  8. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @include *
    // @version 0.1.4
    // @version 0.1.5
    // ==/UserScript==


  9. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -15,4 +15,4 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/2f1ef0c6624bd375442cb070c4c80fbe0fb9783e/MrMoneyMustache.css";');
    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/2b1b726bcfe3929cf163b93c5402770137516ee7/MrMoneyMustache.css";');
  10. jameswilson revised this gist Nov 14, 2015. 1 changed file with 214 additions and 5 deletions.
    219 changes: 214 additions & 5 deletions MrMoneyMustache.css
    View file
    Original file line number Diff line number Diff line change
    @@ -32,6 +32,7 @@ body {
    margin: 8px auto 0;
    padding: 0 15px;
    overflow: visible;
    clear: both;
    font-family: 'alegreyaregular',serif;
    }

    @@ -144,9 +145,15 @@ ul#menu-main-menu-right {
    clear: both;
    }

    .blog .classic,
    .template-front .fancy,
    a, .post_content a {
    color: #E44C4C;
    }
    .blog .fancy,
    .template-front .classic {
    color: #000;
    }

    .upper_header {
    background: none;
    @@ -189,6 +196,7 @@ a, .post_content a {
    margin: 0;
    }

    .social_menu i,
    .upper_header .social_menu li a i {
    background: none;
    padding: 0 6px;
    @@ -276,6 +284,8 @@ span[style*="text-decoration: underline;"] {
    a.num_comments_link {}

    .headline,
    .tier3 .right h2,
    .tier3 .right h2 a,
    .blog .headline,
    .blog .headline a,
    .single .headline,
    @@ -285,6 +295,8 @@ a.num_comments_link {}
    color: #222;
    font-size: 40px;
    margin-top: 0;
    margin-left: 0;
    line-height: 1.2;
    }
    .blog .post_box {
    margin-top: 40px;
    @@ -339,13 +351,23 @@ p.wp-caption-text {
    background: none;
    }

    .comment p i,
    .comment p em,
    .post_content p i,
    .post_content p em {
    font-family: 'alegreyaitalic',serif;
    letter-spacing: .03em;
    font-size: 22px;
    line-height: 20px;
    }
    .comment p i,
    .comment p em {
    font-size: 20px;
    }

    .comment p i strong,
    .comment p em strong,
    .post_content p i strong,
    .post_content p em strong {
    font-family: 'alegreyabold_italic',serif;
    }
    @@ -354,6 +376,7 @@ p.wp-caption-text {
    background: none;
    border-radius: 0;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #555;
    width: 45%;
    }
    @@ -364,8 +387,10 @@ p.wp-caption-text {
    font-size: 26px;
    }
    a:hover,
    .copyright a:hover,
    .header_links a:hover,
    .footer_menu a:hover,
    .tier1 .social_menu a:hover,
    .upper_header li a:hover,
    .post_content a:hover,
    body .wpt_widget_content a:hover,
    @@ -377,8 +402,16 @@ body .wpt_widget_content a:hover,
    .search .headline a:hover {
    color: #E44C4C;
    text-decoration: none;
    background: none;
    }
    .soliloquy-container .soliloquy-pager-link {
    background: #999 !important;
    border-radius: 50%;
    }
    .soliloquy-container .soliloquy-pager-link:hover,
    .soliloquy-container .soliloquy-pager-link.active {
    background: #E44C4C !important;
    }

    .soliloquy-container .soliloquy-prev,
    .soliloquy-container .soliloquy-next {
    width: auto!important;
    @@ -400,6 +433,7 @@ body .wpt_widget_content a:hover,
    .tier3 .blog,
    .ribbon,
    .prev_next a,
    .wpt-pagination a,
    .tier3 .ribbon-more a,
    .blog .read_more a,
    .tier3 .right .read_more a,
    @@ -412,10 +446,14 @@ body .wpt_widget_content a:hover,
    line-height: 1.4em;
    color: #E44C4C !important;
    text-align: left;
    margin-top: 15px;
    }
    .soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-read-more {
    bottom: 15px;
    }
    .wpt-pagination a {
    float: none;
    }
    .blog .post_excerpt {
    font-size: 22px;
    line-height: 1.4em;
    @@ -438,6 +476,10 @@ body .wpt_widget_content a:hover,
    display: table;
    width: 100%;
    }
    .tier3 .post_excerpt {
    padding: 0;
    margin: 20px 0 50px;
    }
    .prev_next {
    margin-bottom: 30px;
    }
    @@ -503,6 +545,47 @@ div#text-20 {
    padding: 15px 0;
    color: #000;
    }
    .tier1,
    .tier1 .join {
    width: 100%;
    height: auto;
    }
    .tier1 {
    padding: 3em;
    }
    .tier1 .join {
    margin: 0;
    padding: 0;
    }
    .tier1 .join p:first-child:before {
    content: "JOIN THE CULT";
    display: block;
    margin: 0 0 18px;
    padding: 18px 0 0;
    text-transform: uppercase;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-weight: 600;
    border-top: 1px solid #ccc;
    }
    @media screen and (min-width: 64.063em) {
    .tier1 .join {
    width: 46%;
    }
    }
    .tier1 .social_menu li {
    display: inline-block;
    float: none;
    }
    .tier1 .social_menu a {
    color: #000;
    }
    .tier1 .social_menu i {
    font-size: 30px;
    }
    .social_menu a:hover i {
    background: none;
    }

    .soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
    color: #000 !important;
    @@ -572,6 +655,7 @@ div#text-20 {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    }
    .welcome h4,
    .tier1 .love {
    @@ -602,6 +686,17 @@ div#text-20 {
    display: table;
    width: 100%;
    }
    .tier3 .right {
    position: relative;
    }
    .tier3 .right .query_box + .blog {
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
    bottom: inherit;
    text-align: right;
    }
    .tier3 .left .query_box .featured_image {
    float: left;
    margin-right: 20px;
    @@ -620,6 +715,11 @@ div#text-20 {
    line-height: 1.1 !important;
    }

    .tier3 .right h3 {
    width: 100%;
    height: auto;
    }

    .post_footer {
    border-top: 1px solid #ccc;
    padding: 30px 0;
    @@ -636,6 +736,10 @@ div#text-20 {
    padding: 0;
    min-height: initial;
    }
    .post_footer .columns.large-5 {
    width: 55% !important;
    margin-right: 0;
    }
    .post_footer .columns.large-4 {
    display: block !important;
    clear: both;
    @@ -666,9 +770,12 @@ div#text-20 {
    margin-bottom: 30px;
    }
    .big-button,
    .tier1 input[type="text"],
    .tier1 input[type="submit"],
    .post_footer input[type="text"],
    .post_footer input[type="submit"] {
    border: 1px solid #ccc;
    background: #efefef;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    @@ -679,15 +786,21 @@ div#text-20 {
    line-height: normal;
    height: auto;
    }
    .post_footer input[type="submit"], .big-button {
    .big-button,
    .tier1 input[type="submit"],
    .post_footer input[type="submit"] {
    background: #ccc;
    width: auto;
    display: inline-block;
    }
    .tier1 input[type="submit"],
    .post_footer input[type="submit"] {
    position: absolute;
    top: 1.9em;
    right: 0;
    }
    .post_footer input[type="submit"] {
    top: 1.9em;
    }
    .ssba {
    width: 100%;
    }
    @@ -698,6 +811,41 @@ div#text-20 {
    margin-right: 20px;
    }

    .bwp-rc-ulist li.recent-comment,
    .wpp-list li {
    display: table;
    width: 100%;
    }
    .bwp-rc-ulist li.recent-comment>span,
    .wpp-list li>a {
    display: table-cell;
    vertical-align: middle;
    float: none;
    margin: 0;
    padding: 0;
    }
    .bwp-rc-ulist li.recent-comment>span.recent-comment-avatar,
    .wpp-list li>a:first-child {
    padding: 0 12px 0 0;
    width: 25%;
    }
    .bwp-rc-ulist li.recent-comment>span.recent-comment-avatar img,
    .wpp-list li>a img {
    width: 100%;
    max-width: 100%;
    height: auto;
    }
    .bwp-rc-ulist li.recent-comment>span.recent-comment-avatar img {
    border-radius: 50%;
    }
    .bwp-rc-ulist li.recent-comment>span.recent-comment-single,
    .wpp-list li>a.wpp-post-title {
    width: 75%;
    font-family: 'alegreyaregular', serif;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 400;
    }


    .widget .tabbed-widget .tabs li a,
    @@ -724,28 +872,76 @@ div#text-20 {
    body .wpt_widget_content .tab-content li {
    padding: 0;
    margin-bottom: 30px;
    display: table;
    }
    body .widget .wpt_widget_content ul:after {
    content: "";
    display: table;
    width: 100%;
    }
    body .wpt_widget_content a {
    color: #222;
    }
    .wpt_widget_content .wpt-pagination {
    float: none;
    }
    .wpt_widget_content .wpt-pagination a {
    width: auto;
    }
    .wpt_comment_meta,
    body .wpt_widget_content .entry-title {
    font-family: 'alegreyaregular', serif;
    font-size: 16px;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 400;
    }
    .wpt_comment_author {
    font-size: 16px;
    color: #999;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    body .wpt_widget_content .entry-title {
    display: table-cell;
    vertical-align: middle;
    height: auto!important;
    margin: 0;
    padding: 0;
    width: 63%;
    float: none;
    }
    body .wpt_widget_content .wpt_thumb_small {
    display: table-cell;
    vertical-align: middle;
    height: auto!important;
    width: 36%;
    float: none;
    margin: 0;
    padding: 0 12px 0 0;
    }
    body .wpt_widget_content img {
    width: 100%;
    }
    .wpt_avatar img {
    border-radius: 50%;
    }
    .wpt_comment_author {
    font-size: 16px;
    color: #ccc;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    .wpt_comment_content p, .wpt_excerpt p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.3;
    }

    /* Comments */
    .post_comments {
    margin-bottom: 30px;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    }
    .comment {
    margin: 0;
    @@ -763,14 +959,27 @@ body .wpt_widget_content img {
    left: 0;
    right: 0;
    }
    .gcard .grav-grav {
    border: 0;
    box-shadow: none;
    }
    .gcard .grav-grav img {
    border-radius: 50%;
    }
    .comment p,
    .comment .comment_text ul,
    .comment .comment_text ol,
    .comment .comment_text blockquote,
    .comment .comment_text pre {
    margin-bottom: 10px;
    font-family: 'alegreyaregular', serif;
    font-size: 16px;
    font-size: 18px;
    }
    .comment-reply-link, .comment_edit {
    color: #999;
    font-size: 18px;
    font-family: 'alegreyabold_italic', serif;
    font-style: normal;
    }
    ul.comment_list {
    margin-left: 75px;
  11. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @include *
    // @version 0.1.3
    // @version 0.1.4
    // ==/UserScript==


  12. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -15,5 +15,4 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/50491240d558dff51cde82c4500fa5eae84d578d/MrMoneyMustache.css";');

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/2f1ef0c6624bd375442cb070c4c80fbe0fb9783e/MrMoneyMustache.css";');
  13. jameswilson revised this gist Nov 14, 2015. 1 changed file with 77 additions and 35 deletions.
    112 changes: 77 additions & 35 deletions MrMoneyMustache.css
    View file
    Original file line number Diff line number Diff line change
    @@ -7,11 +7,15 @@ body {
    box-shadow: none;
    }

    .header_area {
    background: rgba(0,0,0,0.03);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }
    .header_area > .row {
    background: none;
    width: 100%;
    max-width: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: none;
    height: auto;
    }

    @@ -66,6 +70,29 @@ body {
    display: block;
    max-width: none;
    }
    .lower_header .search_form p:before {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    left: 7px;
    top: 0;
    color: #E64B4E;
    vertical-align: middle;
    display: inline-block;
    line-height: 35px;
    font-size: 20px;
    }
    .lower_header .search_form input[type="text"] {
    background: rgba(171, 60, 60, 0.15);
    border: 1px inset #F9CECF;
    border-radius: .2em;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 14px;
    height: auto;
    margin: 0;
    }


    .main_menu .menu-item a {
    background: none;
    @@ -75,6 +102,7 @@ body {
    display: inline-block;
    padding: 6px 15px;
    font-size: 20px;
    line-height: 1.1;
    }

    .main_menu, .main_menu li {
    @@ -123,7 +151,7 @@ a, .post_content a {
    .upper_header {
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
    @@ -169,16 +197,6 @@ a, .post_content a {
    width: auto;
    }

    .lower_header .search_form input[type="text"] {
    background: #F5F7F9;
    border: 1px inset #ccc;
    border-radius: .2em;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 14px;
    height: auto;
    margin: 0;
    }

    div#site_title {
    margin: 0;
    @@ -215,34 +233,44 @@ div#thesis-search-widget-2 {
    padding: 0;
    }

    .blog .post_date, .single .post_date, .archive .post_date, .search .post_date {
    .blog .post_date,
    .single .post_date,
    .archive .post_date,
    .search .post_date,
    .blog .num_comments_link,
    .blog.template-home .num_comments_link,
    .single .num_comments_link,
    .archive .num_comments_link,
    .search .num_comments_link {
    background: none;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 200;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px;
    }

    .blog .num_comments_link, .single .num_comments_link, .archive .num_comments_link, .search .num_comments_link {
    color: #999;
    margin: 0;
    height: auto;
    width: auto;
    line-height: normal;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 200;
    .blog .post_date,
    .single .post_date,
    .archive .post_date,
    .search .post_date {
    margin-right: 10px;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px;
    }
    .blog .num_comments_link,
    .blog.template-home .num_comments_link,
    .single .num_comments_link,
    .archive .num_comments_link,
    .search .num_comments_link {
    color: #000;
    }
    span[style*="text-decoration:underline;"],
    span[style*="text-decoration: underline;"] {
    text-decoration: none !important;
    }

    a.num_comments_link {}
    @@ -336,8 +364,9 @@ p.wp-caption-text {
    font-size: 26px;
    }
    a:hover,
    .header_links a:hover,
    .footer_menu a:hover,
    .upper_header li a,
    .upper_header li a:hover,
    .post_content a:hover,
    body .wpt_widget_content a:hover,
    .related-posts a:hover,
    @@ -370,6 +399,7 @@ body .wpt_widget_content a:hover,
    }
    .tier3 .blog,
    .ribbon,
    .prev_next a,
    .tier3 .ribbon-more a,
    .blog .read_more a,
    .tier3 .right .read_more a,
    @@ -408,6 +438,9 @@ body .wpt_widget_content a:hover,
    display: table;
    width: 100%;
    }
    .prev_next {
    margin-bottom: 30px;
    }

    .soliloquy-container .soliloquy-prev:before,
    .soliloquy-container .soliloquy-next:before,
    @@ -825,8 +858,8 @@ ul.comment_list ul.children {
    width: 100%;
    }
    .footer_area {
    border-top: 1px solid #ccc;
    box-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px -1px 1px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.03);
    }
    .footer_menu {
    margin: 30px 0;
    @@ -848,8 +881,17 @@ ul.comment_list ul.children {
    border: 0;
    color: #999;
    padding-bottom: 0;
    font-size: 16px;
    margin-bottom: 45px;
    }
    .copyright a {
    color: #555;
    text-decoration: none;
    font-size: 16px;
    }
    img#wpstats {
    display: none;
    }


    .mmm-box {
    border-radius: 0;
  14. jameswilson revised this gist Nov 14, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @include *
    // @version 0.1.2
    // @version 0.1.3
    // ==/UserScript==


    @@ -15,5 +15,5 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/MrMoneyMustache.css";');
    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/50491240d558dff51cde82c4500fa5eae84d578d/MrMoneyMustache.css";');

  15. jameswilson revised this gist Nov 14, 2015. 1 changed file with 183 additions and 30 deletions.
    213 changes: 183 additions & 30 deletions MrMoneyMustache.css
    View file
    Original file line number Diff line number Diff line change
    @@ -28,6 +28,7 @@ body {
    margin: 8px auto 0;
    padding: 0 15px;
    overflow: visible;
    font-family: 'alegreyaregular',serif;
    }

    .header_area .large-12 {
    @@ -246,12 +247,20 @@ div#thesis-search-widget-2 {

    a.num_comments_link {}

    .blog .headline a, .single .headline, .archive .headline a, .search .headline a {
    .headline,
    .blog .headline,
    .blog .headline a,
    .single .headline,
    .archive .headline a,
    .search .headline a {
    font-family: 'alegreyaregular',serif;
    color: #222;
    font-size: 40px;
    margin-top: 0;
    }
    .blog .post_box {
    margin-top: 40px;
    }

    .post_content ul, .post_content ol, .post_content p {
    font-size: 20px;
    @@ -323,31 +332,100 @@ p.wp-caption-text {

    .single .prev_next span a {
    color: #000;
    font-family: 'alegreyaregular';
    font-family: 'alegreyaregular', serif;
    font-size: 26px;
    }
    a:hover,
    .footer_menu a:hover,
    .upper_header li a,
    .post_content a:hover,
    body .wpt_widget_content a:hover,
    .related-posts a:hover,
    .single .prev_next span a:hover {
    .single .prev_next span a:hover,
    .blog .headline a:hover,
    .single .headline a:hover,
    .archive .headline a:hover,
    .search .headline a:hover {
    color: #E44C4C;
    text-decoration: none;
    }

    .single .previous_post:before {
    .soliloquy-container .soliloquy-prev,
    .soliloquy-container .soliloquy-next {
    width: auto!important;
    height: auto!important;
    padding: 10px !important;
    background: none !important;
    }
    .soliloquy-container .soliloquy-prev {
    right: 100% !important;
    left: inherit !important;
    }
    .soliloquy-container .soliloquy-next {
    left: 100% !important;
    right: inherit !important;
    }
    .soliloquy-container .soliloquy-item>a {
    width: 50% !important;
    }
    .tier3 .blog,
    .ribbon,
    .tier3 .ribbon-more a,
    .blog .read_more a,
    .tier3 .right .read_more a,
    .soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-read-more {
    background: none;
    width: 100%;
    height: auto;
    font-family: 'alegreyaregular', serif;
    font-size: 22px;
    line-height: 1.4em;
    color: #E44C4C !important;
    text-align: left;
    }
    .soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-read-more {
    bottom: 15px;
    }
    .blog .post_excerpt {
    font-size: 22px;
    line-height: 1.4em;
    }
    .blog .post_excerpt .read_more {
    display: inline-block;
    margin: 0;
    padding: 0;
    }
    .blog .post_excerpt .read_more a {
    position: relative;
    bottom: inherit;
    margin: 0;
    padding: 0;
    float: none;
    line-height: inherit;
    }
    .post_excerpt:after {
    content: "";
    display: table;
    width: 100%;
    }

    .soliloquy-container .soliloquy-prev:before,
    .soliloquy-container .soliloquy-next:before,
    .single .previous_post:before,
    .single .next_post:before {
    background: none !important;
    content: "←";
    font-size: 30px;
    font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    .soliloquy-container .soliloquy-next:before,
    .single .next_post:before {
    background: none;
    content: "→";
    font-size: 30px;
    }

    .related-posts h3 {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-weight: 600;
    font-size: 16px;
    }

    @@ -384,61 +462,131 @@ div#text-20 {
    }

    .tier1,
    .tier1 .join,
    .large-4.columns .widget {
    width: 100%;
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    color: #000;
    }

    .soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
    color: #000 !important;
    font-family: 'alegreyaregular', serif !important;
    font-size: 40px !important;
    }
    .mmm_slider, .soliloquy-container {
    width: 100% !important;
    max-width: 100% !important;
    }
    .mmm_slider {
    padding: 0 3em !important;
    }
    .soliloquy-container .soliloquy-caption.soliloquy-caption-right {
    width: 50% !important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: initial !important;
    }
    .soliloquy-container .soliloquy-prev {
    background: none;
    }

    .large-4.columns .widget {
    border-bottom: 1px solid #ccc;
    width: 100%;
    border-bottom: 0;
    }
    .widget_wpt {
    border-top: 1px solid #ccc;
    padding-top: 36px !important;
    }

    .tier1 h3,
    .tier3 h3,
    .bgstyle1 h3,
    .tier1 h4,
    .tier1 h4.welcome,
    .tier1 .love,
    .tier2 h3,
    .tier4 h3,
    .tier4 h3 a,
    .tier5 h3,
    .welcome h3,
    .welcome h4,
    .large-4.columns .custom-title .widget_title {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    margin: 0 0 18px;
    font-size: 17px;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    color: #555;
    }

    .tier1 h3, .tier1 h4,
    .welcome h3, .welcome h4 {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    margin: 0 0 18px;
    left: 0;
    top: 0;
    color: #333;
    border-top: 1px solid #ccc;
    padding-top: 18px;
    }
    .tier1 p,
    .widget.welcome p {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    }
    .tier1 h3,
    .welcome h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    .welcome h4,
    .tier1 .love {
    border-top: 0;
    padding-top: 0;
    text-transform: none;
    font-weight: 400;
    }

    .welcome.widget {
    margin-top: 3em;
    }

    .image-ad-grid-widget,
    .post_footer_ad,
    .post_footer_intro {
    display: none;
    }

    .tier3 .left .query_box {
    width: 100%;
    float: none;
    margin: 0 0 15px;
    min-height: 0;
    clear: both;
    }
    .query_box:after {
    content: "";
    display: table;
    width: 100%;
    }
    .tier3 .left .query_box .featured_image {
    float: left;
    margin-right: 20px;
    width: 30%;
    max-width: 110px;
    }
    .tier3 .featured_image img {
    width: 100%;
    max-width: 100%;
    height: auto !important
    }
    .tier3 .left .query_box .headline,
    .tier3 .left .query_box .headline a {
    clear: none !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    }

    .post_footer {
    border-top: 1px solid #ccc;
    padding: 30px 0;
    @@ -557,10 +705,15 @@ body .wpt_widget_content .wpt_thumb_small {
    }
    body .wpt_widget_content img {
    width: 100%;
    }
    .wpt_avatar img {
    border-radius: 50%;
    }

    /* Comments */
    .post_comments {
    margin-bottom: 30px;
    }
    .comment {
    margin: 0;
    padding: 0;
    @@ -631,6 +784,7 @@ ul.comment_list ul.children {
    border-top: 1px solid #ccc;
    padding: 30px 0;
    }
    .comment_form_title,
    .comments_intro h4 {
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    @@ -684,12 +838,11 @@ ul.comment_list ul.children {
    font-size: 20px;
    font-weight: 600;
    }
    .widget_sp_image,
    .footer_utility,
    .featured_logos_interior {
    display: none;
    }
    .footer_utility {
    display: none;
    }
    .template-page .copyright,
    .blog .copyright {
    border: 0;
  16. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,6 +4,7 @@
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @include *
    // @version 0.1.2
    // ==/UserScript==


  17. jameswilson revised this gist Nov 14, 2015. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -14,6 +14,5 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://gist.githubusercontent.com/jameswilson/2a00792310896381e577/raw/7da2f6600ded2e5c1d8efb7914f09cf450de6b89/MrMoneyMustache.css";');

    addStyle('@import "https://cdn.rawgit.com/jameswilson/2a00792310896381e577/raw/MrMoneyMustache.css";');

  18. jameswilson revised this gist Nov 14, 2015. 1 changed file with 6 additions and 6 deletions.
    12 changes: 6 additions & 6 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,9 @@
    // ==UserScript==
    // @locale us_EN
    // @name Mr Money Mustache
    // @namespace http://www.mrmoneymustache.com
    // @description A custom css file to clean up the horrendous styles on MrMoneyMustache.com
    // @include http://mrmoneymustache.com/*
    // @include http://www.mrmoneymustache.com/*
    // @version 0.0.1.20151114013629
    // @namespace http://www.mrmoneymustache.com/
    // @description A custom CSS file to clean up the horrendous styles on MrMoneyMustache.com
    // @include *
    // ==/UserScript==


    @@ -16,4 +14,6 @@ ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://gist.githubusercontent.com/jameswilson/2a00792310896381e577/raw/f106caaff0aa00a77f11fa752fd1d32ad0cece6f/MrMoneyMustache.com.css";');
    addStyle('@import "https://gist.githubusercontent.com/jameswilson/2a00792310896381e577/raw/7da2f6600ded2e5c1d8efb7914f09cf450de6b89/MrMoneyMustache.css";');


  19. jameswilson renamed this gist Nov 14, 2015. 1 changed file with 0 additions and 0 deletions.
    0 MrMoneyMustache.com.css → MrMoneyMustache.css
    View file
    File renamed without changes.
  20. jameswilson revised this gist Nov 14, 2015. 1 changed file with 19 additions and 0 deletions.
    19 changes: 19 additions & 0 deletions MrMoneyMustache.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    // ==UserScript==
    // @locale us_EN
    // @name Mr Money Mustache
    // @namespace http://www.mrmoneymustache.com
    // @description A custom css file to clean up the horrendous styles on MrMoneyMustache.com
    // @include http://mrmoneymustache.com/*
    // @include http://www.mrmoneymustache.com/*
    // @version 0.0.1.20151114013629
    // ==/UserScript==


    function addStyle(style) {
    var head = document.getElementsByTagName("HEAD")[0];
    var ele = head.appendChild(window.document.createElement( 'style' ));
    ele.innerHTML = style;
    return ele;
    }

    addStyle('@import "https://gist.githubusercontent.com/jameswilson/2a00792310896381e577/raw/f106caaff0aa00a77f11fa752fd1d32ad0cece6f/MrMoneyMustache.com.css";');
  21. jameswilson created this gist Nov 14, 2015.
    706 changes: 706 additions & 0 deletions MrMoneyMustache.com.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,706 @@
    body {
    background: #fff;
    }

    .postbg {
    background: transparent;
    box-shadow: none;
    }

    .header_area > .row {
    background: none;
    width: 100%;
    max-width: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    height: auto;
    }

    #site_title a {
    background: none;
    text-indent: 0;
    width: auto;
    height: auto;
    color: #000;
    font-size: 43px;
    font-weight: 600;
    top: 0;
    max-width: 1170px;
    margin: 8px auto 0;
    padding: 0 15px;
    overflow: visible;
    }

    .header_area .large-12 {
    float: none;
    clear: both;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
    }

    .lower_header {
    top: 0;
    background: none;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: auto;
    max-width: 1170px;
    margin: 0 auto;
    }

    .header_links {
    margin: 0;
    padding: 0;
    float: left;
    }

    .lower_header .search_form {
    position: relative;
    top: 0;
    margin: 7px auto;
    padding: 0;
    float: none;
    width: 100%;
    left: 0;
    width: 100%;
    display: block;
    max-width: none;
    }

    .main_menu .menu-item a {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    display: inline-block;
    padding: 6px 15px;
    font-size: 20px;
    }

    .main_menu, .main_menu li {
    position: relative;
    top: initial;
    left: initial;
    }

    ul#menu-main-menu-left {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0;
    float: left;
    }

    .main_menu li.menu-item {
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    text-indent: 0;
    display: inline-block;
    }

    .main_menu a {}

    ul#menu-main-menu-right {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0;
    float: right;
    }

    .main_menu {
    margin: 0 auto;
    clear: both;
    }

    a, .post_content a {
    color: #E44C4C;
    }

    .upper_header {
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
    padding: 0;
    }

    .upper_header li a {
    padding: 8px 15px;
    font-size: 11px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    vertical-align: middle;
    color: #000;
    }

    .upper_header li {
    margin: 0;
    padding: 0;
    }

    .upper_header .social_menu li {
    margin: 0;
    padding: 0;
    }

    .upper_header .social_menu {
    margin: 0;
    padding: 0;
    }

    .upper_header .columns {
    padding: 0;
    }

    .upper_header .sec_menu {
    margin: 0;
    }

    .upper_header .social_menu li a i {
    background: none;
    padding: 0 6px;
    margin: 0;
    font-size: 16px;
    width: auto;
    }

    .lower_header .search_form input[type="text"] {
    background: #F5F7F9;
    border: 1px inset #ccc;
    border-radius: .2em;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 14px;
    height: auto;
    margin: 0;
    }

    div#site_title {
    margin: 0;
    clear: both;
    text-align: left;
    float: none;
    }

    .header_links, .header_links a {
    font-size: 12px;
    font-weight: 100;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    div#thesis-search-widget-2 {
    max-width: none;
    width: 100%;
    }

    .row {
    max-width: 1170px;
    }

    .content_area .large-8 {
    width: 70%;
    }

    .content_area .large-4 {
    width: 30%;
    }

    .post_box {
    /* margin: 0; */
    padding: 0;
    }

    .blog .post_date, .single .post_date, .archive .post_date, .search .post_date {
    background: none;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 200;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px;
    }

    .blog .num_comments_link, .single .num_comments_link, .archive .num_comments_link, .search .num_comments_link {
    color: #999;
    margin: 0;
    height: auto;
    width: auto;
    line-height: normal;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 200;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: normal;
    }

    a.num_comments_link {}

    .blog .headline a, .single .headline, .archive .headline a, .search .headline a {
    font-family: 'alegreyaregular',serif;
    color: #222;
    font-size: 40px;
    margin-top: 0;
    }

    .post_content ul, .post_content ol, .post_content p {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .01em;
    }

    .wp-caption.aligncenter {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 0 1.5em;
    padding: 0;
    border: 0;
    }
    img.alignleft,
    .wp-caption.alignleft {
    width: 46% !important;
    margin-right: 30px;
    }
    img.alignright,
    .wp-caption.alignright {
    width: 46% !important;
    margin-left: 30px;
    }
    .wp-caption img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    margin-bottom: 1.7em;
    }

    p.wp-caption-text {
    font-size: 18px;
    text-align: left;
    padding: .6em 1em;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    border-left: .4em solid #ccc;
    letter-spacing: .03em;
    }

    .wp-caption {
    margin: 0 0 1.5em;
    padding: 0;
    border: 0;
    background: none;
    }

    .post_content p em {
    font-family: 'alegreyaitalic',serif;
    letter-spacing: .03em;
    font-size: 22px;
    line-height: 20px;
    }

    .post_content p em strong {
    font-family: 'alegreyabold_italic',serif;
    }

    .single .prev_next span {
    background: none;
    border-radius: 0;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    color: #555;
    width: 45%;
    }

    .single .prev_next span a {
    color: #000;
    font-family: 'alegreyaregular';
    font-size: 26px;
    }
    a:hover,
    .post_content a:hover,
    body .wpt_widget_content a:hover,
    .related-posts a:hover,
    .single .prev_next span a:hover {
    color: #E44C4C;
    }

    .single .previous_post:before {
    background: none;
    content: "←";
    font-size: 30px;
    }
    .single .next_post:before {
    background: none;
    content: "→";
    font-size: 30px;
    }

    .related-posts h3 {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    }

    .related-posts.bg3 {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    }

    .bg3 {
    background: none;
    border-radius: 0;
    box-shadow: none;
    }

    .related-posts li {
    width: 50%;
    margin: 15px 0 15px;
    padding-right: 15px;
    }

    .related-posts.bg3-thumb {
    float: left;
    margin-right: 15px;
    }

    .related-posts.bg3-title a {
    font-size: 26px;
    font-family: 'alegreyaregular';
    line-height: 1.1em;
    }

    div#text-20 {
    display: none;
    }

    .tier1,
    .large-4.columns .widget {
    width: 100%;
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 0;
    }

    .large-4.columns .widget {
    border-bottom: 1px solid #ccc;
    }
    .large-4.columns .custom-title .widget_title {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    margin: 0 0 18px;
    font-size: 17px;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    color: #555;
    }

    .tier1 h3, .tier1 h4,
    .welcome h3, .welcome h4 {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    margin: 0 0 18px;
    }
    .tier1 p,
    .widget.welcome p {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    }
    .tier1 h3,
    .welcome h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    }

    .welcome.widget {
    margin-top: 3em;
    }

    .post_footer_ad,
    .post_footer_intro {
    display: none;
    }

    .post_footer {
    border-top: 1px solid #ccc;
    padding: 30px 0;
    height: auto;
    text-align: center;
    }
    .post_footer .columns {
    width: auto !important;
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    border: 0;
    margin: 0 30px 0 0;
    padding: 0;
    min-height: initial;
    }
    .post_footer .columns.large-4 {
    display: block !important;
    clear: both;
    border-top: 1px solid #ccc;
    padding: 30px 0;
    }
    .post_footer .widget_title {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
    }
    .post_footer .columns .widget {
    width: 100%;
    border: 0 !important;
    }

    .post_footer #ssba_widget-2 .widget_title {
    display: none !important;
    }
    .post_footer .large-5 .widget_title {
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    width: 100%;
    }
    .post_footer form {
    margin-bottom: 30px;
    }
    .big-button,
    .post_footer input[type="text"],
    .post_footer input[type="submit"] {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 0.6em 1em;
    line-height: normal;
    height: auto;
    }
    .post_footer input[type="submit"], .big-button {
    background: #ccc;
    width: auto;
    }
    .post_footer input[type="submit"] {
    position: absolute;
    top: 1.9em;
    right: 0;
    }
    .ssba {
    width: 100%;
    }
    .ssba > div {
    text-align: center !important;
    }
    .ssba_sharecount {
    margin-right: 20px;
    }



    .widget .tabbed-widget .tabs li a,
    .widget .tabbed-widget .tabs li a:hover,
    .widget .tabbed-widget .tabs li.active a,
    .widget .wpt_widget_content .tab_title a,
    .widget .wpt_widget_content .tab_title.selected a:hover,
    .widget .wpt_widget_content .tab_title.selected a {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    background: none;
    color: #ccc;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif
    }

    .widget .tabbed-widget .tabs li a:hover,
    .widget .tabbed-widget .tabs li.active a,
    .widget .wpt_widget_content .tab_title.selected a:hover,
    .widget .wpt_widget_content .tab_title.selected a {
    background: none;
    color: #000;
    }
    body .wpt_widget_content .tab-content li {
    padding: 0;
    margin-bottom: 30px;
    }
    body .wpt_widget_content a {
    color: #222;
    }
    body .wpt_widget_content .entry-title {
    font-family: 'alegreyaregular', serif;
    font-size: 16px;
    line-height: 1.1;
    }
    body .wpt_widget_content .wpt_thumb_small {
    width: 36%;
    }
    body .wpt_widget_content img {
    width: 100%;
    border-radius: 50%;
    }

    /* Comments */
    .comment {
    margin: 0;
    padding: 0;
    }
    .comment .avatar {
    right: 100%;
    left: initial;
    margin: 0 10px 0 0;
    padding: 0;
    }
    .comment .avatar img {
    border-radius: 50%;
    position: relative;
    left: 0;
    right: 0;
    }
    .comment p,
    .comment .comment_text ul,
    .comment .comment_text ol,
    .comment .comment_text blockquote,
    .comment .comment_text pre {
    margin-bottom: 10px;
    font-family: 'alegreyaregular', serif;
    font-size: 16px;
    }
    ul.comment_list {
    margin-left: 75px;
    }
    ul.comment_list ul.children {
    margin-left: 0;
    }
    .children .comment_head,
    .comment .comment_head {
    margin: 0;
    }
    .children .comment {
    padding-left: 35px;
    }
    .children .comment .avatar {
    left: -15px;
    }
    .comment .comment_date,
    .comment .comment_author,
    .comment .comment_author a {
    font-size: 16px;
    color: #ccc;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    .comment .comment_author,
    .comment .comment_author a {
    color: #555;
    }
    .comment.bypostauthor {
    background: #FEFEEF;
    border-left-width: 1px;
    }
    .comment_nav a {
    color: #E44C4C;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    .comments_intro {
    background: none;
    border-radius: 0;
    box-shadow: none;
    margin: 30px 0 0;
    border-top: 1px solid #ccc;
    padding: 30px 0;
    }
    .comments_intro h4 {
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #555;
    }
    .comments_intro p {
    color: #555;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    #commentform input[type="text"], #commentform textarea {
    background: #efefef;
    border: 1px solid #ccc;
    }
    #commentform label {
    color: #555;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    }
    #comment_form_submit input[type="submit"] {
    background: #E44C4C;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    border-radius: 0;
    padding: .3em 1em;
    }
    #aec_edit_options {
    background: #ccc;
    margin : 0;
    padding: 3px 10px;
    border: 1px solid #aaa;
    height: auto;
    margin-bottom: -1px;
    }
    #aec_edit_options:after {
    content: "";
    display: table;
    width: 100%;
    }
    .footer_area {
    border-top: 1px solid #ccc;
    box-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    }
    .footer_menu {
    margin: 30px 0;
    border: 0;
    }
    .footer_menu a {
    font-family: 'alegreyaregular', serif;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    }
    .featured_logos_interior {
    display: none;
    }
    .footer_utility {
    display: none;
    }
    .template-page .copyright,
    .blog .copyright {
    border: 0;
    color: #999;
    padding-bottom: 0;
    }


    .mmm-box {
    border-radius: 0;
    box-shadow: none;
    padding: 10px 30px;
    color: #000;
    }