You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
2.6 KiB

10 years ago
  1. /*******************************
  2. Search
  3. *******************************/
  4. @promptBorderRadius: @circularRadius;
  5. /* Result Box */
  6. @resultsBackground: #FFFFFF;
  7. @resultsDistance: 0.5em;
  8. @resultsWidth: 380px;
  9. @resultsBorderRadius: 0.25em;
  10. @resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
  11. /* Result */
  12. @resultFontSize: 0.9em;
  13. @resultVerticalPadding: 0.5em;
  14. @resultHorizontalPadding: 1em;
  15. @resultTextColor: @textColor;
  16. @resultLineHeight: 1.33;
  17. /* Result Image */
  18. @resultImageFloat: right;
  19. @resultImageBackground: none;
  20. @resultImageWidth: 5em;
  21. @resultImageHeight: 3em;
  22. @resultImageBorderRadius: 0.25em;
  23. @resultImageMargin: 0em 6em 0em 0em;
  24. /* Result Content */
  25. @resultTitleFont: @headerFont;
  26. @resultTitleFontWeight: normal;
  27. @resultTitleColor: @darkTextColor;
  28. @resultDescriptionColor: @textColor;
  29. @resultPriceFloat: right;
  30. @resultPriceColor: @green;
  31. /* Special Message */
  32. @messageVerticalPadding: 1em;
  33. @messageHorizontalPadding: 1em;
  34. @messageTitleFontSize: 1.25em;
  35. @messageTitleFontWeight: bold;
  36. @messageTitleColor: @textColor;
  37. @messageDescriptionDistance: 0.5rem;
  38. @messageDescriptionFontSize: 1rem;
  39. @messageDescriptionColor: @textColor;
  40. /* All Results Link */
  41. @allResultsBorder: 1px solid rgba(0, 0, 0, 0.1);
  42. @allResultsBackground: #F0F0F0;
  43. @allResultsHeight: 2em;
  44. @allResultsColor: @textColor;
  45. @allResultsFontWeight: bold;
  46. @allResultsAlign: center;
  47. /*******************************
  48. States
  49. *******************************/
  50. /* Hover */
  51. @resultHoverBackground: #FAFAFA;
  52. @allResultsHoverBackground: #FAFAFA;
  53. /* Loading */
  54. @loaderPath: "@{imagePath}/loader-mini.gif";
  55. /* Active Category */
  56. @categoryActiveBackground: #F1F1F1;
  57. @categoryNameActiveColor: @textColor;
  58. /* Active Result */
  59. @resultActiveBorderLeft: transparent;
  60. @resultActiveBackground: #F0F0F0;
  61. @resultActiveBoxShadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.2);
  62. @resultActiveTitleColor: @darkTextColor;
  63. @resultActiveDescriptionColor: @darkTextColor;
  64. /*******************************
  65. Types
  66. *******************************/
  67. /* Category */
  68. @categoryBackground: #F0F0F0;
  69. @categoryBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  70. @categoryResultTransition: background 0.2s ease, border-color 0.2s ease;
  71. @categoryNameFont: @pageFont;
  72. @categoryNameFontSize: 0.9em;
  73. @categoryNameFloat: left;
  74. @categoryNamePadding: 0.5em 0em 0em 1em;
  75. @categoryNameFontWeight: bold;
  76. @categoryNameColor: @lightTextColor;
  77. @categoryResultBackground: #FFFFFF;
  78. @categoryNameWidth: 100px;
  79. @categoryResultLeftBorder: 1px solid rgba(0, 0, 0, 0.1);
  80. @categoryResultTopBorder: 1px solid rgba(0, 0, 0, 0.1);
  81. /* Sizes */
  82. @medium: 1em;
  83. @large: 1.1em;