Advertisement
mdixon

Child CSS v2

Dec 26th, 2012
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.07 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement