Want more features on Pastebin? Sign Up, it's FREE!
Guest

twentyeleven header style

By: MicGoogle on Sep 2nd, 2011  |  syntax: CSS  |  size: 2.64 KB  |  views: 137  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Theme Name: SIDMUN
  3. Author: Wordpress Team.
  4. Description: Child theme
  5. Version: 1.2.1
  6. Template: twentyeleven
  7. Tags: dark, buddypress, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
  8. */
  9. @import url("../twentyeleven/style.css");
  10.  
  11.  
  12.  
  13. /* BEGIN MOVE HEADER TEXT OVER HEADER IMAGE */
  14. /* this stuff moves the image up */
  15. #access, #branding a img:first-child {
  16. top: -190px;
  17. position: relative;
  18. }
  19.  
  20. /* this stuff keeps text on top */
  21. #branding hgroup { top: +50px; position:relative; z-index: 1;}
  22.  
  23. /* this stuff changes text size for header, depresses description */
  24. /* and adds shadow so text legible whatever background (within reason) */
  25. #site-title span a {font-size: 55px;}
  26. #site-description {font-size: 25px;}
  27. #site-title a, #site-description {color: #fff; text-shadow: #003 1px 1px 5px;}
  28. /* Colours the search form and keeps it on top */
  29. #searchform {background-color: #ddd; z-index: 1;}
  30.  
  31. #main {top: -185px; position: relative; z-index: 2;}
  32. /* END MOVE HEADER TEXT OVER HEADER IMAGE */
  33.  
  34.  
  35. /* BEGIN FIX DROP DOWN */
  36. #branding {
  37.         border-top: 2px solid #bbb;
  38.         padding-bottom: 10px;
  39.         position: static;
  40.         z-index: 2;
  41. }
  42. /* END FIXED DROP DOWN */
  43.  
  44. /* BEGIN Search bar now all over the place b/c Branding above's position is static FIX BELOW */
  45. #branding #searchform {
  46. background-color: white;
  47. display: block;
  48. margin-top: 195px;
  49. position: absolute;
  50. right: 12.6%;
  51. text-align: right;
  52. top: 3.8em;
  53. }
  54. /* END Search bar now all over the place b/c Branding above's position is static FIX BELOW */
  55.  
  56. /* BEGIN FIX Post Template issue */
  57. .singular .entry-header .entry-meta {
  58.         position: static;
  59.         top: 0;
  60.         left: 0;
  61. }
  62. /* END FIX Post Template issue */
  63.  
  64.  
  65. /* BEGIN FIX Edit Link Template Issue */
  66. .singular .entry-meta .edit-link a {
  67.         bottom: auto;
  68.         left: 50px;
  69.         position: static;
  70.         right: auto;
  71.         top: 80px;
  72. }
  73. /* END FIX Edit Link Template Issue */
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. /* IGNORE BELOW.. ORIGINAL CODE LEFT IF ABOVE GOES CHAOTIC
  81. #access, #branding a img:first-child {
  82. top: -190px;
  83. position: relative;
  84. }
  85. #branding hgroup { top: +50px; position:relative; z-index: +1;}
  86.  
  87.  
  88. #site-title span a {font-size: 55px;}
  89. #site-description {font-size: 25px;}
  90. #site-title a, #site-description {color: #fff; text-shadow: #003 1px 1px 5px;}
  91.  
  92.  
  93. #searchform {background-color: #ddd; z-index: +10;}
  94.  
  95. #main {top: -185px; position: relative; z-index: +20;}
  96. END ORIGINAL CODE */
clone this paste RAW Paste Data