Advertisement
Guest User

Untitled

a guest
Dec 1st, 2015
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.38 KB | None | 0 0
  1. /* Personalizacao das cores do cabecalho,
  2. incluindo a navegacao e a busca */
  3.  
  4.  
  5. /* Fundo do cabecalho */
  6. #header {
  7. border-top: 10px solid #11242e;
  8. background: #193442;
  9. }
  10.  
  11. /* Link na navegacao */
  12. #header #nav a {
  13. color: #fff;
  14. background: #193442;
  15. }
  16.  
  17. /* Link na navegacao: estado hover; */
  18. #header #nav a:hover {
  19. color: #00C7C0;
  20. }
  21.  
  22. /* Cor do icone do link na navegacao */
  23. #menu-primary li:before {
  24. color: #3F5C6B;
  25. }
  26.  
  27. /* Icone da busca e navegacao
  28. (janela menor que 680px de largura) */
  29. #search-toggle:after,
  30. #search-toggle {
  31. color: #3F5C6B;
  32. }
  33.  
  34. /* Icone e texto da busca */
  35. #search-toggle:hover:after,
  36. .search-close .search-text,
  37. #search-toggle:before,
  38. #search-toggle:hover .search-text,
  39. .search-text:hover {
  40. color: #00C7C0;
  41. }
  42.  
  43. /* Icone e texto da navegacao */
  44. #nav-toggle span,
  45. #nav-toggle span:before,
  46. #nav-toggle span:after {
  47. background: #3F5C6B;
  48. }
  49.  
  50. /* Borda ao lado do icone da busca */
  51. #search-toggle:after,
  52. #search-toggle:before {
  53. border-left: 1px solid #3F5C6B;
  54.  
  55. }
  56.  
  57. /* Borda no link da navegacao e busca (abaixo de 680px) */
  58. #menu-primary > a,
  59. #search-toggle {
  60. border: 1px solid #3F5C6B;
  61. }
  62.  
  63. /* Removendo o fundo do item que possui o submenu */
  64. #menu-primary li.menu-item-has-children:hover,
  65. #menu-primary-items .sub-menu li a:hover,
  66. #menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
  67. background: none;
  68. }
  69.  
  70. /* Removendo sombra em volta do sub-menu */
  71. #menu-primary>ul>li.menu-item-has-children:hover>a,
  72. #menu-primary>ul:not(:hover)>li.menu-item-has-children.active>a {
  73. box-shadow: none;
  74. }
  75.  
  76. /* Cor de fundo dos itens do submenu */
  77. #header #nav .sub-menu a {
  78. background: #11242E;
  79. border-top: 1px solid #193442;
  80. }
  81.  
  82. /* Removendo a borda da esquerda para larguras acima de 680px */
  83. @media screen and (max-width: 680px) {
  84. #search-toggle:after {
  85. border-left: 0;
  86. }
  87.  
  88. #header #menu-primary-items a {
  89. background: #11242E;
  90. border-top: 1px solid #193442;
  91. }
  92.  
  93. #menu-primary>ul:before {
  94. border-color: transparent transparent #11242E transparent;
  95. }
  96. }
  97.  
  98. /* Removendo as bordas para larguras abaixo de 680px */
  99. @media screen and (min-width: 680px) {
  100. #search-toggle {
  101. border: none;
  102. }
  103. }
  104.  
  105.  
  106. /* Modo Zen */
  107.  
  108. /* Fundo do cabecalho */
  109. .zen #header {
  110. border-top: 10px solid #EDF1F2;
  111. background: #fff;
  112. }
  113.  
  114. /* Link na navegacao */
  115. .zen #header #nav a {
  116. color: #B3C1C7;
  117. background: #fff;
  118. }
  119.  
  120. /* Link na navegacao: estado hover; */
  121. .zen #header #nav a:hover {
  122. color: #00C7C0;
  123. }
  124.  
  125. /* Cor do icone do link na navegacao */
  126. .zen #menu-primary li:before {
  127. color: #B3C1C7;
  128. }
  129.  
  130. /* Icone da busca e navegacao
  131. (janela menor que 680px de largura) */
  132. .zen #search-toggle:after,
  133. .zen #search-toggle {
  134. color: #B3C1C7;
  135. }
  136.  
  137. /* Icone e texto da busca */
  138. .zen #search-toggle:hover:after,
  139. .zen .search-close .search-text,
  140. .zen #search-toggle:before,
  141. .zen #search-toggle:hover .search-text,
  142. .zen .search-text:hover {
  143. color: #00C7C0;
  144. }
  145.  
  146. /* Icone e texto da navegacao */
  147. .zen #nav-toggle span,
  148. .zen #nav-toggle span:before,
  149. .zen #nav-toggle span:after {
  150. background: #B3C1C7;
  151. }
  152.  
  153. /* Borda ao lado do icone da busca */
  154. .zen #search-toggle:after,
  155. .zen #search-toggle:before {
  156. border-left: 1px solid #B3C1C7;
  157.  
  158. }
  159.  
  160. /* Borda no link da navegacao e busca (abaixo de 680px) */
  161. .zen #menu-primary > a,
  162. .zen #search-toggle {
  163. border: 1px solid #B3C1C7;
  164. }
  165.  
  166. /* Removendo o fundo do item que possui o submenu */
  167. .zen #menu-primary li.menu-item-has-children:hover,
  168. .zen #menu-primary-items .sub-menu li a:hover,
  169. .zen #menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
  170. background: none;
  171. }
  172.  
  173. .zen #menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
  174. color: #B3C1C7;
  175. }
  176.  
  177. /* Removendo sombra em volta do sub-menu */
  178. .zen #menu-primary>ul>li.menu-item-has-children:hover>a,
  179. .zen #menu-primary>ul:not(:hover)>li.menu-item-has-children.active>a {
  180. box-shadow: none;
  181. }
  182.  
  183. /* Cor de fundo dos itens do submenu */
  184. .zen #header #nav .sub-menu a {
  185. background: #11242E;
  186. border-top: 1px solid #193442;
  187. }
  188.  
  189. /* Removendo a borda da esquerda para larguras acima de 680px */
  190. @media screen and (max-width: 680px) {
  191. .zen #search-toggle:after {
  192. border-left: 0;
  193. }
  194.  
  195. .zen #header #menu-primary-items a {
  196. background: #11242E;
  197. border-top: 1px solid #193442;
  198. }
  199.  
  200. .zen #menu-primary>ul:before {
  201. border-color: transparent transparent #11242E transparent;
  202. }
  203. }
  204.  
  205. /* Removendo as bordas para larguras abaixo de 680px */
  206. @media screen and (min-width: 680px) {
  207. .zen #search-toggle {
  208. border: none;
  209. }
  210. }
  211.  
  212. /* Reduzindo o tamanho dos títulos */
  213. .singular h1.entry-title {
  214. font-size: 2rem;
  215. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement