API tools faq
paste
Advertisement
jrothra

JLR Child CSS

jrothra
Apr 2nd, 2015
356
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.68 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name:     Customizr Child  
  3. Theme URI:      http://jlr.johnrothra.com/
  4. Description:    Child theme for Customizr WordPress theme
  5. Author:         John L. Rothra
  6. Author URI:     http://www.johnrothra.com/
  7. Template:       customizr
  8. Version:        1.0.0        
  9. */
  10.  
  11. /* HEADER CSS */
  12. /* Header Social Icons */
  13. /* Move SI to Right, adjust margins if needed   */
  14. .navbar-inner .social-block {
  15.     float: right;
  16.     margin-top: 10px;
  17.     margin-right: 0px;
  18.     text-align: right;
  19.     font-size: 1em;
  20. }
  21. /* Move Tagline to Left    */
  22. .navbar-wrapper .navbar h2 {
  23.     float: left;
  24.     margin-top: 10px;
  25.     margin-left: 20px;
  26.     text-align: left;
  27. /* hide Tagline, if not needed */
  28.     display: none;
  29. }
  30.  
  31. /* Color of menu links on sticky header */
  32. ul#menu-top-main-menu-2.nav.tc-hover-menu a:hover,
  33. ul#menu-top-main-menu-2.nav.tc-hover-menu a:focus {
  34.     color: #2156ae;
  35. }
  36.  
  37. a.social-icon {
  38.     text-decoration: none;
  39. }
  40.  
  41. a.social-icon.icon-feed             {color:#DC622C;}
  42. a.social-icon.icon-twitter          {color:#00B6F1;}
  43. a.social-icon.icon-facebook         {color:#3B5998;}
  44. a.social-icon.icon-google           {color:#C20806;}
  45. a.social-icon.icon-instagram        {color:#2C6A93;}
  46. a.social-icon.icon-wordpress        {color:#04769C;}
  47. a.social-icon.icon-youtube          {color:#C31A1E;}
  48. a.social-icon.icon-pinterest        {color:#C91517;}
  49. a.social-icon.icon-github           {color:#040204;}
  50. a.social-icon.icon-dribbble         {color:#333333;}
  51. a.social-icon.icon-linkedin         {color:#04669A;}
  52.  
  53. a.social-icon.icon-feed:hover       {color:#B84C1E;}
  54. a.social-icon.icon-twitter:hover    {color:#008EBD;}
  55. a.social-icon.icon-facebook:hover   {color:#2C4272;}
  56. a.social-icon.icon-google:hover     {color:#8F0704;}
  57. a.social-icon.icon-instagram:hover  {color:#204B6A;}
  58. a.social-icon.icon-wordpress:hover  {color:#034F68;}
  59. a.social-icon.icon-youtube:hover    {color:#941416;}
  60. a.social-icon.icon-pinterest:hover  {color:#9D1013;}
  61. a.social-icon.icon-github:hover     {color:#000000;}
  62. a.social-icon.icon-dribbble:hover   {color:#1A1A1A;}
  63. a.social-icon.icon-linkedin:hover   {color:#034568;}
  64.  
  65. /* REMOVE GRAY BAR BELOW NAVBAR */
  66. header.tc-header {
  67.     border-bottom: 0;
  68. }
  69.  
  70. /* SEARCH BAR ON CLICK */
  71. /* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
  72. .notresp.navbar .nav .my-nav-menu-search {
  73.     float: right;
  74. }
  75. .notresp.navbar .nav {
  76.     width: 100%;
  77. }
  78. /*Stop the display of the Search button*/
  79. .my-nav-menu-search .search-submit {
  80.     display: none;
  81. }
  82. /* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
  83. .my-nav-menu-search .search-form .screen-reader-text {
  84.     position: absolute;
  85.     left: -9999px;
  86.     overflow: hidden;
  87. }
  88.  
  89. /* Style the search input textbox */
  90. .my-nav-menu-search .search-field {
  91.     background: transparent;
  92.     border: none;
  93.     -webkit-box-shadow:    none;
  94.     -moz-box-shadow:       none;
  95.     box-shadow:            none;
  96.     cursor: pointer;
  97.     height: 26px;
  98.     margin: 2px 0 2px 0;
  99.     padding: 0 0 0 36px;
  100.     position: relative;
  101.     -webkit-transition: width 400ms ease;
  102.     -moz-transition:    width 400ms ease;
  103.     -o-transition:      width 400ms ease;
  104.     transition:         width 400ms ease;
  105.     width: 0px;
  106. }
  107. /* Expand the search box when you click it */
  108. .my-nav-menu-search .search-field:active,
  109. .my-nav-menu-search .search-field:focus {
  110.    color: #5a5a5a;
  111.     /* change the colour above if you are working with a dark navbar background */
  112.     border: 2px solid #c3c0ab;
  113.     cursor: text;
  114.     outline: 0;
  115.     width: 95%;
  116.     -webkit-box-shadow: none;
  117.     -moz-box-shadow:    none;
  118.     box-shadow:         none;
  119.     margin: 0;
  120. }
  121. /* Add a magnifying glass background */
  122. .my-nav-menu-search .search-form:before {
  123.     font-family: 'genericons';
  124.     content: '\f400';
  125.     position: absolute; /* this is the key to put it visually inside the search field */
  126.     font-size: 19px;
  127.     font-weight: normal;
  128.     padding-top: 5px; /* tune this vertical alignment inside the search field, as needed */
  129.     padding-left: 5px; /* tune this horizontal alignment inside the search field, as needed */
  130. }
  131. /* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
  132.  
  133. /* MAIN BODY CSS */
  134. /* Border between right sidebar and main body */
  135. #right.widget-area {
  136. /*  border-left: 2px dotted #c9c9c9; */
  137.     padding-left: 15px;
  138. }
  139.  
  140. .fp-text-one, .fp-text-two, .fp-text-three  {
  141.     display: none;
  142. }
  143.  
  144. jp-relatedposts-headline {
  145.     font-size: 1.5em;
  146. }
  147.  
  148. body {
  149.     font-family: 'Open Sans', sans-serif;
  150.     font-size: 18px;
  151.     line-height: 28px;
  152.     color: #0d0d0d;
  153. }
  154.  
  155. body p {
  156.     margin: 0 0 22px;
  157. }
  158.  
  159. a {
  160.     color: #2156ae;
  161. }
  162.  
  163. a:hover, a:focus {
  164.     color: #194385;
  165. }
  166.  
  167. .btn-link {
  168.     color: #2156ae;
  169. }
  170.  
  171. ol, ul {
  172.     margin: 0 0 22px 25px;
  173. }
  174.  
  175. li {
  176.     line-height: 28px;
  177. }
  178.  
  179. blockquote {
  180.     font-style: normal;
  181.     margin-left: 40px;
  182.     padding: 10px 10px 1px 10px;
  183.     border-left: 5px solid #2156ae
  184. }
  185.  
  186. blockquote p {
  187.     font-size: 18px;
  188.     line-height: 28px;
  189. }
  190.  
  191. .breadcrumb-trail {
  192.     font-size: 14px;
  193.     line-height: 22px;
  194. }
  195.  
  196. .entry-meta {
  197.     font-size: 14px;
  198. }
  199.  
  200. .by-author {
  201.     font-weight: bold;
  202. }
  203.  
  204. h1.entry-title {
  205.     line-height: 46px;
  206. }
  207.  
  208. h2.entry-title {
  209.     line-height: 36px;
  210. }
  211.  
  212. h2 {
  213.     line-height: 36px;
  214. }
  215.  
  216.  
  217. h3.assistive-text {
  218.     display: none;
  219. }
  220.  
  221. .navbar-link:hover,
  222. .navbar-link:focus
  223.     color: #2156ae;
  224. }
  225.  
  226. .navbar .nav > li > a:focus,
  227. .navbar .nav > li > a:hover {
  228.     color: #2156ae;
  229. }
  230.  
  231. .navbar .nav li.dropdown > a:hover .caret,
  232. .navbar .nav li.dropdown > a:focus .caret {
  233.     border-top-color: #2156ae;
  234.     border-bottom-color: #2156ae;
  235. }
  236.  
  237. .navbar .nav li.dropdown.open > .dropdown-toggle,
  238. .navbar .nav li.dropdown.active > .dropdown-toggle,
  239. .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  240.     color: #2156ae;
  241. }
  242.  
  243. .nav-list > .active > a,
  244. .nav-list > .active > a:hover,
  245. .nav-list > .active > a:focus {
  246.     background-color: #2156ae;
  247. }
  248.  
  249. .nav-pills > .active > a,
  250. .nav-pills > .active > a:hover,
  251. .nav-pills > .active > a:focus {
  252.     background-color: #2156ae;
  253. }
  254.  
  255. .nav .dropdown-toggle .caret {
  256.     border-top-color: #2156ae;
  257.     border-bottom-color: #2156ae;
  258. }
  259.  
  260. a.thumbnail:hover,
  261. a.thumbnail:focus {
  262.     border-color: #2156ae;
  263. }
  264.  
  265. .navbar-wrapper .navbar h2 {
  266.     color: #2156ae;
  267. }
  268.  
  269. .navbar .nav > li.current-menu-item > a,
  270. .navbar .nav > li.current-menu-ancestor > a {
  271.     color: #2156ae;
  272. }
  273.  
  274. .navbar .nav > li.current-menu-item > a .caret,
  275. .navbar .nav li.current-menu-ancestor > a .caret,
  276. .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
  277. .navbar .nav li.dropdown.current-menu-item > a .caret,
  278. .navbar .nav li.dropdown.current-menu-ancestor > a .caret,
  279. .navbar .nav li.dropdown.open.current-menu-ancestor > .dropdown-toggle .caret {
  280.     border-top-color: #2156ae;
  281.     border-bottom-color: #2156ae;
  282. }
  283.  
  284. .dropdown-menu > li.current-menu-item > a,
  285. .dropdown-menu > li.current-menu-ancestor > a {
  286.     color: #2156ae;
  287.   /*#gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));*/
  288. }
  289.  
  290. .dropdown-menu > li > a:hover,
  291. .dropdown-menu > li > a:focus,
  292. .dropdown-submenu:hover > a,
  293. .dropdown-submenu:focus > a {
  294.     color: #2156ae;
  295. }
  296.  
  297. .dropdown-submenu:hover > a:after,
  298. .dropdown-menu > li.current-menu-item > a:after,
  299. .dropdown-menu > li.current-menu-ancestor > a:after {
  300.     border-left-color: #2156ae;
  301. }
  302. /* External Links style */
  303. a + span.tc-external:after {
  304.     color: #2156ae;
  305. }
  306.  
  307. /* Icons for Widgets */
  308. .widget h3:before {
  309.     color: #2156ae;
  310. }
  311.  
  312. /* Archives Icons */
  313. .search .search-header .format-icon:before,
  314. .archive .archive-header .format-icon:before {
  315.     color: #2156ae;
  316. }
  317.  
  318. /* WIDGETS STYLING */
  319. .widget.widget_archive li:before,
  320. .widget.widget_categories li:before,
  321. .widget.widget_calendar li:before,
  322. .widget.widget_pages li:before,
  323. .widget.widget_links li:before,
  324. .widget.widget_meta li:before,
  325. .widget.widget_recent_entries li:before,
  326. .widget.widget_recent_comments li:before,
  327. .widget.widget_nav_menu li:before,
  328. .widget.widget_rss li:before {
  329.     color: #2156ae;
  330. }
  331.  
  332. .social-block a:hover {
  333.     color: #2156ae;
  334. }
  335.  
  336. /* pagination */
  337. .page-links button.btn {
  338.     color: #2156ae;
  339. }
  340.  
  341. /* Comment bubbles */
  342. .comments-link .tc-comment-bubble {
  343.     color: #2156ae;
  344. }
  345.  
  346. .comments-link .default-bubble:before {
  347.     border: solid 2px #2156ae;
  348. }
  349.  
  350. .comments-link .tc-comment-bubble {
  351.     color: #2156ae;
  352.     border: 2px solid #2156ae;
  353. }
  354.  
  355. .comments-link .custom-bubble-one:before {
  356.     border-color: #2156ae rgba(0, 0, 0, 0);
  357. }
  358.  
  359. footer#footer .colophon a.back-to-top {
  360.     color: #2156ae;
  361. }
  362.  
  363. /* GRID */
  364. .tc-grid-border .tc-grid {
  365.     border-bottom: 3px solid #2156ae;
  366. }
  367.  
  368. /* Grid icons */
  369. .tc-grid-icon:before {
  370.     color: #2156ae;
  371. }
  372.  
  373. .widget h3:before {
  374.     display: none;
  375. }
  376.  
  377. label {
  378.     font-size: inherit;
  379.     font-weight: inherit;
  380.     line-height: inherit;
  381. }
  382.  
  383. .entry-meta {
  384.     font-style: normal;
  385. }
  386.  
  387. .simplePullQuote {
  388.     font-size:22px;
  389.     line-height:33px;
  390. }
  391.  
  392. .dropdown-menu {
  393.     margin-top: 0;
  394. }
  395.  
  396. .page h1.format-icon:before, .post h1.format-icon:before, .post h2.format-icon:before {
  397.     content: none;
  398. }
  399.  
  400. #right.widget-area .widget-title {
  401.     background: -webkit-linear-gradient(#2663c5, #1d4d9a); /* For Safari */
  402.     background: -o-linear-gradient(#2663c5, #1d4d9a); /* For Opera */
  403.     background: -moz-linear-gradient(#2663c5, #1d4d9a); /* For Firefox */
  404.     background: linear-gradient(#2663c5, #1d4d9a); /* Standard syntax */
  405.     padding: 2px 7px 0px 7px;
  406.     color: #ffffff;
  407.     text-shadow: none;
  408.     text-align: center;
  409.     border-radius: 25px;
  410. }
  411.  
  412. .recommended-books {
  413.     width: 100%;
  414.     text-align: center;
  415.     margin-top: 5px;
  416. }
  417.  
  418. /* Customizr Default Carousel Slider */
  419. .carousel-caption {
  420. /*    background: rgba(0, 0, 0, 0); */
  421. }
  422.  
  423. .carousel-caption h1 {
  424. /*    font-size: 56px; */
  425. /*    text-shadow: 2px 2px 3px #000000; */
  426. }
  427.  
  428. /* Make carousel fade - adapt 2s to required delay */
  429. .carousel-inner > .item {
  430. /*    -webkit-transition: opacity 2s ease-in-out ; */
  431. /*    transition: opacity 2s ease-in-out ; */
  432. }
  433. .carousel-inner > .next.left,
  434. .carousel-inner > .prev.right {
  435. /*    opacity: 1; */
  436. /*    z-index: 1; */
  437. /*    left: 0; */
  438. }
  439. .carousel-inner > .active.left {
  440. /*    opacity: 0; */
  441. /*    z-index: 2; */
  442. /*    left: 0; */
  443. }
  444. .carousel-inner > .active.right {
  445. /*    opacity: 0; */
  446. /*    z-index: 2; */
  447. /*    left: 0; */
  448. }
  449. /* remove previous/next arrows from home page only */
  450. .home .carousel-control {
  451. /*    display: none ; */
  452. }
  453.  
  454. /* FOOTER CSS */
  455. footer#footer {
  456.     background: #050d1a;
  457. }
  458.  
  459. footer#footer h3,
  460. footer#footer h4,
  461. footer#footer h5,
  462. footer#footer h6,
  463. #footer h3.widget-title {
  464.     font-size: 18px;
  465.     text-shadow: none;
  466.     text-align: left;
  467. }
  468.  
  469. #footer .footer-widgets .widget, #footer .footer-widgets .widget a {
  470.     font-size: 14px; !important
  471.     line-height: 21px; !important
  472. }
  473.  
  474. footer#footer .colophon a {
  475.     font-size: 11px;
  476.     line-height: 21px;
  477. }
  478.  
  479. /* Remove gray bar */
  480. footer#footer {
  481.     border-top: none;
  482. }
  483.  
  484. /* CUSTOM SKIN COLORS */
  485. .tc-header {
  486.     border-top: 5px solid #2156ae;
  487. }
  488. .tc-grid-border .tc-grid {
  489.     border-bottom: none;
  490. }
  491.  
  492. .btn-primary:hover,
  493. .btn-primary:focus,
  494. .btn-primary:active,
  495. .btn-primary.active,
  496. .btn-primary.disabled,
  497. .btn-primary[disabled] {
  498.   color: #ffffff;
  499.   background-color: #0f3e68;
  500.   *background-color: #0f3e68;
  501. }
  502. .btn-primary {
  503.      background-color: #0f3e68;
  504.      background-image: -moz-linear-gradient(top, #1c76c7, #0f3e68);
  505.      background-image: -webkit-gradient(linear, 0 0, 0 100%,
  506. from(#1c76c7), to(#0f3e68));
  507.      background-image: -webkit-linear-gradient(top, #1c76c7, #0f3e68);
  508.      background-image: -o-linear-gradient(top, #1c76c7, #0f3e68);
  509.      background-image: linear-gradient(to bottom, #1c76c7, #0f3e68);
  510.      filter:
  511. progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a0831' ,
  512. endColorstr='#ff970505' , GradientType=0);
  513.      border-color: #0f3e68 #0f3e68 #0f3e68;
  514.      *background-color: #0f3e68;
  515. }
  516. .btn-info {
  517.      background-color: #dd0000;
  518.      background-image: -moz-linear-gradient(top, #dd0000, #f70a0a);
  519.      background-image: -webkit-gradient(linear, 0 0, 0 100%,
  520. from(#dd0000), to(#f70a0a));
  521.      background-image: -webkit-linear-gradient(top, #dd0000, #f70a0a);
  522.      background-image: -o-linear-gradient(top, #dd0000, #f70a0a);
  523.      background-image: linear-gradient(to bottom, #dd0000, #f70a0a);
  524.      filter:
  525. progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa5454' ,
  526. endColorstr='#fff70a0a' , GradientType=0);
  527.      border-color: #f70a0a #f70a0a #b00505;
  528.      *background-color: #f70a0a;
  529. }
  530.  
  531. /* MISC CSS */
  532. /* Edit Print Version */
  533. @media print {
  534.     .adsbygoogle {
  535.       display: none;
  536.     }
  537.     .social-block.span5 {
  538.       display: none;
  539.     }
  540.     .frm_forms {
  541.       display: none;
  542.     }
  543.     .sharedaddy {
  544.       display: none;
  545.     }
  546.     .footer-widgets {
  547.       display: none;
  548.     }
  549.     .span4.social-block {
  550.       display: none;
  551.     }
  552.     .span4.backtop {
  553.       display: none;
  554.     }
  555.     .yarpp-related {
  556.       display: none;
  557.     }
  558.     .tc-sidebar {
  559.       display: none;
  560.     }
  561.     #content {
  562.       width: 95%;
  563.     }
  564.     #upprev_box.simple, #upprev_excerpt.upprev_thumbnail {
  565.       display: none;
  566.     }
  567.     .abh_box abh_box_down abh_box_fancy, ul.abh_tabs, .abh_tab_content {
  568.       display: none;
  569.     }
  570.     .mailmunch-forms-after-post, .mailmunch-embedded {
  571.       display: none;
  572.     }
  573.     #jp-relatedposts h3.jp-relatedposts-headline {
  574.       display: none;
  575.     }
  576.     #comments {
  577.       display: none;
  578.     }
  579.     #nav-below {
  580.       display: none;
  581.     }
  582. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!