twentyfifteen_extra_css

The Twenty Fifteen twentyfifteen extra css function.

Description

twentyfifteen_extra_css(); 

Usage

  1. if ( !function_exists( 'twentyfifteen_extra_css' ) ) { 
  2. require_once '/inc/wpcom-colors.php'; 
  3.  
  4.  
  5. // NOTICE! Understand what this does before running. 
  6. $result = twentyfifteen_extra_css(); 
  7.  

Defined (1)

The function is defined in the following location(s).

/inc/wpcom-colors.php  
  1. function twentyfifteen_extra_css() { ?> 
  2. .small-screen .widget button,  
  3. .small-screen .widget input[type="button"],  
  4. .small-screen .widget input[type="reset"],  
  5. .small-screen .widget input[type="submit"],  
  6. .small-screen .widget_calendar tbody a,  
  7. .small-screen .widget_calendar tbody a:hover,  
  8. .small-screen .widget_calendar tbody a:focus { 
  9. color: #fff; 
  10.  
  11. .small-screen .widget button,  
  12. .small-screen .widget input[type="button"],  
  13. .small-screen .widget input[type="reset"],  
  14. .small-screen .widget input[type="submit"],  
  15. .small-screen .widget_calendar tbody a { 
  16. background-color: #333; 
  17.  
  18. .small-screen .secondary a,  
  19. .small-screen .dropdown-toggle:after,  
  20. .small-screen .widget-title,  
  21. .small-screen .widget blockquote cite,  
  22. .small-screen .widget blockquote small { 
  23. color: #333; 
  24.  
  25. .small-screen .textwidget a { 
  26. border-color: #333; 
  27.  
  28. .small-screen .widget button:hover,  
  29. .small-screen .widget button:focus,  
  30. .small-screen .widget input[type="button"]:hover,  
  31. .small-screen .widget input[type="button"]:focus,  
  32. .small-screen .widget input[type="reset"]:hover,  
  33. .small-screen .widget input[type="reset"]:focus,  
  34. .small-screen .widget input[type="submit"]:hover,  
  35. .small-screen .widget input[type="submit"]:focus,  
  36. .small-screen .widget_calendar tbody a:hover,  
  37. .small-screen .widget_calendar tbody a:focus { 
  38. background-color: #707070; 
  39. background-color: rgba(51, 51, 51, 0.7); 
  40.  
  41. .small-screen .secondary a:hover,  
  42. .small-screen .secondary a:focus,  
  43. .small-screen .main-navigation .menu-item-description,  
  44. .small-screen .widget,  
  45. .small-screen .widget blockquote,  
  46. .small-screen .widget .wp-caption-text,  
  47. .small-screen .widget .gallery-caption { 
  48. color: #707070; 
  49. color: rgba(51, 51, 51, 0.7); 
  50.  
  51. .small-screen .widget blockquote { 
  52. border-color: #707070; 
  53. border-color: rgba(51, 51, 51, 0.7); 
  54.  
  55. .small-screen .widget input:focus,  
  56. .small-screen .widget textarea:focus { 
  57. border-color: #c1c1c1; 
  58. border-color: rgba(51, 51, 51, 0.3); 
  59.  
  60. .small-screen .sidebar a:focus,  
  61. .small-screen .dropdown-toggle:focus { 
  62. outline-color: #c1c1c1; 
  63. outline-color: rgba(51, 51, 51, 0.3); 
  64.  
  65. .small-screen .main-navigation ul,  
  66. .small-screen .main-navigation li,  
  67. .small-screen .widget input,  
  68. .small-screen .widget textarea,  
  69. .small-screen .widget table,  
  70. .small-screen .widget th,  
  71. .small-screen .widget td,  
  72. .small-screen .widget pre,  
  73. .small-screen .widget li,  
  74. .small-screen .widget ul ul,  
  75. .small-screen .widget_categories .children,  
  76. .small-screen .widget_nav_menu .sub-menu,  
  77. .small-screen .widget_pages .children,  
  78. .small-screen .widget abbr[title] { 
  79. border-color: #eaeaea; 
  80. border-color: rgba(51, 51, 51, 0.1); 
  81.  
  82. .small-screen .dropdown-toggle:hover,  
  83. .small-screen .dropdown-toggle:focus,  
  84. .small-screen .widget hr { 
  85. background-color: #eaeaea; 
  86. background-color: rgba(51, 51, 51, 0.1); 
  87.  
  88. .small-screen .widget-area .milestone-header,  
  89. .small-screen .widget-area .milestone-countdown,  
  90. .small-screen .widget-area .milestone-message { 
  91. border-color: #eaeaea; 
  92. border-color: rgba(51, 51, 51, 0.1); 
  93. color: inherit; 
  94.  
  95. .small-screen .milestone-widget .event,  
  96. .small-screen .milestone-widget .difference { 
  97. color: #333; 
  98. <?php