суббота, 8 октября 2011 г.

CSS для шаблона Bu-bu

/* Сначала то, что меняют чаще всего */

/* Общие установки  шрифта и цвета текста */
body, html, #pedigree-container {
  font: 10pt Tahoma, Arial,Verdana; color: #121; /* Text color everywhere */
  height: auto;
}
/* Заголовок */
.content-header {
  color: #fff; /* Text color in header and footer */
  background: #cecf88 url(http://lh5.googleusercontent.com/-juJF50N_ptI/Tkel_UuksYI/AAAAAAAAAUg/mENMaku_hSg/strip.gif);
}
/* Рамочка фотографий в родословных */
.image-gallery-thumbnails a.hover, #pedigree .gen1 .photos a.hover {
   border-color: #131; /* Photo border when mouse hover */
}
/* Текст в нижнем меню */
#bottom-menu-container, #bottom-menu-container a,  .content-footer {
    color: #121; /* Bottom directory */
}
/* Цвета бокового меню. У нас оно переехало под главное. */
.side-contacts, .side-contacts a {
    color: #131;
}
.side-menu-sale a, .side-menu-sale a:visited {
  border-color: #bdb;
}
/* Самый низ */
 .content-footer {
  background: #fff;
}

/* Значок пола */
.sex {
  background-image: url(/css/images/sex.png);
}
/* Заголовок родословной и основные настройки родословной */
#pedigree-main .name {
  font-size: 1.9em;
}
.gen0 {
  display: none;
}
#pedigree {
  width: 820px;
  height: auto;
}
#pedigree .gen1 .photos a:first-child {
  display: inline-block;
}
#pedigree-main {
  margin-bottom: 45px;
  text-align: center;
}

/* Убираем надпись CreatePedigree, вспомогательную полосочку  и тень баннера */
#acreatepedigree, #acreatepedigree-right, #mypage-name, #top-menu-shadow {
  display: none;
}
/* Баннер */
.top-menu-back {
  background: #fff url(http://lh5.googleusercontent.com/-9XgSmwMNXMM/TkgY5hfqDNI/AAAAAAAAAVY/n8hYBeBRqtY/bully-banner.jpg);
  height: 410px;
  position: relative;
}
#top-menu-container {
  width: 1100px;
  margin: 0 auto;
}

/* Главное меню */
.top-menu {
  background:   none;
  border: none;
  padding:  0;
  min-width: 600px;
  height: 30px;
  bottom: 74px;
  z-index: 10;
  font-size: 17px;
  left: 50px !important;
  width: auto !important;
}
/* Делаем различие для русского и английского вариантов */
[lang=ru] .top-menu {
  font-size: 15px;
}
a.top-menu-item, a.top-menu-item:visited, .narrow-mode a.top-menu-item {
  color: #e77285;
  padding: 0 9px !important;
  text-shadow: none;
}
a.top-menu-item:hover {
  text-decoration: underline;
  background: none;
}
/* Включаем/выключаем определенные пункты меню */
#item-info {
  display: inline;
}
#item-articles {
  display: none;
}
#item-forsale {
  position: absolute;
  left: 320px;
  top: 34px;
}
.addthis_toolbox {
  margin: 76px 10px 0 0;
}
.narrow-mode .addthis_more_buttons {
  display: inline;
}

/* Боковое меню. Теперь оно под главным. */
#side-menu-container {
  width: 0;
  left: 50%;
  display: block !important;
}
#side-menu {
  top: -110px;
  right: 176px;
  width: 360px;
}
.side-menu-back, .side-menu-sale-thumbnails, .side-menu-sale, .side-contacts, .side-menu-breed {
  display: none;
}
.side-menu-categories li {
  float: right;
}
.side-menu-categories li a, .side-menu-categories li a:visited {
  color: #e77285 !important;
  padding: 0 9px !important;
  font-size: 17px;
  font-weight: bold;
}
/* Делаем различие для русского и английского вариантов */
[lang=ru] .side-menu-categories li a, [lang=ru] .side-menu-categories li a:visited {
  font-size: 15px;
}
body {
  position: relative; /*  For side menu */
}

/* Основное содержимое страницы */
body, html, .mypage #pedigree-container {
  padding: 0 !important;
  margin: 0 !important;
}
html {
  overflow-y: scroll;
}
.content-container, .content-header, .content-footer, .super-border {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.content-header, .content-footer, .content-body {
  padding: 15px 140px;
}
#article, #news, #info, #allpedigrees, #allarticles, .content-container, .super-border {
  width: 1100px;
}
.super-border {
  background: #fff;
  padding: 20px 0 30px;
}
#pedigree {
  margin: 0 auto;
}
.field-line {
  padding: 2px;
}
#pedigree-main {
  margin-bottom: 0;
}

/* Нижнее меню */
.bottom-menu h2 {
  display: none;
}
.bottom-menu-back {
  background: #f5f5d6;
}
.bottom-menu-back {
  width: 1100px;
  margin: 0 auto;
}
 #bottom-menu-shadow {
  display: none;
}
.bottom-menu-header {
  margin-bottom: 50px;
  background: #cecf88 url(http://lh5.googleusercontent.com/-juJF50N_ptI/Tkel_UuksYI/AAAAAAAAAUg/mENMaku_hSg/strip.gif);
  border: none;
}
.bottom-menu-header h1 {
  position: relative;
  top: 50px;
}
.bottom-menu-category h3 {
  background: none;
}
.photo-link img, #bottom-menu-container .bottom-menu-category li a img {
  border-color: #cecf88;
}
#bottom-menu-container h1 {
  font-face: Tahoma, Arial,Verdana
}

/* И футер */
#common-footer {
  background: #ebebe9;
  width: 1070px;
  margin: 0 auto;
}

Комментариев нет:

Отправить комментарий