теперь совсем ничего
3
Шапка Сайта. Фон
Автор oxigen, 21 апр. 2013 00:01
Сообщений в теме: 63
#62
alex883
-
- Пользователи
-
- 26 сообщений
Пользователь
- ГородПятигорск
Отправлено 20 Январь 2014 - 20:54
все получилось спасибо
#63
Pstudiopuh
-
- Пользователи
-
- 19 сообщений
Пользователь
Отправлено 22 Январь 2014 - 13:49
добрый день
собственно прочитав всю тему понял что ничего не понятно ))) пробовал пару вариантов того что здесь указано - не помогает
собственно чего хочу добиться
бекграунд шапки в виде картинки которая находится под всемии элементами, ничего никуда не двигает и ничему не мешает
отображается ровно в размер самой шапки, причем желательно не методом попиксельного подбора под конкретный монитор а автоматически в зависимости от размера открытого окна у пользователя
есть картинка - залил ее на сайт, переименовал ее в header-bg.jpg
в HTML запилил
<body>
<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
<div class="shapka"><img src="http://design.bg-ros...pg?5671"></div>
<!-- Контакты -->
<div id="contactInfo">
<table>
в main.css в конце запилил
/* шапка бекграунд*/
.shapka {position: absolute; left: -139px; top: 9px; z-index: 100;}
и на всякий случай тамже в блоке body
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {
position: relative;
clear: both;
background: url('http://design.bg-ros...der-bg.jpg?5671') no-repeat;
}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
собсно ничего из вышеперечисленного не принесло результатов
картинка появилась но поверх всего и никак не в размер шапки, в с свой полный размер
подскажите плиз где что поправить
спасибо
bg-rose.ru
PS: ворпос по ссылке
не является ли ссылка вида
http://design.bg-ros...der-bg.jpg?5671
ссылкой с идентефикатором сессии
будет ли она работать независимо от того залогинен я (или не я а покупатель) или нет?
PSS:
отменил изменения теперь вообще все уехало
вот мой main.css
собственно прочитав всю тему понял что ничего не понятно ))) пробовал пару вариантов того что здесь указано - не помогает
собственно чего хочу добиться
бекграунд шапки в виде картинки которая находится под всемии элементами, ничего никуда не двигает и ничему не мешает
отображается ровно в размер самой шапки, причем желательно не методом попиксельного подбора под конкретный монитор а автоматически в зависимости от размера открытого окна у пользователя
есть картинка - залил ее на сайт, переименовал ее в header-bg.jpg
в HTML запилил
<body>
<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
<div class="shapka"><img src="http://design.bg-ros...pg?5671"></div>
<!-- Контакты -->
<div id="contactInfo">
<table>
в main.css в конце запилил
/* шапка бекграунд*/
.shapka {position: absolute; left: -139px; top: 9px; z-index: 100;}
и на всякий случай тамже в блоке body
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {
position: relative;
clear: both;
background: url('http://design.bg-ros...der-bg.jpg?5671') no-repeat;
}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
собсно ничего из вышеперечисленного не принесло результатов
картинка появилась но поверх всего и никак не в размер шапки, в с свой полный размер
подскажите плиз где что поправить
спасибо
bg-rose.ru
PS: ворпос по ссылке
не является ли ссылка вида
http://design.bg-ros...der-bg.jpg?5671
ссылкой с идентефикатором сессии
будет ли она работать независимо от того залогинен я (или не я а покупатель) или нет?
PSS:
отменил изменения теперь вообще все уехало
вот мой main.css
/* !form errors -------------------------------------------------------------- */
label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
/* !rounded corners -------------------------------------------------------------- */
.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}
input.cornerAll, textarea.cornerAll {border:1px solid #cccccc;}
/* !positioning -------------------------------------------------------------- */
.valignMiddle {vertical-align:middle !important;}
.valignTop {vertical-align:top !important;}
.valignBottom {vertical-align:bottom !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.floatLeft {float:left !important;}
/* ! js ссылки с пунктирным подчеркиванием */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}
/* !numbers -------------------------------------------------------------- */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}
/* !colors -------------------------------------------------------------- */
.red {color:#d00000;}
.green {color:#057f02;}
.gray {color:#7c7c7c;}
.black {color:#000;}
.gold {color:#BE9E4C;}
/* !pages -------------------------------------------------------------- */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px\9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}
.lineThrough {text-decoration:line-through !important;}
.errorMessage {color:red;color:#d00000;}
/* colour palette
dark blue: #00205B
red: #D0431D
gold: #BE9E4C
grey rules: #E5E5E5
*/
/* !layout -------------------------------------------------------------- */
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
/* font sizing guide:
pixels ems leading
-------------------------------------
9px = 0.75em 2.2222em
10px = 0.8333em 2em
11px = 0.9166em 1.8181em
12px = 1em 1.6666em
13px = 1.0833em 1.5384em
14px = 1.1666em 1.4285em
15px = 1.25em 1.3333em
16px = 1.3333em 1.25em
17px = 1.4166em 1.1764em
18px = 1.5em 1.1111em
19px = 1.5833em 1.0526em
20px = 1.6666em 1em
21px = 1.75em
22px = 1.8333em
23px = 1.9166em
24px = 2em
30px = 2.5em
(divide desired pixel height by 12 to get 'em' value) */
abbr, acronym {
cursor: help;
border-bottom: 1px dotted;
}
p {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
}
h1 {
font-weight: lighter;
color: #BE9E4C;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}
h2 {
font-weight: normal;
color: #BE9E4C;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}
h3, h3 a {
font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
font-style: italic;
font-weight: normal;
color: #BE9E4C;
margin: 1.1111em 0 0.5555em 0;
}
h3 a.indexPage {
font-size: 1em;color: #BE9E4C;
}
h4, h4 a {
font-weight: normal;
color: #BE9E4C;
font-size: 1.1666em;
line-height: 1.4285em;
margin: 1.4285em 0 0.7142em 0;
}
h5 {
font-weight: bold;
color: #BE9E4C;
font-size: 1em;
line-height: 1.6666em;
margin: 1.6666em 0 0.8333em 0;
}
#primaryContent p {
margin-right: 20px;
}
#primaryContent ul {
margin-left: 20px;
margin-right: 20px;
}
#primaryContent ul li {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}
sup {
font-size: 0.75em;
color: #888;
}
.small {
font-size: 0.9166em;
line-height: 1.8181em;
color: #888;
}
/* hyperlinks */
a:link, a:visited {
color: #D0431D;
text-decoration: none;
}
a:hover, a:active {
color: #00205B;
text-decoration: underline;
}
/* data tables */
table {
margin-top: 20px;
width: auto;
border-collapse: collapse;
}
th, td {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
text-align: left;
padding: 3px 10px 3px 0;
}
th {
font-weight: bold;
color: #BE9E4C;
border-bottom-color:#CCC;
}
td.download {
text-align: center !important;
padding: 0 !important;
}
td.download img {
margin: 0 0 0 25px !important;
}
/* !header ---------------------------------------------------------------- */
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}
#header #logo a {
height: 81px;
width: 67px;
display: block;
text-decoration: none;
}
#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;
}
/* !search panel --поиск по сайту ------------------------------------------------------------ */
#searchPanel {
position: absolute;
top: 15px;
right: 0px;
margin-right: -150px;
}
#searchPanel form {
float: right;
}
#searchPanel p {
margin: 0;
}
input#keywords {
margin: 0;
font-size: 1em;
padding: 0.25em;
width: 200px;
border: 1px solid #CCC;
color: #333;
}
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 5px;
}
#searchPanel label {
padding-top: 2px;
}
/* !footer -------------------------------------------------------------- */
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}
/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}
/* !breadcrumb ---------------------------------------------------------------- */
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
}
/* !sub navigation ---------------------------------------------------------------- */
#subNavigation {
width: 170px;
}
#subNavigation li {
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}
#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}
#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}
#subNavigation .selected {color:#D0431D !important}
#leftMenuBlockWrap {
width: 170px;
padding:1em 0 40px 0;
vertical-align:top;
}
#leftMenuBlock {
width: 170px;
margin: 0 20px 0 0;
}
/* Настройки максимальных размеров генерируемых изображений */
.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px;height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-small {max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-small-square {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-large {max-width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-image-large-square {width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-cat-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.goods-cat-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.goods-cat-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
.goods-cat-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
/* END Настройки максимальных размеров генерируемых изображений */
/* Заголовки в блоке навигации слева */
.contentTbodyCatalogHeader {margin:0 1em 0.33em 0.7em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;}
.contentTbodyCatalogHeader a {color:#BE9E4C}
/* Новости в блоке навигации слева */
.contentTbodyNews {padding:0.2em 0.7em 0 1em;}
.contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;}
.contentTbodyNewsBlockItem {font-size:0.9em;margin-bottom:1em;margin-left:0.33em}
/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:150px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}
/* страница списка новостей */
.newsListBlockItem {padding-bottom:1em;}
.newsListBlockItemTitle {font-size:1.33em;color:#BE9E4C !important}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}
/* Страница новости */
.newsListBlockItemTitle {font-size:1.33em;color:}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}
.newsListBlockItemFiles {margin:1em 0 1em 0}
/* Иконки форматов файлов */
.file_extension_icon {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}
.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls {background-position:-32px 0px}
.file_extension_icon.ie7 {background-position:-48px 0px}
.file_extension_icon.ppt {background-position:-64px 0px}
.file_extension_icon.htm,
.file_extension_icon.html {background-position:0px -16px}
.file_extension_icon.avi {background-position:-16px -16px}
.file_extension_icon.bmp,
.file_extension_icon.gif {background-position:-32px -16px}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt {background-position:-48px -16px}
.file_extension_icon.pptm {background-position:-64px -16px}
.file_extension_icon.rtf,
.file_extension_icon.doc {background-position:0px -32px}
.file_extension_icon.jpg {background-position:-16px -32px}
.file_extension_icon.png {background-position:-32px -32px}
.file_extension_icon.ini {background-position:-48px -32px}
.file_extension_icon.pptx {background-position:-64px -32px}
.file_extension_icon.php {background-position:0px -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml {background-position:-16px -48px}
.file_extension_icon.psd {background-position:-32px -48px}
.file_extension_icon.zip {background-position:-48px -48px}
.file_extension_icon.xps {background-position:-64px -48px}
.file_extension_icon.exe {background-position:0px -64px}
.file_extension_icon.xml {background-position:-16px -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3 {background-position:-32px -64px}
.file_extension_icon.xlsx {background-position:-48px -64px}
.file_extension_icon.xlsb {background-position:-64px -64px}
.file_extension_icon.pdf {background-position:0px -80px}
.file_extension_icon.csv {background-position:-16px -80px}
.file_extension_icon.docx {background-position:-32px -80px}
.file_extension_icon.accdb {background-position:-48px -80px}
.file_extension_icon.xlsm {background-position:-64px -80px}
.file_extension_icon.dll {background-position:0px -96px}
/* END Иконки форматов файлов */
/*cartInfo------------корзина*/
#cartInfo {
padding-top: -80px;
margin-top: -80px;
margin-right: -160px;
position: absolute;
font-size: 13px;
bottom: 30px;
right: 0px;
white-space: nowrap;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
}
/*cartInfo*/
/*contactInfo*/
#contactInfo {
position:absolute;
font-size:1.2em;
top: 5px;
left: 330px;
}
.contentTableHeadMainPhone {color:#3399cc;}
.contentTableHeadMainSkype img { padding-right:4px;}
.contactInfoContentCountryCode {color:#BE9E4C;}
.contactInfoContent {
height: 100px;
width: 250px;
vertical-align: middle;
}
}
#contactInfo table {margin:0px;}
#contactInfo td {padding:0px;text-align:center !important;}
/*contactInfo*/
/* Страница категории. ячейки с товаром */
.goodsListItem {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {height:200px;margin:5px;overflow:hidden;}
.goodsListItemBlock a {color:#BE9E4C}
.goodsListItemImage {height:100px;margin-top:1em}
.goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a {color:#2f97cb;font-size:15px;line-height:1.2em;padding:0px;margin:0px;}
/* Рамка для интерактивных элементов */
.withBorder {border:1px solid #E5E5E5 !important;}
.withBorder:hover {border-color:#D0431D !important;}
/* Страница товара. Цена товара */
.goodsDataMainModificationPriceOld {display:block;}
/* Страница товара. Характеристики */
.goodsDataFeatures {width:100%;}
.goodsDataFeatures p {float:left;margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataFeatures p span {border-bottom:1px solid #FFFFFF;color:#A9A9A9;}
/* Страница товара. Основные данные */
.goodsDataMain td {vertical-align:top}
.goodsDataMainImageBlock {width:280px;}
.goodsDataMainImageBlock img {padding:2px;}
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}
.goodsDataMainImagesIcon img {padding:2px;}
.goodsDataMainImageZoom {text-align:center;padding:0.5em;}
.goodsDataMainImageZoom a {padding:5px 0px 5px 25px;background:transparent url('{ASSETS_IMAGES_PATH}zoom-magnifying.png') no-repeat scroll center left;}
.goodsDataMainModificationDataBlock,
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {padding:1em;}
.goodsDataMainModificationsBlockProperty {padding:5px;}
.goodsDataMainModificationsBlockProperty select {width:auto;}
/* Страница товара. Акция на товар */
.goodsDataMainDiscountBlock {line-height:1.8em;}
.goodsHeader h1,
.goodsDataForm h4,
.goodsDataForm h5 {margin-top:0px;padding:0px;line-height:1.2em;}
.goodsDataForm table {margin:0px;}
.goodsDataMainModificationsList {display:none;}
.goodsDataMainModificationData {width:240px;vertical-align:middle;}
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;}
/* Страница товара. Информация о заказе */
.goodsDataMainOrder {border:1px solid #E5E5E5}
.goodsDataMainModificationAvailable {white-space:nowrap;}
/* Страница товара. Кнопка положить в корзину */
.goodsDataFormSubmitButton {text-align:right;white-space:nowrap;vertical-align:middle;padding:1em 1em 1em 0;}
/* Страница товара. Информация о доставке */
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {border-top:1px solid #E5E5E5;}
.goodsDataMainDeliveryItemHeader {padding:1em 0em 0.5em 0.3em;color:#555;}
.goodsDataMainDeliveryItem {padding:0em 1em 0em 1em;}
.goodsDataMainDeliveryItemRules {padding-bottom:1em;}
.goodsDataMainDeliveryItemRules tbody td{padding:2px;line-height:1.2em;}
.goodsDataMainDeliveryItemRules caption {text-align:left;}
.goodsDataMainDeliveryItemRules caption h5 {font-style: italic;white-space: nowrap;}
.goodsDataMainDeliveryItemRules p {float:left;margin:0;padding:0;line-height:1.4em;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataMainDeliveryItemRules p span {border-bottom:1px solid #ffffff;color:#666666;}
/* Корзина. Шапка таблицы */
.cartFormTable {width:100%}
.cartFormThead th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;white-space:nowrap;text-align:center;}
/* Корзина. Позиции заказа */
.cartFormTbody td {padding:0.66em;vertical-align:middle;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.cartFormTbody td.cell1 {text-align:center;}
.cartFormTbody td.cell2 {width:500px;vertical-align:top;}
.cartFormTbodyNavigate a {color:#888;}
.cartFormTbodyHeader {color:#000;font-size:1.1em;}
.cartFormTbodyHeader span {color:#666;font-size:0.9em;}
.cartFormTbody td.cell3 {white-space:nowrap;}
.cartFormTbody td.cell3 input {width:50px;text-align:center;}
.cartFormTbody td.cell4 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell5 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell6 {text-align:center;}
/* Корзина. Низ таблицы заказа */
.cartFormTfootSumTable {float:right;font-size:1.5em;margin:0.5em 0em 0.5em 0em}
.cartFormTfootSumTable .cell1 {vertical-align:top;}
.cartFormTfootSumTable .cell2 {text-align:right;color:#188518;}
.cartFormTfootTruncate {text-align:left;vertical-align:middle;white-space:nowrap;}
.cartFormTfootButtons {text-align:right;}
/* Оформление заказа. Общие настройки */
.orderData,
.order {padding:1em;margin:1em 0em 1em 0em;border:1px solid #E5E5E5;}
.order h3 {margin:0.5em 0em 0em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderInfo {padding:1em;}
.orderInfo table {margin-top:0.5em;}
/* Оформление заказа. Контактная информация */
.orderStageContact table {width:100%;}
.orderStageContact td.cell1 {width:200px;white-space:nowrap;}
.orderStageContact td.cell2 {width:auto;}
.orderStageContact input {width:90%;}
.orderStageContact .orderStageContactCheckbox {width:auto;text-align:left;}
/* Оформление заказа. Ссылка показать пароль */
.OrderShowPassBlock {text-align:left;padding-top:0.1em;}
.OrderShowPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.OrderShowPass:hover {border-bottom:1px solid;text-decoration:none;}
/* Оформление заказа. Выбор доставки */
.orderStageDelivery table {width:100%;margin-bottom:1em;}
.orderStageDelivery td {vertical-align:middle;margin:0px;}
.orderStageDelivery td p {margin:0px;}
.orderStageDelivery td.cell1 {width:20px;}
.orderStageDelivery td.cell2 {width:auto;}
.orderStageDelivery td.cell3 {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;}
.orderStageDelivery textarea {width:100%;height:80px;}
.orderInfoDeliveryAddress input,
.orderInfoDeliveryAddress #deliveryCountry {width:150px;}
#deliveryConvenientDate {width:75px; text-align:center;}
.orderInfoDeliveryAddress label {white-space:nowrap;padding-top:3px;display:block;}
.orderInfoDeliveryAddress td {vertical-align:top;}
/* Оформление заказа. Подтверждение заказа */
.orderStageConfirmCart,
.orderStageConfirmContacts {width:100%;}
.orderStageConfirmContactsHeader {text-align:left !important;}
.orderStageConfirmContacts .cell1 {width:210px;white-space:nowrap;padding:1em 0em 1em 1em;}
.orderStageConfirmContacts .cell2 {width:auto;}
.orderStageConfirmContacts p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderStageConfirmContacts p span {border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#666666;}
/* Кнопки навигации для перехода по шагам заказа */
.orderStageSubmitNavigation {padding-top:2em;}
/* Оформление заказа. Шаги пользователя */
.orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;}
.orderHeader td {color:#cccccc}
.orderHeader td.act {color:#555}
.orderStepName {vertical-align:middle;padding-right:2em;}
/* Иконки */
.orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
.orderIcon.ok {background-position:-1px -3px;}
.orderIcon.step1 {background-position:-1px -88px;}
.orderIcon.step1-act {background-position:-1px -44px;}
.orderIcon.step2 {background-position:-40px -88px;}
.orderIcon.step2-act {background-position:-40px -44px;}
.orderIcon.step3 {background-position:-79px -88px;}
.orderIcon.step3-act {background-position:-79px -44px;}
.orderIcon.step4 {background-position:-118px -88px;}
.orderIcon.step4-act {background-position:-118px -44px;}
.orderIcon.cart {background-position:-40px -3px;}
.orderIcon.delivery {background-position:-118px -3px;margin:auto;}
.orderIcon.discount {background-position:-79px -3px;margin:auto;}
/* Информация по оформленному заказу */
.orderData h3 {font-size:1.5em;}
.orderData h3 {margin:0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderDataInfo {padding:2em 1em 0em 1em;}
.orderDataTable {width:100%;margin:0px;}
.orderDataTable th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;text-align:center;}
.orderDataTableHeader {text-align:left !important;}
.orderDataTable .cell1 {width:210px;white-space:nowrap;padding:1em 0em 0em 1em;vertical-align:top;}
.orderDataTable .cell2 {width:auto;vertical-align:top;padding:1em 0em 0em 0em;}
.orderDataTable p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderDataTable p span {border-bottom:1px solid #FFFFFF;color:#666666;}
/* Список акции на товары */
.promotionCampaignHeader a {font-size:22px;}
.promotionCampaignList {font-size:12px}
.promotionCampaignInfo {width:100%;font-size:12px;margin:0px;}
.promotionCampaignInfo p {line-height:1.4em;float:left;margin:0.2em 0em 0em 0em;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.promotionCampaignInfo p span {line-height:1.2em;border-bottom:3px solid #FFFFFF; background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;}
.promotionCampaignInfo td {padding-bottom:5px;}
.promotionCampaignInfo td.cell1 {width:200px}
.promotionCampaignInfo td.cell2 {font-weight:bold;}
/* Форма связи с администрацией */
.feedbackForm label {font-weight:normal;display:block;font-size: 1.2em;margin:0.1em 0 0.1em 0;}
.feedbackForm .input {width:300px;}
.feedbackForm textarea {width:600px;}
/* Форма оплаты заказа по интернету */
.paymentFormTbody label {font-weight:normal}
.paymentFormTbody h4 {color:#910f0f}
.paymentFormTbody input.inputText {padding:0.2em;width:300px;}
.paymentFormTbody select {padding:0.2em;width:308px;}
.paymentFormTbody .paymentFormSubmitLink {font-size:1.3em;}
.paymentFormTbody .ceil1 {padding-left:1em;}
.paymentFormTbody p {width:auto;background:none;}
.paymentBankRu .tr6 .ceil1 {padding-top:1em;}
/* Сравнение товаров в блоке навигации слева */
.contentTbodyCompare {padding:0.2em 1em 1em 1.5em;}
.contentTbodyCompareEmpty {color:#888;}
.contentTbodyCompareDetails {display:block;margin-top:5px;}
/* Страница сравнения товаров */
.CompareGoodsHeader {color:#000;font-size:1.1em;display:block;}
.CompareGoodsHeader span {color:#666;font-size:0.9em;}
.CompareGoodsTableTbody td {max-width:400px;text-align:center;padding:4px;}
.CompareGoodsTableTbody td.borderAll {border:1px solid #DCECF7;}
.CompareGoodsTableTbody td.noBorderBottom {border-top:1px solid #DCECF7;border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody td.BorderLeftAndRight {border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody .CompareCheckbox,
.CompareGoodsTableTbody label {vertical-align:middle;font-weight:normal;}
.CompareGoodsTableTbody td.ceil1 {text-align:left;vertical-align:bottom;}
.CompareGoodsTableTbodyComparisonLine.same{color:#888;background:#F0F0F0}
.CompareGoodsTableTbodyComparisonLine.hover{background:#E1FAE1}
.CompareGoodsTableTbodyComparisonLine td {text-align:left;}
/* Скрытие изображений в описаниях товаров на сравнении, чтобы не ехала вёрстка */
.CompareGoodsTableTbodyComparisonLine td img { display: none; }
.CompareGoodsTableFilterSelected {font-weight:bold;color:#000 !important;text-decoration:none;}
.CompareGoodsTableFilterSelected:hover {text-decoration:none;cursor:default;color:#000 !important;}
.CompareGoodsHideSelected {display:block;height:20px;width:350px;}
.CompareGoodsShowAll {display:block;height:20px;width:350px;}
.CompareGoodsDeleteLink {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;}
/* Личный кабинет клиента. Формы авторизации, регистрации, настроек и восстановления пароля */
.clientForm td {padding:0.4em;}
.clientForm h3 {padding-bottom:1em;}
.clientForm thead td {padding-bottom:1em;}
.clientForm tbody td.ceil1 {width:5%;}
.clientForm tbody td.ceil2 {width:5%;}
.clientForm tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.clientForm tbody input {vertical-align:middle;padding:0.3em;width:220px;}
.clientForm tbody textarea {width:224px;height:75px;}
.clientForm tbody .showPassBlock {text-align:center;padding-top:0.1em;}
.clientForm tbody .showPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.clientForm tbody .showPass:hover {border-bottom:1px solid;text-decoration:none;}
.clientForm tfoot td {padding-top:2em;}
#caps_lock {font-size:11px;width:220px;}
/* Личный кабинет клиента. История заказов */
.clientOrderList {padding-bottom:2em;}
.clientOrderListTable thead td {font-weight:bold;text-align:center;padding:10px 5px 10px 5px;}
.clientOrderListTable td {border:1px solid #ccc;padding:5px}
.clientOrderListTable .second td {background-color:#F5F5F5;}
/* Личный кабинет клиента. Информация о заказе */
.clientOrderInfo {padding-bottom:2em;}
.clientOrderInfoMain {border:1px solid #ccc;padding:1em;}
.clientOrderInfoMainTb {margin:0px;}
.clientOrderInfoMainTb td {border:1px solid #ccc;padding:7px;}
.clientOrderInfoPositions {border:1px solid #ccc;padding:1em;}
.clientOrderInfoPositionsTb {margin:0px;}
.clientOrderInfoPositionsTb td {border:1px solid #ccc;padding:7px;}
/* Страница товара. Добавление отзыва о товаре */
.goodsDataOpinionMsg {margin:0 0 0 20px;white-space:nowrap;}
.goodsDataOpinionMessage {padding:1em;font-size:1.2em;font-style:italic;border-left:2px solid #b85454;margin:1em;}
.goodsDataOpinionMessage.empty {margin-left:2em;border-left:2px solid #DCECF7;}
.goodsDataOpinionMessage.auth {margin-top:0}
.goodsDataOpinionAddTable {margin-left:1em;}
.goodsDataOpinionAddTable td {vertical-align:top;padding-right:1em;}
.goodsDataOpinionAddTable tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.goodsDataOpinionAddTable tbody label.required {font-weight:bold;}
.goodsDataOpinionAddTable tbody input {vertical-align:middle;padding:0.3em;width:420px;}
.goodsDataOpinionAddTable tbody input.captcha {width:120px;}
.goodsDataOpinionAddTable tbody textarea {width:424px;height:75px;padding:0.2em;}
.goodsDataOpinionAddTable tbody .generally input {width:auto;padding:0px;}
.goodsDataOpinionAddTable tbody .generally label {font-size:1em;}
.goodsDataOpinionAddTable tfoot td {padding-top:1em;}
.goodsDataOpinionCaptcha td {padding-left:0px;}
.goodsDataOpinionAverageInfo {padding-left:1em;vertical-align:middle;}
/* Страница товара. Список отзывов о товаре */
.goodsDataOpinionListTableClient {color:#888}
.goodsDataOpinionListTableClient.auth {color:#555}
.goodsDataOpinionListTableAnswer {padding:1em;color:#167507}
.goodsDataOpinionListNavigateBottom td {padding-top:1em;}
.goodsDataOpinionListTable {width:750px;}
.goodsDataOpinionListTable td {border-bottom:1px solid #cccccc;padding: 0.5em 1em 0.4em 0;}
.goodsDataOpinionListTable td.ceil1 {width:20%;}
.goodsDataOpinionListTable td.ceil2 {width:80%;}
.goodsDataOpinionListTableDate {display:block;color: #979797;font-size: 0.8em;font-weight: normal;}
/* Фильтры по цене в колонке меню */
.contentTbodySearchPriceFilterBlock {padding: 0 1em 0 1.4em;text-align:center;}
.goodsFilterPriceInfo {padding:1em 0 0.5em;margin-left:-5px;}
.goodsFilterPriceInfo input {width:45px;}
.goodsFilterPriceRangePointers {height: 16px;font-size: 0.9em;color: #CCC;width: 100%;overflow: visible;}
.goodsFilterPriceRangePointers .min {float: left; margin-left: -7px; }
.goodsFilterPriceRangePointers .max {float: right; margin-right: -8px;}
.goodsFilterPriceSubmit {padding: 0.5em 0 0.4em;display:none;}
/* Фильтры по свойствам и характеристикам товаров в колонке меню */
.contentTbodySearchFilterBlock {padding:1em;margin:0 0 0 1em;border:1px solid #E5E5E5;}
.contentTbodySearchFilterBlockValues {padding:1em 0 1em 1em;}
.contentTbodySearchFilterBlockValues label {font-weight:normal;}
/* Список последних просмотренных пользователем товаров */
.contentTbodyRecentlyViewed {overflow: hidden;}
.recent_viewed {margin:0 0 0 1em;}
.recent_viewed td {vertical-align:middle;padding: 0.8em 5px 0.8em 0;border-bottom: 1px solid #e2e2e2;}
.recent_viewed td.img {text-align:ce nter;}
.recent_viewed .last td {border-bottom:0;}
.recent_viewed td.link a {width:153px;overflow:hidden;}
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ul {margin:10px 0 10px 7px !important;padding:0px !important;}
.htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;}
.htmlDataBlock ul li {margin:3px 0px !important;}
.htmlDataBlock p { margin:1em 0; }
.htmlDataBlock blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0 8px 20px;margin: 1em 1em 1em 3em;border-style: solid;border-color: #ccc;border-width: 0;border-left-width: 5px;}
#slider img {height:300px}
.orderStageDeliveryListTable tbody {
outline: 1px solid #CCCCCC;
}
.orderStageDeliveryListTable td {
padding:5px;
}
/* Виджет ВКонтакте*/
#vk_groups {
top: 580px;
right: 0px;
position: absolute;
}
#64
@lina_va
-
- Модератоpы
-
- 498 сообщений
Активный участник
Отправлено 22 Январь 2014 - 15:57
Pstudiopuh (22 Январь 2014 - 13:49) писал:
добрый день
собственно прочитав всю тему понял что ничего не понятно ))) пробовал пару вариантов того что здесь указано - не помогает
собственно чего хочу добиться
бекграунд шапки в виде картинки которая находится под всемии элементами, ничего никуда не двигает и ничему не мешает
отображается ровно в размер самой шапки, причем желательно не методом попиксельного подбора под конкретный монитор а автоматически в зависимости от размера открытого окна у пользователя
есть картинка - залил ее на сайт, переименовал ее в header-bg.jpg
в HTML запилил
<body>
<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
<div class="shapka"><img src="http://design.bg-ros...pg?5671"></div>
<!-- Контакты -->
<div id="contactInfo">
<table>
в main.css в конце запилил
/* шапка бекграунд*/
.shapka {position: absolute; left: -139px; top: 9px; z-index: 100;}
и на всякий случай тамже в блоке body
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {
position: relative;
clear: both;
background: url('http://design.bg-ros...der-bg.jpg?5671') no-repeat;
}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
собсно ничего из вышеперечисленного не принесло результатов
картинка появилась но поверх всего и никак не в размер шапки, в с свой полный размер
подскажите плиз где что поправить
спасибо
bg-rose.ru
PS: ворпос по ссылке
не является ли ссылка вида
http://design.bg-ros...der-bg.jpg?5671
ссылкой с идентефикатором сессии
будет ли она работать независимо от того залогинен я (или не я а покупатель) или нет?
PSS:
отменил изменения теперь вообще все уехало
вот мой main.css
собственно прочитав всю тему понял что ничего не понятно ))) пробовал пару вариантов того что здесь указано - не помогает
собственно чего хочу добиться
бекграунд шапки в виде картинки которая находится под всемии элементами, ничего никуда не двигает и ничему не мешает
отображается ровно в размер самой шапки, причем желательно не методом попиксельного подбора под конкретный монитор а автоматически в зависимости от размера открытого окна у пользователя
есть картинка - залил ее на сайт, переименовал ее в header-bg.jpg
в HTML запилил
<body>
<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
<div class="shapka"><img src="http://design.bg-ros...pg?5671"></div>
<!-- Контакты -->
<div id="contactInfo">
<table>
в main.css в конце запилил
/* шапка бекграунд*/
.shapka {position: absolute; left: -139px; top: 9px; z-index: 100;}
и на всякий случай тамже в блоке body
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {
position: relative;
clear: both;
background: url('http://design.bg-ros...der-bg.jpg?5671') no-repeat;
}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
собсно ничего из вышеперечисленного не принесло результатов
картинка появилась но поверх всего и никак не в размер шапки, в с свой полный размер
подскажите плиз где что поправить
спасибо
bg-rose.ru
PS: ворпос по ссылке
не является ли ссылка вида
http://design.bg-ros...der-bg.jpg?5671
ссылкой с идентефикатором сессии
будет ли она работать независимо от того залогинен я (или не я а покупатель) или нет?
PSS:
отменил изменения теперь вообще все уехало
вот мой main.css
/* !form errors -------------------------------------------------------------- */
label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;}
input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;}
/* !rounded corners -------------------------------------------------------------- */
.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}
input.cornerAll, textarea.cornerAll {border:1px solid #cccccc;}
/* !positioning -------------------------------------------------------------- */
.valignMiddle {vertical-align:middle !important;}
.valignTop {vertical-align:top !important;}
.valignBottom {vertical-align:bottom !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.alignLeft {text-align:left !important;}
.floatLeft {float:left !important;}
/* ! js ссылки с пунктирным подчеркиванием */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}
/* !numbers -------------------------------------------------------------- */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}
/* !colors -------------------------------------------------------------- */
.red {color:#d00000;}
.green {color:#057f02;}
.gray {color:#7c7c7c;}
.black {color:#000;}
.gold {color:#BE9E4C;}
/* !pages -------------------------------------------------------------- */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px\9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}
.lineThrough {text-decoration:line-through !important;}
.errorMessage {color:red;color:#d00000;}
/* colour palette
dark blue: #00205B
red: #D0431D
gold: #BE9E4C
grey rules: #E5E5E5
*/
/* !layout -------------------------------------------------------------- */
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}
/* font sizing guide:
pixels ems leading
-------------------------------------
9px = 0.75em 2.2222em
10px = 0.8333em 2em
11px = 0.9166em 1.8181em
12px = 1em 1.6666em
13px = 1.0833em 1.5384em
14px = 1.1666em 1.4285em
15px = 1.25em 1.3333em
16px = 1.3333em 1.25em
17px = 1.4166em 1.1764em
18px = 1.5em 1.1111em
19px = 1.5833em 1.0526em
20px = 1.6666em 1em
21px = 1.75em
22px = 1.8333em
23px = 1.9166em
24px = 2em
30px = 2.5em
(divide desired pixel height by 12 to get 'em' value) */
abbr, acronym {
cursor: help;
border-bottom: 1px dotted;
}
p {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
}
h1 {
font-weight: lighter;
color: #BE9E4C;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}
h2 {
font-weight: normal;
color: #BE9E4C;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}
h3, h3 a {
font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
font-style: italic;
font-weight: normal;
color: #BE9E4C;
margin: 1.1111em 0 0.5555em 0;
}
h3 a.indexPage {
font-size: 1em;color: #BE9E4C;
}
h4, h4 a {
font-weight: normal;
color: #BE9E4C;
font-size: 1.1666em;
line-height: 1.4285em;
margin: 1.4285em 0 0.7142em 0;
}
h5 {
font-weight: bold;
color: #BE9E4C;
font-size: 1em;
line-height: 1.6666em;
margin: 1.6666em 0 0.8333em 0;
}
#primaryContent p {
margin-right: 20px;
}
#primaryContent ul {
margin-left: 20px;
margin-right: 20px;
}
#primaryContent ul li {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}
sup {
font-size: 0.75em;
color: #888;
}
.small {
font-size: 0.9166em;
line-height: 1.8181em;
color: #888;
}
/* hyperlinks */
a:link, a:visited {
color: #D0431D;
text-decoration: none;
}
a:hover, a:active {
color: #00205B;
text-decoration: underline;
}
/* data tables */
table {
margin-top: 20px;
width: auto;
border-collapse: collapse;
}
th, td {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
text-align: left;
padding: 3px 10px 3px 0;
}
th {
font-weight: bold;
color: #BE9E4C;
border-bottom-color:#CCC;
}
td.download {
text-align: center !important;
padding: 0 !important;
}
td.download img {
margin: 0 0 0 25px !important;
}
/* !header ---------------------------------------------------------------- */
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}
#header #logo a {
height: 81px;
width: 67px;
display: block;
text-decoration: none;
}
#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;
}
/* !search panel --поиск по сайту ------------------------------------------------------------ */
#searchPanel {
position: absolute;
top: 15px;
right: 0px;
margin-right: -150px;
}
#searchPanel form {
float: right;
}
#searchPanel p {
margin: 0;
}
input#keywords {
margin: 0;
font-size: 1em;
padding: 0.25em;
width: 200px;
border: 1px solid #CCC;
color: #333;
}
#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 5px;
}
#searchPanel label {
padding-top: 2px;
}
/* !footer -------------------------------------------------------------- */
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
#footer a {color:#666 !important}
#footer a.selected {color:#D0431D !important}
/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}
/* !breadcrumb ---------------------------------------------------------------- */
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
}
/* !sub navigation ---------------------------------------------------------------- */
#subNavigation {
width: 170px;
}
#subNavigation li {
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}
#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}
#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}
#subNavigation .selected {color:#D0431D !important}
#leftMenuBlockWrap {
width: 170px;
padding:1em 0 40px 0;
vertical-align:top;
}
#leftMenuBlock {
width: 170px;
margin: 0 20px 0 0;
}
/* Настройки максимальных размеров генерируемых изображений */
.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px;height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-small {max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-small-square {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-large {max-width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-image-large-square {width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-cat-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.goods-cat-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.goods-cat-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
.goods-cat-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
/* END Настройки максимальных размеров генерируемых изображений */
/* Заголовки в блоке навигации слева */
.contentTbodyCatalogHeader {margin:0 1em 0.33em 0.7em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;}
.contentTbodyCatalogHeader a {color:#BE9E4C}
/* Новости в блоке навигации слева */
.contentTbodyNews {padding:0.2em 0.7em 0 1em;}
.contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;}
.contentTbodyNewsBlockItem {font-size:0.9em;margin-bottom:1em;margin-left:0.33em}
/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:150px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}
/* страница списка новостей */
.newsListBlockItem {padding-bottom:1em;}
.newsListBlockItemTitle {font-size:1.33em;color:#BE9E4C !important}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}
/* Страница новости */
.newsListBlockItemTitle {font-size:1.33em;color:}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}
.newsListBlockItemFiles {margin:1em 0 1em 0}
/* Иконки форматов файлов */
.file_extension_icon {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}
.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls {background-position:-32px 0px}
.file_extension_icon.ie7 {background-position:-48px 0px}
.file_extension_icon.ppt {background-position:-64px 0px}
.file_extension_icon.htm,
.file_extension_icon.html {background-position:0px -16px}
.file_extension_icon.avi {background-position:-16px -16px}
.file_extension_icon.bmp,
.file_extension_icon.gif {background-position:-32px -16px}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt {background-position:-48px -16px}
.file_extension_icon.pptm {background-position:-64px -16px}
.file_extension_icon.rtf,
.file_extension_icon.doc {background-position:0px -32px}
.file_extension_icon.jpg {background-position:-16px -32px}
.file_extension_icon.png {background-position:-32px -32px}
.file_extension_icon.ini {background-position:-48px -32px}
.file_extension_icon.pptx {background-position:-64px -32px}
.file_extension_icon.php {background-position:0px -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml {background-position:-16px -48px}
.file_extension_icon.psd {background-position:-32px -48px}
.file_extension_icon.zip {background-position:-48px -48px}
.file_extension_icon.xps {background-position:-64px -48px}
.file_extension_icon.exe {background-position:0px -64px}
.file_extension_icon.xml {background-position:-16px -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3 {background-position:-32px -64px}
.file_extension_icon.xlsx {background-position:-48px -64px}
.file_extension_icon.xlsb {background-position:-64px -64px}
.file_extension_icon.pdf {background-position:0px -80px}
.file_extension_icon.csv {background-position:-16px -80px}
.file_extension_icon.docx {background-position:-32px -80px}
.file_extension_icon.accdb {background-position:-48px -80px}
.file_extension_icon.xlsm {background-position:-64px -80px}
.file_extension_icon.dll {background-position:0px -96px}
/* END Иконки форматов файлов */
/*cartInfo------------корзина*/
#cartInfo {
padding-top: -80px;
margin-top: -80px;
margin-right: -160px;
position: absolute;
font-size: 13px;
bottom: 30px;
right: 0px;
white-space: nowrap;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
}
/*cartInfo*/
/*contactInfo*/
#contactInfo {
position:absolute;
font-size:1.2em;
top: 5px;
left: 330px;
}
.contentTableHeadMainPhone {color:#3399cc;}
.contentTableHeadMainSkype img { padding-right:4px;}
.contactInfoContentCountryCode {color:#BE9E4C;}
.contactInfoContent {
height: 100px;
width: 250px;
vertical-align: middle;
}
}
#contactInfo table {margin:0px;}
#contactInfo td {padding:0px;text-align:center !important;}
/*contactInfo*/
/* Страница категории. ячейки с товаром */
.goodsListItem {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {height:200px;margin:5px;overflow:hidden;}
.goodsListItemBlock a {color:#BE9E4C}
.goodsListItemImage {height:100px;margin-top:1em}
.goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a {color:#2f97cb;font-size:15px;line-height:1.2em;padding:0px;margin:0px;}
/* Рамка для интерактивных элементов */
.withBorder {border:1px solid #E5E5E5 !important;}
.withBorder:hover {border-color:#D0431D !important;}
/* Страница товара. Цена товара */
.goodsDataMainModificationPriceOld {display:block;}
/* Страница товара. Характеристики */
.goodsDataFeatures {width:100%;}
.goodsDataFeatures p {float:left;margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataFeatures p span {border-bottom:1px solid #FFFFFF;color:#A9A9A9;}
/* Страница товара. Основные данные */
.goodsDataMain td {vertical-align:top}
.goodsDataMainImageBlock {width:280px;}
.goodsDataMainImageBlock img {padding:2px;}
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}
.goodsDataMainImagesIcon img {padding:2px;}
.goodsDataMainImageZoom {text-align:center;padding:0.5em;}
.goodsDataMainImageZoom a {padding:5px 0px 5px 25px;background:transparent url('{ASSETS_IMAGES_PATH}zoom-magnifying.png') no-repeat scroll center left;}
.goodsDataMainModificationDataBlock,
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {padding:1em;}
.goodsDataMainModificationsBlockProperty {padding:5px;}
.goodsDataMainModificationsBlockProperty select {width:auto;}
/* Страница товара. Акция на товар */
.goodsDataMainDiscountBlock {line-height:1.8em;}
.goodsHeader h1,
.goodsDataForm h4,
.goodsDataForm h5 {margin-top:0px;padding:0px;line-height:1.2em;}
.goodsDataForm table {margin:0px;}
.goodsDataMainModificationsList {display:none;}
.goodsDataMainModificationData {width:240px;vertical-align:middle;}
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;}
/* Страница товара. Информация о заказе */
.goodsDataMainOrder {border:1px solid #E5E5E5}
.goodsDataMainModificationAvailable {white-space:nowrap;}
/* Страница товара. Кнопка положить в корзину */
.goodsDataFormSubmitButton {text-align:right;white-space:nowrap;vertical-align:middle;padding:1em 1em 1em 0;}
/* Страница товара. Информация о доставке */
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {border-top:1px solid #E5E5E5;}
.goodsDataMainDeliveryItemHeader {padding:1em 0em 0.5em 0.3em;color:#555;}
.goodsDataMainDeliveryItem {padding:0em 1em 0em 1em;}
.goodsDataMainDeliveryItemRules {padding-bottom:1em;}
.goodsDataMainDeliveryItemRules tbody td{padding:2px;line-height:1.2em;}
.goodsDataMainDeliveryItemRules caption {text-align:left;}
.goodsDataMainDeliveryItemRules caption h5 {font-style: italic;white-space: nowrap;}
.goodsDataMainDeliveryItemRules p {float:left;margin:0;padding:0;line-height:1.4em;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataMainDeliveryItemRules p span {border-bottom:1px solid #ffffff;color:#666666;}
/* Корзина. Шапка таблицы */
.cartFormTable {width:100%}
.cartFormThead th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;white-space:nowrap;text-align:center;}
/* Корзина. Позиции заказа */
.cartFormTbody td {padding:0.66em;vertical-align:middle;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.cartFormTbody td.cell1 {text-align:center;}
.cartFormTbody td.cell2 {width:500px;vertical-align:top;}
.cartFormTbodyNavigate a {color:#888;}
.cartFormTbodyHeader {color:#000;font-size:1.1em;}
.cartFormTbodyHeader span {color:#666;font-size:0.9em;}
.cartFormTbody td.cell3 {white-space:nowrap;}
.cartFormTbody td.cell3 input {width:50px;text-align:center;}
.cartFormTbody td.cell4 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell5 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell6 {text-align:center;}
/* Корзина. Низ таблицы заказа */
.cartFormTfootSumTable {float:right;font-size:1.5em;margin:0.5em 0em 0.5em 0em}
.cartFormTfootSumTable .cell1 {vertical-align:top;}
.cartFormTfootSumTable .cell2 {text-align:right;color:#188518;}
.cartFormTfootTruncate {text-align:left;vertical-align:middle;white-space:nowrap;}
.cartFormTfootButtons {text-align:right;}
/* Оформление заказа. Общие настройки */
.orderData,
.order {padding:1em;margin:1em 0em 1em 0em;border:1px solid #E5E5E5;}
.order h3 {margin:0.5em 0em 0em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderInfo {padding:1em;}
.orderInfo table {margin-top:0.5em;}
/* Оформление заказа. Контактная информация */
.orderStageContact table {width:100%;}
.orderStageContact td.cell1 {width:200px;white-space:nowrap;}
.orderStageContact td.cell2 {width:auto;}
.orderStageContact input {width:90%;}
.orderStageContact .orderStageContactCheckbox {width:auto;text-align:left;}
/* Оформление заказа. Ссылка показать пароль */
.OrderShowPassBlock {text-align:left;padding-top:0.1em;}
.OrderShowPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.OrderShowPass:hover {border-bottom:1px solid;text-decoration:none;}
/* Оформление заказа. Выбор доставки */
.orderStageDelivery table {width:100%;margin-bottom:1em;}
.orderStageDelivery td {vertical-align:middle;margin:0px;}
.orderStageDelivery td p {margin:0px;}
.orderStageDelivery td.cell1 {width:20px;}
.orderStageDelivery td.cell2 {width:auto;}
.orderStageDelivery td.cell3 {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;}
.orderStageDelivery textarea {width:100%;height:80px;}
.orderInfoDeliveryAddress input,
.orderInfoDeliveryAddress #deliveryCountry {width:150px;}
#deliveryConvenientDate {width:75px; text-align:center;}
.orderInfoDeliveryAddress label {white-space:nowrap;padding-top:3px;display:block;}
.orderInfoDeliveryAddress td {vertical-align:top;}
/* Оформление заказа. Подтверждение заказа */
.orderStageConfirmCart,
.orderStageConfirmContacts {width:100%;}
.orderStageConfirmContactsHeader {text-align:left !important;}
.orderStageConfirmContacts .cell1 {width:210px;white-space:nowrap;padding:1em 0em 1em 1em;}
.orderStageConfirmContacts .cell2 {width:auto;}
.orderStageConfirmContacts p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderStageConfirmContacts p span {border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#666666;}
/* Кнопки навигации для перехода по шагам заказа */
.orderStageSubmitNavigation {padding-top:2em;}
/* Оформление заказа. Шаги пользователя */
.orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;}
.orderHeader td {color:#cccccc}
.orderHeader td.act {color:#555}
.orderStepName {vertical-align:middle;padding-right:2em;}
/* Иконки */
.orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
.orderIcon.ok {background-position:-1px -3px;}
.orderIcon.step1 {background-position:-1px -88px;}
.orderIcon.step1-act {background-position:-1px -44px;}
.orderIcon.step2 {background-position:-40px -88px;}
.orderIcon.step2-act {background-position:-40px -44px;}
.orderIcon.step3 {background-position:-79px -88px;}
.orderIcon.step3-act {background-position:-79px -44px;}
.orderIcon.step4 {background-position:-118px -88px;}
.orderIcon.step4-act {background-position:-118px -44px;}
.orderIcon.cart {background-position:-40px -3px;}
.orderIcon.delivery {background-position:-118px -3px;margin:auto;}
.orderIcon.discount {background-position:-79px -3px;margin:auto;}
/* Информация по оформленному заказу */
.orderData h3 {font-size:1.5em;}
.orderData h3 {margin:0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderDataInfo {padding:2em 1em 0em 1em;}
.orderDataTable {width:100%;margin:0px;}
.orderDataTable th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;text-align:center;}
.orderDataTableHeader {text-align:left !important;}
.orderDataTable .cell1 {width:210px;white-space:nowrap;padding:1em 0em 0em 1em;vertical-align:top;}
.orderDataTable .cell2 {width:auto;vertical-align:top;padding:1em 0em 0em 0em;}
.orderDataTable p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderDataTable p span {border-bottom:1px solid #FFFFFF;color:#666666;}
/* Список акции на товары */
.promotionCampaignHeader a {font-size:22px;}
.promotionCampaignList {font-size:12px}
.promotionCampaignInfo {width:100%;font-size:12px;margin:0px;}
.promotionCampaignInfo p {line-height:1.4em;float:left;margin:0.2em 0em 0em 0em;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.promotionCampaignInfo p span {line-height:1.2em;border-bottom:3px solid #FFFFFF; background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;}
.promotionCampaignInfo td {padding-bottom:5px;}
.promotionCampaignInfo td.cell1 {width:200px}
.promotionCampaignInfo td.cell2 {font-weight:bold;}
/* Форма связи с администрацией */
.feedbackForm label {font-weight:normal;display:block;font-size: 1.2em;margin:0.1em 0 0.1em 0;}
.feedbackForm .input {width:300px;}
.feedbackForm textarea {width:600px;}
/* Форма оплаты заказа по интернету */
.paymentFormTbody label {font-weight:normal}
.paymentFormTbody h4 {color:#910f0f}
.paymentFormTbody input.inputText {padding:0.2em;width:300px;}
.paymentFormTbody select {padding:0.2em;width:308px;}
.paymentFormTbody .paymentFormSubmitLink {font-size:1.3em;}
.paymentFormTbody .ceil1 {padding-left:1em;}
.paymentFormTbody p {width:auto;background:none;}
.paymentBankRu .tr6 .ceil1 {padding-top:1em;}
/* Сравнение товаров в блоке навигации слева */
.contentTbodyCompare {padding:0.2em 1em 1em 1.5em;}
.contentTbodyCompareEmpty {color:#888;}
.contentTbodyCompareDetails {display:block;margin-top:5px;}
/* Страница сравнения товаров */
.CompareGoodsHeader {color:#000;font-size:1.1em;display:block;}
.CompareGoodsHeader span {color:#666;font-size:0.9em;}
.CompareGoodsTableTbody td {max-width:400px;text-align:center;padding:4px;}
.CompareGoodsTableTbody td.borderAll {border:1px solid #DCECF7;}
.CompareGoodsTableTbody td.noBorderBottom {border-top:1px solid #DCECF7;border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody td.BorderLeftAndRight {border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody .CompareCheckbox,
.CompareGoodsTableTbody label {vertical-align:middle;font-weight:normal;}
.CompareGoodsTableTbody td.ceil1 {text-align:left;vertical-align:bottom;}
.CompareGoodsTableTbodyComparisonLine.same{color:#888;background:#F0F0F0}
.CompareGoodsTableTbodyComparisonLine.hover{background:#E1FAE1}
.CompareGoodsTableTbodyComparisonLine td {text-align:left;}
/* Скрытие изображений в описаниях товаров на сравнении, чтобы не ехала вёрстка */
.CompareGoodsTableTbodyComparisonLine td img { display: none; }
.CompareGoodsTableFilterSelected {font-weight:bold;color:#000 !important;text-decoration:none;}
.CompareGoodsTableFilterSelected:hover {text-decoration:none;cursor:default;color:#000 !important;}
.CompareGoodsHideSelected {display:block;height:20px;width:350px;}
.CompareGoodsShowAll {display:block;height:20px;width:350px;}
.CompareGoodsDeleteLink {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;}
/* Личный кабинет клиента. Формы авторизации, регистрации, настроек и восстановления пароля */
.clientForm td {padding:0.4em;}
.clientForm h3 {padding-bottom:1em;}
.clientForm thead td {padding-bottom:1em;}
.clientForm tbody td.ceil1 {width:5%;}
.clientForm tbody td.ceil2 {width:5%;}
.clientForm tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.clientForm tbody input {vertical-align:middle;padding:0.3em;width:220px;}
.clientForm tbody textarea {width:224px;height:75px;}
.clientForm tbody .showPassBlock {text-align:center;padding-top:0.1em;}
.clientForm tbody .showPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.clientForm tbody .showPass:hover {border-bottom:1px solid;text-decoration:none;}
.clientForm tfoot td {padding-top:2em;}
#caps_lock {font-size:11px;width:220px;}
/* Личный кабинет клиента. История заказов */
.clientOrderList {padding-bottom:2em;}
.clientOrderListTable thead td {font-weight:bold;text-align:center;padding:10px 5px 10px 5px;}
.clientOrderListTable td {border:1px solid #ccc;padding:5px}
.clientOrderListTable .second td {background-color:#F5F5F5;}
/* Личный кабинет клиента. Информация о заказе */
.clientOrderInfo {padding-bottom:2em;}
.clientOrderInfoMain {border:1px solid #ccc;padding:1em;}
.clientOrderInfoMainTb {margin:0px;}
.clientOrderInfoMainTb td {border:1px solid #ccc;padding:7px;}
.clientOrderInfoPositions {border:1px solid #ccc;padding:1em;}
.clientOrderInfoPositionsTb {margin:0px;}
.clientOrderInfoPositionsTb td {border:1px solid #ccc;padding:7px;}
/* Страница товара. Добавление отзыва о товаре */
.goodsDataOpinionMsg {margin:0 0 0 20px;white-space:nowrap;}
.goodsDataOpinionMessage {padding:1em;font-size:1.2em;font-style:italic;border-left:2px solid #b85454;margin:1em;}
.goodsDataOpinionMessage.empty {margin-left:2em;border-left:2px solid #DCECF7;}
.goodsDataOpinionMessage.auth {margin-top:0}
.goodsDataOpinionAddTable {margin-left:1em;}
.goodsDataOpinionAddTable td {vertical-align:top;padding-right:1em;}
.goodsDataOpinionAddTable tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.goodsDataOpinionAddTable tbody label.required {font-weight:bold;}
.goodsDataOpinionAddTable tbody input {vertical-align:middle;padding:0.3em;width:420px;}
.goodsDataOpinionAddTable tbody input.captcha {width:120px;}
.goodsDataOpinionAddTable tbody textarea {width:424px;height:75px;padding:0.2em;}
.goodsDataOpinionAddTable tbody .generally input {width:auto;padding:0px;}
.goodsDataOpinionAddTable tbody .generally label {font-size:1em;}
.goodsDataOpinionAddTable tfoot td {padding-top:1em;}
.goodsDataOpinionCaptcha td {padding-left:0px;}
.goodsDataOpinionAverageInfo {padding-left:1em;vertical-align:middle;}
/* Страница товара. Список отзывов о товаре */
.goodsDataOpinionListTableClient {color:#888}
.goodsDataOpinionListTableClient.auth {color:#555}
.goodsDataOpinionListTableAnswer {padding:1em;color:#167507}
.goodsDataOpinionListNavigateBottom td {padding-top:1em;}
.goodsDataOpinionListTable {width:750px;}
.goodsDataOpinionListTable td {border-bottom:1px solid #cccccc;padding: 0.5em 1em 0.4em 0;}
.goodsDataOpinionListTable td.ceil1 {width:20%;}
.goodsDataOpinionListTable td.ceil2 {width:80%;}
.goodsDataOpinionListTableDate {display:block;color: #979797;font-size: 0.8em;font-weight: normal;}
/* Фильтры по цене в колонке меню */
.contentTbodySearchPriceFilterBlock {padding: 0 1em 0 1.4em;text-align:center;}
.goodsFilterPriceInfo {padding:1em 0 0.5em;margin-left:-5px;}
.goodsFilterPriceInfo input {width:45px;}
.goodsFilterPriceRangePointers {height: 16px;font-size: 0.9em;color: #CCC;width: 100%;overflow: visible;}
.goodsFilterPriceRangePointers .min {float: left; margin-left: -7px; }
.goodsFilterPriceRangePointers .max {float: right; margin-right: -8px;}
.goodsFilterPriceSubmit {padding: 0.5em 0 0.4em;display:none;}
/* Фильтры по свойствам и характеристикам товаров в колонке меню */
.contentTbodySearchFilterBlock {padding:1em;margin:0 0 0 1em;border:1px solid #E5E5E5;}
.contentTbodySearchFilterBlockValues {padding:1em 0 1em 1em;}
.contentTbodySearchFilterBlockValues label {font-weight:normal;}
/* Список последних просмотренных пользователем товаров */
.contentTbodyRecentlyViewed {overflow: hidden;}
.recent_viewed {margin:0 0 0 1em;}
.recent_viewed td {vertical-align:middle;padding: 0.8em 5px 0.8em 0;border-bottom: 1px solid #e2e2e2;}
.recent_viewed td.img {text-align:ce nter;}
.recent_viewed .last td {border-bottom:0;}
.recent_viewed td.link a {width:153px;overflow:hidden;}
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ul {margin:10px 0 10px 7px !important;padding:0px !important;}
.htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;}
.htmlDataBlock ul li {margin:3px 0px !important;}
.htmlDataBlock p { margin:1em 0; }
.htmlDataBlock blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0 8px 20px;margin: 1em 1em 1em 3em;border-style: solid;border-color: #ccc;border-width: 0;border-left-width: 5px;}
#slider img {height:300px}
.orderStageDeliveryListTable tbody {
outline: 1px solid #CCCCCC;
}
.orderStageDeliveryListTable td {
padding:5px;
}
/* Виджет ВКонтакте*/
#vk_groups {
top: 580px;
right: 0px;
position: absolute;
}
Чтобы поставить картинку на задний фон шапки, нужно сделать изменения в main.css в блоке
#headerWrap {
height: 150px;
background: url(http://design.bg-rose.ru/header_bg.jpg) repeat-x;
}
измените background
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
