Ребят, с одной частью проблемы я разобрался. выкладываю, может кому полезно будет. Итак, по порядку: сайт сделан на joomla 1.5.14 index.php шаблона: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/style.css" /> <!--[if IE 6]><link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/style.ie6.css" type="text/css" media="screen" /><![endif]--> <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/script.js"></script> </head> <body> <div class="PageBackgroundGradient"></div> <div class="PageBackgroundGlare"> <div class="PageBackgroundGlareImage"></div> </div> <div class="Main"> <div class="Sheet"> <div class="Sheet-tl"></div> <div class="Sheet-tr"><div></div></div> <div class="Sheet-bl"><div></div></div> <div class="Sheet-br"><div></div></div> <div class="Sheet-tc"><div></div></div> <div class="Sheet-bc"><div></div></div> <div class="Sheet-cl"><div></div></div> <div class="Sheet-cr"><div></div></div> <div class="Sheet-cc"></div> <div class="Sheet-body"> <jdoc:include type="modules" name="user3" style="artmenu" /> <div class="Header"> <div class="Header-c"> <jdoc:include type="modules" name="header" /> </div> <div class="logo"> </div> </div> <jdoc:include type="modules" name="breadcrumb" style="artmenux"/> <jdoc:include type="modules" name="tableset" style="contenttable"/> <div class="contentLayout"> <div class="sidebar1"> <jdoc:include type="modules" name="left" style="artblock" /> </div> <div class="content"> <jdoc:include type="message" /> <jdoc:include type="component" /> </div> <div class="sidebar2"> <jdoc:include type="modules" name="right" style="artblock" /> </div> </div> <div class="clear-float"></div> <jdoc:include type="modules" name="breadcrumb1" style="artmenu1"/> <div class="Footer"> <div class="Footer-inner"> <div class="Footer-text"><p> © 2009 Д. Зуев</p> </div> </div> <div class="Footer-background"></div> </div> </div> </div> </div> </body> </html> далее: файл style.css: /* begin Page */ /* Generated with Artisteer version 2.0.0.13869 */ body { margin: 0 auto; padding: 0; background-color: #ffffff; background-image: url('images/Page-BgTexture.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlare { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlareImage { background-image: url('images/Page-BgGlare.png'); background-repeat: no-repeat; height: 239px; width: 389px; margin: 0; } html:first-child .PageBackgroundGlare { border: 1px solid transparent; /* Opera fix */ } .PageBackgroundGradient { background-image: url('images/Page-BgGradient.jpg'); background-repeat: repeat-x; height: 279px; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } /* end Page */ /* begin Box, Sheet */ .Sheet { overflow: hidden; min-width:25px; min-height:25px; margin: 0 auto; position: relative; z-index: 0; width: 900px; } .Sheet-body { position: relative; z-index: 0; margin: 3px; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 12px; height: 12px; background-image: url('images/Sheet-s.png'); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 12px; height: 12px; } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -12px; width: 24px; height: 24px; background-image: url('images/Sheet-s.png'); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 12px; height: 12px; } .Sheet-bl div { position: absolute; z-index: -1; top: -12px; left: 0; width: 24px; height: 24px; background-image: url('images/Sheet-s.png'); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 12px; height: 12px; } .Sheet-br div { position: absolute; z-index: -1; top: -12px; left: -12px; width: 24px; height: 24px; background-image: url('images/Sheet-s.png'); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 12px; right: 12px; height: 12px; } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 24px; background-image: url('images/Sheet-h.png'); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 12px; right: 12px; height: 12px; } .Sheet-bc div { position: absolute; z-index: -1; top: -12px; left: 0; width: 100%; height: 24px; background-image: url('images/Sheet-h.png'); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 12px; left: 0; width: 12px; bottom: 12px; } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 24px; height: 100%; background-image: url('images/Sheet-v.png'); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 12px; right: 0; width: 12px; bottom: 12px; } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -12px; width: 24px; height: 100%; background-image: url('images/Sheet-v.png'); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 12px; left: 12px; right: 12px; bottom: 12px; background-image: url('images/Sheet-c.png'); } .Sheet { margin-top: -3px !important; } /* end Box, Sheet */ /* begin Menu */ /* menu structure */ .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover { text-align:left; text-decoration: none; outline: none; letter-spacing:normal; word-spacing:normal; font-weight: bold; } .artmenu, .artmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .artmenu li:hover { z-index: 10000; white-space: normal; } .artmenu li li { float: none; } .artmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenu li:hover>ul { visibility: visible; top: 100%; } .artmenu li li:hover>ul { top: 0; left: 100%; } .artmenu:after, .artmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenu, .artmenu ul { min-height: 0; } .artmenu ul { background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .nav { position: relative; margin: 0 auto; width: 894px; height: 29px; z-index: 100; } .artmenu { padding: 0px 0px 0px 0px; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 29px; } .nav .l { left: 0; right: 0px; } .nav .r { right: 0; width: 0px; } .nav .r div { width: 894px; right: 0; } .nav .l, .nav .r div { background-position: left top; background-repeat: repeat-x; background-image: url('images/nav.png'); } /* end Menu */ /* begin MenuItem */ .artmenu ul li { clear: both; } .artmenu a , .artmenu a span { height: 29px; display: block; } .artmenu a { cursor: pointer; text-decoration: none; margin-right: 0px; margin-left: 0px; } .artmenu a span span { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-variant: small-caps; color: #2d3059; padding: 0 22px; margin: 0 0px; line-height: 29px; text-align: center; background-image: url('images/item-center.png'); background-position: left top; background-repeat: repeat-x; } .artmenu a:hover span span { color: #EDF6F8; background-position: left -29px; } .artmenu li:hover a span span { color: #EDF6F8; background-position: left -29px; } /* end MenuItem */ /* begin MenuSeparator */ .nav .separator { display: block; width: 1px; height: 29px; background-image: url('images/item-separator.png'); } /* end MenuSeparator */ /* begin MenuSubItem */ .artmenu ul a { text-align: center; height: 26px; line-height: 26px; margin-right: auto; width: 182px; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #4D767A; } .nav ul .artmenu ul span, .nav ul.artmenu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 26px; color: #EFF4F6; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; } .artmenu ul ul a { margin-left: auto; } .artmenu ul li a:hover { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .artmenu ul li:hover>a { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span { color: #000000; } .nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span { color: #000000; } .artmenux a, .artmenux a:link, .artmenux a:visited, .artmenux a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; font-weight: bold; } .artmenux, .artmenux ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenux li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .artmenux li:hover { z-index: 10000; white-space: normal; } .artmenux li li { float: none; } .artmenux ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenux li:hover>ul { visibility: visible; top: 100%; } .artmenux li li:hover>ul { top: 0; left: 100%; } .artmenux:after, .artmenux ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenux, .artmenux ul { min-height: 0; } .artmenux ul { background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenux ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .navx { position: relative; margin: 0 auto; width: 894px; height: 50px; z-index: 100; } .artmenux { padding: 0px 0px 0px 6px; } .navx .l, .navx .r, .navx .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 50px; } .navx .l { left: 0; right: 0px; } .navx .r { right: 0; width: 0px; } .navx .r div { width: 894px; right: 0; } .navx .l, .navx .r div { background-position: left top; background-repeat: repeat-x; background-image: url('images/navx.png'); } /* end Menu */ /* begin MenuItem */ .artmenux ul li { clear: both; } .artmenux a , .artmenux a span { height: 45px; display: block; } .artmenux a { cursor: pointer; text-decoration: none; margin-right: 0px; margin-left: 0px; } .artmenux a span span { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-variant: small-caps; color: #2d3059; padding: 0 45px; margin: 0 0px; line-height: 45px; text-align: center; background-image: url('images/item-centerx.png'); background-position: left top; background-repeat: repeat-x; } .artmenux a:hover span span { color: #EDF6F8; background-position: left -45px; } .artmenux li:hover a span span { color: #EDF6F8; background-position: left -45px; } /* end MenuItem */ /* begin MenuSeparator */ .navx .separator { display: block; width: 1px; height: 45px; background-image: url('images/item-separatorx.png'); } /* end MenuSeparator */ /* begin MenuSubItem */ .artmenux ul a { text-align: center; height: 26px; line-height: 26px; margin-right: auto; width: 182px; background-image: url('images/subitem-bgx.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #4D767A; } .navx ul .artmenux ul span, .navx ul.artmenux ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: center; text-decoration: inherit; } .artmenux ul a, .artmenux ul a:link, .artmenux ul a:visited, .artmenux ul a:hover, .artmenux ul a:active, .navx ul.artmenux ul span, .navx ul.artmenux ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 26px; color: #EFF4F6; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; } .artmenux ul ul a { margin-left: auto; } .artmenux ul li a:hover { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .artmenux ul li:hover>a { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .navx .artmenux ul li a:hover span, .navx .artmenux ul li a:hover span span { color: #000000; } /* end MenuSubItem */ /* begin Header */ div.Header { margin: 0 auto; position: relative; width: 894px; height: 159px; } div.Header div.Header-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('images/Header.png'); background-repeat: no-repeat; background-position: center center; } div.Header-c { text-align: right; } /* end Header */ /* begin Logo */ .logo { display : block; position: absolute; left: 40px; top: 120px; width: 874px; } h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover { display: block; text-align: left; font-family: "Times New Roman", Georgia, Times, Serif; font-size: 24px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #ad8e4b !important; } .logo-text, .logo-text a { display: block; padding:0; margin:0; text-align: left; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; color: #cfdcf6 !important; } /* end Logo */ /*table without navigation*/ .contenttable{ display: block; float: top; padding: 0px 0px 0px 0px; margin-top: 10px; margin-bottom:10px; width: 894px; } /*end table without navigation*/ .artmenu1 a, .artmenu1 a:link, .artmenu1 a:visited, .artmenu1 a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; font-weight: bold; } .artmenu1, .artmenu1 ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenu1 li { margin: 0; padding: 0; border: 0; display: block; float: right; position: relative; z-index: 5; background:none; } .artmenu1 li:hover { z-index: 10000; white-space: normal; } .artmenu1 li li { float: none; } .artmenu1 ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenu1 li:hover>ul { visibility: visible; top: 100%; } .artmenu1 li li:hover>ul { top: 0; left: 100%; } .artmenu1:after, .artmenu1 ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenu1, .artmenu1 ul { min-height: 0; } .artmenu1 ul { background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenu1 ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .nav1 { position: relative; margin: 0 auto; width: 894px; height: 29px; z-index: 100; } .artmenu1 { padding: 0px 0px 0px 0px; } .nav1 .l, .nav1 .r, .nav1 .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 29px; } .nav1 .l { left: 0; right: 0px; } .nav1 .r { right: 0; width: 0px; } .nav1 .r div { width: 894px; right: 0; } .nav1 .l, .nav1 .r div { background-position: left top; background-repeat: repeat-x; background-image: url('images/nav2.png'); } /* end Menu */ /* begin MenuItem */ .artmenu1 ul li { clear: both; } .artmenu1 a , .artmenu1 a span { height: 29px; display: block; } .artmenu1 a { cursor: pointer; text-decoration: none; margin-right: 0px; margin-left: 0px; } .artmenu1 a span span { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-variant: small-caps; color: #d83e08; padding: 0 22px; margin: 0 0px; line-height: 29px; text-align: center; background-image: url('images/item-center1.png'); background-position: left top; background-repeat: repeat-x; } .artmenu1 a:hover span span { color: #EDF6F8; background-position: left -29px; } .artmenu1 li:hover a span span { color: #EDF6F8; background-position: left -29px; } /* end MenuItem */ /* begin MenuSeparator */ .nav1 .separator { display: block; width: 1px; height: 29px; background-image: url('images/item-separator1.png'); } /* end MenuSeparator */ /* begin MenuSubItem */ .artmenu1 ul a { text-align: center; height: 26px; line-height: 26px; margin-right: auto; width: 182px; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #4D767A; } .nav1 ul .artmenu1 ul span, .nav1 ul.artmenu1 ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .artmenu1 ul a, .artmenu1 ul a:link, .artmenu1 ul a:visited, .artmenu1 ul a:hover, .artmenu1 ul a:active, .nav1 ul.artmenu1 ul span, .nav1 ul.artmenu1 ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 26px; color: #f44609; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; } .artmenu1 ul ul a { margin-left: auto; } .artmenu1 ul li a:hover { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .artmenu1 ul li:hover>a { color: #000000; border-color: #A1C1C4; background-position: 0 -26px; } .nav1 .artmenu1 ul li a:hover span, .nav1 .artmenu ul li a:hover span span { color: #000000; } .nav1 .artmenu1 ul li:hover>a span, .nav1 .artmenu1 ul li:hover>a span span { color: #000000; } /* begin Box, Block */ .Block { overflow: hidden; min-width:1px; min-height:1px; margin: 0 auto; position: relative; z-index: 0; } .Block-body { position: relative; z-index: 0; margin: 0px; } .Block { margin: 7px; } .Block table.table { border-collapse: collapse; margin: 1px; } .Block table.table th, .Block table.table td { padding: 2px; } .Block table.table td { vertical-align: top; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 7px; margin-bottom: 0px; } .BlockHeader-text { white-space : normal; color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-variant: small-caps; font-weight: normal; letter-spacing: 0px; line-height: 30px; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 0px; } .BlockHeader .r { right: 0; width: 0px; } .BlockHeader .r div { width: 894px; right: 0; } .header-tag-icon { display:inline-block; background-position:left top; background-image: url('images/BlockHeaderIcon.png'); padding:0 0 0 24px; background-repeat: no-repeat; min-height: 17px; margin: 0 0 0 5px; } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { overflow: hidden; min-width:15px; min-height:15px; margin: 0 auto; position: relative; z-index: 0; } .BlockContent-body { position: relative; z-index: 0; margin: 8px; } .BlockContent-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 7px; height: 7px; background-image: url('images/BlockContent-s.png'); } .BlockContent-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 7px; height: 7px; } .BlockContent-tr div { position: absolute; z-index: -1; top: 0px; left: -7px; width: 14px; height: 14px; background-image: url('images/BlockContent-s.png'); } .BlockContent-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 7px; height: 7px; } .BlockContent-bl div { position: absolute; z-index: -1; top: -7px; left: 0; width: 14px; height: 14px; background-image: url('images/BlockContent-s.png'); } .BlockContent-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 7px; height: 7px; } .BlockContent-br div { position: absolute; z-index: -1; top: -7px; left: -7px; width: 14px; height: 14px; background-image: url('images/BlockContent-s.png'); } .BlockContent-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 7px; right: 7px; height: 7px; } .BlockContent-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 14px; background-image: url('images/BlockContent-h.png'); } .BlockContent-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 7px; right: 7px; height: 7px; } .BlockContent-bc div { position: absolute; z-index: -1; top: -7px; left: 0; width: 100%; height: 14px; background-image: url('images/BlockContent-h.png'); } .BlockContent-cl { position: absolute; overflow:hidden; z-index: -1; top: 7px; left: 0; width: 7px; bottom: 7px; } .BlockContent-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 14px; height: 100%; background-image: url('images/BlockContent-v.png'); } .BlockContent-cr { position: absolute; overflow:hidden; z-index: -1; top: 7px; right: 0; width: 7px; bottom: 7px; } .BlockContent-cr div { position: absolute; z-index: -1; top: 0; left: -7px; width: 14px; height: 100%; background-image: url('images/BlockContent-v.png'); } .BlockContent-cc { position: absolute; overflow:hidden; z-index: -2; top: 7px; left: 7px; right: 7px; bottom: 7px; background-image: url('images/BlockContent-c.png'); } .BlockContent-body { color: #c2c3d7; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 125%; } .BlockContent-body a:link { color: #c2c3d7; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .BlockContent-body a:visited { color: #c2c3d7; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; text-decoration: none; } .BlockContent-body a:hover { color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; text-decoration: none; } .BlockContent-body ul { list-style-type: none; color: #c2c3d7; margin:0; padding:0; } .BlockContent-body li { color: #c2c3d7; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-decoration: none; } .BlockContent-body ul li { padding:0px 0 0px 16px; background-image: url('images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* end Box, BlockContent */ /* begin Box, Post */ .Post { overflow: hidden; min-width:1px; min-height:1px; margin: 0 auto; position: relative; z-index: 0; } .Post-body { position: relative; z-index: 0; margin: 12px; } .Post { margin: 10px; } /* Start images */ a img { border: 0; } img { border-style: solid; border-width: 0px; border-color: #615336; } img.metadata-icon { border:none; vertical-align: middle; } /* Finish images */ /* end Box, Post */ /* begin PostHeaderIcon */ .PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family: verbana, Tahoma, Arial, Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; color: #2d3059; } /* end PostHeaderIcon */ /* begin PostHeader */ a.PostHeader:link { font-family: verbana, Tahoma, Arial, Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; color: #2d3059; } a.PostHeader:visited { font-family: verbana, Tahoma, Arial, Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-align: left; color: ##2d3059; } a.PostHeader:hover { font-family:verbana, Tahoma, Arial, Seriff; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; color: #2d3059; } /* end PostHeader */ /* begin PostMetadata */ .PostMetadataHeader { background-color: #11025f; border-color: #11025f; border-style: solid; border-width: 0px; padding:3px; } .PostMetadataHeader { font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; letter-spacing: 0px; margin-bottom: 3px; color: #2d3059; } .PostMetadataHeader a:link { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; text-decoration: none; color: #2d3059; } .PostMetadataHeader a:visited { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; text-decoration: none; color: #2d3059; } .PostMetadataHeader a:hover { font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #2d3059; } /* end PostMetadata */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: 0px; color: #2d3059; } .PostContent { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #2d3059; } /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #2d3059; } /* Adds special style to an unvisited link. */ a:link { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; color: #2d3059; } /* Adds special style to a visited link. */ a:visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #2d3059; } /* :hover - adds special style to an element when you mouse over it. */ a:hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #615336 } /* Finish Content link style */ /* Resert some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 24px; font-style: normal; font-weight: bold; text-align: left; color: #2d3059; } h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 18px; text-align: left; color: #2d3059; } h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; color: #2d3059; } h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 14px; text-align: left; color: #2d3059; } h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 12px; text-align: left; color: #2d3059; } h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family: "Times New Roman", Georgia, Times, Serif; font-size: 12px; text-align: left; color: #2d3059; } /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ul { list-style-type: none; color: #2d3059; margin:0; padding:0; } li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 150%; } .Post ul li { padding:0px 0 0px 16px; background-image: url('images/PostBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p { color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; letter-spacing: 0px; text-align: left; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 10px; } blockquote { border:1px solid #2d3059; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#CDDEE0; background-image:url('images/PostQuote.png'); background-position:left top; background-repeat:no-repeat; } /* Finish blockuote */ /* end PostQuote */ /* begin Button */ button.Button, a.Button { position:relative; display:inline-block; width: auto; outline:none; border:none; background:none; line-height:30px; height:30px; margin:0; padding:0; overflow: visible; cursor: default; text-decoration: none; } /*This HACK needed for ie7 (button position)*/ *:first-child+html button.Button, *:first-child+html a.Button { display:list-item; list-style-type:none; float:left; } .Button .btn { position: relative; overflow: hidden; display: block; width: auto; z-index: 0; height: 30px; color: #EBF2F4; white-space: nowrap; float: left; } .Button .t { height: 30px; white-space: normal; padding: 0 14px; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: 0px; text-align: left; line-height: 30px; text-decoration: none; } input, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; letter-spacing: 0px; } .Button .active { color: #2d3059; } .Button .hover, a.Button:hover { color: #2d3059; text-decoration:none; } .Button .active .r { top: -60px; } .Button .hover .r { top: -30px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 90px; } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:415px; height: 90px; } .Button .active .l { top: -60px; } .Button .hover .l { top: -30px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 9px; height: 90px; } .Button .l, .Button .r span { background-image: url('images/Button.png'); } /* end Button */ /* begin Footer */ .Footer { position:relative; z-index:0; overflow:hidden; width: 894px; margin: 5px auto 0px auto; } .Footer .Footer-inner { height:1%; position: relative; z-index: 0; padding: 15px; text-align: center; } .Footer .Footer-background { position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('images/Footer.png'); width: 894px; height: 100px; bottom:0; left:0; } .rss-tag-icon { position: relative; display:block; float:left; background-image: url('images/rssIcon.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 0 0; height: 25px; width: 25px; } .Footer .Footer-text p { margin: 0; } .Footer .Footer-text { display:inline-block; color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; letter-spacing: 0px; } .Footer .Footer-text a:link { text-decoration: none; color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; letter-spacing: 1px; } .Footer .Footer-text a:visited { text-decoration: none; color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; letter-spacing: 1px; } .Footer .Footer-text a:hover { text-decoration: none; color: #2d3059; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-decoration: underline; letter-spacing: 1px; } /* end Footer */ /* begin PageFooter */ .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color: #2d3059; } .page-footer { margin:1em; text-align:center; text-decoration:none; color: #2d3059; } /* end PageFooter */ /* begin LayoutCell */ .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 178px; } .clear-float { float:none; clear:both; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 537px; } .clear-float { float:none; clear:both; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .sidebar2 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 178px; } .clear-float { float:none; clear:both; } /* end LayoutCell */ .contentLayout li { float: none; } .componentheading, table.moduletable th { font-size: 140%; padding: .5em 0em; } #footer { text-align: center; } .breadcrumbs { display: block; padding: .7em 0em; } /* .contentpaneopen td.contentheading { font-size: 130%; padding: .5em 0em; } */ .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate { font-size: 75%; padding-bottom: 1em; } .article_column { padding-right: .2em; } .column_separator { padding-left: .4em; } .pagination span { padding: 2px; } .pagination a { padding: 2px; } div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } /* .contentheading { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; } */ .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /*table.contentpaneopen h3 { margin-top: 25px; }*/ /* small text */ /*.small { font-size: . 90em; color: #999; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; }*/ /*a.readon { margin-top: 10px; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; }*/ /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } .ol-closefont { } /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } td.buttonheading img { border:none; } .clr { clear: both; } td.greyline { width: 20px; background: url(../images/mw_line_grey.png) 50% 0 repeat-y; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: block; height: 20px; } /* edit button */ .contentpaneopen_edit{ float: left; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; float: right; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { /*padding: 4px;*/ } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { /*padding: 3px;*/ } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 20px; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; } #leftcolumn div.module { padding: 0 10px; } #leftcolumn div.module table { width: auto; } /* forms */ table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login { text-align: left; } form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;} form#form-login ul { list-style-type: none; margin: 0; padding: 0; } form#form-login ul li { background-image: none; padding: 0; } #modlgn_username, #modlgn_passwd {width: 90%} #form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;} #form-login input form#com-form-login { text-align: left; } form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;} form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; } form#com-form-login ul li { background-image: none; padding: 0; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem img { display: block; margin-left: auto; margin-right: auto; } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder { margin-top: 8px; } .pollstableborder td { text-align: left; } /* WebLinks */ span.description { display:block; padding-left: 30px; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom:1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message { margin-bottom: 20px; } #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;} #syndicate{ float:left; padding-left: 25px; } /* Component Specific Fixes */ #component-contact table td { padding: 2px 0; } далее: файл style.ie6.css: /* begin Page */ .PageBackgroundGlareImage { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+GetStyleUrl()+"images/Page-BgGlare.png',sizingMethod='crop')"); } img { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = GetStyleUrl()+"images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* end Page */ /* begin Box, Sheet */ .Sheet { width: 900px; zoom: 1; } .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-12+'px'); } .Sheet-tr div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-12+'px'); } .Sheet-bl div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-12+'px'); left: expression(this.parentNode.offsetWidth-12+'px'); } .Sheet-br div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-24+'px'); } .Sheet-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-h.png',sizingMethod='crop')"); } .Sheet-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-12+'px'); width: expression(this.parentNode.offsetWidth-24+'px'); } .Sheet-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-h.png',sizingMethod='crop')"); } .Sheet-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-24+'px'); } .Sheet-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-v.png',sizingMethod='crop')"); } .Sheet-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-12+'px'); height: expression(this.parentNode.offsetHeight-24+'px'); } .Sheet-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-v.png',sizingMethod='crop')"); } .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-24+'px'); height: expression(this.parentNode.offsetHeight-24+'px'); background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Sheet-c.png',sizingMethod='scale')"); } /* end Box, Sheet */ /* begin Menu */ .artmenu, .artmenu ul { height: 1%; } .artmenu li.artmenuhover { z-index: 10000; } .artmenu .artmenuhoverUL { visibility: visible; } .artmenu .artmenuhoverUL { top: 100%; left: 0; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 0; left: 100%; } .artmenu ul a { height: 1%; } .artmenu li li { float: left; width: 100%; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 5px; left: 100%; } .artmenu, .artmenu ul { height: 1%; } .artmenu li.artmenuhover { z-index: 10000; } .artmenu .artmenuhoverUL { visibility: visible; } .artmenu .artmenuhoverUL { top: 100%; left: 0; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 0; left: 100%; } .artmenu ul a { height: 1%; } .artmenu li li { float: left; width: 100%; } .nav { zoom: 1; } .nav .l { width: expression(this.parentNode.offsetWidth-0+'px'); } .nav .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .nav .r div { left: expression(this.parentNode.offsetWidth-894+'px'); } .nav .l, .nav .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')"); } /* end Menu */ /* begin MenuItem */ .artmenu a , .artmenu a span { float: left; } .artmenu a span span { display: inline; } .artmenu .artmenuhover .artmenuhoverA span span { color: #EDF6F8; background-position: left -29px; } /* end MenuItem */ /* begin MenuSubItem */ .artmenu ul a { color: #EFF4F6 !important; } .artmenu ul a:hover { color: #000000 !important; } .artmenu ul .artmenuhover .artmenuhoverA { color: #000000 !important; border-color: #A1C1C4; background-position: 0 -26px; } .nav .artmenu ul a:hover span, .nav .artmenu ul a:hover span span { color: #000000 !important; } .nav .artmenu ul .artmenuhover .artmenuhoverA span, .nav .artmenu ul .artmenuhover .artmenuhoverA span span { color: #000000 !important; } /* end MenuSubItem */ /* begin Header */ div.Header { font-size: 1px; } /* end Header */ /* begin Box, Block */ .Block { zoom: 1; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { zoom: 1; } .BlockHeader .l { width: expression(this.parentNode.offsetWidth-0+'px'); } .BlockHeader .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .BlockHeader .r div { left: expression(this.parentNode.offsetWidth-894+'px'); } .BlockHeader .l, .BlockHeader .r div { font-size: 1px; } .header-tag-icon { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockHeaderIcon.png',sizingMethod='crop')"); } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { zoom: 1; } .BlockContent-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-7+'px'); } .BlockContent-tr div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-7+'px'); } .BlockContent-bl div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-7+'px'); left: expression(this.parentNode.offsetWidth-7+'px'); } .BlockContent-br div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-14+'px'); } .BlockContent-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-h.png',sizingMethod='crop')"); } .BlockContent-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-7+'px'); width: expression(this.parentNode.offsetWidth-14+'px'); } .BlockContent-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-h.png',sizingMethod='crop')"); } .BlockContent-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-14+'px'); } .BlockContent-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-v.png',sizingMethod='crop')"); } .BlockContent-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-7+'px'); height: expression(this.parentNode.offsetHeight-14+'px'); } .BlockContent-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContent-v.png',sizingMethod='crop')"); } .BlockContent-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-14+'px'); height: expression(this.parentNode.offsetHeight-14+'px'); } .BlockContent-body ul li { height:1%; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/BlockContentBullets.png',sizingMethod='crop')"); } /* end Box, BlockContent */ /* begin Box, Post */ .Post { zoom: 1; } /* end Box, Post */ /* begin PostContent */ h1 { margin: 0.67em 0; } h2 { margin: 0.8em 0; } h3 { margin: 1em 0; } h4 { margin: 1.25em 0; } h5 { margin: 1.67em 0; } h6 { margin: 2.33em 0; } /* end PostContent */ /* begin PostBullets */ .Post ul li { height:1%; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostBullets.png',sizingMethod='crop')"); } /* end PostBullets */ /* begin PostQuote */ blockquote { height:1%; background-image: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/PostQuote.png',sizingMethod='crop')"); } /* end PostQuote */ /* begin Button */ button.Button, a.Button { display:list-item; list-style-type:none; float:left; } .Button, .Button .btn { font-size: 1px; } .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-9+'px'); } .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-415+'px'); } .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-9+'px'); } .Button .l, .Button .r span { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Button.png',sizingMethod='crop')"); } /* end Button */ /* begin Footer */ .Footer .Footer-background { top: expression(this.parentNode.offsetHeight-100+'px'); background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/Footer.png',sizingMethod='crop')"); zoom: 1; font-size:1px; } .rss-tag-icon { zoom:1; font-size:1px; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/rssIcon.png',sizingMethod='crop')"); } /* end Footer */ form#form-login ul li { behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter=""); } /* begin Menux */ .artmenux, .artmenux ul { height: 1%; } .artmenux li.artmenuxhover { z-index: 10000; } .artmenux .artmenuxhoverUL { visibility: visible; } .artmenux .artmenuxhoverUL { top: 100%; left: 0; } .artmenux .artmenuxhoverUL .artmenuxhoverUL { top: 0; left: 100%; } .artmenux ul a { height: 1%; } .artmenux li li { float: left; width: 100%; } .artmenux .artmenuxhoverUL .artmenuxhoverUL { top: 5px; left: 100%; } .artmenux, .artmenux ul { height: 1%; } .artmenux li.artmenuxhover { z-index: 10000; } .artmenux .artmenuxhoverUL { visibility: visible; } .artmenux .artmenuxhoverUL { top: 100%; left: 0; } .artmenux .artmenuxhoverUL .artmenuxhoverUL { top: 0; left: 100%; } .artmenux ul a { height: 1%; } .artmenux li li { float: left; width: 100%; } .navx { zoom: 1; } .navx.l { width: expression(this.parentNode.offsetWidth-0+'px'); } .navx .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .navx .r div { left: expression(this.parentNode.offsetWidth-894+'px'); } .navx .l, .navx .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')"); } /* begin MenuItem x*/ .artmenux a , .artmenux a span { float: left; } .artmenux a span span { display: inline; } .artmenux .artmenuxhover .artmenuxhoverA span span { color: #EDF6F8; background-position: left -29px; } /* end MenuItem x */ /* begin Menu1 */ .artmenu1, .artmenu1 ul { height: 1%; } .artmenu1 li.artmenu1hover { z-index: 10000; } .artmenu1 .artmenu1hoverUL { visibility: visible; } .artmenu1 .artmenu1hoverUL { top: 100%; left: 0; } .artmenu1 .artmenu1hoverUL .artmenu1hoverUL { top: 0; left: 100%; } .artmenu1 ul a { height: 1%; } .artmenu1 li li { float: left; width: 100%; } .artmenu1 .artmenu1hoverUL .artmenu1hoverUL { top: 5px; left: 100%; } .artmenu1, .artmenu1 ul { height: 1%; } .artmenu1 li.artmenu1hover { z-index: 10000; } .artmenu1 .artmenu1hoverUL { visibility: visible; } .artmenu1 .artmenu1hoverUL { top: 100%; left: 0; } .artmenu1 .artmenu1hoverUL .artmenu1hoverUL { top: 0; left: 100%; } .artmenu1 ul a { height: 1%; } .artmenu1 li li { float: left; width: 100%; } .nav1 { zoom: 1; } .nav1.l { width: expression(this.parentNode.offsetWidth-0+'px'); } .nav1 .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .nav1 .r div { left: expression(this.parentNode.offsetWidth-894+'px'); } .nav1 .l, .nav1 .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"images/nav.png',sizingMethod='crop')"); } /* begin MenuItem 1*/ .artmenu1 a , .artmenu1 a span { float: left; } .artmenu1 a span span { display: inline; } .artmenu1 .artmenu1hover .artmenu1hoverA span span { color: #EDF6F8; background-position: left -29px; } /* end MenuItem 1 */ теперь другой вопрос: как сделать так, чтобы IE6 воспринимал прозрачные элементы фонов .png?
