Joomla 1.5 Правка цветов

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем vuku_manku, 06.01.2010.

  1. Offline

    vuku_manku Недавно здесь

    Регистрация:
    06.01.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Здраствуйте! Нужна помощь в редактировании шаблона, нужно подправить цвета (на сколько я понял) в CSS.
    Вот скрин шаблона:

    [​IMG]


    желтым цветом выделил те участки, цвет которых нужно изменить, это правиться в КСС ? если да, тыкните меня носом в место где это править:O Вот КСС:
    Код (html):
    1. /* COMMON STYLE
    2. --------------------------------------------------------- */
    3. body {
    4.     background: #fff;
    5.     color: #000;
    6.     font-family: Arial, sans-serif;
    7.     line-height: 1.5;
    8. }
    9.  
    10. body#bd {
    11.     background: #f7f7f7;
    12.     color: #000;
    13. }
    14.  
    15. body.fs1 {font-size: 10px;}
    16. body.fs2 {font-size: 11px;}
    17. body.fs3 {font-size: 12px;}
    18. body.fs4 {font-size: 13px;}
    19. body.fs5 {font-size: 14px;}
    20. body.fs6 {font-size: 15px;}
    21.  
    22. /* Normal links ---*/
    23. a {
    24.     color: #145077;
    25.     text-decoration: none;
    26. }
    27.  
    28. a:hover, a:active, a:focus {
    29.     color: #145077;
    30.     text-decoration: underline;
    31. }
    32.  
    33. /* Readon links ---*/
    34. a.readon { text-transform: uppercase; }
    35.  
    36. a.readon:hover, a.readon:active, a.readon:focus {}
    37.  
    38. /* Content spacing ---*/
    39. .column p, .column pre, .column blockquote,
    40. .column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
    41. .column ol, .column ul {
    42.     margin: 15px 0;
    43.     padding: 0;
    44. }
    45.  
    46. /* Headings & Titles ---*/
    47. h1 {font-size: 200%;}
    48. h2 {font-size: 175%;}
    49. h3 {font-size: 150%;}
    50. h4 {font-size: 125%;}
    51. h5 {font-size: 100%;}
    52.  
    53. .contentheading, .componentheading, h1, h2, h3, h4, h5 {
    54.     font-family: Cambria, Times, serif;
    55.     font-weight: bold;
    56.     line-height: 1.2;
    57. }
    58.  
    59. h1.componentheading, .componentheading {
    60.     margin: 0 -15px;
    61.     padding: 0 15px 10px;
    62. }
    63.  
    64. .componentheading {
    65.     font-size: 250%;
    66.     border-bottom: 1px solid #;
    67. }
    68.  
    69. h2.contentheading, .contentheading {
    70.     margin: 0;
    71.     padding: 0 0 10px;
    72. }
    73.  
    74. .contentheading { font-size: 200%; }
    75. .blog .contentheading { font-size: 125%; }
    76. .blog .leading .contentheading { font-size: 175%; }
    77.  
    78. a.contentpagetitle,
    79. a.contentpagetitle:hover,
    80. a.contentpagetitle:active,
    81. a.contentpagetitle:focus {
    82.     font-weight: bold;
    83. }
    84.  
    85. .category { font-size: 110%; font-weight: bold; }
    86.  
    87. /* Small text ---*/
    88. small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
    89. p.site-slogan, a.readon, .ja-navhelper, #ja-footer {
    90.     font-size: 92%;
    91. }
    92.  
    93. small, .small { color: #999999; }
    94.  
    95. .smalldark { text-align: left; }
    96.  
    97. /* List ---*/
    98. .column ul li {
    99.     background: url(../images/bullet.gif) no-repeat 15px 6px;
    100.     line-height: 160%;
    101.     padding-left: 25px;
    102.     margin-bottom: 5px;
    103.     line-height: 1.3;
    104.     overflow: hidden;
    105. }
    106.  
    107. .column ol li {
    108.     line-height: 180%;
    109.     margin-left: 35px;
    110. }
    111.  
    112. /* Others ---*/
    113. th { font-weight: bold; padding: 5px; text-align: left; }
    114. td { font-size: 100%; }
    115.  
    116. fieldset { border: none; padding: 10px 5px; }
    117.  
    118. fieldset a { font-weight: bold; }
    119.  
    120. fieldset.input { padding: 0; }
    121.  
    122. hr {
    123.     border-bottom: 0;
    124.     border-left: 0;
    125.     border-right: 0;
    126.     border-top: 1px solid #ddd;
    127.     height: 1px;
    128. }
    129.  
    130. /* FORM
    131. --------------------------------------------------------- */
    132. form label { cursor: pointer; }
    133.  
    134. input, select, textarea, .inputbox {
    135.     font-family: Arial, sans-serif;
    136.     font-size: 100%;
    137. }
    138.  
    139. .inputbox {
    140.     color: #000;
    141.     background-color: #fff;
    142.     border: 1px solid #ddd;
    143.     padding: 2px;
    144. }
    145.  
    146. .inputbox:hover, .inputbox:focus {
    147.     background-color: #fffff0;
    148.     border: 1px solid #aaa;
    149. }
    150.  
    151. .button {
    152.     font-size: 92%;
    153.     background: url(../images/but-bg.gif) repeat-x bottom #fff;
    154.     color: #666;
    155.     border: 1px solid #ddd;
    156.     padding-top: 1px;
    157.     padding-bottom: 1px;
    158.     cursor: pointer;
    159.     text-transform: uppercase;
    160. }
    161.  
    162. .button:hover, .button:focus {
    163.     border: 1px solid #aaa;
    164. }
    165.  
    166. .checkbox { }
    167. .radio { margin: 0 5px; }
    168.  
    169. /* Login Form ---*/
    170. #form-login-username .inputbox,
    171. #form-login-password .inputbox {
    172.     font-weight: bold;
    173.     padding-left: 20px;
    174.     background-repeat: no-repeat;
    175.     background-position: 5px center;
    176. }
    177.  
    178. #form-login-username .inputbox {
    179.     background-image: url(../images/icon-user.gif);
    180. }
    181.  
    182. #form-login-password .inputbox {
    183.     background-image: url(../images/icon-key.gif);
    184. }
    185.  
    186. #form-login ul { margin: 0; padding: 0; }
    187. #form-login ul li {
    188.     background: url(../images/bullet.gif) no-repeat 2px 7px !important;
    189.     margin: 0;
    190.     padding-left: 10px;
    191.     overflow: hidden;
    192. }
    193.  
    194. #form-login .button { margin: 10px 0; font-weight: bold; font-size: 100%; }
    195.  
    196. /*Search Form ---*/
    197. #ja-search {
    198.     float: right;
    199.     margin-top: 20px;
    200. }
    201.  
    202. #ja-search label { display: none; }
    203.  
    204. #ja-search .inputbox {
    205.     width: 270px;
    206.     background: url(../images/icon-search.gif) no-repeat 8px center #fff;
    207.     padding-left: 24px;
    208.     font-weight: bold;
    209.     font-size: 115%;
    210. }
    211.  
    212. #ja-search .inputbox:hover, #ja-search .inputbox:focus {
    213.     background-color: #fffff0;
    214. }
    215.  
    216. #ja-search .button {
    217.     margin-left: 5px;
    218.     font-size: 115%;
    219.     font-weight: bold;
    220.     text-transform: none;
    221. }
    222.  
    223. /* JOOMLA STYLE
    224. --------------------------------------------------------- */
    225. /* Layout Deco ---*/
    226. .blog {}
    227.  
    228. .article_separator,
    229. .leading_separator,
    230. .row_separator,
    231. .column_separator { display: none; }
    232.  
    233. .leading {
    234.     border-bottom: 1px solid #ddd;
    235.     background: #ebf2f7;
    236.     padding-top: 15px;
    237.     padding-bottom: 15px;
    238. }
    239.  
    240. .article_row {
    241.     border-bottom: 1px solid #ddd;
    242.     padding-top: 15px;
    243.     padding-bottom: 15px;
    244. }
    245.  
    246. .article_column {}
    247.  
    248. .column_separator {
    249.     padding: 0 25px;
    250. }
    251.  
    252. /* Meta ---*/
    253. .article-tools {
    254.     display: block;
    255.     margin: 0 0 10px;
    256.     padding: 5px;
    257.     clear: both;
    258.     position: relative;
    259.     line-height: normal;
    260.     background: #f7f7f7;
    261.     color: #999;
    262.     border: 1px solid #ddd;
    263.     text-transform: uppercase;
    264. }
    265.  
    266. .blog .article-tools {
    267.     background: none;
    268.     border: 0;
    269.     padding: 0;
    270. }
    271.  
    272. .article-meta {
    273.     padding: 0;
    274.     float: left;
    275.     width: 70%;
    276. }
    277.  
    278. .article-section, .article-category {
    279.     color: #999999;
    280.     font-size: 92%;
    281. }
    282.  
    283. .createby {
    284.     font-weight: bold;
    285. }
    286.  
    287. .createdate {}
    288.  
    289. .modifydate {
    290.     color: #999;
    291.     display: block;
    292.     margin: 10px 0;
    293.     text-transform: uppercase;
    294. }
    295.  
    296. .contentdescription {
    297.     display: block;
    298.     border-bottom: 1px solid #ddd;
    299.     padding: 10px 15px;
    300.     margin: 0 -15px;
    301. }
    302.  
    303. .contentdescription p {
    304.     margin: 0;
    305. }
    306.  
    307. .buttonheading {
    308.     float: right;
    309. }
    310.  
    311. .buttonheading img {
    312.     margin: 0 5px 0 0;
    313.     border: 0;
    314.     float: right;
    315. }
    316.  
    317. /*Inline images ---*/
    318. img.caption { margin-top: 5px; }
    319. .img_caption { color: #999; margin-bottom: 10px; }
    320.  
    321. .article-content img { margin: 5px; }
    322.  
    323. .img_caption img { margin: 5px 0 0; }
    324.  
    325. .img_caption p {
    326.     padding: 1px 0;
    327.     color: #ccc;
    328.     background: #333;
    329.     border-top: 1px solid #fff;
    330.     margin: 0;
    331.     text-align: center;
    332. }
    333.  
    334. /* Tables ---*/
    335. .sectiontableheader {
    336.     background: #333;
    337.     color: #fff;
    338.     border: 1px solid #ddd;
    339.     padding: 5px;
    340. }
    341.  
    342. .sectiontableheader a,
    343. .sectiontableheader a:hover,
    344. .sectiontableheader a:focus,
    345. .sectiontableheader a:active { color: #fff; }
    346.  
    347. .sectiontableentry,
    348. .sectiontableentry0,
    349. .sectiontableentry1,
    350. .sectiontableentry2 {
    351.     padding: 5px 5px 6px;
    352.     border-bottom: 1px solid #ddd;
    353. }
    354.  
    355. .sectiontableentry:hover,
    356. .sectiontableentry0:hover,
    357. .sectiontableentry1:hover,
    358. .sectiontableentry2:hover {
    359.     background-color: #fffff0;
    360. }
    361.  
    362. .sectiontableentry2 {
    363.     background-color: #f7f7f7;
    364. }
    365.  
    366. table.contentpane, table.tablelist { width: 100%; }
    367.  
    368. table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
    369.  
    370. /* Content Toc */
    371. table.contenttoc {
    372.     margin: 0 0 10px 12px;
    373.     padding: 0;
    374.     width: 30%;
    375.     border: 1px solid #ddd;
    376.     float: right;
    377. }
    378.  
    379. table.contenttoc a {
    380.     color: #000;
    381. }
    382.  
    383. table.contenttoc td {
    384.     padding: 5px 10px;
    385.     border-bottom: 1px solid #ddd;
    386. }
    387.  
    388. table.contenttoc th {
    389.     border-bottom: 1px solid #ddd;
    390.     background: #f7f7f7;
    391.     padding: 5px 10px;
    392.     text-transform: uppercase;
    393. }
    394.  
    395. /* Poll */
    396. div.poll { padding: 15px 0; }
    397. form#poll {
    398.     border-bottom: 1px dotted #ddd;
    399.     padding-bottom: 10px;
    400.     margin-bottom: 10px;
    401.     font-weight: bold;
    402. }
    403.  
    404. dl.poll {
    405.     font-size: 92%;
    406.     border-bottom: 1px dotted #ddd;
    407.     padding-bottom: 10px;
    408.     margin-bottom: 10px;
    409. }
    410.  
    411. dl.poll dt, dl.poll dd { float: left; }
    412. dl.poll dt { width: 100px; clear: left; }
    413. dl.poll dd { clear: right; }
    414.  
    415. table.pollstableborder {
    416.     border: none;
    417.     padding: 0;
    418.     text-align: left;
    419.     width: 100%;
    420. }
    421.  
    422. table.pollstableborder img {
    423.     vertical-align: baseline;
    424. }
    425.  
    426. table.pollstableborder td {
    427.     padding: 5px !important;
    428.     background: #f7f7f7;
    429.     border-bottom: 1px solid #ddd;
    430.     font-weight: bold;
    431. }
    432.  
    433. table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td {
    434.     background: #fff;
    435.     font-weight: normal;
    436. }
    437.  
    438. /* Search */
    439. table.searchintro {
    440.     padding: 10px 0;
    441.     width: 100%;
    442. }
    443.  
    444. table.searchintro td {
    445.     padding: 5px !important;
    446. }
    447.  
    448. /* Misc. */
    449. table.contentpaneopen, table.contentpane, table.blog {
    450.     width: 100%;
    451. }
    452.  
    453. /* Pagination ---*/
    454. ul.pagination {
    455.     margin: 15px 0;
    456.     float: left;
    457.     width: 75%;
    458. }
    459.  
    460. ul.pagination li {
    461.     background: none;
    462.     display: inline;
    463.     margin: 0;
    464.     padding: 0;
    465.     overflow: hidden;
    466. }
    467.  
    468. ul.pagination li span {
    469.     padding: 1px 3px;
    470. }
    471.  
    472. ul.pagination a {
    473.     padding: 1px 5px;
    474.     border: 1px solid #ddd;
    475.     background: #f7f7f7;
    476.     color: #000;
    477. }
    478.  
    479. ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    480.     border: 1px solid #145077;
    481.     text-decoration: none;
    482.     background: #145077;
    483.     color: #fff;
    484. }
    485.  
    486. .sortby { margin: 10px 0 5px; font-size: 92%; }
    487. .sortby .filter, .sortby .display { float: left; width: 40%; }
    488. .sortby .display { float: right; text-align: right; }
    489.  
    490. .pagenavbar {
    491.     background: url(../images/icon-pages.gif) no-repeat center left;
    492.     font-weight: bold;
    493.     padding-left: 14px;
    494. }
    495.  
    496. .pagenavcounter {
    497.     margin: 15px 0 !important;
    498.     text-align: center;
    499. }
    500.  
    501. .counter {
    502.     margin: 15px 0 !important;
    503.     float: right;
    504.     text-align: right;
    505.     width: 24%;
    506.     line-height: 1;
    507. }
    508.  
    509. .counter span {
    510.     padding: 1px 5px;
    511.     background: #145077;
    512.     border: 1px solid #145077;
    513.     color: #fff;
    514. }
    515.  
    516. .blog_more {
    517.     border-bottom: 1px solid #ddd;
    518.     margin: 0 -15px;
    519.     padding: 15px 15px 0;
    520. }
    521.  
    522. .blog_more h2 {
    523.     font-size: 115%;
    524.     text-transform: uppercase;
    525.     margin: 0 0 5px;
    526. }
    527.  
    528. .blog_more ul li {
    529.     background: url(../images/bullet.gif) no-repeat 5px 6px;
    530.     padding-left: 15px;
    531. }
    532.  
    533. div.back_button a,
    534. div.back_button a:hover,
    535. div.back_button a:active {
    536.     display: block;
    537.     margin: 10px 0;
    538. }
    539.  
    540. /* Messages ---*/
    541. #system-message {
    542.     margin: 0 -15px 10px;
    543. }
    544.  
    545. #system-message dd.message ul,
    546. #system-message dd.error ul,
    547. #system-message dd.notice ul {
    548.     margin: 0;
    549.     padding: 0;
    550. }
    551.  
    552. #system-message dd.message ul li,
    553. #system-message dd.error ul li,
    554. #system-message dd.notice ul li {
    555.     background: none;
    556.     color: #FFFFFF;
    557.     margin: 0;
    558.     padding: 5px;
    559. }
    560.  
    561. /* System Standard Messages */
    562. #system-message dd.message ul {
    563.     background: #145077;
    564.     border: 0;
    565. }
    566.  
    567. /* System Error Messages */
    568. #system-message dd.error ul {
    569.     background: #9c162e;
    570.     border: 0;
    571. }
    572.  
    573. /* System Notice Messages */
    574. #system-message dd.notice ul {
    575.     background: #333;
    576.     border: 0;
    577. }
    578.  
    579. /* Tooltips --- */
    580. .tool-tip {
    581.     background: #fff;
    582.     border: 1px solid #D4D5AA;
    583.     float: left;
    584.     max-width: 300px;
    585.     padding: 5px;
    586.     z-index: 1000;
    587. }
    588.  
    589. .tool-title {
    590.     background: url(../../system/images/selector-arrow.png) no-repeat;
    591.     font-size: 100%;
    592.     font-weight: bold;
    593.     margin: 0;
    594.     margin-top: -15px;
    595.     padding: 0;
    596.     padding-bottom: 5px;
    597.     padding-top: 15px;
    598. }
    599.  
    600. .tool-text {
    601.     font-size: 100%;
    602.     margin: 0;
    603. }
    604.  
    605. .hasTip img {
    606.     border: none;
    607.     margin: 10px 5px 0 0;
    608. }
    609.  
    610. /* MODULE STYLES
    611. --------------------------------------------------------- */
    612. div.ja-moduletable h3, div.moduletable h3 {
    613.     margin: 0 0 5px;
    614.     padding: 0;
    615.     font-size: 110%;
    616.     text-transform: uppercase;
    617.     color: #000;
    618. }
    619.  
    620. div.ja-moduletable, div.moduletable {
    621.     padding-top: 15px;
    622.     padding-bottom: 15px;
    623.     border-bottom: 1px solid #ddd;
    624.     position: relative;
    625. }
    626.  
    627. /* Tabs Module ---*/
    628. div.moduletable_tabs h3 {
    629.     border-bottom: 1px solid #ddd;
    630.     padding: 5px 15px;
    631.     margin-bottom: 0;
    632. }
    633.  
    634. div.moduletable_tabs { padding: 0; border-bottom: 1px solid #ddd; }
    635.  
    636. /* Hilite Module ---*/
    637. div.moduletable_hilite { background: #FFFFF0; }
    638.  
    639. /* JA Weather Module ---*/
    640. #ja-widget-weather { margin: 0 -15px -15px; }
    641.  
    642. #ja-widget-weather .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }
    643.  
    644. #ja-widget-weather .ja-usersetting-form ul li { float: none; }
    645.  
    646. #ja-widget-weather .temp { color: #9c162e; }
    647.  
    648. /* Stock ---*/
    649. #ja-widget-stock { margin: 0 -15px -15px; }
    650.  
    651. #ja-widget-stock .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }
    652.  
    653. #ja-widget-stock .graph { padding: 10px 15px; }
    654.  
    655. #ja-widget-stock .graph img {
    656.     background: #fff;
    657.     border: 1px solid #ddd;
    658.     padding: 5px;
    659. }
    660.  
    661. .graph, div.stock-list-v, div.last_update { padding: 0 15px; }
    662.  
    663. #jawidget-stock .paramlist { margin-bottom: 10px; }
    664.  
    665. div.last_update { font-size: 92%; color: #666; text-align: right; padding: 5px 15px; clear: both; display: block; }
    666.  
    667. /* Twitter Module ---*/
    668. .twitter { padding: 15px 0 !important; }
    669. .twitter h3 { padding: 0 15px !important; }
    670. .ja-twitter { padding: 0 15px; }
    671.  
    672. .ja-twitter h4 {
    673.     font-size: 92%;
    674.     text-transform: uppercase;
    675.     font-weight: normal;
    676.     font-family: Arial, sans-serif;
    677.     background: #f7f7f7;
    678.     border-top: 1px solid #ddd;
    679.     border-bottom: 1px solid #ddd;
    680.     margin: 10px -15px;
    681.     padding: 5px 15px;
    682. }
    683.  
    684. .ja-twitter-avatar {
    685.     float: left;
    686.     margin-right: 5px;
    687.     padding: 2px;
    688.     border: 1px solid #ddd;
    689. }
    690.  
    691. .ja-twitter center img { vertical-align: middle; }
    692.  
    693. div.ja-twitter div.ja-twitter-item {
    694.     margin: 0 0 10px;
    695.     padding: 0 0 10px;
    696.     border-bottom: 1px dotted #ccc;
    697. }
    698.  
    699. div.ja-twitter div.ja-twitter-source { font-weight: bold; }
    700.  
    701. div.ja-twitter div.ja-twitter-date { font-size: 92%; color: #666; }
    702.  
    703. /* Video thumbnail ---*/
    704. div.ja-video-thumb img {
    705.     width: 105px !important;
    706.     margin: 0 2px;
    707.     padding: 3px;
    708.     border: 1px solid #ddd;
    709. }
    710.  
    711. /* Badge Module ---*/
    712. .badge {
    713.     position: absolute;
    714.     top: 0;
    715.     right: 0;
    716.     width: 45px;
    717.     height: 46px;
    718. }
    719.  
    720. .badge-hot .badge   { background: url(../images/icon-badge.png) no-repeat 0px 0px; }
    721. .badge-new .badge   { background: url(../images/icon-badge.png) no-repeat 0px -46px; }
    722. .badge-pick .badge{ background: url(../images/icon-badge.png) no-repeat 0px -92px; }
    723. .badge-top .badge { background: url(../images/icon-badge.png) no-repeat 0px -138px; }
    724.  
    725. /* Poll Module ---*/
    726. h4.poll-title { margin: 0; padding: 0; }
    727. a.poll-result { font-size: 92%; text-transform: uppercase; }
    728. form.poll .button { margin-right: 5px; }
    729.  
    730. /* Advertisement ---*/
    731. div.bannergroup_text div.banneritem_text {
    732.     padding: 5px 0;
    733.     border-bottom: 1px dotted #ddd;
    734. }
    735.  
    736. div.bannergroup_text div.banneritem_text a {
    737.     font-weight: bold;
    738. }
    739.  
    740. div.bannergroup_text div.bannerheader,
    741. div.bannergroup_text div.bannerfooter_text a {
    742.     font-size: 92%;
    743.     color: #999;
    744. }
    745.  
    746. div.bannergroup_text div.bannerfooter_text {
    747.     text-align: right;
    748.     padding: 5px 0 0;
    749. }
    750.  
    751. /* MAIN LAYOUT DIVS
    752. --------------------------------------------------------- */
    753. .wrap {}
    754. .main { background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
    755.  
    756. .ja-box { padding-top: 10px; padding-bottom: 10px; }
    757.  
    758. #ja-wrapper {}
    759. #ja-container { z-index: 5; position: relative; }
    760.  
    761. /* 3 Columns - 2 Columns Right Layout [Default] ---*/
    762. #ja-container.ja-r2 .main { background: url(../images/dot.gif) repeat-y 60% 0 #fff; }
    763. #ja-container.ja-r1 .main { background: url(../images/dot.gif) repeat-y 80% 0 #fff; }
    764.  
    765. #ja-container.ja-r2 .ja-content-top, #ja-container.ja-r2 .ja-content-main, #ja-container.ja-r2 .ja-content-bottom { margin-right: 1px; }
    766.  
    767. /* 3 Columns - 2 Columns Left Layout  ---*/
    768. #ja-container.ja-l2 .main { background: url(../images/dot-1pxfix.gif) repeat-y 40% 0 #fff; }
    769. #ja-container.ja-l1 .main { background: url(../images/dot.gif) repeat-y 20% 0 #fff; }
    770.  
    771. #ja-container.ja-l2 #ja-left .ja-mass, #ja-container.ja-l2 #ja-left .ja-colswrap { margin-right: 1px; }
    772.  
    773. /* 3 Columns - Classic Layout ---*/
    774. #ja-container.ja-l1r1 .main, #ja-container.ja-l1 .main { background: url(../images/dot-2pxfix.jpg) repeat-y 20% 0 #fff; }
    775. #ja-container.ja-l1r1 .main-inner { background: url(../images/dot.gif) repeat-y 80% 0; }
    776.  
    777. /* Mass ---*/
    778. .ja-mass-top {}
    779. .ja-mass-bottom {}
    780. .ja-mass-bottom .moduletable,
    781. .ja-mass-bottom .moduletable_default,
    782. .ja-mass-bottom .moduletable_hilite { border-bottom: 1px solid #ddd; }
    783.  
    784. /* MAIN COLUMN
    785. --------------------------------------------------------- */
    786. #ja-mainbody {}
    787.  
    788. #ja-contentwrap {
    789.     margin: 0 -15px;
    790. }
    791.  
    792. /* Content Top ---*/
    793. .ja-content-top {}
    794.  
    795. /* Content Main ---*/
    796. .ja-content-main { padding: 10px 15px; }
    797.  
    798. /* Content Bottom ---*/
    799. .ja-content-bottom {}
    800. .ja-content-bottom .moduletable { border-top: 1px solid #ddd; border-bottom: 0; }
    801.  
    802. /* SIDE COLUMNS
    803. --------------------------------------------------------- */
    804. .ja-colswrap { border-bottom: 1px solid #ddd; }
    805. .ja-col { margin-bottom: -1px; } /* hide last bottom borders ---*/
    806.  
    807. /* Left Columns ---*/
    808. #ja-left .ja-l2 { background: url(../images/dot.gif) repeat-y center; }
    809.  
    810. /* Right Columns ---*/
    811. #ja-right .ja-r2 { background: url(../images/dot.gif) repeat-y center; }
    812.  
    813. /*common style for columns ---*/
    814.  
    815. /* HEADER
    816. --------------------------------------------------------- */
    817. #ja-header { z-index: 10; position: relative; }
    818.  
    819. #ja-header .main { padding: 30px 0 10px; }
    820.  
    821. h1.logo, div.logo-text h1 {
    822.     font-size: 300%;
    823.     line-height: 1;
    824. }
    825.  
    826. h1.logo, div.logo-text { float: left; }
    827.  
    828. /* Logo Image ---*/
    829. h1.logo {
    830.     width: 265px;
    831.     height: 62px;
    832.     margin: 0;
    833. }
    834.  
    835. h1.logo a {
    836.     width: 265px;
    837.     height: 62px;
    838.     display: block;
    839.     background: url(../images/logo.gif) no-repeat left;
    840. }
    841.  
    842. h1.logo a span {
    843.     position: absolute;
    844.     top: -1000px;
    845. }
    846.  
    847. /* Logo Text ---*/
    848. div.logo-text h1 a {
    849.     letter-spacing: 1px;
    850.     font-weight: bold;
    851.     text-decoration: none;
    852.     color: #000;
    853. }
    854.  
    855. p.site-slogan {
    856.     padding: 0 5px;
    857.     margin: 0;
    858.     color: #999999;
    859.     background: #f7f7f7;
    860.     display: block;
    861.     letter-spacing: 1px;
    862.     font-size: 85%;
    863.     text-transform: uppercase;
    864.     text-align: center;
    865. }
    866.  
    867. /* Topbar ---*/
    868. .ja-topbar {
    869.     position: absolute;
    870.     top: 0;
    871.     width: 100%;
    872.     border-bottom: 1px solid #ddd;
    873.     font-size: 11px;
    874. }
    875.  
    876. .ja-day, .ja-updatetime {
    877.     float: left;
    878.     background: #fff;
    879.     color: #999;
    880.     border-right: 1px solid #ddd;
    881.     padding: 2px 10px 0;
    882. }
    883.  
    884. .ja-updatetime em {
    885.     margin-left: 5px;
    886.     font-style: normal;
    887.     color: #9c162e;
    888. }
    889.  
    890. /* Headlines Module ---*/
    891. .ja-healineswrap { float: left; padding-top: 2px; }
    892.  
    893. .ja-healineswrap em {
    894.     font-style: normal;
    895.     font-weight: bold;
    896.     float: left;
    897.     display: block;
    898.     color: #999;
    899.     padding: 0 10px 0 10px;
    900. }
    901.  
    902. .ja-headlines { float: left; }
    903.  
    904. .ja-headlines a { color: #999; }
    905.  
    906. .ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus {
    907.     color: #000;
    908.     text-decoration: none;
    909. }
    910.  
    911. .ja-headlines .separator { color: #999; }
    912.  
    913. /* RSS Module ---*/
    914. .ja-syndicate { float: right; }
    915.  
    916. .ja-syndicate a {
    917.     border-left: 1px solid #ddd;
    918.     width: 40px;
    919.     height: 19px;
    920.     line-height: 19px;
    921.     display: block;
    922.     color: #999;
    923.     text-align: center;
    924.     font-weight: bold;
    925. }
    926.  
    927. .ja-syndicate a:hover, .ja-syndicate a:active, .ja-syndicate a:focus  {
    928.     border-left: 1px solid #ddd;
    929.     background: #333;
    930.     color: #fff;
    931.     text-decoration: none;
    932. }
     
  2.  
  3. Offline

    vuku_manku Недавно здесь

    Регистрация:
    06.01.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Продолжение:

    Код (html):
    1. /* NAVIGATION
    2. --------------------------------------------------------- */
    3. /* Main Nav ---*/
    4. #ja-mainnav { line-height: 1; position: relative; z-index: 9; }
    5.  
    6. #ja-mainnav .inner { margin: 0; }
    7.  
    8. #ja-mainnav .main {
    9.     background: url(../images/mainnav-bg.gif) repeat-x bottom #fff;
    10.     border-top: 1px solid #ddd;
    11.     font-family: Constantia, Cambria, Times, serif;
    12.     font-size: 100%;
    13. }
    14.  
    15. #ja-mainnav a {
    16.     color: #000;
    17. }
    18.  
    19. /* Sub Nav ---*/
    20. #ja-subnav {
    21.     z-index: 9;
    22.     position: relative;
    23. }
    24.  
    25. #ja-subnav .main {
    26.     font-family: Arial, sans-serif;
    27.     font-size: 92%;
    28.     text-transform: UPPERCASE;
    29.     z-index: 10;
    30.     line-height: 1;
    31.     border-bottom: 1px solid #ccc;
    32. }
    33.  
    34. #ja-subnav ul {
    35.     padding: 10px 0 9px;
    36.     background: #ddd;
    37.     overflow: hidden;
    38. }
    39.  
    40. #ja-subnav ul.active {
    41.     background: #333;
    42. }
    43.  
    44. #ja-subnav li {
    45.     background: none;
    46.     display: block;
    47.     float: left;
    48.     border-left: 1px solid #999;
    49.     padding: 0 10px 0 11px;
    50. }
    51.  
    52. #ja-subnav li:first-child {
    53.     border-left: 0;
    54. }
    55.  
    56. #ja-subnav ul li a {
    57.     color: #000;
    58.     display: block;
    59. }
    60.  
    61. #ja-subnav ul li a:hover {}
    62.  
    63. #ja-subnav ul li.active a,
    64. #ja-subnav ul li.active a:hover,
    65. #ja-subnav ul li.active a:active,
    66. #ja-subnav ul li.active a:focus {
    67.     text-decoration: underline;
    68.     font-weight: bold;
    69.     color: #fff;
    70. }
    71.  
    72. #ja-subnav ul.active li a {
    73.     color: #fff;
    74. }
    75.  
    76. #ja-subnav ul li.empty {}
    77.  
    78. /* Sub Nav (lv2) ---*/
    79. #ja-subnav ul li ul {
    80.     display: block;
    81.     height: auto;
    82.     position: absolute;
    83.     left: -999%;
    84.     background: #fff;
    85.     border: 1px solid #ccc;
    86.     padding: 0;
    87. }
    88.  
    89. #ja-subnav ul li.hover ul {
    90.     display: block;
    91.     height: auto;
    92.     position: absolute;
    93.     left: auto;
    94. }
    95.  
    96. #ja-subnav ul li.hasChild a span {
    97.     background: url(../images/arrow.png) no-repeat right center;
    98.     padding-right: 8px;
    99. }
    100.  
    101. #ja-subnav ul li.hover a span {
    102.     background: url(../images/arrow-2.png) no-repeat right center;
    103. }
    104.  
    105. #ja-subnav ul li.hasChild li a span, #ja-subnav ul li.hover li a span {
    106.     background: none;
    107.     padding-right: 0;
    108. }
    109.  
    110. #ja-subnav ul li ul li {
    111.     display: block;
    112.     float: none;
    113.     text-align: left;
    114.     border-left: none;
    115.     border-bottom: 1px solid #ddd;
    116.     padding: 5px;
    117. }
    118.  
    119. #ja-subnav ul li ul li a {
    120.     border: 0 !important;
    121.     text-decoration: none !important;
    122.     color: #000 !important;
    123.     background-image: none !important;
    124.     font-weight: normal !important;
    125. }
    126.  
    127. #ja-subnav ul li ul li a:hover {
    128.     text-decoration: underline !important;
    129.     background-image: none !important;
    130. }
    131.  
    132. #ja-subnav ul li ul li a.active {
    133.     color: #145077 !important;
    134.     font-weight: bold !important;
    135. }
    136.  
    137. /* Breadcrumbs ---*/
    138. .ja-navhelper .main {
    139.     border-bottom: 1px solid #ddd;
    140.     padding: 5px 0;
    141. }
    142.  
    143. .ja-breadcrums {
    144.     float: left;
    145.     width: 80%;
    146.     margin-left: 10px;
    147.     margin-top: 2px;
    148.     text-transform: uppercase;
    149. }
    150.  
    151. .ja-breadcrums strong { margin-right: 5px; }
    152.  
    153. .ja-breadcrums img { margin: 1px 5px; }
    154.  
    155. /* Default Joomla! Menu ---*/
    156. ul.menu { margin: 0; padding: 0; }
    157.  
    158. ul.menu li {
    159.     margin: 0;
    160.     padding: 0;
    161.     background: none;
    162.     border-bottom: 1px dotted #ddd;
    163.     overflow: hidden;
    164. }
    165.  
    166. ul.menu li a {
    167.     display: block;
    168.     outline: none;
    169.     padding: 4px 0;
    170.     text-indent: 2px;
    171. }
    172.  
    173. ul.menu li a:hover,
    174. ul.menu li a:active,
    175. ul.menu li a:focus {
    176. }
    177.  
    178. ul.menu li.active a {
    179.     font-weight: bold;
    180. }
    181.  
    182. ul.menu li ul {
    183.     margin: 0 0 0 10px;
    184. }
    185.  
    186. ul.menu li li {
    187.     border-top: 1px dotted #ddd;
    188.     border-bottom: 0;
    189.     background: url(../images/arrow.png) no-repeat left 9px;
    190. }
    191.  
    192. ul.menu li li a {
    193.     font-weight: normal !important;
    194.     text-indent: 8px;
    195. }
    196.  
    197. ul.menu li li a:hover,
    198. ul.menu li li a:active,
    199. ul.menu li li a:focus {
    200.     color: #333333;
    201. }
    202.  
    203. /* SPOTLIGHT
    204. --------------------------------------------------------- */
    205. #ja-topsl .ja-box, #ja-botsl .ja-box {
    206.     padding: 0;
    207. }
    208.  
    209. #ja-topsl li, #ja-botsl li {
    210.     padding-left: 10px;
    211.     background-position: 1px 7px;
    212. }
    213.  
    214. /* Top spotlight ---*/
    215. #ja-topsl .main {
    216.     border-bottom: 1px solid #ddd;
    217. }
    218.  
    219. #ja-topsl .moduletable {
    220.     border-bottom: 0;
    221. }
    222.  
    223. /* Bot spotlight ---*/
    224. #ja-botsl .main {
    225.     border-top: 1px solid #ddd;
    226. }
    227.  
    228. .ja-box .moduletable, .ja-box .moduletable_default {
    229.     margin-bottom: 0;
    230.     border-bottom: 0;
    231.     border-right: 1px solid #ddd;
    232. }
    233.  
    234. .ja-box-right .moduletable, .ja-box-right .moduletable_default {
    235.     border-right: 0;
    236. }
    237.  
    238. /* FOOTER
    239. --------------------------------------------------------- */
    240. #ja-footer { }
    241.  
    242. #ja-footer .main {
    243.     color: #999999;
    244.     position: relative;
    245.     overflow: hidden;
    246.     padding: 0 0 15px;
    247.     border-top: 1px solid #ddd;
    248. }
    249.  
    250. #ja-footer small {
    251.     color: #666;
    252.     font-size: 100%;
    253. }
    254.  
    255. /* Foot Links ---*/
    256. #ja-footer .ja-footnav {
    257.     background: #333;
    258.     position: relative;
    259.     overflow: hidden;
    260.     margin: 0 0 10px;
    261.     font-size: 100%;
    262. }
    263.  
    264. .ja-footnav ul { float: left; line-height: normal; }
    265.  
    266. .ja-footnav li {
    267.     display: block;
    268.     float: left;
    269.     padding: 0;
    270.     border-left: 1px solid #666;
    271. }
    272.  
    273. .ja-footnav li a {
    274.     text-transform: uppercase;
    275.     display: block;
    276.     line-height: normal;
    277.     color: #ccc;
    278.     padding: 7px 10px;
    279. }
    280.  
    281. .ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus {
    282.     color: #fff;
    283. }
    284.  
    285. .ja-footnav ul.ja-links { float: right; }
    286. .ja-footnav ul.ja-links li { background: none; border-left: 0; padding: 0; }
    287. .ja-footnav ul.ja-links li a { padding: 7px 10px; }
    288.  
    289. .ja-footnav ul.ja-links li.top a {
    290.     background: url(../images/arrow-3.png) no-repeat 9px center;
    291.     padding-left: 18px;
    292.     padding-right: 10px;
    293. }
    294.  
    295. .ja-footnav ul.ja-links li.top a:hover {
    296.     background-color: #666;
    297.     color: #fff;
    298.     text-decoration: none;
    299. }
    300.  
    301. .ja-footnav ul.ja-links li.layout-switcher a {
    302.     background: #145077;
    303.     color: #fff;
    304.     text-decoration: none;
    305. }
    306.  
    307. .ja-footnav ul.ja-links li.layout-switcher a:hover {
    308.     background: #666;
    309.     color: #fff;
    310.     text-decoration: none;
    311. }
    312.  
    313. .ja-footnav ul.ja-links li.user-reset a {
    314.     background: #9c162e;
    315.     color: #fff;
    316.     text-decoration: none;
    317. }
    318.  
    319. .ja-footnav ul.ja-links li.user-reset a:hover {
    320.     background: #666;
    321.     color: #fff;
    322.     text-decoration: none;
    323. }
    324.  
    325. .ja-footnav .ja-firstitem { border-left: 0; padding-left: 5px; }
    326.  
    327. /* Copyright Info. ---*/
    328. .ja-copyright small { display: block; }
    329.  
    330. /* MISCELLANOUS
    331. ----------------------------------------------------------- */
    332. ul.accessibility {
    333.     position: absolute;
    334.     top: -100%;
    335. }
    336.  
    337. /* User Tools ---*/
    338. #ja-usertools { float: left; padding-top: 3px; }
    339.  
    340. #ja-usertools strong {
    341.     font-weight: normal;
    342.     float: left;
    343.     padding: 0 5px 2px 8px;
    344.     display: block;
    345. }
    346.  
    347. #ja-usertools ul { float: left; }
    348.  
    349. #ja-usertools li {
    350.     background: none;
    351.     display: block;
    352.     float: left;
    353.     margin: 0;
    354.     padding: 1px 0 0;
    355. }
    356.  
    357. #ja-usertools li img:hover {
    358.     border: 1px solid #999999;
    359.     margin: 0;
    360.     background: #fff;
    361. }
    362.  
    363. #ja-usertools img { padding: 2px; margin: 1px; }
    364.  
    365. /* Font tools ---*/
    366. .item_fonttool .childcontent { width: 150px !important; margin-left: -81px !important;}
    367.  
    368. .item_fonttool .childcontent .inner { padding: 10px 15px 5px !important; }
    369.  
    370. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li {
    371.     background: none !important;
    372.     margin: 0;
    373.     padding: 0 3px 0 0;
    374.     display: inline;
    375. }
    376.  
    377. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img {
    378.     border: 1px solid #ddd;
    379. }
    380.  
    381. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img:hover {
    382.     border: 1px solid #666;
    383.     cursor: pointer;
    384. }
    385.  
    386. /* User Settings ---*/
    387. .ja-usersetting {
    388.     margin: 0 -15px;
    389.     background: #f7f7f7;
    390.     color: #333;
    391. }
    392.  
    393. a.ja-usersetting-loadform {
    394.     position: absolute;
    395.     right: 50px;
    396.     top: 4px;
    397.     width: 20px;
    398.     text-indent: -9999px;
    399.     height: 20px;
    400.     background: url(../images/icon-setting.gif) no-repeat center;
    401. }
    402.  
    403. form.ja-usersetting-form { padding: 5px 15px; }
    404.  
    405. .ja-usersetting-options {
    406.     width: 100%;
    407.     display: block;
    408. }
    409.  
    410. .ja-usersetting-options ul {
    411.     margin: 0;
    412.     padding: 5px 0;
    413.     overflow: hidden;
    414.     clear: both;
    415.     font-size: 92%;
    416. }
    417.  
    418. .ja-usersetting-options ul li {
    419.     background: none;
    420.     float: left;
    421.     display: block;
    422.     padding: 0 15px 0 0 !important;
    423.     margin: 0 !important;
    424. }
    425.  
    426. .ja-usersetting-options ul.checkall { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
    427.  
    428. .ja-usersetting-options ul.catselect { margin-top: 0; }
    429. .ja-usersetting-options ul.catselect li { line-height: 20px; height: 20px; }
    430. .ja-usersetting-options ul.catselect label { line-height: 20px; }
    431. .ja-usersetting-options ul.catselect .checkbox { margin: 0 5px; line-height: 20px; }
    432.  
    433. .ja-usersetting-options p.actions { margin-bottom: 10px; }
    434.  
    435. /* Icon for min/max ---*/
    436. .ja-mdtool {
    437.     position: absolute;
    438.     right: 10px;
    439.     top: 4px;
    440.     width: 20px;
    441.     height: 20px;
    442. }
    443.  
    444. /* Icon for move ---*/
    445. .ja-mdmover {
    446.     position: absolute;
    447.     right: 30px;
    448.     top: 4px;
    449.     text-indent: -9999px;
    450.     width: 20px;
    451.     height: 20px;
    452.     background: url(../images/icon-mover.gif) no-repeat center;
    453. }
    454.  
    455. /* Others ---*/
    456. #ja-banner {
    457.     margin: 0;
    458.     padding-top: 15px;
    459.     text-align: center;
    460.     overflow: hidden;
    461.     width: 100%;
    462.     border-top: 1px solid #ddd;
    463. }
    464.  
    465. div.ja-innerdiv {
    466.     clear: both;
    467.     margin-bottom: 10px;
    468.     padding-bottom: 12px;
    469.     border-bottom: 1px dotted #ddd;
    470. }
    471.  
    472. div.ja-innerdiv h4 {
    473.     margin: 5px 0;
    474.     padding: 0;
    475.     font-family: Arial, sans-serif;
    476.     font-size: 92%;
    477.     font-weight: normal;
    478.     text-transform: uppercase;
    479. }
    480.  
    481. .ja-social-bookmarking { float: right; margin-top: 2px; }
    482. .cufon-canvas { padding: 1px 0 3px; }
    483.  
    484. /* Comments ---*/
    485. /*id*/
    486. #idc-container-parent { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }
    487.  
    488. #idc-container .idc-share { position: relative; }
    489.  
    490. /*disqus*/
    491. #disqus_thread { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }
    492. button.dsq-button { padding: 4px 8px !important; }
    493. div.dsq-post-fields { z-index: 20; position: relative; }
    494. div.dsq-post-footer { z-index: 18; }
    495.  
    496. /* Grey box ---*/
    497. #GB_middle .left,
    498. #GB_middle .right {
    499.     float: none;
    500. }
    501.  
    502. /* For backend ---*/
    503. .editor fieldset,
    504. .publishing,
    505. .metadata {
    506.     border: 1px solid #ddd;
    507.     padding: 10px;
    508. }
    509.  
    510. .editor fieldset,
    511. .metadata {
    512.     margin: 20px 0;
    513. }
    514.  
    515. .editor fieldset legend,
    516. .publishing legend,
    517. .metadata legend {
    518.     background: #666;
    519.     font-weight: bold;
    520.     padding: 0 5px;
    521.     color: #fff;
    522. }
    523.  
    524. .editor fieldset,
    525. .publishing label,
    526. .metadata label {
    527.     font-weight: bold;
    528.     padding-right: 10px;
    529. }
    530.  
    531. .publishing img.calendar {
    532.     border: none;
    533.     background: none;
    534.     padding: 0 0 0 5px;
    535.     vertical-align: middle;
    536. }
    537.  
    538. .publishing div {
    539.     padding: 6px 0;
    540. }
    541.  
    542. .publishing div.wrap {
    543.     display: none;
    544. }
    545.  
    546. .metadata .inputbox {
    547.     margin-bottom: 10px;
    548. }
    549.  
    550. form.user div,
    551. form.user table td {
    552.     padding: 6px 0;
    553. }
    554.  
    555. form.user label {
    556.     font-weight: bold;
    557.     padding-right: 10px;
    558. }
    559.  
    560. div.save { margin-top: 10px; }
    561.  
    562. /* Form logout ---*/
    563. div.name, div.pass, div.remember, div.contact_email {
    564.     padding: 6px 0;
    565. }
    566.  
    567. div.name label, div.pass label, div.remember label, div.contact_email label {
    568.     font-weight: bold;
    569.     padding-right: 10px;
    570. }
    571.  
    572. div.contact_email_checkbox {
    573.     margin-bottom: 10px;
    574. }
     
  4. Offline

    vuku_manku Недавно здесь

    Регистрация:
    06.01.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    там ещё файлы CSS есть ууууу..... помогите ктонь... я хз что делать
     
  5. varakuta
    Offline

    varakuta Недавно здесь

    Регистрация:
    21.05.2009
    Сообщения:
    271
    Симпатии:
    2
    Пол:
    Мужской
    есть плаги к мозилле web-developer и fire bug
    ими удобо глядеть цсс выделенного участка
     
  6. Asylum
    Offline

    Asylum специалист

    Регистрация:
    09.02.2007
    Сообщения:
    2 571
    Симпатии:
    152
    Пол:
    Мужской
    Вот их и копай, дело 10 минут
     
  7. Offline

    vuku_manku Недавно здесь

    Регистрация:
    06.01.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    varakuta, благодарю буду юзать второй, посморим что получится
     

Поделиться этой страницей

Загрузка...