Okay, saw what i did with screwing up changing the colors and omitting the #
changed a few things as per validator. That didn’t work so I imported all the CSS from the parent them and still no luck.
Here’s how it looks now…
/*
Theme Name: My Child Theme
Theme URI: http: //workingmagician.com/
Description: This is a custom child theme I have created.
Author: David Allan
Author URI: http: //workingmagician.com/
Template: formfunction
Version: 0.1
*/
/* = written by paul jarvis / www.pjrvs.com ----------------------- */
/* = html5 ----------------------- */
::-moz-selection { background: #f5f5f5; text-shadow: none; }
::selection { background: #f5f5f5; text-shadow: none; }
/* = structure ----------------------- */
html { font-size: 100%; }
body { color: #4d4d4d; text-align: center; font: 300 1.250em/1.6 'lato', sans-serif; }
header, section { margin: 0 auto; }
header { }
section { padding-bottom: 3em; background: #f5f5f5; }
article { margin: 0 auto; padding: 2em 0 0 0; max-width: 35em; text-align: left; }
.single article, .page article { max-width: 25em; }
.page-template-archives-php article { max-width: 35em; }
footer { margin: 0 auto; }
footer section { padding: 2em 0; background: #FF0000; }
/* = navigation ----------------------- */
#logo { }
#logo img { max-width: 410px; height: auto; }
#logo a { display: block; margin: 0 auto 1em auto; max-width: 35em; color: #262626; font-weight: 300; font-size: 1.75em; }
#logo a:hover { color: #00008D; }
#logo, #nav, .menu {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
animation: fadein .6s .5s 1 forwards ease-in-out;
}
#nav, .menu {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
#nav, .menu { padding: 0 0 1em 0; }
#nav li, .menu li { display: inline-block; font-weight: 700; font-size: 0.55em; }
#nav a, .menu a { padding: 15px; color: #737373; text-transform: uppercase; }
#nav a:hover, .menu a:hover { color: #FF0000; }
#nav .current-menu-item a, #nav .current_page_item a { color: #FF0000; }
#navwrap a:hover { }
/* = typography ----------------------- */
h1, h2, h3, h4, h5 { color: #262626; line-height: 1.2; }
h1 { padding: 1em auto; max-width: 35em; font-weight: 300; font-size: 1.5em; }
footer h1 { margin: 0 auto; color: #fff; text-align: center; max-width: 25em; }
footer h1 a { font-weight: 700; color: #fff; border-bottom: 2px solid rgba(255,255,255,.5); -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; }
footer h1 a:hover { color: #fff; opacity: .5; }
h2 { margin: 0; letter-spacing: -1px; font-weight: 300; font-size: 2.25em; }
h2.post-title { margin-bottom: 1em; text-align: center; color: #FF0000; }
h1 a, h2 a { }
h1 a :hover, h2 a:hover { }
h2 a.post-edit-link { color: #d9d9d9; }
h3 { margin: .25em 0; font-weight: 400; font-size: 1.5em; }
h4 { font-size: 1.5em; }
h4.cat-title { padding-top: 3em; color: #FF0000; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.55em; }
h4 a { }
p { }
article p, article ul, article ol { padding-bottom: 1em; }
strong { font-weight: 700; }
small { font-size: 0.55em; }
footer small { display: block; padding: 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; }
ul, ol { }
article ul, article ol { margin-left: 1.25em; line-height: 1.4; }
article ul li { padding-bottom: 0.75em; list-style: circle; }
article ol li { padding-bottom: 0.75em; list-style: decimal; }
img { }
section img { margin: 0 0 1em 0; max-width: 100%; }
section .wp-caption img { margin-bottom: 0.25em; color: #999; font-weight: 400; }
section .gallery img { margin: 0; border: 2px solid #fff !important; }
blockquote { margin: 1em 0; padding: 0 0 0 1em; border-left: 2px solid #00008D; color: #999; font-weight: 300; font-size: .85em; }
article blockquote p { padding: 0; }
cite { font-style: normal; }
hr { border-bottom: 4px solid #e5e5e5; width: 30%; margin: 1em auto 2em auto; }
a { color: #00008D; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
a:hover { color: #FF0000; }
article .searchterm { padding: 0 5px 5px 5px; border-radius: 5px; background: #ffc; }
/* = forms ----------------------- */
form { padding-top: 3em; }
input, textarea { padding: 10px; max-width: 90%; border-radius: 5px; font: 300 1em/1.6 'lato', sans-serif; }
input[type="submit"], button { padding: 10px; border-radius: 5px; background: #FF0000; color: #fff; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
/* = common ----------------------- */
.alignleft { position: relative; float: left; margin: 0 0.25em 0.25em 0; text-align: left; }
.alignright { position: relative; float: right; margin: 0 0 0.25em 0.25em; text-align: right; }
.aligncenter { clear: both; margin-right: auto; margin-left: auto; text-align: center; }
.wp-caption { max-width: 100% !important; }
.wp-caption img { max-width: 25em; }
.wp-caption-text { font-size: 0.75em; }
.wp-post-image { margin: 0 auto 2em auto; max-width: 15em; width: 50%; height: 50%; text-align: center; }
.cat-list, .more, #pagi a { margin: 0 0 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; font-size: .55em; }
.cat-list a, footer small a { color: #00008D; }
.more a { color: #d9d9d9; }
#pagi a { margin: 0 2em 3em 2em; padding: 10px 20px; border-radius: 5px; background: #fff; }
.cat-list a:hover, footer small a:hover, .more a:hover { color: #999; }
.meta { margin: 2em auto 3em auto; padding: 1em 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; text-align: center; font-weight: 400; font-size: 0.75em; }
.meta a { color: #FF0000; }
.next-posts { text-align: center; }
.next-posts h4 { margin-bottom: 2em; color: #999; text-transform: uppercase; font-size: .55em; }
article .next-posts ul { margin: 0 !important; font-size: .75em; }
article .next-posts li { list-style: none; }
.social { margin-top: 2em; }
.ss-icon { margin: 0 10px; font-size: 1.5em; }
.filters { margin: 0 auto; padding: 3em 0 1em 0; max-width: 35em; border-bottom: 2px solid #e5e5e5; }
.filters li { display: inline-block; }
.filters a { margin: 0 5px; padding: 5px 10px; color: #FF0000; }
.filters a.active { border-radius: 5px; background: #fff; }
.button { margin: 0 5px; padding: 10px 20px; border-radius: 5px; background: #00008D; color: #fff; font-weight: 400; font-size: 0.75em; -webkit-transition: background .6s ease; -moz-transition: background .6s ease; -o-transition: background .6s ease; transition: background .6s ease; }
.button:hover { background: #FF0000; color: #fff; }
/* = media queries ----------------------- */
@media screen and (max-width: 45em) {
body { padding: 1em 2em; }
section { background: none; }
article { padding: 0; }
.wp-caption img, .wp-caption, section img { max-width: 100% !important; }
footer h1 { padding: 0 2em; }
.alignleft { float: none; margin: 0 0 0.25em 0; }
.alignright { float: none; margin: 0 0 0.25em 0; text-align: left; }
header { margin-bottom: 2em; border-bottom: 2px solid #e5e5e5; }
#nav a { padding: 5px; }
input, textarea { background: #f5f5f5; max-width: 70%; }
}
/* = print ----------------------- */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; }
body { background: #fff; color: black; font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
section.post-content a:after { content: " (" attr(href) ")"; }
tr, img { page-break-inside: avoid; }
img { max-width:100% !important; border: 0; }
nav, aside { display: none; }
}
/* = light css animations ----------------------- */
@-webkit-keyframes fadein{
0%{ opacity: 0; -webkit-transform: translateY(-20px); }
100%{ opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadein{
0%{ opacity: 0; -moz-transform: translateY(-20px); }
100%{ opacity: 1; -moz-transform: translateY(0); }
}
@keyframes fadein{
0%{ opacity: 0; transform: translateY(-20px); }
100%{ opacity: 1; transform: translateY(0); }
}
Thanks in advance for any help. Trying to learn through experience:)
Also site is now accessible.
Dave