изменить шаблон чтобы растягивался до размеров окна

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

  1. Snegv_UA
    Offline

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

    Регистрация:
    26.02.2011
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Суть проблемы шаблон при большом разрешении(1440х900) не растягивается автоматически до размеров окна,кстати то же самое с шаблоном этого сайта,как сделать,что подкрутить подскажите плиз:[
    joomla 1.5 шаблон для 1.0 работа в режиме совместительства
     
  2.  
  3. Offline

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

    Регистрация:
    18.07.2010
    Сообщения:
    114
    Симпатии:
    4
    Пол:
    Мужской
    в таблице стилей указать ширину шаблона в процентах, а не в пикселях
     
  4. Snegv_UA
    Offline

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

    Регистрация:
    26.02.2011
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    не подскажите какой файлик ковырнуть ,а то я не волшебник -учюсь

    вот мой файл template_css.css подскажите что поменять

    Код (PHP):
    1. /*********************************
    2. * COMMONS STYLES
    3. **********************************/
    4.  
    5.  
    6. /* **** ACCESSIBLITY */
    7. #accessibility {
    8.     display: none;
    9.     position: absolute;
    10.     left: -2000px;
    11.     top: -2000px;
    12. }
    13.  
    14.  
    15. /* **** GLOBAL CONTENT */
    16. #global_content {
    17.     margin: 0 auto;
    18.     padding: 0 0 1em 0;
    19. }
    20. .thin { width: 770px; }
    21. .thin #main {       width: 770px; } /* Bug IE */
    22. .thin #column {     width: 156px; }
    23. .thin #menu {       width: 580px; }
    24.  
    25. .thin .column #content,
    26. .thin .column #center,
    27. .thin .column #userbox { width: 560px; }
    28.  
    29. .thin #content,
    30. .thin #center,
    31. .thin #userbox { width: 730px; }
    32.  
    33.  
    34.  
    35. .wide { width: 970px; }
    36. .wide #main {       width: 970px; } /* Bug IE */
    37. .wide #column {     width: 156px; }
    38. .wide #menu {       width: 780px; }
    39.  
    40. .wide .column #content,
    41. .wide .column #center,
    42. .wide .column #userbox { width: 760px; }
    43.  
    44. .wide #content,
    45. .wide #center,
    46. .wide #userbox { width: 930px; }
    47.  
    48.  
    49.  
    50.  
    51. /* **** TEMPLATES STYLES */
    52.  
    53. .clear { clear: both; }
    54.  
    55.  
    56. .background {
    57.     background: #201E1D url(../images/page_bkg.gif) repeat-x 0 0;
    58. }
    59.  
    60.  
    61. .fsize-small {      font-size: 11px; }
    62. .fsize-normal {     font-size: 12px; }
    63. .fsize-large {      font-size: 13px; }
    64.  
    65.  
    66.  
    67.  
    68. #header {
    69.     height: 62px;
    70.     overflow: hidden;
    71.     background: url(../images/header_reflect.gif) no-repeat 50% 0;
    72.     padding: 15px 0 0 0;
    73. }
    74.  
    75.  
    76.  
    77.  
    78. #logo {
    79.     display: block;
    80.     float: left;
    81.     width: 118px;
    82.     height: 47px;
    83.     margin: 0 0 0 40px;
    84.     background: url(../images/logo_pokerclub.gif) no-repeat 0 0;
    85.     cursor: pointer;
    86. }
    87.  
    88. #logo span {
    89.     display: none;
    90. }
    91.  
    92.  
    93.  
    94.  
    95. /* HEADER MENU */
    96. #menu {
    97.     float: right;
    98. }
    99.  
    100. #menu table {
    101.     width: auto;
    102.     border-collapse: collapse;
    103. }
    104. #menu .moduletable { float: right; }
    105.  
    106. #menu li { display: inline; }
    107.  
    108. #menu a.mainlevel  {
    109.     display: block;
    110.     float: left;
    111.     height: 20px;
    112.     margin: 0 1px;
    113.     padding: 15px 1em 0 1em;
    114.     color: #FFF;
    115.     font-size: 11px;
    116.     font-weight: bold;
    117.     text-decoration: none;
    118.     border-bottom: 1px solid #3E3A3A;
    119.     background: #363232 url(../images/topmenu_items.gif) repeat-x 0 0;
    120. }
    121. #menu a.mainlevel:hover {
    122.     text-decoration: none;
    123. }
    124. #menu a#active_menu {
    125.     background-position: 0 -35px;
    126. }
    127. #menu a#active_menu:hover {
    128.     border-bottom-color: #FFF;
    129. }
    130. #menu a.sublevel {
    131.     display: block;
    132.     padding: 0.4em 1em 0.4em 1em;
    133.     color: #FFF;
    134.     font-size: 11px;
    135.     font-weight: bold;
    136.     text-decoration: none;
    137.     white-space: nowrap;
    138.     border-left: 1px solid #3E3A3A;
    139.     background: #363232 url(../images/topmenu_items.gif) repeat-x 0 0;
    140. }
    141. #menu .arrow {
    142.     padding: 0 1.5em 0 0;
    143. }
    144. #menu a.mainlevel .arrow {  background: url(../images/arrow_down.png) no-repeat 100% 55%; }
    145. #menu a.sublevel .arrow {   background: url(../images/arrow_side.png) no-repeat 100% 50%; }
    146.  
    147.  
    148.  
    149.  
    150.  
    151.  
    152.  
    153. #main {
    154.     float: left;
    155.     background: #FFF url(../images/main_shadow.gif) repeat-x 0 0;
    156. }
    157.  
    158. #main .moduletable,
    159. #main .moduletable-spade,
    160. #main .moduletable-club,
    161. #main .moduletable-hearth,
    162. #main .moduletable-square {
    163.     margin: 0 1em 2em 1em;
    164. }
    165.  
    166. #main h3 {
    167.     margin: 0 0 0.5em 0;
    168.     padding: 0;
    169.     font: normal 1.8em "Times New Roman", Times, serif;
    170.     color: #FFF;
    171. }
    172. #main .moduletable-spade h3,
    173. #main .moduletable-club h3,
    174. #main .moduletable-hearth h3,
    175. #main .moduletable-square h3 {
    176.     background-position: 0 3px;
    177.     background-repeat: no-repeat;
    178.     padding: 0 0 0 1em;
    179. }
    180.  
    181. #main .moduletable-spade h3 {   background-image: url(../images/icon_spade.png); }
    182. #main .moduletable-hearth h3 {  background-image: url(../images/icon_hearth.png); }
    183. #main .moduletable-square h3 {  background-image: url(../images/icon_square.png); }
    184. #main .moduletable-club h3 {    background-image: url(../images/icon_club.png); }
    185.  
    186. #main a.mainlevel {
    187.     display: block;
    188.     padding: 0.4em 0 0.4em 0.4em;
    189.     margin: 0;
    190.     color: #FFF;
    191.     font-size: 1em;
    192.     text-decoration: none;
    193.     background: url(../images/columnmenu_items.gif) no-repeat 0 0;
    194. }
    195. #main a.mainlevel:hover {
    196.     text-decoration: none;
    197. }
    198. #main a#active_menu {
    199.     background-position: 0 -40px;
    200. }
    201. #main a.sublevel {
    202.     display: block;
    203.     padding: 0.4em 0 0.4em 0.4em;
    204.     margin: 0;
    205.     color: #FFF;
    206.     font-size: 1em;
    207.     font-weight: normal;
    208.     text-decoration: none;
    209. }
    210.  
    211.  
    212.  
    213.  
    214. .left #center {
    215.     float: right;
    216.     margin: 0 20px 0 0;
    217. }
    218. .right #center {
    219.     float: left;
    220.     margin: 0 0 0 20px;
    221. }
    222.  
    223.  
    224.  
    225.  
    226. /* COLUMN */
    227.  
    228. .right #column {
    229.     float: right;
    230.     margin: 0 20px 0 0;
    231. }
    232. .left #column {
    233.     float: left;
    234.     margin: 0 0 0 20px;
    235. }
    236. #column {
    237.     background: #201E1D url(../images/column_bottom.gif) no-repeat 0 100%;
    238.     color: #FFF;
    239. }
    240. #column.chips {
    241.     padding-bottom: 135px;
    242.     background-image: url(../images/column_bottom_chips.jpg);
    243. }
    244. #column a:hover  {
    245.     color: #FFF;
    246. }
    247. #column .contentheading {
    248.     background: none;
    249.     padding: 0;
    250.     font-size: 1.2em;
    251.     color: #FFF;
    252. }
    253. #column .article_seperator { display: none; }
    254. #column .contentheading {
    255.     padding: 0;
    256.     background: none;
    257.     font-size: 1.3em;
    258.     font-weight: bold;
    259. }
    260.  
    261.  
    262.  
    263.  
    264.  
    265. /* PATHWAY */
    266.  
    267. #pathway {
    268.     padding: 1em 0;
    269. }
    270. span.pathway {
    271.     white-space: nowrap;
    272. }
    273. span.pathway img {  display: none; }
    274. span.pathway a {
    275.     padding: 0 0.8em 0 0.1em;
    276.     margin: 0;
    277.     font-weight: bold;
    278.     text-decoration: none;
    279.     background-position: 100% 4px;
    280.     background-repeat: no-repeat;
    281. }
    282. span.pathway a:hover { 
    283.     text-decoration: underline;
    284. }
    285.  
    286.  
    287.  
    288.  
    289.  
    290.  
    291.  
    292. /* CONTENT */
    293. #content {
    294.     line-height: 1.4em;
    295. }
    296. #content ol { margin-left: 25px; }
    297. #content ul { margin-left: 30px; }
    298. #content ol li {
    299.     list-style-type: decimal;
    300.     padding: 2px 0px;
    301. }
    302. #content ul li {
    303.     list-style-type: disc;
    304.     padding: 2px 0px;
    305. }
    306.  
    307. #content h1 {
    308.     margin: 1em 0;
    309.     font-size: 1.5em;
    310.     color: #494546;
    311. }
    312. #content h2 {
    313.     margin: 1em 0;
    314.     font-size: 1.5em;
    315. }
    316. #content h3 {
    317.     margin: 1em 0;
    318.     font: bold 1.3em Tahoma, Verdana, Arial, sans-serif;
    319.     color: #494546;
    320. }
    321. #content h4 {
    322.     margin: 0.5em 0;
    323.     font-size: 1.2em;
    324. }
    325. #content h5 {
    326.     margin: 0.5em 0;
    327.     font-size: 1em;
    328. }
    329.  
    330.  
    331.  
    332.  
    333. /* USER BOX */
    334.  
    335. #userbox {
    336.     float: left;
    337.     color: #FFF;
    338.     background: #201E1D url(../images/user_middle.gif) repeat-x 0 100%;
    339. }
    340. .user_bl {  background: url(../images/user_left.gif) no-repeat 0 100%; }
    341. .user_br {
    342.     padding: 10px;
    343.     background: url(../images/user_right.gif) no-repeat 100% 100%;
    344. }
    345. .cards .user_br {
    346.     background-image: url(../images/user_right_cards.jpg);
    347. }
    348.  
    349.  
    350. #userbox .floatmodule {     float: left; }
    351. .u1 .floatmodule {  width: 100%; }
    352. .u2 .floatmodule {  width: 50%; }
    353. .u3 .floatmodule {  width: 33%; }
    354.  
    355. #userbox a:hover  {
    356.     color: #FFF;
    357. }
    358. #userbox .contentheading {
    359.     background: none;
    360.     padding: 0;
    361.     font-size: 1.2em;
    362.     color: #FFF;
    363. }
    364. #userbox .article_seperator { display: none; }
    365. #userbox .contentheading {
    366.     padding: 0;
    367.     background: none;
    368.     font-size: 1.3em;
    369.     font-weight: bold;
    370. }
    371.  
    372.  
    373.  
    374.  
    375.  
    376.  
    377. #bottom {
    378.     background: #201E1D url(../images/bottom_tm.gif) repeat-x 0 0;
    379.     color: #FFF;
    380. }
    381.  
    382. .bottom_tm { background: url(../images/bottom_reflect.gif) no-repeat 50% 0; }
    383. .bottom_tl { background: url(../images/bottom_tl.gif) no-repeat 0 0; }
    384. .bottom_tr { background: url(../images/bottom_tr.gif) no-repeat 100% 0; }
    385. .bottom_bm { background: url(../images/bottom_bm.gif) repeat-x 0 100%; }
    386. .bottom_bl { background: url(../images/bottom_bl.gif) no-repeat 0 100%; }
    387. .bottom_br {
    388.     background: url(../images/bottom_br.gif) no-repeat 100% 100%;
    389.     padding: 5px 0;
    390. }
    391.  
    392.  
    393. .bottom_icon {
    394.     padding: 0 1em;
    395.     border-left: 1px solid #FFF;
    396.     border-right: 1px solid #FFF;
    397.     background-repeat: no-repeat;
    398.     background-position: 10px 50%;
    399. }
    400. #bottom .hearth, #bottom .square, #bottom .spade, #bottom .club {  
    401.     padding-left: 65px;
    402. }
    403. #bottom .hearth {   background-image: url(../images/bottom_icon_hearth.png); }
    404. #bottom .square {   background-image: url(../images/bottom_icon_square.png); }
    405. #bottom .spade {    background-image: url(../images/bottom_icon_spade.png); }
    406. #bottom .club {     background-image: url(../images/bottom_icon_club.png); }
    407.  
    408. #bottom .moduletable {
    409.     margin: 0 0 1em 0;
    410. }
    411. #bottom h3 {
    412.     margin: 0;
    413.     padding: 0;
    414.     font: normal 1.8em "Times New Roman", Times, serif;
    415.     color: #FFF;
    416. }
    417. #bottom a.mainlevel {
    418.     color: #FFF;
    419.     text-decoration: none;
    420. }
    421. #bottom a.mainlevel:hover {
    422.     text-decoration: none;
    423. }
    424. #bottom .article_seperator { display: none; }
    425.  
    426.  
    427.  
    428.  
    429.  
    430. /* FOOTER */
    431. #footer {
    432.     padding: 1em 0;
    433.     font-size: 1em;
    434.     color: #494546;
    435. }
    436. #footer a {
    437.     font-weight: normal;
    438.     color: #494546;
    439. }
    440. #footer a:hover {   color: #9A9596; }
    441.  
    442.  
    443.  
    444.  
    445.  
    446. a#neojoomla {
    447.     display: block;
    448.     float: right;
    449.     width: 145px;
    450.     height: 40px;
    451.     margin: 1em 0 0 0;
    452.     background: url(../images/logo_neojoomla.gif) no-repeat 0 0;
    453.     cursor: pointer;
    454. }
    455. a#neojoomla span { display: none; }
    456.  
    457.  
    458.  
    459.  
    460.  
    461.  
    462. /* **** TEMPLATE CUSTOMIZER */
    463. .templateCustomizer {
    464.     clear: right;
    465.     float: right;
    466.     width: 185px;
    467.     padding: 0.5em 0 0 0;
    468. }
    469. .templateCustomizer ul {
    470.     float: left;
    471.     padding: 0;
    472.     margin: 0 0.7em 0 0;
    473. }
    474. .templateCustomizer ul li {
    475.     display: inline;
    476. }
    477. .templateCustomizer a {
    478.     display: block;
    479.     float: left;
    480.     width: 18px;
    481.     height: 14px;
    482.     margin: 0.1em;
    483.     background-repeat: no-repeat;
    484.     background-position: 0 0;
    485. }
    486. .templateCustomizer li.clr-red a, .templateCustomizer li.clr-green a {     
    487.     width: 16px;
    488.     height: 12px;
    489.     border: 1px solid #313131;
    490. }
    491.  
    492. .templateCustomizer a span { display: none; }
    493.  
    494. .templateCustomizer li.fsize-small a {      background-image: url(../images/fsize_small.gif); }
    495. .templateCustomizer li.fsize-normal a {     background-image: url(../images/fsize_normal.gif); }
    496. .templateCustomizer li.fsize-large a {      background-image: url(../images/fsize_large.gif); }
    497.  
    498. .templateCustomizer li.width-thin a {   background-image: url(../images/sitewidth_thin.gif); }
    499. .templateCustomizer li.width-wide a  {  background-image: url(../images/sitewidth_wide.gif); }
    500.  
    501. .templateCustomizer li.clr-red a {      background-color: #DD0E0E; }
    502. .templateCustomizer li.clr-green a  {   background-color: #047504; }
    503.  
    504.  
    505.  
    506.  
    507.  
    508.  
    509. /* **** JOOMLA & NEOJOOMLA MODULES STUFFS */
    510.  
    511.  
    512. /* POLL */
    513. .poll {}
    514. .pollstableborder { width: 100%; }
    515. .pollstableborder .sectiontableentry1 {}
    516. .pollstableborder .sectiontableentry2 {}
    517. .poll div {
    518.     padding: 4px 0px;
    519. }
    520.  
    521.  
    522.  
    523.  
    524. /* NEOLATESTNEWS */
    525. .neolatestnews li {     margin: 0.5em 0; }
    526. .neolatestnews li p {   margin: 0.5em 0; }
    527. .neolatestnews a.newstitle {
    528.     font-weight: bold !important;
    529. }
    530.  
    531.  
    532.  
    533. /* LATESTNEWS, MOSTREAD */
    534. ul.latestnews, ul.mostread, .neolatestnews,
    535. ul.latestnews-spade, ul.mostread-spade,
    536. ul.latestnews-club, ul.mostread-club,
    537. ul.latestnews-hearth, ul.mostread-hearth,
    538. ul.latestnews-square, ul.mostread-square {
    539.     margin: 0;
    540. }
    541. ul.latestnews li, ul.mostread li,  .neolatestnews li,
    542. ul.latestnews-spade li, ul.mostread-spade li,
    543. ul.latestnews-club li, ul.mostread-club li,
    544. ul.latestnews-hearth li, ul.mostread-hearth li,
    545. ul.latestnews-square li, ul.mostread-square li  {
    546.     padding: 0.2em 0 0.5em 0;
    547.     background: url(../images/dotline_grey.png) repeat-x 0 100%;
    548. }
    549. ul.latestnews a, ul.mostread a, .neolatestnews a.newstitle,
    550. ul.latestnews-spade a, ul.mostread-spade a,
    551. ul.latestnews-club a, ul.mostread-club a,
    552. ul.latestnews-hearth a, ul.mostread-hearth a,
    553. ul.latestnews-square a, ul.mostread-square a {
    554.     font-weight: normal;
    555.     color: #FFF;
    556.     text-decoration: none;
    557. }
    558. ul.latestnews a:hover, ul.mostread a:hover, .neolatestnews a.newstitle:hover,
    559. ul.latestnews-spade a:hover, ul.mostread-spade a:hover,
    560. ul.latestnews-club a:hover, ul.mostread-club a:hover,
    561. ul.latestnews-hearth a:hover, ul.mostread-hearth a:hover,
    562. ul.latestnews-square a:hover, ul.mostread-square a:hover {
    563.     text-decoration: none;
    564. }
    565.  
    566. ul.latestnews a:visited, ul.mostread a:visited, .neolatestnews a.newstitle:visited,
    567. ul.latestnews-spade a:visited, ul.mostread-spade a:visited,
    568. ul.latestnews-club a:visited, ul.mostread-club a:visited,
    569. ul.latestnews-hearth a:visited, ul.mostread-hearth a:visited,
    570. ul.latestnews-square a:visited, ul.mostread-square a:visited {
    571.     color: #494546;
    572. }
    573.  
    574.  
    575.  
    576.  
    577.  
    578.  
    579. /* **** HTML TAGS */
    580.  
    581. html, body {
    582.     height: 100%;
    583.     margin: 0px;
    584.     padding: 0px;
    585. }
    586.  
    587. body{
    588.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    589.     font-size: 11px;    
    590.     color: #333;
    591.     background-color: #FFF;
    592. }
    593.  
    594. table { font-size: 1em; }
    595. h1, h2, h3, h4, ol, ul, li, form {
    596.     padding: 0px;
    597.     margin: 0px;
    598. }
    599. ul li { list-style-type: none; }
    600.  
    601. a {
    602.     color: #201E1D;
    603.     font-weight: bold;
    604.     text-decoration: underline;
    605. }
    606. a:hover {
    607.     color: #494546;
    608.     text-decoration: none;
    609. }
    610.  
    611. hr {
    612.     height: 1px;
    613.     border: 0px;
    614.     color: #999;   
    615.     background-color: #999;
    616. }
    617.  
    618. img { border: 0px; }
    619.  
    620.  
    621. input, select, textarea {
    622.     font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    623.     padding: 1px;
    624.     border-width: 1px;
    625. }
    626.  
    627.  
    628.  
    629.  
    630. /* **** JOOMLA STUFFS */
    631.  
    632.  
    633. /* FORMS */
    634. input.inputbox, select.inputbox, textarea {
    635.     color: #333;
    636. }
    637. input.button {
    638.     font-weight: bold;
    639.     padding: 2px 4px !important;
    640.     padding: 2px;
    641.     color: #FFF;
    642.     background-color: #222;
    643.     border-top-color: #666;
    644.     border-left-color: #666;
    645.     border-right-color: #000;
    646.     border-bottom-color: #000;
    647. }
    648.  
    649.  
    650.  
    651.  
    652. /* SMALL TEXT, DATES */
    653. .createdate, .modifydate, .small   {
    654.     font-size: 1em;
    655.     color: #9A9596;
    656.     text-align: left;
    657. }
    658. #userbox .createdate, #userbox .modifydate, #userbox .small,
    659. #column .createdate, #column .modifydate, #column .small   {
    660.     color: #494546;
    661. }
    662.  
    663.  
    664.  
    665. /* **** PAGE CONTENT */
    666.  
    667. /* PRINT PAGE */
    668. body.contentpane {  padding: 6px 10px 4px 10px; }
    669.  
    670.  
    671. table.contentpaneopen, table.contentpane, table.blog {
    672.     width: 100%;
    673.     font-size: 1em;
    674.     border-collapse: collapse;
    675. }
    676.  
    677.  
    678. /* HEADING OF COMPONENT */
    679. .componentheading {
    680.     height: 40px;
    681.     line-height: 38px;
    682.     overflow: hidden;
    683.     margin: 0.5em 0 1em 0;
    684.     padding: 0 0 0 1em;
    685.     font-weight: bold;
    686.     font-size: 1.2em;
    687.     color: #FFF;
    688.     background-position: 0 0;
    689.     background-repeat: no-repeat;
    690. }
    691. .thin .componentheading { background-image: url(../images/compheading_thin_nocolumn.gif); }
    692. .wide .componentheading { background-image: url(../images/compheading_wide_nocolumn.gif); }
    693.  
    694. .thin .column .componentheading { background-image: url(../images/compheading_thin.gif); }
    695. .wide .column .componentheading { background-image: url(../images/compheading_wide.gif); }
    696.  
    697.  
    698.  
    699. /* HEADING OF CONTENT */
    700. .contentheading {
    701.     font: normal 1.8em "Times New Roman", Times, serif;
    702. }
    703. .contentheading a {
    704.     font-weight: normal;
    705.     text-decoration: none;
    706. }
    707. .contentheading a:hover {
    708.     color: #201E1D;
    709.     text-decoration: none;
    710. }
    711.  
    712.  
    713.  
    714.  
    715. /* BUTTONS HEADING (PRINT, EMAIL, PDF) */
    716. .buttonheading {          
    717.     text-align: left;
    718.     vertical-align: bottom;  
    719.     font-size: 0.85em;
    720. }
    721. .buttonheading img { border: 0; }
    722. .buttonheading a { text-decoration: none; }
    723. .buttonheading a:hover { text-decoration: underline; }
    724.  
    725.  
    726.  
    727.  
    728. .contentdescription { padding: 6px 0px; }
    729.  
    730. .pagenavcounter { text-align: right; }
    731.  
    732.  
    733.  
    734.  
    735. /* TABLE OF CONTENT */
    736. table.contenttoc {
    737.     margin: 0 0 0.5em 1em;
    738. }
    739. table.contenttoc th {
    740.     padding: 0.2em 1em 0.6em 0.2em;
    741.     background: #201E1D url(../images/user_middle.gif) repeat-x 0 100%;
    742.     font-weight: bold;
    743.     text-align: center;
    744.     color: #FFF;
    745. }
    746. table.contenttoc td { padding: 0.1em 0 0.1em 0.4em; }
    747. table.contenttoc a.toclink {
    748.     font-weight: normal;
    749.     text-decoration: none;
    750. }
    751. table.contenttoc a.toclink:hover { text-decoration: underline; }
    752.  
    753.  
    754.  
    755.  
    756. /* MOS IMAGE */
    757. div.mosimage { 
    758.     margin: 0.5em 1em;
    759.     padding: 0.2em;
    760.     border: 2px solid #201E1D !important;
    761.     background-color: #494546;
    762.     color: #FFF;
    763. }
    764. div.mosimage_caption {
    765.     padding: 0.1em;
    766.     color: #FFF;
    767. }
    768.  
    769.  
    770.  
    771.  
    772. /* READMODRE LINK FOR ARTICLES */
    773. a.readon {
    774.     text-decoration: none;
    775. }
    776. a.readon:hover {
    777.     text-decoration: underline;
    778. }
    779.  
    780.  
    781.  
    782.  
    783. /* ARTICLE SEPERATOR */
    784. span.article_seperator {
    785.     display: block;
    786.     height: 15px;
    787.     margin: 1em 0;
    788.     background: url(../images/article_seperator.png) repeat-x 0 50%;
    789. }
    790.  
    791.  
    792.  
    793.  
    794. /* BLOG MORE */
    795. .blog_more {
    796.     padding: 0.5em 0.5em 1em 0.5em;
    797.     margin: 0.5em 0;
    798.     background: #201E1D url(../images/user_middle.gif) repeat-x 0 100%;
    799.     color: #FFF;
    800. }
    801. .blog_more ul{
    802.     margin: 0 0 0 1em !important;
    803. }
    804. .blog_more li{
    805.     margin: 0 !important;
    806.     padding: 0.2em 0 0.5em 0 !important;
    807.     list-style-type: none !important;
    808.     background: url(../images/dotline_grey.png) repeat-x 0 100%;
    809. }
    810. .blog_more a { text-decoration: none; }
    811. .blog_more a:hover {
    812.     color: #FFF;
    813.     text-decoration: none;
    814. }
    815.  
    816.  
    817.  
    818.  
    819. /* TABLE ITEMS */
    820. .sectiontableheader {
    821.     padding: 0.6em 0.2em;
    822.     font-weight: bold;
    823.     color: #FFF;
    824.     background: url(../images/bottom_tm.gif) repeat-x 0 0;
    825. }
    826. .sectiontableheader a, .sectiontableheader a:hover {
    827.     font-weight: bold;
    828.     color: #FFF;
    829. }
    830.  
    831. tr.sectiontableentry1 td, td.sectiontableentry1,
    832. tr.sectiontableentry2 td, td.sectiontableentry2 {
    833.     padding: 0.4em 0.2em;
    834.     background-color: #252221;
    835.     border-bottom: 1px solid #494546;
    836.     color: #FFF;
    837.     vertical-align: top;
    838. }
    839.  
    840. .sectiontableentry1 a, .sectiontableentry2 a { text-decoration: none; }
    841. .sectiontableentry1 a:hover, .sectiontableentry2 a:hover {
    842.     text-decoration: none;
    843.     color: #FFF;
    844. }
    845.  
    846.  
    847.  
    848.  
    849.  
    850. /* PAGIN NAVIGATION */
    851. .pagenavbar {
    852.     padding: 4px;
    853.     text-align: left;
    854. }
    855.  
    856.  
    857. span.pagenav, a.pagenav {
    858.     font-size: 1em;
    859.     font-weight: bold;
    860.     margin: 0 0.2em;
    861. }
    862. span.pagenav {
    863.     color: #9A9596;
    864. }
    865. a.pagenav, .pagenav_prev a, .pagenav_next a {
    866.     font-size: 1em;
    867.     font-weight: bold;
    868.     text-decoration: none;
    869. }
    870. a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover {
    871.     text-decoration: underline;
    872. }
    873.  
    874.  
    875.  
    876.  
    877. /* BACK BUTTON  */
    878. div.back_button {    
    879.     text-align: right;
    880.     padding: 0.5em 0;
    881. }
    882. div.back_button a {
    883.     padding: 0 0.1em 0.1em 0.2em;
    884.     font-size: 1em;
    885.     font-weight: bold;
    886.     text-decoration: none;
    887. }
    888. div.back_button a:hover {
    889.     text-decoration: none;
    890.     color: #FFF;
    891. }
    892.  
    893.  
    894.  
    895.  
    896. /* SEARCH RESULTS */
    897. table.searchintro{
    898.     padding: 8px 0px;
    899.     width: 100%;
    900. }
    901. span.highlight { background-color: #FFFF99; }
    902.  
    903.  
    904.  
    905.  
    906.  
    907. /* MODULES STUFFS */
    908.  
    909. table.moduletable { width: 100%; }
    910.  
    911. .syndicate img { margin: 1px 0px; }
    912.  
    913.  
    914.  
    915.  
    916.  
    917. /* **** FRONTEND ADMIN STUFFS */
    918.  
    919. /* VALIDATION MESSAGE */
    920. div.message {
    921.     font-size: 0.95em;
    922.     font-weight: bold;
    923.     color: #CC0000;
    924.     text-align: center;
    925.     padding: 5px 0px;
    926. }
    927.  
    928.  
    929.  
    930. /* FORM TOOLBAR */
    931. table#toolbar a.toolbar {
    932.     border: 1px solid #CCC;
    933.     background-color: #FFF;
    934. }
    935. table#toolbar a.toolbar:hover {
    936.     border: 1px solid #666;
    937.     background-color: #F5F5F5;
    938. }
     
    Последнее редактирование: 26.02.2011

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

Загрузка...