Изменение стиля списка тегов

готовый вариант модификация стиля тэгов

#1 19 июня 2015 в 10:27



Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст



2. в файл стилей templates/default/css/theme-widgets.css

добавить:

[hide]
  1. .widget_list
  2. {
  3. font-size:14px;
  4. line-height: 11px;
  5. padding-left:0px;
  6. display:inline-block;
  7. }
  8.  
  9.  
  10. .tag {
  11. float:left;
  12. margin:0 0 7px 20px;
  13. position:relative;
  14.  
  15. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  16. font-size:0.75em;
  17. font-weight:bold;
  18. text-decoration:none;
  19.  
  20. color:#996633;
  21. text-shadow:0px 1px 0px rgba(255,255,255,.4);
  22.  
  23. padding:0.417em 0.417em 0.417em 0.917em;
  24.  
  25. border-top:1px solid #d99d38;
  26. border-right:1px solid #d99d38;
  27. border-bottom:1px solid #d99d38;
  28.  
  29. -webkit-border-radius:0 0.25em 0.25em 0;
  30. -moz-border-radius:0 0.25em 0.25em 0;
  31. border-radius:0 0.25em 0.25em 0;
  32.  
  33. background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  34. background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  35. background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  36. background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  37. background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  38. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
  39.  
  40. -webkit-box-shadow:
  41. inset 0 1px 0 #faeaba,
  42. 0 1px 1px rgba(0,0,0,.1);
  43. -moz-box-shadow:
  44. inset 0 1px 0 #faeaba,
  45. 0 1px 1px rgba(0,0,0,.1);
  46. box-shadow:
  47. inset 0 1px 0 #faeaba,
  48. 0 1px 1px rgba(0,0,0,.1);
  49. }
  50. .tag:before {
  51. content:'';
  52.  
  53. width:1.30em;
  54. height:1.358em;
  55.  
  56. background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  57. background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  58. background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  59. background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  60. background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  61. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
  62.  
  63. position:absolute;
  64. left😲.69em;
  65. top:.2em;
  66.  
  67. -webkit-transform:rotate(45deg);
  68. -moz-transform:rotate(45deg);
  69. -o-transform:rotate(45deg);
  70. transform:rotate(45deg);
  71.  
  72. border-left:1px solid #d99d38;
  73. border-bottom:1px solid #d99d38;
  74.  
  75. -webkit-border-radius:0 0 0 0.25em;
  76. -moz-border-radius:0 0 0 0.25em;
  77. border-radius:0 0 0 0.25em;
  78.  
  79. z-index:1;
  80. }
  81.  
  82.  
  83.  
  84. .tag:after {
  85. content:'';
  86.  
  87. width:0.5em;
  88. height:0.5em;
  89.  
  90. background:#fff;
  91.  
  92. -webkit-border-radius:4.167em;
  93. -moz-border-radius:4.167em;
  94. border-radius:4.167em;
  95.  
  96. border:1px solid #d99d38;
  97.  
  98. -webkit-box-shadow:0 1px 0 #faeaba;
  99. -moz-box-shadow:0 1px 0 #faeaba;
  100. box-shadow:0 1px 0 #faeaba;
  101.  
  102. position:absolute;
  103. top:0.667em;
  104. left😲.083em;
  105. z-index:9999;
  106. }
  107. .tag:hover {
  108. background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  109. background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  110. background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  111. background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  112. background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  113. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
  114.  
  115. border-color:#e1b160;
  116. }
  117. .tag:hover:before {
  118. background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254,
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.