PageRenderTime 62ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/options-css.php

https://github.com/marpa/translucence
PHP | 941 lines | 573 code | 195 blank | 173 comment | 9 complexity | 1f319a73afdc4def0e225aa7a8ac42fb MD5 | raw file
  1. <?php
  2. if ( ! function_exists( 'translucence_options_css' ) ) :
  3. /*********************************************************
  4. * Translucence options css
  5. * embeds theme options in css
  6. *
  7. * @since 2010 Translucence 1.0
  8. * @return string css
  9. *********************************************************/
  10. function translucence_options_css() {
  11. global $translucence_options, $translucence_config;
  12. global $translucence_options_id;
  13. // add # to theme option for site-title and description
  14. if (!preg_match("/\#/", $translucence_options['site-title-color'])) {
  15. $translucence_options['site-title-color'] = "#".$translucence_options['site-title-color'];
  16. }
  17. if (!preg_match("/\#/", $translucence_options['site-description-color'])) {
  18. $translucence_options['site-description-color'] = "#".$translucence_options['site-description-color'];
  19. }
  20. ob_start();
  21. /******************************************************************************
  22. * CSS definitions for all classes in this theme that have been modified by theme options
  23. * See: template-options.php for this theme's html
  24. ******************************************************************************/
  25. ?>
  26. /* =css translucence theme options update
  27. * add all of this css to the style.css of the Translucence child theme
  28. * NOTE: change background-image url from absolute to relative
  29. -------------------------------------------------------------- */
  30. /* The main theme structure */
  31. body {
  32. font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;
  33. color: <?php print $translucence_options['textcolor']?>;
  34. background-color: <?php print $translucence_options['background_color']?>;
  35. background-image: <?php print $translucence_options['background_image']?>;
  36. background-repeat: <?php print $translucence_options['background_repeat']?>;
  37. background-position: <?php print $translucence_options['background_position']?>;
  38. background-attachment: <?php print $translucence_options['background_attachment']?>;
  39. }
  40. #access .menu-header,
  41. div.menu,
  42. #branding,
  43. #main,
  44. #wrapper {
  45. width: <?php print $translucence_options['site-width']?>px;
  46. }
  47. #wrapper {
  48. background-color: <?php print $translucence_options['site-color-rgb']?>;
  49. -moz-box-shadow: 0px 0px <?php print $translucence_options['site-border-shadow'] ?>px rgba(0,0,0,0.2);
  50. -webkit-box-shadow: 0px 0px <?php print $translucence_options['site-border-shadow'] ?>px rgba(0,0,0,0.2);
  51. box-shadow: 0px 0px <?php print $translucence_options['site-border-shadow'] ?>px rgba(0,0,0,0.2);
  52. border: 1px <?php print $translucence_options['site-border-style'] ?> <?php print $translucence_options['site-border-color']?>;
  53. padding: <?php print $translucence_options['site-padding-top'] ?>px <?php print $translucence_options['site-padding-bottom'] ?>px;
  54. }
  55. .sitewrapper {
  56. width: <?php print $translucence_options['site-width']?>px;
  57. margin-top: <?php print $translucence_options['site-margin-top']?>px;
  58. }
  59. /* The theme meta areas */
  60. .headermeta_left {
  61. margin-left: <?php print $translucence_options['header-meta-left-margin']?>;
  62. }
  63. .headermeta_right {
  64. margin-right: <?php print $translucence_options['header-meta-right-margin']?>;
  65. }
  66. .footermeta_left {
  67. margin-left: <?php print $translucence_options['footer-meta-left-margin']?>;
  68. }
  69. .footermeta_right {
  70. margin-right: <?php print $translucence_options['footer-meta-right-margin']?>;
  71. }
  72. /* The theme header area */
  73. #header {
  74. margin-top: <?php print $translucence_options['header-top-margin']?>px;
  75. }
  76. #branding {
  77. width: <?php print ($translucence_options['site-width'] - ($translucence_options['header-border-width'] * 2))?>px;
  78. height: <?php print $translucence_options['header-block-height']?>px;
  79. color: <?php print $translucence_options['header-text-color']?>;
  80. border: 1px <?php print $translucence_options['headerblock-border-style']?> <?php print $translucence_options['header-border-color']?>;
  81. background-color: <?php print $translucence_options['header-color-rgb']?>;
  82. }
  83. #branding:hover {
  84. background-color: <?php print $translucence_options['header-color-hover-rgb']?>;
  85. border: 1px <?php print $translucence_options['headerblock-hover-border-style']?> <?php print $translucence_options['header-border-color']?>;
  86. }
  87. #branding .headerblock {
  88. width: <?php print ($translucence_options['site-width'] - ($translucence_options['header-border-width'] * 2))?>px;
  89. height: <?php print $translucence_options['header-block-height']?>px;
  90. }
  91. #branding #title-box {
  92. display: <?php print $translucence_options['show-header-text']?>;
  93. height: <?php print $translucence_options['title-box-height']?>px;
  94. top: <?php print $translucence_options['title-box-top']?>px;
  95. left: <?php print $translucence_options['title-box-left']?>px;
  96. margin-top: <?php print $translucence_options['title-box-top-margin']?>px;
  97. }
  98. #branding #site-title {
  99. color: <?php print $translucence_options['site-title-color']?>;
  100. background-color: <?php print $translucence_options['title-box-color-rgb']?>;
  101. height: <?php print ($translucence_options['site-title-size'] + 6)?>px;
  102. font-size: <?php print $translucence_options['site-title-size']?>px;
  103. line-height: <?php print ($translucence_options['site-title-size'] + 6)?>px;
  104. text-shadow: <?php print $translucence_options['header-text-shadow-color']?> <?php print $translucence_options['header-text-shadow-offset']?> <?php print $translucence_options['header-text-shadow-blur']?>;
  105. }
  106. #branding #site-description {
  107. color: <?php print $translucence_options['site-description-color']?>;
  108. background-color: <?php print $translucence_options['description-box-color-rgb']?>;
  109. font-size: <?php print $translucence_options['site-description-size']?>px;
  110. line-height: <?php print ($translucence_options['site-description-size'] + 2)?>px;
  111. }
  112. /* Misc full width area settings */
  113. #footer {
  114. width: <?php print $translucence_options['site-width']?>px;
  115. }
  116. /* =Content and Container
  117. -------------------------------------------------------------- */
  118. #content {
  119. margin-top: <?php print $translucence_options['content-margin-top']?>px;
  120. margin-left: <?php print $translucence_options['content-margin-left']?>px;
  121. margin-right: <?php print $translucence_options['content-margin-right']?>px;
  122. width: <?php print $translucence_options['content-width']?>px;
  123. color: <?php print $translucence_options['textcolor']?>;
  124. background-color: <?php print $translucence_options['content-color-rgb']?>;
  125. border: <?php print $translucence_options['content-border-width'] ?>px <?php print $translucence_options['content-border-style'] ?> <?php print $translucence_options['content-border-color']?>;
  126. font-size: <?php print $translucence_options['entry-text-size']?>px;
  127. line-height: <?php print $translucence_options['entry-line-height']?>px;
  128. padding-top: <?php print $translucence_options['content-padding-top']?>px;
  129. padding-left: <?php print $translucence_options['content-padding-left']?>px;
  130. padding-right: <?php print $translucence_options['content-padding-right']?>px;
  131. }
  132. /* =Widget Areas (primary, secondary, tertiary, footer-widget-area)
  133. -------------------------------------------------------------- */
  134. #tertiary {
  135. display: <?php print $translucence_options['left01-visibility']?>;
  136. }
  137. #primary {
  138. display: <?php print $translucence_options['right01-visibility']?>;
  139. }
  140. #secondary {
  141. display: <?php print $translucence_options['right02-visibility']?>;
  142. }
  143. <?php
  144. $variation_css = ob_get_clean();
  145. ob_start();
  146. /* =tertiary widget area
  147. -------------------------------------------------------------- */
  148. ?>
  149. #tertiary {
  150. margin-top: <?php print $translucence_options['left01-margin-top']?>px;
  151. margin-right: <?php print $translucence_options['left01-margin-right']?>px;
  152. color: <?php print $translucence_options['left01-text-color']?>;
  153. background-color: <?php print $translucence_options['left01-color-rgb']?>;
  154. border: <?php print $translucence_options['left01-border-width']?>px <?php print $translucence_options['left01-border-style']?> <?php print $translucence_options['left01-border-color']?>;
  155. width: <?php print $translucence_options['left01-width']?>px;
  156. padding-top: <?php print $translucence_options['left01-padding-top']?>px;
  157. padding-left: <?php print $translucence_options['left01-padding-left']?>px;
  158. padding-right: <?php print $translucence_options['left01-padding-right']?>px;
  159. }
  160. #tertiary:hover {
  161. background-color: <?php print $translucence_options['left01-color-hover-rgb']?>;
  162. border: <?php print $translucence_options['left01-border-width']?>px <?php print $translucence_options['left01-hover-border-style']?> <?php print $translucence_options['left01-border-color']?>;
  163. }
  164. #tertiary a {
  165. color: <?php print $translucence_options['left01-link-color']?>;
  166. }
  167. #tertiary a:hover {
  168. color: <?php print $translucence_options['left01-link-color']?>;
  169. border-bottom: 1px solid <?php print $translucence_options['left01-link-color']?>;
  170. }
  171. #tertiary .page_item a:hover,
  172. #tertiary .menu-item a:hover {
  173. color: <?php print $translucence_options['left01-link-color']?>;
  174. border: 1px dotted <?php print $translucence_options['left01-border-color']?>;
  175. }
  176. #primary .widget_categories li.cat-item:hover,
  177. #secondary .widget_categories li.cat-item:hover,
  178. #tertiary .widget_categories li.cat-item:hover {
  179. color: <?php print $translucence_options['left01-link-color']?>;
  180. border: 1px dotted <?php print $translucence_options['left01-border-color']?>;;
  181. }
  182. #tertiary h2, #tertiary h3 {
  183. color: <?php print $translucence_options['left01-heading-color']?>;
  184. border-bottom: 1px none #CCCCCC;
  185. }
  186. #tertiary ul ul li, #tertiary ul ol li {
  187. color: <?php print $translucence_options['left01-text-color']?>;
  188. }
  189. #tertiary #searchform #s {
  190. background: url(<?php print get_template_directory_uri() ?>/images/search.png) no-repeat 5px 6px;
  191. background-color: <?php print $translucence_options['searchbox-color']?>;
  192. color: <?php print $translucence_options['linkcolor']?>;
  193. }
  194. #tertiary #wp-calendar tbody {
  195. color: <?php print $translucence_options['left01-text-color']?>;
  196. }
  197. #tertiary #wp-calendar a {
  198. border-bottom: 1px dotted <?php print $translucence_options['left01-link-color']?>;
  199. padding: 2px;
  200. }
  201. #tertiary #wp-calendar a:hover {
  202. border-bottom: 1px solid <?php print $translucence_options['left01-link-color']?>;
  203. }
  204. #tertiary .widget_pages li.current_page_item,
  205. #tertiary .widget_categories li.current-cat,
  206. #tertiary .widget_nav_menu li.current-menu-item {
  207. background-color: <?php print $translucence_options['left01-highlight-color-rgb']?>;
  208. padding: 3px;
  209. border: 1px solid <?php print $translucence_options['left01-border-color']?>;
  210. }
  211. <?php
  212. if ($translucence_options['left01-visibility'] == "none") {
  213. ob_end_clean();
  214. ob_start();
  215. }
  216. $variation_css .= ob_get_clean();
  217. ob_start();
  218. /* =primary widget area
  219. -------------------------------------------------------------- */
  220. ?>
  221. #primary {
  222. margin-top: <?php print $translucence_options['right01-margin-top']?>px;
  223. margin-left: <?php print $translucence_options['right01-margin-left']?>px;
  224. margin-bottom: auto;
  225. color: <?php print $translucence_options['right01-text-color']?>;
  226. background-color: <?php print $translucence_options['right01-color-rgb']?>;
  227. border: <?php print $translucence_options['right01-border-width']?>px <?php print $translucence_options['right01-border-style']?> <?php print $translucence_options['right01-border-color']?>;
  228. width: <?php print $translucence_options['right01-width']?>px;
  229. padding-top: <?php print $translucence_options['right01-padding-top']?>px;
  230. padding-left: <?php print $translucence_options['right01-padding-left']?>px;
  231. padding-right: <?php print $translucence_options['right01-padding-right']?>px;
  232. }
  233. #primary:hover {
  234. background-color: <?php print $translucence_options['right01-color-hover-rgb']?>;
  235. border: <?php print $translucence_options['right01-border-width']?>px <?php print $translucence_options['right01-hover-border-style']?> <?php print $translucence_options['right01-border-color']?>;
  236. }
  237. #primary a {
  238. color: <?php print $translucence_options['right01-link-color']?>;
  239. }
  240. #primary a:hover {
  241. color: <?php print $translucence_options['right01-link-color']?>;
  242. border-bottom: 1px solid <?php print $translucence_options['right01-link-color']?>;
  243. }
  244. #primary .page_item a:hover {
  245. color: <?php print $translucence_options['right01-link-color']?>;
  246. border: 1px dotted <?php print $translucence_options['right01-border-color']?>;
  247. }
  248. #primary h2, #primary h3 {
  249. color: <?php print $translucence_options['right01-heading-color']?>;
  250. border-bottom: 1px none #CCCCCC;
  251. }
  252. #primary ul ul li, #primary ul ol li {
  253. color: <?php print $translucence_options['right01-text-color']?>;
  254. }
  255. #primary #searchform #s {
  256. background: url(<?php print get_template_directory_uri() ?>/images/search.png) no-repeat 5px 6px;
  257. background-color: <?php print $translucence_options['searchbox-color']?>;
  258. color: <?php print $translucence_options['linkcolor']?>;
  259. }
  260. #primary #wp-calendar tbody {
  261. color: <?php print $translucence_options['right01-text-color']?>;
  262. }
  263. #primary #wp-calendar a {
  264. border-bottom: 1px dotted <?php print $translucence_options['right01-link-color']?>;
  265. padding: 2px;
  266. }
  267. #primary #wp-calendar a:hover {
  268. border-bottom: 1px solid <?php print $translucence_options['right01-link-color']?>;
  269. }
  270. #primary .widget_pages li.current_page_item,
  271. #primary .widget_categories li.current-cat,
  272. #primary .widget_nav_menu li.current-menu-item {
  273. background-color: <?php print $translucence_options['right01-highlight-color-rgb']?>;
  274. padding: 3px;
  275. border: 1px solid <?php print $translucence_options['right01-border-color']?>;
  276. }
  277. <?php
  278. if ($translucence_options['right01-visibility'] == "none") {
  279. ob_end_clean();
  280. ob_start();
  281. }
  282. $variation_css .= ob_get_clean();
  283. ob_start();
  284. /* =secondary widget area
  285. -------------------------------------------------------------- */
  286. ?>
  287. #secondary {
  288. margin-top: <?php print $translucence_options['right02-margin-top']?>px;
  289. margin-left: <?php print $translucence_options['right02-margin-left']?>px;
  290. color: <?php print $translucence_options['right02-text-color']?>;
  291. background-color: <?php print $translucence_options['right02-color-rgb']?>;
  292. border: <?php print $translucence_options['right02-border-width']?>px <?php print $translucence_options['right02-border-style']?> <?php print $translucence_options['right02-border-color']?>;
  293. width: <?php print $translucence_options['right02-width']?>px;
  294. padding-top: <?php print $translucence_options['right02-padding-top']?>px;
  295. padding-left: <?php print $translucence_options['right02-padding-left']?>px;
  296. padding-right: <?php print $translucence_options['right02-padding-right']?>px;
  297. }
  298. #secondary:hover {
  299. background-color: <?php print $translucence_options['right02-color-hover-rgb']?>;
  300. border: 1px <?php print $translucence_options['right02-hover-border-style']?> <?php print $translucence_options['right02-border-color']?>;
  301. }
  302. #secondary a {
  303. color: <?php print $translucence_options['right02-link-color']?>;
  304. }
  305. #secondary a:hover {
  306. color: <?php print $translucence_options['right02-link-color']?>;
  307. border-bottom: 1px solid <?php print $translucence_options['right02-link-color']?>;
  308. }
  309. #secondary .page_item a:hover {
  310. color: <?php print $translucence_options['right02-link-color']?>;
  311. border: 1px dotted <?php print $translucence_options['right02-border-color']?>;
  312. }
  313. #secondary h2, #secondary h3 {
  314. color: <?php print $translucence_options['right02-heading-color']?>;
  315. border-bottom: 1px none #CCCCCC;
  316. }
  317. #secondary ul ul li, #secondary ul ol li {
  318. color: <?php print $translucence_options['right02-text-color']?>;
  319. }
  320. #secondary #searchform #s {
  321. background: url(<?php print get_template_directory_uri() ?>/images/search.png) no-repeat 5px 6px;
  322. background-color: <?php print $translucence_options['searchbox-color']?>;
  323. color: <?php print $translucence_options['linkcolor']?>;
  324. }
  325. #secondary #wp-calendar tbody {
  326. color: <?php print $translucence_options['right02-text-color']?>;
  327. }
  328. #secondary #wp-calendar a {
  329. border-bottom: 1px dotted <?php print $translucence_options['right02-link-color']?>;
  330. padding: 2px;
  331. }
  332. #secondary #wp-calendar a:hover {
  333. border-bottom: 1px solid <?php print $translucence_options['right02-link-color']?>;
  334. }
  335. #secondary .widget_pages li.current_page_item,
  336. #secondary .widget_pages li.current-cat,
  337. #secondary .widget_nav_menu li.current-menu-item {
  338. background-color: <?php print $translucence_options['right02-highlight-color-rgb']?>;
  339. padding: 3px;
  340. border: 1px solid <?php print $translucence_options['right02-border-color']?>;
  341. }
  342. <?php
  343. if ($translucence_options['right02-visibility'] == "none") {
  344. ob_end_clean();
  345. ob_start();
  346. }
  347. $variation_css .= ob_get_clean();
  348. ob_start();
  349. /* =footer widget area
  350. -------------------------------------------------------------- */
  351. ?>
  352. #footer-widget-area {
  353. border: 1px <?php print $translucence_options['bottom-border-style']?> <?php print $translucence_options['bottom-border-color']?>;
  354. color: <?php print $translucence_options['bottom-text-color']?>;
  355. background-color: <?php print $translucence_options['bottom-color-rgb']?>;
  356. width: <?php print $translucence_options['menu-width']?>px;
  357. }
  358. #footer-widget-area:hover {
  359. background-color: <?php print $translucence_options['bottom-color-hover-rgb']?>;
  360. border: 1px <?php print $translucence_options['bottom-hover-border-style']?> <?php print $translucence_options['bottom-border-color']?>;
  361. }
  362. #footer-widget-area .widget-area {
  363. background-color: transparent;
  364. width: <?php print $translucence_options['footer-widget-width']?>px;
  365. }
  366. #footer-widget-area a {
  367. color: <?php print $translucence_options['bottom-link-color']?>;
  368. }
  369. #footer-widget-area a:hover {
  370. color: <?php print $translucence_options['bottom-link-color']?>;
  371. border-bottom: 1px solid <?php print $translucence_options['bottom-link-color']?>;
  372. }
  373. #footer-widget-area h2, #footer-widget-area h3 {
  374. color: <?php print $translucence_options['bottom-heading-color']?>;
  375. border-bottom: 1px solid <?php print $translucence_options['bottom-heading-color']?>;
  376. }
  377. #footer-widget-area #wp-calendar tbody {
  378. color: <?php print $translucence_options['bottom-text-color']?>;
  379. }
  380. #footer-widget-area #wp-calendar a {
  381. border-bottom: 1px dotted <?php print $translucence_options['bottom-link-color']?>;
  382. padding: 2px;
  383. }
  384. #footer-widget-area #wp-calendar a:hover {
  385. border-bottom: 1px solid <?php print $translucence_options['bottom-link-color']?>;
  386. }
  387. #footer-widget-area ul ul li, .footer-widget-area ul ol li {
  388. color: <?php print $translucence_options['bottom-text-color']?>;
  389. }
  390. #colophon {
  391. border-top: 1px <?php print $translucence_options['colophon-border-type']?> #000;
  392. }
  393. /* =toggle links
  394. -------------------------------------------------------------- */
  395. #content .togglelink {
  396. background-color: <?php print $translucence_options['content-color-rgb']?>;
  397. color: <?php print $translucence_options['textcolor']?>;
  398. }
  399. #primary .togglelink,
  400. #secondary .togglelink,
  401. #tertiary .togglelink {
  402. color: <?php print $translucence_options['textcolor']?>;
  403. }
  404. #content .togglelink:hover,
  405. #primary .togglelink:hover,
  406. #secondary .togglelink:hover,
  407. #tertiary .togglelink:hover {
  408. color: <?php print $translucence_options['linkcolor']?>;
  409. }
  410. /* =Access (top navigation bar)
  411. -------------------------------------------------------------- */
  412. #access {
  413. color: <?php print $translucence_options['top-text-color']?>;
  414. background-color: <?php print $translucence_options['top-color-rgb']?>;
  415. border: 1px <?php print $translucence_options['top-border-style']?> <?php print $translucence_options['top-border-color']?>;
  416. display: block;
  417. float: left;
  418. margin-left: <?php print $translucence_options['top-margin-left']?>px;
  419. width: <?php print $translucence_options['menu-width']?>px;
  420. margin-top: <?php print $translucence_options['top-margin-top']?>px;
  421. }
  422. #access .menu-header,
  423. div.menu {
  424. width: <?php print $translucence_options['site-width']?>px;
  425. }
  426. #access .menu-header,
  427. div.menu,
  428. #main {
  429. width: <?php print $translucence_options['site-width']?>px;
  430. }
  431. #access a {
  432. color: <?php print $translucence_options['top-link-color']?>;
  433. }
  434. #access ul ul {
  435. background: <?php print $translucence_options['top-color-hover02-rgb']?>;
  436. background: <?php print $translucence_options['top-color-hover02-rgba']?>;
  437. -moz-box-shadow: 0px 0px 2px <?php print $translucence_options['header-text-shadow-color']?>;
  438. -webkit-box-shadow: 0px 0px 2px <?php print $translucence_options['header-text-shadow-color']?>;
  439. box-shadow: 0px 0px 2px <?php print $translucence_options['header-text-shadow-color']?>;
  440. border-left: 1px solid <?php print $translucence_options['top-border-left']?>;
  441. border-right: 1px solid <?php print $translucence_options['top-border-right']?>;
  442. }
  443. #access ul ul a {
  444. color: <?php print $translucence_options['top-child-link-color']?>;
  445. }
  446. #access li:hover > a,
  447. #access ul ul:hover > a {
  448. color: <?php print $translucence_options['top-child-link-color']?>;
  449. background-color: <?php print $translucence_options['top-color-hover03']?>;
  450. -moz-box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  451. -webkit-box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  452. box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  453. border: 1px solid transparent;
  454. text-decoration: none;
  455. }
  456. #access .sub-menu ul,
  457. #access .children ul {
  458. color: <?php print $translucence_options['top-child-link-color']?>;
  459. }
  460. #access .sub-menu ul li {
  461. border-bottom: 1px none transparent;
  462. }
  463. #access ul li.current_page_item.page_item > a,
  464. #access ul li.current_page_ancestor > a,
  465. #access ul li.current-menu-ancestor > a,
  466. #access ul li.current-menu-item > a,
  467. #access ul li.current-menu-parent > a {
  468. color: <?php print $translucence_options['top-child-link-color']?>;
  469. background-color: <?php print $translucence_options['top-color-hover03']?>;
  470. -moz-box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  471. -webkit-box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  472. box-shadow: 0px 0px 1px <?php print $translucence_options['header-text-shadow-color']?>;
  473. }
  474. * html #access ul li.current_page_item.page_item a,
  475. * html #access ul li.current_page_ancestor > a,
  476. * html #access ul li.current-menu-ancestor a,
  477. * html #access ul li.current-menu-item a,
  478. * html #access ul li.current-menu-parent a,
  479. * html #access ul li a:hover {
  480. color: <?php print $translucence_options['top-child-link-color']?>;
  481. background-color: <?php print $translucence_options['top-color-hover03']?>;
  482. border-bottom: 1px transparent;
  483. }
  484. /* End Access (top navigation bar)
  485. -------------------------------------------------------------- */
  486. /* =widget navigation
  487. -------------------------------------------------------------- */
  488. /* End widget navigation
  489. -------------------------------------------------------------- */
  490. /* =page navigation
  491. -------------------------------------------------------------- */
  492. .breadcrumbs a {
  493. color: <?php print $translucence_options['linkcolor']?>;
  494. }
  495. /* =calendar and table css
  496. -------------------------------------------------------------- */
  497. #wp-calendar tbody td {
  498. background-color: transparent;
  499. border: 1px solid transparent;
  500. }
  501. /* Begin post/page entry css
  502. -------------------------------------------------------------- */
  503. /* Entry titles */
  504. #content .entry-title {
  505. color: <?php print $translucence_options['linkcolor']?>;
  506. font-weight: normal;
  507. line-height: 1.3em;
  508. margin-bottom: 0;
  509. display: block;
  510. text-align: left;
  511. text-shadow: <?php print $translucence_options['post-text-shadow-color']?> <?php print $translucence_options['post-text-shadow-offset']?> <?php print $translucence_options['post-text-shadow-blur']?>;
  512. border-bottom: 1px solid #CCCCCC;
  513. }
  514. #content .entry-title:hover {
  515. border-bottom: 1px solid <?php print $translucence_options['linkcolor']?>;
  516. }
  517. .entry-title a:link,
  518. .entry-title a:visited {
  519. color: <?php print $translucence_options['linkcolor']?>;
  520. }
  521. /* Entry Headers */
  522. h1, h2, h3, h4 {
  523. color: <?php print $translucence_options['content-text-color']?>;
  524. }
  525. #entry-author-info #author-description {
  526. color: <?php print $translucence_options['content-text-color']?>;
  527. }
  528. #entry-author-info a,
  529. #author-description a {
  530. color: <?php print $translucence_options['linkcolor']?>;
  531. }
  532. a:link, a:hover, a:visited, a:active, h2 a:hover, h3 a:hover {
  533. color: <?php print $translucence_options['linkcolor']?>;
  534. }
  535. a:hover {
  536. border-bottom:1px solid <?php print $translucence_options['linkcolor']?>;
  537. }
  538. /* Entry-content links */
  539. .entry-content {
  540. text-align: <?php print $translucence_options['entry-text-align']?>;
  541. }
  542. .entry-content a {
  543. color: <?php print $translucence_options['linkcolor']?>;
  544. text-decoration:none;
  545. border-bottom: 1px <?php print $translucence_options['entry-link-border']?>;
  546. padding:0.07em;
  547. }
  548. .entry-content a:hover {
  549. border-bottom: 1px <?php print $translucence_options['entry-link-hover-border']?>;
  550. background-color: <?php print $translucence_options['entry-link-hover-background_color']?>;
  551. }
  552. .entry-content a:link,
  553. .entry-content a:visited {
  554. color: <?php print $translucence_options['linkcolor_visited']?>;
  555. border-bottom: 1px <?php print $translucence_options['entry-link-border']?>;
  556. }
  557. .entry-summary a:link {
  558. color: <?php print $translucence_options['linkcolor']?>;
  559. }
  560. .more-link:hover {
  561. background-color: transparent;
  562. color: <?php print $translucence_options['linkcolor']?>;
  563. border-top: 1px solid <?php print $translucence_options['content-link-color']?>;
  564. border-bottom: 1px dotted <?php print $translucence_options['content-link-color']?>;
  565. }
  566. .continue-reading:hover {
  567. color: <?php print $translucence_options['linkcolor']?>;
  568. border-top: 1px solid <?php print $translucence_options['content-link-color']?>;
  569. border-bottom: 1px dotted <?php print $translucence_options['content-link-color']?>;
  570. }
  571. /* Entry-content headers */
  572. .entry-content h2, .entry-content h3, .entry-content h1 {
  573. color: <?php print $translucence_options['content-text-color']?>;
  574. }
  575. /* Entry-meta */
  576. .entry-meta {
  577. color: <?php print $translucence_options['content-text-color']?>;
  578. font-size: 12px;
  579. }
  580. .entry-meta a,
  581. .entry-utility a {
  582. color: <?php print $translucence_options['linkcolor']?>;
  583. }
  584. .entry-meta a:hover,
  585. .entry-utility a:hover {
  586. color: <?php print $translucence_options['linkcolor']?>;
  587. }
  588. .page-link a:link,
  589. .page-link a:visited {
  590. background: <?php print $translucence_options['content-highlight-color-rgb']?>;
  591. color: <?php print $translucence_options['content-text-color']?>;
  592. font-weight: normal;
  593. padding: 0.2em 0.4em;
  594. text-decoration: none;
  595. border: 1px solid #CCCCCC;
  596. }
  597. .home .sticky .page-link a {
  598. background: <?php print $translucence_options['content-highlight-color-rgb']?>;
  599. }
  600. .page-link {
  601. color: <?php print $translucence_options['content-text-color']?>;
  602. }
  603. .page-link a:active,
  604. .page-link a:hover {
  605. border: 1px solid <?php print $translucence_options['entry-link-color']?>;
  606. }
  607. ins {
  608. background-color: <?php print $translucence_options['content-highlight-color-rgb']?>;
  609. }
  610. /* Post metadata */
  611. .postmetadata.alt:hover {
  612. border-top: 1px solid <?php print $translucence_options['content-link-color']?>;
  613. }
  614. .postmetadata.alt a {
  615. color: <?php print $translucence_options['content-link-color']?>;
  616. }
  617. .postmetadata.alt a:hover {
  618. color: <?php print $translucence_options['content-link-color']?>;
  619. border-bottom: 1px dotted <?php print $translucence_options['content-link-color']?>;
  620. }
  621. /* Begin tag links */
  622. .tagcloud a {
  623. border: 1px <?php print $translucence_options['tag-links-border-style']?> transparent;
  624. }
  625. .tagcloud a:hover {
  626. border: 1px <?php print $translucence_options['tag-links-border-style']?> <?php print $translucence_options['tag-links-link-color']?>;
  627. }
  628. .taglinks a {
  629. color: <?php print $translucence_options['tag-links-link-color']?>;
  630. background-color: <?php print $translucence_options['tag-links-color-rgb']?>;
  631. border: 1px <?php print $translucence_options['tag-links-border-style']?> <?php print $translucence_options['tag-links-border-color']?>;
  632. }
  633. .taglinks a:hover {
  634. color: <?php print $translucence_options['tag-links-link-color']?>;
  635. background-color: <?php print $translucence_options['tag-links-color']?>;
  636. border: 1px <?php print $translucence_options['tag-links-hover-border-style']?> <?php print $translucence_options['tag-links-hover-border-color']?>;
  637. }
  638. /* Begin category links */
  639. .catlinks a {
  640. color: <?php print $translucence_options['cat-links-link-color']?>;
  641. background-color: <?php print $translucence_options['cat-links-color-rgb']?>;
  642. border: 1px <?php print $translucence_options['cat-links-border-style']?> <?php print $translucence_options['cat-links-border-color']?>;
  643. }
  644. .catlinks a:hover {
  645. background-color: <?php print $translucence_options['cat-links-color']?>;
  646. border: 1px <?php print $translucence_options['cat-links-hover-border-style']?> <?php print $translucence_options['cat-links-hover-border-color']?>;
  647. }
  648. /* Begin editing UI links */
  649. .edit-link {
  650. clear: both;
  651. display: block;
  652. }
  653. .post-link a {
  654. color: <?php print $translucence_options['linkcolor']?>;
  655. display: block;
  656. border: 1px dotted <?php print $translucence_options['linkcolor']?>;
  657. text-align: center;
  658. padding: 5px;
  659. margin-bottom: 10px;
  660. }
  661. .post-link a:hover {
  662. display: block;
  663. border: 1px solid <?php print $translucence_options['linkcolor']?>;
  664. }
  665. .edit-link a {
  666. display: block;
  667. border: 1px dotted <?php print $translucence_options['linkcolor']?>;
  668. text-align: center;
  669. text-decoration: none;
  670. padding: 1px;
  671. margin-top: 10px;
  672. margin-bottom: 10px;
  673. }
  674. .edit-link a:hover {
  675. background-color: transparent;
  676. text-decoration: none;
  677. border: 1px solid <?php print $translucence_options['linkcolor']?>;
  678. }
  679. /* Begin comments */
  680. .comment-author a {
  681. color: <?php print $translucence_options['linkcolor']?>;
  682. }
  683. .reply a,
  684. a.comment-edit-link {
  685. color: <?php print $translucence_options['linkcolor']?>;
  686. }
  687. .comment-meta a:link,
  688. .comment-meta a:visited {
  689. color: <?php print $translucence_options['linkcolor']?>;
  690. text-decoration: none;
  691. }
  692. #commentform textarea {
  693. background-color: <?php print $translucence_options['thread-even-bgcolor']?>;
  694. color: <?php print $translucence_options['commentfield']?>;
  695. }
  696. .logged-in-as a {
  697. color: <?php print $translucence_options['linkcolor']?>;
  698. }
  699. #comments .pingback a {
  700. color: <?php print $translucence_options['linkcolor']?>;
  701. }
  702. .comment-body a {
  703. color: <?php print $translucence_options['linkcolor']?>;
  704. }
  705. .thread-alt {
  706. background-color: <?php print $translucence_options['thread-alt-bgcolor']?>;
  707. }
  708. .thread-even {
  709. background-color: <?php print $translucence_options['thread-even-bgcolor']?>;
  710. }
  711. /* Begin navigation */
  712. .navigation a:link,
  713. .navigation a:visited {
  714. color: <?php print $translucence_options['linkcolor']?>;
  715. text-decoration: none;
  716. }
  717. /* Begin syndication */
  718. #syndication a {
  719. color: <?php print $translucence_options['linkcolor']?>;
  720. }
  721. #syndication a:visited {
  722. color: <?php print $translucence_options['linkcolor']?>;
  723. }
  724. /* Begin background text and link color */
  725. .bgtextcolor {
  726. color: <?php print $translucence_options['bgtextcolor']?>;
  727. }
  728. .bgtextcolor a {
  729. color: <?php print $translucence_options['bglinkcolor']?>;
  730. }
  731. .bgtextcolor a:hover {
  732. color: <?php print $translucence_options['bglinkcolor']?>;
  733. border-bottom: 1px solid <?php print $translucence_options['bglinkcolor']?>;
  734. }
  735. small, .nocomments, .postmetadata, blockquote, strike {
  736. color: <?php print $translucence_options['content-text-color']?>;
  737. }
  738. <?php
  739. /******************************************************************************
  740. * Get above css and return to translucence_theme_options_init() in theme-options.php
  741. ******************************************************************************/
  742. $variation_css .= ob_get_contents();
  743. ob_end_clean();
  744. return $variation_css;
  745. }
  746. endif;