SHARE
TWEET

Child CSS v2

mdixon Dec 26th, 2012 34 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: Graphene Child
  3. Description: Child theme created for the Walking Horse Owners Association (WHOA)
  4. Author: Amanda Dixon
  5. Template: graphene
  6. Version: 0.2.0
  7. */
  8.  
  9. @import url("../graphene/style.css");
  10.  
  11. /* =Non-classed HTML elements
  12. -------------------------------------------------------------- */
  13.  
  14. body {
  15.         background: #000 fixed;
  16.         font: normal 12px georgia;
  17.         line-height: 17px;
  18. }
  19. a,
  20. a:visited {
  21.         color: #d15b29;
  22. }
  23. a:hover {
  24.         color: #b34e23;
  25. }
  26.  
  27. /* =Container elements
  28. -------------------------------------------------------------- */
  29.  
  30. .bg-gradient {
  31.         background: #cccccc;
  32. }
  33. #container {
  34.         -webkit-box-shadow: 0 0 10px #636363;
  35.         box-shadow: 0 0 10px #636363;
  36. }
  37.  
  38. /* =Header
  39. -------------------------------------------------------------- */
  40.  
  41. #top-bar {
  42.         background: none;
  43.         border-bottom:0;
  44.         margin-top: 0px;
  45.         position: absolute;
  46. }
  47. #top_search {
  48.         margin-top: 20px;
  49.         margin-left: 730px;
  50.         width: 200px;
  51. }
  52. #top_search input {
  53.         box-shadow: none;
  54.         border: solid 1px #cccccc;
  55.         color: #666666;
  56.         padding: 3px 5px 3px 5px;
  57.         width: 200px;
  58.         height: 20px;
  59.         background: #ffffff;
  60. }
  61. #top_search button {
  62.         background: url(images/search.png) no-repeat;
  63.         width: 20px;
  64.         height: 20px;
  65.         margin-left: 0px;
  66.         margin-top: -22px;
  67. }
  68. #header {
  69.         border-top: 0;
  70. }
  71. #header .header_title {
  72.         font: bold 28px "Lucida Grande", sans-serif;
  73.         position: relative;
  74.         width: 852px;
  75.         top: 80px;
  76.         left:38px;
  77. }
  78.  
  79. /*ADDED CUSTOM HEADER ELEMENTS*/
  80.  
  81. #log_in {
  82.         position: absolute;
  83.         float: left;
  84.         margin-top: 20px;
  85.         margin-left: 590px;
  86. }
  87. #social_icons {
  88.         position: absolute;
  89.         float: left;
  90.         margin-top: 60px;
  91.         margin-left: 810px;
  92.         width: 200px;
  93.         padding: 0px;
  94. }
  95. #social_icons ul{
  96.         height:25ox;
  97.         width:200px;
  98. }
  99. #social_icons ul li{
  100.         display: inline;
  101.         float: left;
  102.         height: 25px;
  103.         margin:0px;
  104.         padding: 0px;
  105. }
  106. #social_icons img {
  107.         float: left;
  108.         height: 25px;
  109.         margin: 0px;
  110.         padding-left: 7px;
  111.         width: 25px;
  112. }
  113.  
  114. /* =Navigation
  115. -------------------------------------------------------------- */
  116.  
  117. /* What gives our menus style */
  118.  
  119. .menu-bottom-shadow{
  120.         background: none;
  121.         height: 0;
  122.         width: 0;
  123. }
  124. #nav .menu ul {
  125.         box-shadow: none;
  126. }
  127.  
  128. /* Top level header menu, default state */
  129.  
  130. #header-menu-wrap {
  131.         background: #333333;
  132. }
  133. #header-menu,
  134. #secondary-menu {
  135.         margin: 0 5px;
  136.         background: #333333;
  137. }
  138. #header-menu > li {
  139.         font: bold 11px lucida grande, sans-serif;
  140.         text-transform: uppercase;
  141.         margin: 0 2px;
  142. }
  143. #header-menu > li > a {
  144.         line-height: 12px;
  145.         padding: 9px 15px 10px;
  146. }
  147.  
  148. /* Top level header menu, hover and current state */
  149.  
  150. #header-menu > li:hover,
  151. #header-menu > li.current-menu-item,
  152. #header-menu > li.current-menu-ancestor {
  153.         background: left -100px repeat-x #e2e2e2;
  154. }
  155. #header-menu > li:hover > a,
  156. #header-menu > li.current-menu-item > a,
  157. #header-menu > li.current-menu-ancestor > a {
  158.         color: #b34e23;
  159. }
  160. #header-menu > li:hover > a > span,
  161. #header-menu > li.current-menu-item > a > span,
  162. #header-menu > li.current-menu-ancestor > a > span {
  163.         color: #434343;
  164. }
  165.  
  166. /* Secondary menu */
  167. /* Top level, default state */
  168.  
  169. #secondary-menu > li {
  170.         font: normal 11px lucida grande, sans-serif;
  171.         margin: 0 2px;
  172. }
  173.  
  174. /* =Content Area
  175. -------------------------------------------------------------- */
  176.  
  177. #content {
  178.         background: #ffffff;
  179.         padding-top: 0px;
  180.         padding-bottom: 0px;
  181. }
  182. .page-title {
  183.         display:none;
  184. }
  185.  
  186. /*SLIDER*/
  187.  
  188. .featured_slider {
  189.         margin-bottom: 10px;
  190. }
  191.  
  192. /*SLIDER POST TEXT BOX*/
  193.  
  194. .bgimage-excerpt .slider-entry-wrap {
  195.         background: blue;
  196.         top: 0px;
  197.         left: 650px;
  198.         width: 310px;
  199.         height: 350px;
  200. }
  201.  
  202. /*SLIDER POST HEADING*/
  203.  
  204. .bgimage-excerpt .slider_post h2 a,
  205. .bgimage-excerpt .slider_post h2 a:visited {
  206.         font: bold 18px lucida grande, sans-serif;
  207.         text-transform: uppercase;
  208.         line-height: 25px;
  209. }
  210.  
  211. /*POST*/
  212.  
  213. .post {
  214.         border-top: 0;
  215.         border-bottom:0;
  216. }
  217. .post .date {
  218.         background: url('../graphene/images/sprite_master.png') -325px top no-repeat;
  219. }
  220. .post-title,
  221. .post-title a {
  222.         font: 18px arial, sans-serif;
  223. }
  224. .post-title a,
  225. .post-title a:visited {
  226.         border-bottom: 1px solid #cccccc;
  227. }
  228. .entry-content .wp-caption img {
  229.         border: none;
  230. }
  231. .entry-content h1,
  232. .entry-content h2,
  233. .entry-content h3,
  234. .entry-content h4,
  235. .entry-content h5,
  236. .entry-content h6,
  237. .comment-entry h1,
  238. .comment-entry h2,
  239. .comment-entry h3,
  240. .comment-entry h4,
  241. .comment-entry h5,
  242. .comment-entry h6 {
  243.         font: bold 16px lucida grande, sans-serif;
  244. }
  245. .entry-content h1,
  246. .comment-entry h1 {
  247.         font: bold 22px lucida grande, sans-serif;
  248.         color: #666666;
  249.         line-height: 26px;
  250. }
  251. .entry-content h2,
  252. .comment-entry h2 {
  253.         font: bold 22px lucida grande, sans-serif;
  254.         color: #b34e23;
  255.         line-height: 26px;
  256. }
  257. .entry-content h3,
  258. .comment-entry h3 {
  259.         font: bold 22px lucida grande, sans-serif;
  260.         color: #768ea4;
  261.         line-height: 26px;
  262. }
  263. .entry-content h4,
  264. .comment-entry h4 {
  265.         font: 14px lucida grande, sans-serif;
  266.         color: #234a6e;
  267.         line-height: 20px;
  268. }
  269. .entry-content h5,
  270. .comment-entry h5 {
  271.         font: 23px lucida grande, sans-serif;
  272.         color: #b34e23;
  273.         line-height: 28px;
  274. }
  275. .entry-content h6,
  276. .comment-entry h6 {
  277.         font: 23px lucida grande, sans-serif;
  278.         color: #768ea4;
  279.         line-height: 28px;
  280. }
  281. .entry-content img,
  282. .child-page img {
  283.         border: none;
  284. }
  285. .entry-footer {
  286.         border-top: none;
  287. }
  288. .post-nav,
  289. .parent-return {
  290.         margin-left: 22.5px;
  291.         margin-right: 22.5px;
  292.         margin-top: 25px;
  293. }
  294.  
  295. /* =Footer
  296. -------------------------------------------------------------- */
  297.  
  298. #footer {
  299.         background: #cccccc;
  300.         border-top:0;
  301.         padding-top: 22.5px;
  302.         padding-bottom: 22.5px;
  303.         padding-left: 25px;
  304.         padding-right: 25px;
  305.         margin-bottom: 0px;
  306.         color: #636363;
  307. }
  308. #copyright {
  309.         margin: 0;
  310.         text-align: center;
  311.         width: 960px;
  312.         max-width: 960px;
  313. }
  314. #copyright p{
  315.         margin-top: 0;
  316. }
  317. #copyright h3{
  318.         font: normal 14px arial;
  319.         color: #e3e3e3;
  320.         display: none;
  321. }
  322. #footer a,
  323. #footer a:visited {
  324.         color: #464646;
  325. }
  326. #footer a:hover {
  327.         border-bottom: 0;
  328. }
  329. #developer {
  330.         display: none;
  331. }
  332.  
  333. /*ADDITIONAL CSS*/
  334.  
  335.  .child-page .post-title{display:none;}
  336.  .page-child .post-title{display: none;}
  337.  .type-page .post-title {
  338.    display: none;
  339. }
RAW Paste Data
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
 
Top