You are here

classified.css in Classified Ads 7.3

Same filename and directory in other branches
  1. 6.3 theme/classified.css

Specific CSS styles for classified.module

@copyright (c) 2010 Ouest Systemes Informatiques (OSInet)

@license General Public License version 2 or later

Original code, not derived from the ed_classified module.

Recommended custom styling:

  • add your own rules for .classified-max-length to get specific styling of the "remaining" <div>.

File

theme/classified.css
View source
  1. /**
  2. * @file
  3. * Specific CSS styles for classified.module
  4. *
  5. * @copyright (c) 2010 Ouest Systemes Informatiques (OSInet)
  6. *
  7. * @license General Public License version 2 or later
  8. *
  9. * Original code, not derived from the ed_classified module.
  10. *
  11. * Recommended custom styling:
  12. * - add your own rules for .classified-max-length to get specific styling of
  13. * the "remaining"
    .
  14. */
  15. .classified-expires {
  16. background-color: #c0c0d0;
  17. padding: 0.5em 1em;
  18. margin: 0 0 0 1em;
  19. float: right;
  20. width: 14em;
  21. }
  22. .classified-expires-expired {
  23. color: #606060;
  24. }
  25. .classified-expires-soon {
  26. color: #ff8000;
  27. }
  28. .classified-expires-later {
  29. color: white;
  30. }
  31. /**
  32. * Specific formatting for Advanced Help files related to this module
  33. */
  34. .advanced-help-topic .classified-help code {
  35. border: none;
  36. display: inline-block;
  37. margin: 0 0.1em;
  38. padding: 0 0.25em;
  39. }
  40. /**
  41. * Prevent wrapping on the main classified page if the category list is not wide
  42. * enough
  43. */
  44. table.classified-term-list {
  45. width: 100%;
  46. }
  47. /**
  48. * Center #Ads column
  49. */
  50. table.classified-term-list td.classified-number,
  51. table.classified-term-list th.classified-number {
  52. text-align: center;
  53. }
  54. /**
  55. * Allow specific styling of the "remaining"
    .
  56. *
  57. * This is for the number of characters remaining
  58. */
  59. .classified-max-length>span {
  60. padding: 0.2em 0.5em;
  61. border: thin solid silver;
  62. }
  63. /**
  64. * Used on _classified_list_nodes() in node teaser mode
  65. */
  66. .classified-list-title {
  67. margin: 0 0.5em 0 0;
  68. }
  69. .classified-list-teaser {
  70. margin: 0;
  71. }
  72. .classified-list-teaser:before {
  73. content: '-';
  74. margin: 0 0.5em 0 0;
  75. }
  76. /**
  77. * Classified settings form
  78. */
  79. #classified-admin-settings-lifetimes td {
  80. padding-top: 0.1em;
  81. padding-bottom: 0.1em;
  82. }
  83. #classified-admin-settings-lifetimes td .description {
  84. margin-bottom: 0;
  85. }
  86. #classified-admin-settings-lifetimes td input {
  87. text-align: center;
  88. }