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

custom css in WP admin

By: a guest on Dec 5th, 2012  |  syntax: None  |  size: 2.85 KB  |  views: 40  |  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. /* =Header image top margin http://zeaks.org/board/threads/any-way-to-make-the-header-image-the-top-of-the-page.303
  2. -------------------------------------------------------------- */
  3. #branding hgroup {
  4.     display: none;
  5. }
  6. #branding img {
  7.     border-radius: 7px 7px 0 0;
  8.     border-top: none;
  9. }
  10.  
  11.  
  12. /* Start Header Logo */
  13. #header-logo {
  14. float: left;
  15. width: 100%;
  16. height: 150px;
  17. overflow: hidden;
  18. color: transparent;
  19. }
  20. /* End Header Logo */
  21.  
  22. .site-header h1 a, .site-header h2 a,
  23. .site-header h1, .site-header h2 {
  24.         display: none;
  25. }
  26.  
  27. /* Social media icons in header */
  28. #header_icons{
  29.    float: left;
  30.    margin-top: 0px;
  31.    width:400px;
  32. }
  33.  
  34. #header_icons li{
  35.    float: left;
  36.    margin: 5px 0px;
  37.    display:inline;
  38. }
  39.  
  40. #header_icons ul li {
  41.   display: inline;
  42. }
  43. /* Social media icons in header END*/
  44.  
  45.   .site-header {
  46.     background-color: #ffffff;
  47. }
  48.  
  49.   .main-navigation ul.nav-menu,
  50.   .main-navigation div.nav-menu > ul {
  51.     border-bottom: 1px solid #969696;
  52.     border-top: 1px solid #969696;
  53. }
  54.  
  55. /* Headings -----*/
  56.  
  57.   h1 { /* This style used as title on single posts and pages */
  58.   clear: both;
  59.   font-size: 20px;
  60.   color: #447994;
  61.   font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
  62.   margin: 0px 0px 10px 0px;
  63.   padding: 5px 0px;
  64.   font-weight: normal;
  65.   text-transform: capitalize;
  66.   text-align: right;
  67.   letter-spacing: -2px;
  68.   border-top: 2px solid #ffffff;
  69.   border-bottom: 2px solid #ffffff;
  70.  
  71.   .archive-title,
  72.   .page-title,
  73.   .widget-title,
  74.   .entry-content th,
  75.   .comment-content thx { /* This style used as title on sidebar, footer */
  76.   clear: both;
  77.   font-size: 20px;
  78.   color: #447994;
  79.   font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
  80.   margin: 0px 0px 10px 0px;
  81.   padding: 5px 0px;
  82.   font-weight: normal;
  83.   text-transform: capitalize;
  84.   text-align: left;
  85.   letter-spacing: -2px;
  86.   border-top: 2px solid #ffffff;
  87.   border-bottom: 2px solid #ffffff;
  88.   }
  89.  
  90. /* Site Content width -----*/
  91.   .site-content {
  92.   float: left;
  93.   width: 73%;
  94.  
  95. /* Sidebar -----*/
  96. .widget-area .widget a {
  97.   color: 1c6ba0;
  98. }
  99. .widget-area .widget a:hover {
  100.   color: #21759b;
  101. }
  102.  
  103. /* Left Sidebar Layout -----*/
  104. @media screen and (min-width: 600px) {
  105.     .left-sidebar.custom-layout .site-content {
  106.         float: right;
  107.     }
  108.     .left-sidebar.custom-layout .widget-area {
  109.     float: left;
  110.     clear: left;
  111.     background-color: #F0F9FF;
  112.     }
  113.   .left-sidebar.custom-layout #extra-sidebar {
  114.     float: left;
  115.     width: 26.0417%;
  116.     margin: 1.71429rem 0 0;
  117.     background-color: #F0F9FF;
  118.   }
  119. }
  120.  
  121. /* Footer */
  122. footer[role="contentinfo"] {
  123.   border-top: 1px solid #7ecafa;
  124.   padding: 24px 0;
  125.   padding: 1.714285714rem 0;
  126.   background-color: #F0F9FF;
  127.   border-bottom: 15px solid #7ecafa;
  128. }
  129.  
  130. /* Footer  menu links*/
  131.  ul#menu-footer-menu li {
  132.    display: inline;
  133.    padding: 0 10px;
  134. }
clone this paste RAW Paste Data