Пример моего кода на PHP... И не только.
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.

137 satır
3.2KB

  1. /**
  2. * Файл chiefred.default.css - стандартный набор стилей для отображения статьи,
  3. * загруженной по API ChiefRed.com
  4. *
  5. * НЕ РЕДАКТИРУЙТЕ ЭТОТ ФАЙЛ!!!
  6. *
  7. * При последующих обновлениях плагина он будет замещаться и все Ваши изменения пропадут.
  8. * Создайте новый файл с именем chiefred.css в той же папке, скопируйте в него содержимое
  9. * этого файла и там уже вносите свои правки.
  10. *
  11. */
  12. .chiefred-article-parent span::before {
  13. content: "\2190 ";
  14. color: #007acc;
  15. display: inline-block;
  16. width: 10px;
  17. height: 10px;
  18. margin-right: 10px;
  19. }
  20. .chiefred-article-creators {
  21. font-size: 13px;
  22. color: #3fa55e;
  23. margin: 20px 0;
  24. cursor: default;
  25. }
  26. .chiefred-article-creators span {
  27. font-style: italic;
  28. margin: 0 2px;
  29. }
  30. .chiefred-article-creators span::after {
  31. content: ", ";
  32. }
  33. .chiefred-article-creators span:last-child::after {
  34. content: "";
  35. }
  36. .chiefred-article-content p,
  37. .chiefred-article-child p
  38. {
  39. text-align: justify;
  40. text-indent: 2em;
  41. font-size: 1em;
  42. line-height: 1.7em;
  43. padding-bottom: 11px;
  44. margin: 0;
  45. }
  46. .chiefred-article-content .photo,
  47. .chiefred-article-child .photo
  48. {
  49. margin: 5px 25px 5px 0;
  50. float: left;
  51. cursor: zoom-in;
  52. }
  53. .chiefred-article-child-readmore {
  54. overflow: hidden;
  55. margin: 0 0 40px;
  56. }
  57. .chiefred-article-child-readmore a:hover {
  58. background: #107eb5;
  59. }
  60. .chiefred-article-child-readmore a {
  61. float: right;
  62. display: block;
  63. background: #1494d5;
  64. color: #fff;
  65. text-decoration: none;
  66. text-transform: uppercase;
  67. font-weight: bold;
  68. padding: 7px 28px;
  69. border-radius: 4px;
  70. }
  71. #chiefred-was-usefull {
  72. border-top: 1px solid #ccc;
  73. overflow: hidden;
  74. padding: 30px 0;
  75. }
  76. #chiefred-wu-is {
  77. width: 473px;
  78. overflow: hidden;
  79. margin: 0 auto;
  80. }
  81. #chiefred-wu-caption {
  82. font-size: 16px;
  83. font-weight: bold;
  84. float: left;
  85. }
  86. #chiefred-wu-buttons {
  87. float: left;
  88. margin-top: 24px;
  89. }
  90. .chiefred-btn {
  91. border: 1px solid #ccc !important;
  92. border-radius: 3px !important;
  93. min-width: 100px !important;
  94. padding: 7px !important;
  95. outline: none !important;
  96. background: #fff !important;
  97. color: #3E4156 !important;
  98. font-size: 14px !important;
  99. cursor: pointer !important;
  100. margin-right: 30px !important;
  101. }
  102. .chiefred-btn:hover {
  103. background: #ccc !important;
  104. }
  105. #chiefred-pwu-yes, #chiefred-pwu-no, #chiefred-pwu-error {
  106. width: 473px;
  107. margin: 30px auto;
  108. }
  109. #chiefred-was-usefull textarea {
  110. width: 100%;
  111. height: 100px;
  112. padding: 10px 20px;
  113. max-width: 100%;
  114. outline-color: #ffd27d;
  115. }
  116. .chiefred-wu-limit {
  117. font-size: 12px;
  118. }
  119. .chiefred-wu-limit .chiefred-btn {
  120. float: right !important;
  121. margin: 5px 0 !important;
  122. background: #428bca !important;
  123. color: #fff !important;
  124. border-color: #357ebd !important;
  125. }