{"id":5597,"date":"2013-11-12T14:57:39","date_gmt":"2013-11-12T21:57:39","guid":{"rendered":"http:\/\/macblaze.ca\/?p=5597"},"modified":"2013-11-12T14:57:39","modified_gmt":"2013-11-12T21:57:39","slug":"color-me-colourful","status":"publish","type":"post","link":"https:\/\/macblaze.ca\/?p=5597","title":{"rendered":"Color Me Colourful"},"content":{"rendered":"

Ok I have a a new colour scheme that is just a child theme <\/a>of the original. This mean instead of rewriting the whole css file I can use the original file (in this case ..\/MAcBlazeIII.style.css) and the just change the bits I want like colour or header size.<\/p>\n

Still trying to figure out !important and heirarchy but so far so good…<\/p>\n

Here is the complete child style.css file that changed this:<\/p>\n

\"screenshot\"<\/a>
\nto this:<\/p>\n

\"screenshot\"<\/a><\/p>\n


\n\/*
\n Theme Name: MacBlaze III Child
\n Theme URI: http:\/\/macblaze.ca\/
\n Description: MacBlaze III Child Theme
\n Author: B Timothy Keith
\n Author URI: http:\/\/macblaze.ca
\n Template: MacBlazeIII
\n Version: 1.0.0
\n*\/<\/p>\n

@import url('..\/MacBlazeIII\/style.css');<\/p>\n

\/* =Theme customization starts here
\n-------------------------------------------------------------- *\/<\/p>\n

.widget-area {
\n\tbackground: #384f69 !important ;
\n}<\/p>\n

.site-footer {
\n\tbackground: #232942;
\n}<\/p>\n

.site-main {
\n\tbackground: #688b9e;
\n}<\/p>\n

\/* CSS Button *\/
\n.sidebar-button {
\n font-family: droid-sans-mono;
\n color: #FFFFFF !important;
\n font-size: 14px;
\n text-shadow: 1px 1px 2px #000000;
\n box-shadow: 1px 1px 1px #4b6b3c;
\n padding: 10px 25px;
\n -moz-border-radius: 11px;
\n -webkit-border-radius: 11px;
\n border-radius: 11px;
\n border: 2px solid #688b9e;
\n background: #232942;
\n background: linear-gradient(top, #384f69, #232942);
\n background: -ms-linear-gradient(top, #384f69, #232942);
\n background: -webkit-gradient(linear, left top, left bottom, from(#384f69), to(#232942));
\n background: -moz-linear-gradient(top, #384f69, #232942);
\n}<\/p>\n

.sidebar-button a {
\n color: #FFFFFF !important;
\n}<\/p>\n

.sidebar-button:hover {
\n color: #CCCCCC !important;
\n background: #688b9e;
\n}<\/p>\n

\/* =Global
\n----------------------------------------------- *\/<\/p>\n

\/* Links *\/<\/p>\n

h1.entry-title a, {
\n\tcolor: #ffffff;
\n}
\n.site-content a {
\n\tcolor: #ccb599 !important;
\n}
\n.site-content a:hover,
\n.site-content a:focus,
\n.site-content a:active {
\n\tcolor: #e6c6c6 !important;
\n}
\n.textwidget a {
\n\tcolor: #ccb599 !important;
\n}<\/p>\n

\/* Main *\/<\/p>\n

body,
\nbutton,
\ninput,
\nselect,
\ntextarea {
\n\tcolor: #ffffff;
\n\tfont-family: proxima-nova, sans-serif;
\n\tfont-size: 14px;
\n\tfont-size: 1.4rem;
\n\tline-height: 1.5;
\n\ttext-align: left;
\n}<\/p>\n

.entry-title,
\n.page-title,
\n.entry-content,
\n.entry-summary,
\n.widget-title,
\n.comments-title,
\n.comment .reply,
\n.comment-meta,
\n.comment-author,
\n#reply-title {
\n\tfont-family: bree, sans-serif;
\n}<\/p>\n

h1.widget-title {
\n\tcolor:#ccb599;
\n}<\/p>\n

.widget-area p {
\n\tcolor: #fff;
\n\ttext-align: left;
\n\tfont-family: ;
\n\tfont-size: 12px;
\n\tfont-size: 1.2rem !important;
\n\tline-height: 1.5;
\n}<\/p>\n

\/* =Site Header
\n----------------------------------------------- *\/
\n.site-header hgroup {
\n\tbackground: #232942 url('img\/bannertop.gif') no-repeat right top;
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, linear-gradient(top, #232942, #384f69);
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -ms-linear-gradient(top, #232942, #384f69);
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#232942), to(#384f69));
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -moz-linear-gradient(top, #232942, #384f69) ;
\n\theight: 250px;
\n}
\n.site-title {
\n\tfont-size: 45px;
\n\tfont-size: 4.5rem;
\n\tfont-style: normal;
\n\tfont-family: \"bree\",sans-serif;<\/p>\n

}
\n.site-description {
\n\tfont-size: 12px;
\n\tfont-size: 1.2rem;
\n}
\n.site-title a,
\n.site-title a:visited,
\n.site-description {
\n color: #ffffff;
\n}<\/p>\n

\/* =Menu
\n----------------------------------------------- *\/<\/p>\n

.main-navigation {
\n clear: both;
\n display: block;
\n padding: .5em 1em .5em 2em;
\n background: #ccb599;<\/p>\n

}
\n.main-navigation a {
\n\tcolor: #fff;
\n}
\n.main-navigation a:hover {
\n\tcolor: #668b9e !important;
\n}
\n.main-navigation ul ul {
\n\tbackground: #ccb599;<\/p>\n

\/* =Content
\n----------------------------------------------- *\/<\/p>\n

.site-main {
\n background: #688b9e;
\n border: 1px solid rgba(0, 0, 0, 0.1);
\n border-width: 1px 1px;
\n}<\/p>\n

\/* =Widgets
\n----------------------------------------------- *\/<\/p>\n

\/* =Site Footer
\n----------------------------------------------- *\/<\/p>\n

\/* =Structure
\n----------------------------------------------- *\/<\/p>\n

\/* Graduated Screens <\/p>\n

#div {
\n\tbackground: #232942 url('img\/bannertop.gif') no-repeat right top;
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, linear-gradient(top, #232942, #384f69);
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -ms-linear-gradient(top, #232942, #384f69);
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#232942), to(#384f69));
\n\tbackground: url('img\/bannertop.gif') no-repeat right top, -moz-linear-gradient(top, #232942, #384f69) ;
\n}<\/p>\n

-------------------------------*\/<\/p>\n

<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

Ok I have a a new colour scheme that is just a child theme of the original. This mean instead of rewriting the whole css file I can use the original file (in this case ..\/MAcBlazeIII.style.css) and the just change the bits I want like colour or header size. Still trying to figure out !important […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts\/5597"}],"collection":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5597"}],"version-history":[{"count":0,"href":"https:\/\/macblaze.ca\/index.php?rest_route=\/wp\/v2\/posts\/5597\/revisions"}],"wp:attachment":[{"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/macblaze.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}