Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) 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.28 KB  |  views: 38  |  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
  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. /* Start Header Logo */
  12. #header-logo {
  13. float: left;
  14. width: 100%;
  15. height: 150px;
  16. overflow: hidden;
  17. color: transparent;
  18. }
  19. /* End Header Logo */
  20.  
  21. .site-header h1 a, .site-header h2 a,
  22. .site-header h1, .site-header h2 {
  23.         display: none;
  24. }
  25.  
  26. /* Social media icons in header */
  27. #header_icons{
  28.    float: left;
  29.    margin-top: 0px;
  30.    width:400px;
  31. }
  32.  
  33. #header_icons li{
  34.    float: left;
  35.    margin: 5px 0px;
  36.    display:inline;
  37. }
  38.  
  39. #header_icons ul li {
  40.   display: inline;
  41. }
  42. /* Social media icons in header END*/
  43.  
  44. .site-header {
  45.     background-color: #ffffff;
  46. }
  47.  
  48.   .main-navigation ul.nav-menu,
  49.   .main-navigation div.nav-menu > ul {
  50.     border-bottom: 1px solid #969696;
  51.     border-top: 1px solid #969696;
  52. }
  53.  
  54. /* Headings -----*/
  55.  
  56. h1 { /* This style used as title on single posts and pages */
  57.   clear: both;
  58.   font-size: 20px;
  59.   color: #447994;
  60.   font-family: "Century Gothic", Helvetica, Arial, Sans-Serif;
  61.   margin: 0px 0px 10px 0px;
  62.   padding: 5px 0px;
  63.   font-weight: normal;
  64.   text-transform: capitalize;
  65.   text-align: right;
  66.   letter-spacing: -2px;
  67.   border-top: 2px solid #ffffff;
  68.   border-bottom: 2px solid #ffffff;
  69.  
  70.   /* Site Content width -----*/
  71.     .site-content {
  72.     float: left;
  73.     width: 73%;
  74.  
  75. /* Sidebar -----*/
  76. .widget-area .widget a {
  77.   color: 1c6ba0;
  78. }
  79. .widget-area .widget a:hover {
  80.   color: #21759b;
  81. }
  82.  
  83. /* Left Sidebar Layout -----*/
  84. @media screen and (min-width: 600px) {
  85.     .left-sidebar.custom-layout .site-content {
  86.         float: right;
  87.     }
  88.     .left-sidebar.custom-layout .widget-area {
  89.     float: left;
  90.     clear: left;
  91.     background-color: #F0F9FF;
  92.     }
  93.   .left-sidebar.custom-layout #extra-sidebar {
  94.     float: left;
  95.     width: 26.0417%;
  96.     margin: 1.71429rem 0 0;
  97.     background-color: #F0F9FF;
  98.   }
  99. }
  100.  
  101. /* Footer */
  102. footer[role="contentinfo"] {
  103.   border-top: 1px solid #7ecafa;
  104.   padding: 24px 0;
  105.   padding: 1.714285714rem 0;
  106.   background-color: #F0F9FF;
  107.   border-bottom: 15px solid #7ecafa;
  108. }
  109.  
  110. /* Footer  menu links*/
  111. ul#menu-footer-menu li {
  112.    display: inline;
  113.    padding: 0 10px;
  114. }