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
MrMoneyMustache.com CSS file for GreaseMonkey Script https://greasyfork.org/en/scripts/13870-mr-money-mustache
Raw
MrMoneyMustache.com.css
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;
}
Raw
MrMoneyMustache.js
// ==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";');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment