"css/template.css" в шаблоне "ja_edenite"

Еще раз здравствуйте!
Пытаюсь разобраться с шаблоном - не выходит.
Задача: сменить фон страниц текста.
Мои действия:
1. Захожу в админпанель (доступ к фтп снова закрыт).
2. Выбираю менеджер шаблонов
3. Редактирую шаблон по умолчанию (он называется "ja_edenite")
4. Из нескольких доступных файлов выбираю редактировать "css/template.css"
5. Ищу, где меняется фон, вот что нахожу:

Код (PHP):

1. /* COMMON STYLE
2. --------------------------------------------------------- */
3. body { font-family: "Lucida Grande", Arial, sans-serif;}

Это единственное упоминание о "body" в файле.

Добавляю цвет фона таким образом:

Код (PHP):

1. margin:0px;
2.   padding:0px;
3.   background: #999999;
4.  background-image: none;

Выбрал черный для того, чтоб сразу проверить.
Созраняю, очищаю кэш, просматриваю страницу сайта - никаких изменений.
В чем дело?

Проверил тот ли это блок - изменил шрифт с Arial на другой - работает. Шрифт текста меняется в блоке новостей, главном меню, но не в блоке с основным контентом.

Ребята, жду от вас рекомендаций.

 

В списке шаблонов смотрю тот, который стоит по умолчанию. Открываю. Вижу несколько css файлов. Выбираю template.css (так начитался в интернете - говорят, что настройки там). Потом смотрю блоки, какие есть. Что-то для стиля новостей, что-то для формы входа и т.п. Методом исключения остается только блок "Body". В нем только одна строчка о шрифтах. туда дописываю просто

margin:0px;
padding:0px;
background: #000;
background-image: none;

Все... я думаю, что это и есть цвет фона... Если ошибаюсь, поправьте меня, пожалуйста. Может я и вправду не там ищу.

 

Дорогой вымой человек!)) Срботало)
Теперь, когда я уверен, что фон настраивается именно тут, скажите... а как, если не в фотошопе искать трехзначное значение цвета, а не шести?

 

Буду привыкать - придется сталкиваться часто.

У меня новый вопрос:
Редактировал код долго и усердно, перебирая всевозможные значения. Доигрался. Где-то что-то поменял и границы нужного блока не выставляются. Их просто не видно.
Подскажите, какую часть нужно изменить, чтоб границы начали отбражаться.
Границы нужны тут:

Код (PHP):

1. /* MAIN LAYOUT DIVS
2. --------------------------------------------------------- */

А вот полный код Css:

Код (PHP):

1. /* COMMON STYLE
2. --------------------------------------------------------- */
3. body { font-family: "Lucida Grande", Arial, sans-serif;
4.        background: #fafad6 !important;}
5.  
6. /* Normal links ---*/
7. a { color: #2c79b3; text-decoration: none; }
8.  
9. a:hover, a:active, a:focus { text-decoration: underline; }
10.  
11. /* Readon links ---*/
12. p.readmore{ clear: both; overflow: hidden; }
13.  
14. p.readmore a {
15.   background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
16.  clear: both;
17.   color: #fff;
18.  display: block;
19.   float: left;
20.   font-size: 92%;
21.   margin-top: 10px;
22.   padding: 1px 5px;
23.   text-align: center;
24.   text-transform: lowercase;
25. }
26.  
27. p.readmore a:hover, p.readmore a:active, p.readmore a:focus{
28.   background: url(../images/grad2-1.gif) repeat-x center #2C79B3;
29.  text-decoration: none;
30. }
31.  
32. .column p, .column pre, .column blockquote, .column h1, .column h2,
33. .column h3, .column h4, .column h5, .column h6, .column ol,
34. .column ul, .column dl { margin: 10px 0; }
35.  
36. .componentheading { font-size: 200%; }
37.  
38. h1.componentheading, .componentheading { border-bottom: 1px solid #E7E8E6; font-weight: normal; }
39.  
40. h2.contentheading, .contentheading {
41.   font-weight: normal;
42.   margin: 0;
43.   padding: 5px 0 0;
44.   width: 85%;
45. }
46.  
47. .ja-content-main h2{ color: #2C79B3; font-weight: normal; margin-bottom: 0; }
48.  
49. .item-page h1 {
50.   border-bottom: 1px solid #E7E8E6;
51.  color: #515756;
52.  font-weight: normal;
53.   line-height: 1.6;
54. }
55.  
56. .contentheading { color: #2C79B3; }
57.  
58. .blog-featured .contentheading { font-size: 150%; padding: 0; }
59.  
60. .blog-featured .header-content { margin-bottom: 0; }
61.  
62. .jitem-title { font-size: 110%; font-weight: bold; }
63.  
64. ul li {
65.   background: url(../images/bullet.gif) no-repeat 18px 7px;
66.   line-height: 160%;
67.   padding-left: 30px;
68. }
69.  
70. ol li { line-height: 180%; margin-left: 35px; }
71.  
72. /* Others ---*/
73. hr { border-top: 1px solid #ccc; }
74.  
75. br.clearfix{ line-height: 0; }
76.  
77. /* images caption ---*/
78. .img-boder.left{ margin-right: 10px; margin-top: 5px; }
79.  
80. /* FORM
81. --------------------------------------------------------- */
82. input, select, textarea, .inputbox { font-family: Tahoma, Arial, sans-serif; padding: 2px; }
83.  
84. .inputbox { background: #FFF; border: 1px solid #ccc; }
85.  
86. .inputbox:hover, .inputbox:focus { background: #ffffcc; }
87.  
88. .button {
89.   background: url(../images/grad4.gif) repeat-x;
90.   border: 1px outset #A8A8A8;
91.  color: #515756;
92.  font-size: 92%;
93.   font-weight: bold;
94.   line-height: normal;
95.   overflow: visible;
96.   padding: 2px 8px;
97. }
98.  
99. .search .word button{ vertical-align: middle; }
100.  
101. /* Search ---*/
102. form#searchForm { padding: 0; }
103.  
104. .searchintro { border-bottom: 1px solid #E7E8E6; }
105.  
106. .results h4 { font-size: 110%; text-transform: none; }
107.  
108. .search fieldset { border: 1px solid #E7E8E6; margin: 15px 0; padding: 10px; }
109.  
110. .search .word .inputbox, .search .word label{ vertical-align: middle; }
111.  
112. .search .word .inputbox { height: 17px; line-height: 17px; }
113.  
114. .search legend { font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; }
115.  
116. #ja-search { bottom: auto; font-size: 11px; right: 10px; top: 6px; }
117.  
118. #ja-search .inputbox {
119.  background: #FFF url(../images/icon-search.gif) 5px 50% no-repeat;
120.  color: #515756;
121.  height: 13px;
122.   line-height: 13px;
123.   padding: 2px 0 2px 22px;
124. }
125.  
126. /* Contact ---*/
127. #component-contact #emailForm { border-top: 1px solid #ccc; }
128.  
129. #contact-slider { float: none; }
130.  
131. #contact-slider .title { border: 1px solid #e2e2b5; border-bottom: none; padding: 8px 10px; }
132.  
133. #contact-slider .jpane-toggler-down { background: #333; }
134.  
135. #contact-slider .jpane-toggler-down a { color: #fff; }
136.  
137. #contact-slider dt.closed { background: #ffffcc; }
138.  
139. #contact-slider .content { padding: 8px 10px; }
140.  
141. #contact-slider .contact-image { margin: 15px 0; }
142.  
143. #contact-slider .jicons-icons { float: left; margin-right: 3px; width: 16px; }
144.  
145. #contact-slider fieldset dd { margin-left: 0; }
146.  
147. .contact h2 { margin-bottom: 10px !important; }
148.  
149. /* -- EDITOR STYLES ----------------------------- */
150. #adminForm fieldset {
151.  border: 1px solid #ccc;
152.  margin-bottom: 20px;
153.   padding: 10px;
154. }
155.  
156. #adminForm fieldset legend { padding: 0 5px; }
157.  
158. /* JOOMLA STYLE
159. --------------------------------------------------------- */
160. /* Layout Deco ---*/
161. .items-row {
162.   border-bottom: 1px solid #E7E8E6;
163.  padding-bottom: 10px;
164.   padding-top: 10px;
165.   margin-left: 0;
166.   margin-right: 0;
167. }
168.  
169. .items-leading {
170.   border-bottom: 1px solid #E7E8E6;
171.  padding-bottom: 10px;
172. }
173.  
174. /* Meta ---*/
175. dl.article-info, div.modified {
176.   color: #858783;
177.  float: none;
178.   margin: 0;
179.   text-transform: none;
180.   width: 99%;
181. }
182.  
183. dl.article-info dd, dl.article-info dt { display: block; }
184.  
185. .contentdescription { border-bottom: 1px solid #E7E8E6; }
186.  
187. ul.actions li { background: none; margin: 0; padding: 0; }
188.  
189. /*Inline images ---*/
190. p.img_caption { color: #fff; text-transform: uppercase; }
191.  
192. /* Tables ---*/
193. table.category {
194.   margin-bottom: 10px;
195. }
196.  
197. thead tr th { background: #A8A8A8 url(../images/grad3.gif) 0 100% repeat-x; color: #fff; }
198.  
199. thead tr th a,
200. thead tr th a:hover,
201. thead tr th a:focus,
202. thead tr th a:active { color: #FFF; }
203.  
204. .cat-list-row1,
205. .cat-list-row12,
206. tr.cat-list-row1 td,
207. tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }
208.  
209. .weblink-category td { padding: 0 10px; vertical-align: top; }
210.  
211. .weblink-category td.hits,
212. .weblink-category td.hits { padding-top: 10px; }
213.  
214. .weblink-category td ul.actions,
215. .weblink-category td ul.actions { margin: 0 !important; }
216.  
217. .cat-list-row0:hover,
218. .cat-list-row1:hover,
219. .cat-list-row2:hover { background: #ffffcc; }
220.  
221. .cat-list-row2,
222. tr.cat-list-row2 td { background-color: #f6f6f6; }
223.  
224. /* Content Toc */
225. table.contenttoc { border: 1px solid #ccc; }
226.  
227. table.contenttoc td { border-bottom: 1px dotted #ccc; }
228.  
229. table.contenttoc th {
230.   background: #fff;
231.  border-bottom: 1px solid #000;
232.  text-transform: uppercase;
233. }

 

не влезло все, вот продолжение кода:

Код (PHP):

1. /* Poll */
2. form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; }
3.  
4. dl.poll { border-bottom: 1px dotted #ccc; }
5.  
6. table.pollstableborder td {
7.   background: #f6f6f6;
8.  border-bottom: 1px solid #ccc;
9.  font-weight: bold;
10.   padding: 5px !important;
11. }
12.  
13. table.pollstableborder tr.sectiontableentry0 td,
14. table.pollstableborder tr.sectiontableentry1 td { background: #000; font-weight: normal; }
15.  
16. /* Pagination ---*/
17. .pagination li span,
18. .pagination li strong { line-height: 20px; }
19.  
20. /* page counter */
21. .ja-content-main .pagenavcounter {
22.   background: url(../images/icon-pages.gif ) 0 13px  no-repeat;
23.   font-weight: bold;
24.   overflow: hidden;
25.   padding: 8px 14px 0;
26.   text-align: left;
27.   width: 90%;
28. }
29.  
30. .ja-content-main .counter { margin: -20px 0 0 0; }
31.  
32. /* paging */
33. .pagination {
34.   background: url(../images/icon-pages.gif) 0 13px no-repeat;
35.   font-weight: bold;
36.   overflow: hidden;
37.   padding-left: 14px;
38. }
39.  
40. .pagination ul li, ul.pagenav li{ margin: 0 5px 0 0; }
41.  
42. .pagination ul li span.pagenav, .pagination ul li a.pagenav, ul.pagenav li a { font-weight: normal; }
43.  
44. .items-more { padding: 5px 0; }
45.  
46. .items-more h3 { font-size: 125%; }
47.  
48. .jlinks{ list-style: none; }
49.  
50. .jlinks li{
51.   background: url(../images/bullet.gif) 5px 8px no-repeat;
52.   line-height: 160%;
53.   margin: 0;
54.   padding-left: 17px;
55. }
56.  
57. /* MODULE STYLES
58. --------------------------------------------------------- */
59. /* Login Form */
60. #ja-login {
61.  background: url(../images/grad4.gif) repeat-x bottom #FFF;
62.  border: 1px solid #E7E8E6;
63.  border-bottom: 1px solid #E7E8E6;
64.  float: right;
65.   padding: 4px 8px;
66. }
67.  
68. #ja-login .userdata{ padding: 0; }
69.  
70. #ja-login .userdata p{ float: left; }
71.  
72. #ja-login .userdata #form-login-remember{
73.  clear: both;
74.   display: none;
75.   float: none;
76.   overflow: hidden;
77.   padding: 5px 0 0 20px;
78.   width: 90%;
79. }
80.  
81. #form-login-remember input{
82.  border: none;
83.   float: left;
84.   height: 13px;
85.   margin: 2px 5px 0 0;
86.   padding: 0;
87.   width: 13px;
88. }
89.  
90. #ja-login #form-login-remember label{
91.  color: #858783;
92.  display: block;
93.   float: left;
94.   font-size: 11px;
95.   height: auto;
96.   text-indent: 0;
97.   width: auto;
98. }
99.  
100. #ja-login label{
101.  display: block;
102.   float: left;
103.   height: 20px;
104.   overflow: hidden;
105.   text-indent: -5000px;
106.   width: 20px;
107. }
108.  
109. #form-login-username label{ background: url(../images/icon-user.gif) 0 50% no-repeat; padding-left: 20px; }
110.  
111. #form-login-password label{ background: url(../images/icon-key.gif) 0 50% no-repeat; padding-left: 20px; }
112.  
113. #form-login-username .inputbox, #form-login-password .inputbox{
114.  color: #515756;
115.  font-size: 92%;
116.   font-weight: normal;
117.   margin: 1px 8px 0 0;
118.   width: 110px;
119. }
120.  
121. #login-form ul{
122.  clear: both;
123.   overflow: hidden;
124.   padding: 2px 0 0;
125.   width: 100%;
126. }
127.  
128. #login-form ul li{
129.  background: none;
130.   display: block;
131.   height: 16px;
132.   line-height: 16px;
133.   margin: 0 5px 0 0;
134.   padding-left: 0 !important;
135. }
136.  
137. #login-form li a{
138.  color: #858783;
139.  font-size: 10px;
140.   padding: 0;
141.   text-decoration: none;
142. }
143.  
144. #login-form li a:hover{ text-decoration: underline; }
145.  
146. #ja-login input.button{
147.  cursor: pointer;
148.   float: left;
149.   height: 19px;
150.   margin: 1px 0 0;
151.   overflow: visible;
152.   padding: 0 3px;
153. }
154.  
155. .reset button, .remind button, .registration button.validate{
156.   background: url(../images/grad4.gif) repeat-x;
157.   border: 1px outset #A8A8A8;
158.  color: #515756;
159.  font-size: 92%;
160.   font-weight: bold;
161.   overflow: visible;
162.   padding: 2px 8px;
163. }
164.  
165. div.registration { padding: 15px 0 0 0; }
166.  
167. div.registration legend { color: #2C79B3; font-size: 180%; font-weight: normal; }
168.  
169. div.registration span.text { color: red; }
170.  
171. input#jform_contact_emailmsg { width: 330px !important; }
172.  
173. #ja-header #login-form ul li {
174.  float: left !important;
175.   padding-left: 15px !important;
176. }
177.  
178. /* Statistics module--- */
179. .stats-module dt{
180.   float: left;
181.   font-weight: bold;
182.   font-weight: bold;
183.   margin: 0 5px 0 0;
184. }
185.  
186. /* Module border */
187. div.moduletable_border { border: 1px solid #ccc; padding: 0 10px 10px; }
188.  
189. /* Module shadow */
190. div.moduletable_shadow h3,
191. div.moduletable_border h3,
192. div.moduletable_round h3 {
193.   background: url(../images/grad-l1.gif) repeat-x left bottom !important;
194.   border-bottom: 1px solid #ebe6e2;
195.  margin: 0 -10px 10px;
196.   padding: 5px 10px 5px;
197. }
198.  
199. div.moduletable_shadow h3 span,
200. div.moduletable_border h3 span,
201. div.moduletable_round h3 span { background: none !important; border: 0 !important; }
202.  
203. div.moduletable_shadow { border: 1px solid #ccc; padding: 0 10px 10px; }
204.  
205. /* Module round */
206. div.moduletable_round { border: 1px solid #ccc; padding: 0 10px 10px; }
207.  
208. /* Module highlight */
209. div.moduletable_hilites h3 {
210.   background: #9b0324 !important;
211.  border-bottom: 1px solid #b9193c;
212.  color: #fff!important;
213.  margin: 0 -10px 10px;
214.   padding: 5px 10px 5px;
215. }
216.  
217. div.moduletable_hilites h3 span { background: none !important; border: 10 !important; }
218.  
219. div.moduletable_hilites { background: #b00329; color: #FFF; padding: 0 10px 10px; }
220.  
221. div.moduletable_hilites .img-border { border: 1px solid #c33050; }
222.  
223. /* Blank module */
224. div.moduletable_blank { background: none !important; padding: 0 10px 10px; }
225.  
226. div.moduletable_blank h3 { margin: 0 -10px 10px; padding: 5px 10px 5px; }
227.  
228. /* Module title black */
229. div.moduletable_hrblack h3,
230. div.moduletable_hrblue h3,
231. div.moduletable_hrbrown h3,
232. div.moduletable_hrgreen h3,
233. div.moduletable_hrred h3 {
234.   background-position: bottom left !important;
235.   background-repeat: repeat-x !important;
236.   color: #FFF!important;
237.  margin: 0 -10px 10px !important;
238.   padding: 5px 10px;
239. }
240.  
241. div.moduletable_hrblack h3 span,
242. div.moduletable_hrblue h3 span,
243. div.moduletable_hrbrown h3 span,
244. div.moduletable_hrgreen h3 span,
245. div.moduletable_hrred h3 span { background: none !important; border: 0 !important; }
246.  
247. div.moduletable_hrblack,
248. div.moduletable_hrblue,
249. div.moduletable_hrbrown,
250. div.moduletable_hrgreen,
251. div.moduletable_hrred {
252.   border: 1px solid #ccc;
253.  padding: 0 10px 10px !important;
254. }
255.  
256. div.moduletable_hrblack h3 { background-image: url(../images/grad-d.gif) !important; }
257.  
258. div.moduletable_hrblue h3 { background-image: url(../images/grad-blue.gif) !important; }
259.  
260. div.moduletable_hrbrown h3 { background-image: url(../images/grad-brown.gif) !important; }
261.  
262. div.moduletable_hrgreen h3 { background-image: url(../images/grad-green.gif) !important; }
263.  
264. div.moduletable_hrred h3 { background-image: url(../images/grad-red.gif) !important; }
265.  
266. /* Advertisement ---*/
267. div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding: 5px 0; }
268.  
269. /* MAIN LAYOUT DIVS
270. --------------------------------------------------------- */
271. #ja-wrapper{ margin: 0 auto; width: 950px;
272. background #000 !important;
273. board: 1px solid #000;
274. }
275. #ja-sa{position: absolute; top: 0px; left: -5000px;}
276. #ja-container .main { overflow: hidden; padding: 0;
277. board: 1px solid #000;
278. }
279.  
280. .main .main-inner1 { margin-left: 0; margin-right: 0;
281. background: #fff!important;
282. board: 1px solid #000;
283. }
284.  
285. #ja-main{ overflow: hidden;
286. background: #fff!important;
287. board: 1px solid #000;
288. }
289.  
290. .ja-content-main .item-page{ padding-top: 5px;
291. border: 1px solid #000;}
292.  
293. /* HEADER
294. --------------------------------------------------------- */
295. #ja-header{ height: 80px; z-index: 1; }
296.  
297. #ja-header .main { padding: 15px 0 0; }
298.  
299. /* Logo Image ---*/
300. h1.logo { height: 42px; margin: 8px 0 0; width: 435px; }
301.  
302. h1.logo a {
303.   background: url(../images/logo.gif) no-repeat left;
304.   height: 50px;
305.   width: 600px;
306. }
307.  
308. /* NAVIGATION
309. --------------------------------------------------------- */
310. /* Main Nav ---*/
311. #ja-mainnav{ background: url(../images/shadow.gif) repeat-x left bottom; height: 37px; margin: 0 0 25px; }
312.  
313. .ja-mainnav-haschild #ja-mainnav { margin-bottom: 0; }
314.  
315. #ja-mainnav .main {
316.  background: #000 url(../images/grad2.gif) 0 0 repeat-x;
317.  height: 32px;
318. }
319.  
320. /* Subnav Nav ---*/
321. #ja-subnav li a {
322.  background: url("../images/vline.gif") no-repeat scroll left center;
323.   display: block;
324.   font-size: 95%;
325.   padding: 0 5px 0 15px;
326. }
327.  
328. #ja-subnav li a:hover, #ja-subnav li a:focus, #ja-subnav li a:active { color: #2C79B3 !important; text-decoration: underline; }
329.  
330. #ja-subnav li.active a, #ja-subnav li.active a:hover, #ja-subnav li.active a:active, #ja-subnav li.active a:focus { color: #8BAB32 !important; font-weight: bold; }
331.  
332. #ja-subnav li.first-item a { background: none; }
333.  
334. /* Sub Nav (lv2) ---*/
335. #ja-subnav ul li ul {
336.  background: #fff;
337.  border: 1px solid #ddd;
338.  font-size: 100%;
339. }
340.  
341. #ja-subnav ul li ul li { border-top: 1px solid #ddd; padding: 0; }
342.  
343. #ja-subnav ul li ul li.first-item { border-top: none; }
344.  
345. #ja-subnav ul li ul li a{ background: none; padding: 7px 10px; }
346.  
347. #ja-subnav ul li ul li a span.menu-title{ line-height: normal; }
348.  
349. #ja-subnav ul.active li ul li a, #ja-subnav ul.active li ul li a:hover, #ja-subnav ul.active li ul li a:focus { font-weight: normal; }
350.  
351. #ja-subnav ul.active li ul li.active a,#ja-subnav ul.active li ul li.active a:hover, #ja-subnav ul.active li ul li.active a:focus { font-weight: bold; }
352.  
353. /* Breadcrumbs ---*/
354. #ja-navhelper .main {
355.  background: #F8F8F7;
356.  border: #E7E8E6 solid 1px;
357.  color: #626A69;
358.  font-weight: bold;
359.   width: 948px;
360. }
361.  
362. #ja-navhelper a { color: #626A69; font-weight: normal; }
363.  
364. #ja-navhelper a:hover, #ja-navhelper a:active, #ja-navhelper a:focus { color: #2C79B3; }
365.  
366. .ja-breadcrums { margin: 0; text-indent: 15px; }
367.  
368. /* Extras ---*/
369. .ja-links { padding-right: 10px; }
370.  
371. .ja-links li { padding: 0 10px; }
372.  
373. /* Default Joomla! Menu ---*/
374. #ja-container ul.menu li { border-bottom: 1px solid #E7E8E6; }
375.  
376. #ja-container ul.menu li li { background: none; border-bottom: 0; }
377.  
378. #ja-container ul.menu li a{
379.  background: url(../images/arrow.png) 97% 50% no-repeat;
380.   color: #626A69;
381.  padding: 6px 4px;
382. }
383.  
384. #ja-container ul.menu li a:hover, #ja-container ul.menu .active a, #ja-container ul.menu li a:focus {
385.  background: url(../images/arrow2.png) 97% 50% no-repeat;
386.   color: #2C79B3;
387. }
388.  
389. #ja-container ul.menu li li a, #ja-container ul.menu .active li a{
390.  background: url(../images/bullet.gif) 0 13px no-repeat;
391.   font-weight: normal;
392.   text-indent: 5px;
393. }
394.  
395. #ja-container ul.menu .active .current a{ font-weight: bold; }
396.  
397. #ja-container ul.menu li li a:hover, #ja-container ul.menu li li a:active, #ja-container ul.menu li li a:focus { background: url(../images/bullet.gif) 0 13px no-repeat; }
398.  
399. /* SPOTLIGHT
400. --------------------------------------------------------- */
401. #ja-botsl {
402.  width: 948px;
403. }
404.  
405. #ja-botsl .ja-box { background: url(../images/vline2.gif) repeat-y right; }
406.  
407. #ja-topsl .ja-box-right, #ja-botsl .ja-box-right { background: 0; }
408.  
409. #ja-botsl .ja-moduletable { margin: 0; padding: 0 15px; }
410.  
411. #ja-topsl div.ja-moduletable h3,
412. #ja-botsl div.ja-moduletable h3 {
413.  background: none;
414.   border-bottom: none;
415.   color: #626A69;
416.  margin: 0 -10px 0;
417. }
418.  
419. #ja-topsl ul.menu li, #ja-botsl ul.menu li,
420. #ja-topsl ul.latestnews li, #ja-botsl ul.latestnews li,
421. #ja-topsl ul.weblinks li, #ja-botsl ul.weblinks li {
422.  background: url(../images/bullet.gif) no-repeat 1px 6px;
423.   line-height: 160%;
424.   margin-bottom: 5px;
425.   overflow: hidden;
426.   padding-left: 10px;
427. }
428.  
429. /* Top spotlight ---*/
430. #ja-topsl .main { padding: 0; }
431.  
432. #ja-topsl .main-inner1 { padding: 10px 0; }
433.  
434. #ja-topsl li, #ja-botsl li {
435.  background: url(../images/bullet.gif) 5px 7px no-repeat;
436.   margin: 0;
437.   padding: 0 0 0 15px;
438. }
439.  
440. #ja-topsl a, #ja-botsl a { color: #626A69; }
441.  
442. #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus { color: #2C79B3; }
443.  
444. /* Bot spotlight ---*/
445. #ja-botsl {
446.  background: #F8F8F7 url(../images/grad1.gif) 0 0 repeat-x;
447.  border: 1px solid #E7E8E6;
448.  border-top: none;
449.   color: #626A69;
450.  padding: 10px 0;
451. }
452.  
453. #ja-botsl .main { padding: 0; }
454.  
455. #ja-botsl .main-inner1 { padding: 10px 0; }
456.  
457. /* Bot spotlight1 ---*/
458. #ja-botsl1 .main-inner1 { padding: 10px 0; }
459.  
460. #ja-botsl1 div.ja-moduletable h3, #ja-botsl1 div.moduletable h3 { background: none; border-bottom: none; color: #515756; }
461.  
462. /* MISCELLANOUS
463. ----------------------------------------------------------- */
464. .ja-content-top div.ja-moduletable h3, .ja-content-top div.moduletable h3 {
465.   background: none !important;
466.   border: none !important;
467.   color: #515756 !important;
468.  font-size: 200% !important;
469.   margin-top: 15px !important;
470. }
471.  
472. /* Others ---*/
473. #ja-top-panel .main-inner1 {
474.  background: #ffffcc;
475.  border: 2px dotted #e2e2b5;
476.  margin-top: 15px;
477.   padding: 5px 10px;
478.   position: relative;
479.   text-align: center;
480. }
481.  
482. #ja-banner { border-top: 1px solid #E7E8E6; }
483.  
484. div.ja-innerdiv { border-bottom: 1px solid #E7E8E6; }
485.  
486. div.ja-innerdiv img {
487.   border: 1px solid #E7E8E6;
488.  margin: 2px 8px 0 0;
489.   padding: 2px;
490. }
491.  
492. div.ja-innerdiv h4 {
493.   font-family: Helvetica, Arial, sans-serif;
494.   font-size: 92%;
495.   font-weight: normal;
496.   text-transform: uppercase;
497. }
498.  
499. /* container
500. --------------------------------------------------------- */
501. /*left-body-right*/
502. #ja-container {
503.  background: url(../images/main-bg1.gif) repeat-y left;
504.   border-bottom: 1px solid #E7E8E6;
505.  border-top: 1px solid #E7E8E6;
506.  margin: 0 0 25px;
507.   overflow: hidden;
508.   width: auto;
509.        
510. }
511.  
512. #ja-container.ja-l1r1 .main-inner1, #ja-container.ja-r1 .main-inner1{ background: url(../images/main-bg2.gif) repeat-y right; }
513.  
514. /*left-body*/
515. #ja-container.ja-l1{ border-right: 1px solid #E7E8E6; }
516.  
517. #ja-container.ja-l1 .main-inner1, #ja-container.ja-mf .main-inner1{ background: none; }
518.  
519. /*full body*/
520. #ja-container.ja-mf{
521.  background: none;
522.   border: 1px solid #E7E8E6;
523.  padding: 10px 0;
524.        
525. }
526.  
527. /*body-right*/
528. #ja-container.ja-r1{
529.  background: none;
530.   border-left: 1px solid #E7E8E6;
531.  border-right: 1px solid #E7E8E6;
532. }
533.  
534. /* left menu
535. --------------------------------------------------------- */
536. #ja-left, #ja-right, #ja-botsl{ font-size: 92%; }
537.  
538. .column .stats-module{ margin-bottom: 5px; }
539.  
540.  
541. .column div.moduletable_menu, .column div.moduletable, .column div.moduletable_hilite{ margin: 0; padding: 0 10px 10px; }
542.  
543. .column div.moduletable_menu h3, .column div.moduletable h3, .column div.moduletable_hilite h3 {
544.   background: #a8a8a8 url(../images/grad3.gif) 0 100% repeat-x;
545.  border-bottom: 1px solid #E7E8E6;
546.  color: #fff;
547.  font-size: 100%;
548.   margin: 0 -10px 5px;
549.   padding: 7px 10px;
550. }
551.  
552. .column div.moduletable_hilite h3 {
553.   background: #2C79B3 url(../images/grad2.gif) 50% 100% repeat-x;
554. }
555.  
556. .ja-box-ct .custom p{ margin: 0; }
557.  
558. .newsfeed ol li{ margin-left: 0; }
559.  
560. .contact .contentheading{ margin-bottom: 10px; }
561.  
562. /* blog */
563. .blog .componentheading{ margin-bottom: 0; }
564.  
565. .blog .contentheading{ font-size: 150%; line-height: normal; margin: 0 0 5px; }
566.  
567. .blog h1, .categories-list h1 {
568.   border-bottom: 1px solid #E7E8E6;
569.  color: #515756;
570.  font-size: 200%;
571.   font-weight: normal;
572.   line-height: 1.6;
573.   margin: 15px 0;
574.   padding: 0 0 5px;
575. }
576.  
577. .header-content { margin-bottom: 10px; margin-top: 10px; }
578.  
579. .header-content h2 { float: left; margin: 0; width: 75%; }
580.  
581. .header-content ul.actions { float: right; margin: 0; }
582.  
583. /* slideshow */
584. #ja-content-mass-top{ margin: 0 0 10px; }
585.  
586. #ja-content-mass-top div.ja-moduletable{ margin: 0; padding: 0; }
587.  
588. .ja-slide-main-wrap{ margin: 0 -15px 0; }
589.  
590. .maskDesc .inner {
591.   position: absolute;
592.   padding: 0;
593.   top: 150px;
594.   left: 20px;
595. }
596.  
597. .maskDesc .inner a {
598.   font-weight: bold;
599. }
600.  
601. .maskDesc .inner a:hover,
602. .maskDesc .inner a:focus,
603. .maskDesc .inner a:active {
604.   cursor: pointer;
605. }
606.  
607. .maskDesc .ja-slide-desc {
608.   margin: 50px 200px 0 20px;
609. }
610.  
611. .maskDesc .ja-slide-desc h3 {
612.   color: #889e3a;
613.  font-size: 200%;
614.   font-weight: bold;
615.   margin-bottom: 20px;
616. }
617.  
618. .maskDesc .ja-slide-desc p {
619.   font-size: 125%;
620.   line-height: 1.3;
621. }
622.  
623. /* tools */
624. .article-tools{ margin-bottom: 10px; }
625.  
626. .blog-featured dl.article-info { display: block; margin-bottom: 10px; width: 100%; }
627.  
628. /* banners */
629. div.bannergroup{
630.   border-top: #E7E8E6 solid 1px;
631.  padding: 15px 0 0;
632.   text-align: center;
633. }
634.  
635. /* FOOTER
636. --------------------------------------------------------- */
637. #ja-footer ul{ margin: 0 0 8px; text-align: center; }
638.  
639. #ja-footer li{
640.  background: url(../images/vline2.gif) 100% 0 repeat-y;
641.   display: inline;
642.   padding: 0 15px;
643. }
644.  
645. #ja-footer small { color: #858783; }
646.  
647. .com_jacomment.contentpane #ja-switch,
648. .com_mailto.contentpane #ja-switch,
649. .com_content.contentpane #ja-switch{ display: none !important; }
650.  
651. img.img-bottom { margin-right: 5px; }
652.  
653. div.contact-links ul li { background:url(../images/bullet.gif) 18px 7px no-repeat }

 

У меня макушка подпрыгивает от такого большого кода... Подозреваю, что когда искал настройки блоков - менял цвета и что-нибудь задел. И сохранил... Подскажите, пожалуйста!

 

Что Вы! Я не пренебрегаю советами, напротив! Дело в том, что те части кода, которые мне помогает находить Фаербаг я не могу найти в коде шаблона... Вот в чем дело. Если онлайн изменять параметры и значения в фаербаг, то они отображаются так, как мне хотелось бы, а вот если я захожу в админку - той части кода, что мне нужна - найти не могу... Вот беда. Спасибо за совет, кстати. Дейсвительно очень хорошее приложение.