Помощ в правке css

Тема в разделе "Веб-дизайн", создана пользователем frinteza, 21 сен 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. frinteza

    frinteza Писатель

    Регистр.:
    15 дек 2008
    Сообщения:
    2
    Симпатии:
    0
    Добрый день всем.
    Проблема вот какого плана, есть шаблон, но он не резиновый и для меня узкий.
    Никак не получается подогнать стиль и сделать шаблон шире ну гдет 1000px
    просто блок контента узковат а нормально поправить, начинают ползти блоки меню. помогите или разъясните как расширить контент блок и меню оставить на своих местах
    это демо шаблона
    http://joomlashablony.ru/component/jdown/?task=demo&format=raw&link=2320
     
  2. zzallexx

    zzallexx

    Регистр.:
    11 июн 2008
    Сообщения:
    1.036
    Симпатии:
    699
    пройдись по css файлу и исправь все
    и еще поправь в
    до нужного размера
    примерно до 1002px
     
  3. frinteza

    frinteza Писатель

    Регистр.:
    15 дек 2008
    Сообщения:
    2
    Симпатии:
    0
    Код:
    /* begin Page */
    
    /* Design by Dan O'Riordan of Eaglehawk Design @ www.eaglehawkdesign.com */
    
    body
    {
      margin: 0 auto;
      padding: 0;
      background-color: #DBE5EB;
      background-image: url('../images/Page-BgTexture.jpg');
      background-repeat: repeat;
      background-attachment: scroll;
      background-position: top left;
    }
    
    .Main
    {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
    }
    
    
    
    
    
    .cleared
    {
      float: none;
      clear: both;
      margin: 0;
      padding: 0;
      border: none;
      font-size:1px;
    }
    
    
    /* end Page */
    
    /* begin Box, Sheet */
    .Sheet
    {
      overflow: hidden;
      min-width:43px;
      min-height:43px;
      margin: 0 auto;
      position: relative;
      z-index: 0;
      width: 70%;
    }
    
    
    .Sheet-body
    {
      position: relative;
      z-index: 0;
      margin: 6px;
    }
    
    .Sheet-tl
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      left: 0;
      width: 31px;
      height: 31px;
      background-image: url('../images/Sheet-s.png');
    }
    
    .Sheet-tr
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      right: 0;
      width: 31px;
      height: 31px;
    }
    
    .Sheet-tr div
    {
      position: absolute;
      z-index: -1;
      top: 0px;
      left: -31px;
      width: 62px;
      height: 62px;
      background-image: url('../images/Sheet-s.png');
    }
    
    .Sheet-bl
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      bottom: 0;
      left: 0;
      width: 31px;
      height: 31px;
    }
    
    .Sheet-bl div
    {
      position: absolute;
      z-index: -1;
      top: -31px;
      left: 0;
      width: 62px;
      height: 62px;
      background-image: url('../images/Sheet-s.png');
    }
    
    .Sheet-br
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      bottom: 0;
      right: 0;
      width: 31px;
      height: 31px;
    }
    
    .Sheet-br div
    {
      position: absolute;
      z-index: -1;
      top: -31px;
      left: -31px;
      width: 62px;
      height: 62px;
      background-image: url('../images/Sheet-s.png');
    }
    
    .Sheet-tc
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 0;
      left: 31px;
      right: 31px;
      height: 31px;
    }
    
    .Sheet-tc div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 62px;
      background-image: url('../images/Sheet-h.png');
    }
    
    .Sheet-bc
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      bottom: 0;
      left: 31px;
      right: 31px;
      height: 31px;
    }
    
    .Sheet-bc div
    {
      position: absolute;
      z-index: -1;
      top: -31px;
      left: 0;
      width: 100%;
      height: 62px;
      background-image: url('../images/Sheet-h.png');
    }
    
    .Sheet-cl
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 31px;
      left: 0;
      width: 31px;
      bottom: 31px;
    }
    
    .Sheet-cl div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 62px;
      height: 100%;
      background-image: url('../images/Sheet-v.png');
    }
    
    .Sheet-cr
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 31px;
      right: 0;
      width: 31px;
      bottom: 31px;
    }
    
    .Sheet-cr div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: -31px;
      width: 62px;
      height: 100%;
      background-image: url('../images/Sheet-v.png');
    }
    
    .Sheet-cc
    {
      position: absolute;
      overflow:hidden;
      z-index: -2;
      top: 31px;
      left: 31px;
      right: 31px;
      bottom: 31px;
      background-image: url('../images/Sheet-c.png');
    }
    
    
    .Sheet
    {
      margin-top: 10px !important;
    }
    /* end Box, Sheet */
    
    /* begin Header */
    div.Header
    {
      margin: 0 auto;
      position: relative;
      z-index:0;
      width: 888px;
      height: 200px;
    }
    
    div.Header-png
    {
      position: absolute;
      z-index:-2;
      top: 0;
      left: 0;
      width: 888px;
      height: 200px;
      background-image: url('../images/Header.png');
      background-repeat: no-repeat;
      background-position: left top;
    }
    
    
    div.Header-jpeg
    {
      position: absolute;
      z-index:-1;
      top: 0;
      left: 0;
      width: 888px;
      height: 200px;
      background-image: url('../images/Header.jpg');
      background-repeat: no-repeat;
      background-position: center center;
    }
    /* end Header */
    
    /* begin Logo */
    .logo
    {
      display : block;
      position: absolute;
      left: 44px;
      top: 62px;
      width: 844px;
    }
    
    h1.logo-name
    {
      display: block;
      text-align: left;
    }
    
    h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 37px;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
      padding:0;
      margin:0;
      color: #1B2932 !important;
    }
    
    .logo-text
    {
      display: block;
      text-align: left;
    }
    
    .logo-text, .logo-text a
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 19px;
      font-style: normal;
      font-weight: normal;
      padding:0;
      margin:0;
      color: #1B2932 !important;
    }
    
    /* end Logo */
    
    /* 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;
    }
    
    .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: 888px;
      height: 41px;
      z-index: 100;
    }
    
    .artmenu
    {
      padding: 12px 6px 0px 6px;
    }
    
    
    .nav .l, .nav .r, .nav .r div
    {
      top: 0;
      position: absolute;
      z-index: -1;
      overflow: hidden;
      height: 41px;
    }
    
    .nav .l
    {
      left: 0;
      right: 0px;
    }
    
    
    .nav .r
    {
      right: 0;
      width: 0px;
    }
    
    
    .nav .r div
    {
      width: 888px;
      right: 0;
    }
    
    
    .nav .l, .nav .r div
    {
      background-position: left top;
      background-repeat: no-repeat;
      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: 2px;
      margin-left: 2px;
    
    }
    .artmenu a
    {
      background-image: url('../images/item-left.png');
      background-position: left top;
      background-repeat: no-repeat;
    }
    
    .artmenu a span
    {
      background-image: url('../images/item-right.png');
      background-position: right top;
      background-repeat: no-repeat;
    }
    .artmenu a span span
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      color: #183449;
      padding: 0 19px;
      margin: 0 4px;
      line-height: 29px;
      text-align: center;
      background-image: url('../images/item-center.png');
      background-position: left top;
      background-repeat: repeat-x;
    
    }
    
    
    .artmenu a:hover
    {
      background-position: left -29px;
    }
    
    .artmenu li:hover>a
    {
      background-position: left -29px;
    }
    .artmenu li:hover a span
    {
      background-position: right -29px;
    }
    
    .artmenu a:hover span
    {
      background-position: right -29px;
    }
    
    
    .artmenu a:hover span span
    {
      color: #27333A;
      background-position: left -29px;
    }
    
    .artmenu li:hover a span span
    {
      color: #27333A;
      background-position: left -29px;
    }
    
    
    .artmenu a.active
    {
      background-position: left -58px;
    }
    
    .artmenu a.active span
    {
      background-position: right -58px;
    }
    
    .artmenu a.active span span
    {
      color: #2D4453;
      background-position: left -58px;
    }
    
    /* end MenuItem */
    
    /* begin ContentLayout */
    .contentLayout
    {
      margin-bottom: 2px;
      width: auto;
      position: relative;
    }
    /* end ContentLayout */
    
    /* begin Box, Block */
    .Block
    {
      overflow: hidden;
      min-width:15px;
      min-height:15px;
      margin: 0 auto;
      position: relative;
      z-index: 0;
    }
    
    
    .Block-body
    {
      position: relative;
      z-index: 0;
      margin: 7px;
    }
    
    .Block-tl
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      left: 0;
      width: 7px;
      height: 7px;
      background-image: url('../images/Block-s.png');
    }
    
    .Block-tr
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      right: 0;
      width: 7px;
      height: 7px;
    }
    
    .Block-tr div
    {
      position: absolute;
      z-index: -1;
      top: 0px;
      left: -7px;
      width: 14px;
      height: 14px;
      background-image: url('../images/Block-s.png');
    }
    
    .Block-bl
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      bottom: 0;
      left: 0;
      width: 7px;
      height: 7px;
    }
    
    .Block-bl div
    {
      position: absolute;
      z-index: -1;
      top: -7px;
      left: 0;
      width: 14px;
      height: 14px;
      background-image: url('../images/Block-s.png');
    }
    
    .Block-br
    {
      position: absolute;
      overflow: hidden;
      z-index: -1;
      bottom: 0;
      right: 0;
      width: 7px;
      height: 7px;
    }
    
    .Block-br div
    {
      position: absolute;
      z-index: -1;
      top: -7px;
      left: -7px;
      width: 14px;
      height: 14px;
      background-image: url('../images/Block-s.png');
    }
    
    .Block-tc
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 0;
      left: 7px;
      right: 7px;
      height: 7px;
    }
    
    .Block-tc div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 14px;
      background-image: url('../images/Block-h.png');
    }
    
    .Block-bc
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      bottom: 0;
      left: 7px;
      right: 7px;
      height: 7px;
    }
    
    .Block-bc div
    {
      position: absolute;
      z-index: -1;
      top: -7px;
      left: 0;
      width: 100%;
      height: 14px;
      background-image: url('../images/Block-h.png');
    }
    
    .Block-cl
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 7px;
      left: 0;
      width: 7px;
      bottom: 7px;
    }
    
    .Block-cl div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 14px;
      height: 100%;
      background-image: url('../images/Block-v.png');
    }
    
    .Block-cr
    {
      position: absolute;
      overflow:hidden;
      z-index: -1;
      top: 7px;
      right: 0;
      width: 7px;
      bottom: 7px;
    }
    
    .Block-cr div
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: -7px;
      width: 14px;
      height: 100%;
      background-image: url('../images/Block-v.png');
    }
    
    .Block-cc
    {
      position: absolute;
      overflow:hidden;
      z-index: -2;
      top: 7px;
      left: 7px;
      right: 7px;
      bottom: 7px;
      background-image: url('../images/Block-c.png');
    }
    
    
    .Block
    {
      margin: 7px;
    }
    
    /* end Box, Block */
    
    /* begin BlockHeader */
    .BlockHeader
    {
      position: relative;
      overflow: hidden;
      height: 30px;
      z-index: 0;
      line-height: 30px;
      padding: 0 7px;
      margin-bottom: 7px;
    
    }
    
    .BlockHeader-text
    {
      white-space : nowrap;
      color: #000000;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: bold;
      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: 6px;
    }
    
    
    .BlockHeader .r
    {
      right: 0;
      width: 6px;
    }
    
    
    .BlockHeader .r div
    {
      width: 888px;
      right: 0;
    }
    
    
    .BlockHeader .l, .BlockHeader .r div
    {
      background-position: left top;
      background-repeat: no-repeat;
      background-image: url('../images/BlockHeader.png');
    }
    
    
    
    .header-tag-icon
    {
      display:inline-block;
      background-position:left top;
      background-image: url('../images/BlockHeaderIcon.png');
      padding:0 0 0 21px;
      background-repeat: no-repeat;
      min-height: 14px;
      margin: 0 0 0 5px;
    }
    
    
    
    
    /* end BlockHeader */
    
    /* begin Box, BlockContent */
    .BlockContent
    {
      overflow: hidden;
      min-width:1px;
      min-height:1px;
      margin: 0 auto;
      position: relative;
      z-index: 0;
    }
    
    
    .BlockContent-body
    {
      position: relative;
      z-index: 0;
      margin: 8px;
    }
    
    
    .BlockContent-body
    {
      color:#1D262A;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
    }
    
    .BlockContent-body a:link
    {
      color: #29577A;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
    }
    
    .BlockContent-body a:visited, .BlockContent-body a.visited
    {
      color: #29577A;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
    }
    
    .BlockContent-body a:hover, .BlockContent-body a.hover
    {
      color: #3672A1;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
    }
    
    
    .BlockContent-body ul
    {
      list-style-type: none;
      color: #4C6370;
      margin:0;
      padding:0;
    }
    
    .BlockContent-body li
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      text-decoration: none;
    }
    
    .BlockContent-body ul li
    {
      padding:0px 0 0px 13px;
      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: 10px;
    }
    
    
    .Post
    {
      margin: 10px;
    }
    
    
    /* Start images */
    a img
    {
      border: 0;
    }
    
    .article img, img.article
    {
      border-style: solid;
      border-width: 1px;
      border-color: #AFC6D4;
      margin: 1em;
    }
    
    .metadata-icons img
    {
      border: none;
      vertical-align: middle;
      margin:2px;
    }
    /* Finish images */
    
    /* Start tables */
    
    .article table, table.article
    {
      border-collapse: collapse;
      margin: 1px;
      width:auto;
    }
    
    .article table, table.article .article tr, .article th, .article td
    {
      background-color:Transparent;
    }
    
    .article th, .article td
    {
      padding: 2px;
      border: solid 1px #608DA9;
      vertical-align: top;
      text-align:left;
    }
    
    .article th
    {
      text-align:center;
      vertical-align:middle;
      padding: 7px;
    }
    
    
    
    /* Finish tables */
    /* 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: Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #204460;
    }
    
    .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #204460;
    }
    
    /* end PostHeaderIcon */
    
    /* begin PostHeader */
    .PostHeader a:link
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #265273;
    }
    
    .PostHeader a:visited, .PostHeader a.visited
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #3E505B;
    }
    
    .PostHeader a:hover, .PostHeader a.hovered
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #1D3F58;
    }
    /* end PostHeader */
    
    /* begin PostMetadata */
    
    .PostMetadataHeader
    {
    
      background-color: #D4E0E8;
      border-color: #AFC6D4;
      border-style: solid;
      border-width: 1px;
      padding:3px;
    }
    
    
    
    
    /* end PostMetadata */
    
    /* begin PostIcons */
    .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 11px;
      color: #36464F;
    }
    
    .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
    {
      margin:0;
    }
    
    .PostHeaderIcons a:link
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #254F6F;
    }
    
    .PostHeaderIcons a:visited, .PostHeaderIcons a.visited
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #254F6F;
    }
    
    .PostHeaderIcons a:hover, .PostHeaderIcons a.hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      color: #254F6F;
    }
    
    
    /* end PostIcons */
    
    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      color: #445864;
    }
    
    .PostContent
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
      color: #445864;
    }
    
    /* 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;
      text-decoration: underline;
      color: #3B7DB0;
    }
    
    /* Adds special style to an unvisited link. */
    a:link
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #3B7DB0;
    }
    
    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #3B7DB0;
    }
    
    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      color: #1D3F58;
    }
    
    /* 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: Arial, Helvetica, Sans-Serif;
      font-size: 28px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #2D5F86;
    }
    
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #2D5F86;
    }
    
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 18px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #3E5F74;
    }
    
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #212B31;
    }
    
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #212B31;
    }
    
    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #212B31;
    }
    /* Finish Content headings Fonts & Colors  */
    
    /* end PostContent */
    
    /* begin PostBullets */
    /* Start Content list */
    
    ul
    {
      list-style-type: none;
      color: #111518;
      margin:0;
      padding:0;
    }
    
    li
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
    }
    
    
    
    .Post ul li
    {
      padding:0px 0 0px 13px;
      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:#0B1014;
      font-family: Arial, Helvetica, Sans-Serif;
      font-style: italic;
      font-weight: normal;
      text-align: left;
    }
    
    blockquote
    {
      border-color:#AFC6D4;
      border-width: 1px;
      border-style: solid;
    
      margin:10px 10px 10px 50px;
      padding:5px 5px 5px 41px;
    
      background-color:#D4E0E8;
    
      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:34px;
      margin:0;
      padding:0;
      overflow: visible;
      cursor: default;
      text-decoration: none !important;
    }
    
    
    /*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: 34px;
      color: #224967;
      white-space: nowrap;
      float: left;
    }
    
    .Button .t
    {
      height:34px;
      white-space: normal;
      padding: 0 21px;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      line-height: 34px;
      text-decoration: none !important;
    }
    
    input, select
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
    }
    
    .Button .active
    {
      color: #F0F3F5;
    }
    
    .Button .hover,  a.Button:hover
    {
      color: #EEF3F6;
      text-decoration: none !important;
    }
    
    .Button .active .r
    {
      top: -68px;
    }
    
    .Button .hover .r
    {
      top: -34px;
    }
    
    .Button .r
    {
      display: block;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      right: 0;
      width: 11px;
      height: 102px;
    }
    
    
    .Button .r span
    {
      display: block;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      right: 0;
      width:411px;
      height: 102px;
    }
    
    
    .Button .active .l
    {
      top: -68px;
    }
    
    .Button .hover .l
    {
      top: -34px;
    }
    
    .Button .l
    {
      display: block;
      position: absolute;
      overflow: hidden;
      z-index: -1;
      top: 0;
      left: 0;
      right: 11px;
      height: 102px;
    }
    
    
    .Button .l, .Button .r span
    {
      background-image: url('../images/Button.png');
    }
    
    /* end Button */
    
    /* begin Footer */
    .Footer
    {
      position:relative;
      z-index:0;
      overflow:hidden;
      width: 888px;
      margin: 5px auto 0px auto;
    }
    
    .Footer .Footer-inner
    {
      height:1%;
      position: relative;
      z-index: 0;
      padding: 10px;
      text-align: center;
    }
    
    .Footer .Footer-background
    {
      position:absolute;
      z-index:-1;
      background-repeat:no-repeat;
      background-image: url('../images/Footer.png');
      width: 888px;
      height: 100px;
      bottom:0;
      left:0;
    }
    
    
    
    .Footer .Footer-text p
    {
      margin: 0;
    }
    
    .Footer .Footer-text
    {
      display:inline-block;
      color:#1A364D;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 11px;
    }
    
    .Footer .Footer-text a:link
    {
      text-decoration: none;
      color: #254F6F;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
    }
    
    .Footer .Footer-text a:visited
    {
      text-decoration: none;
      color: #516876;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
    }
    
    .Footer .Footer-text a:hover
    {
      text-decoration: none;
      color: #326A95;
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
    }
    /* 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:#7DAED4;
    }
    
    .page-footer
    {
      margin:1em;
      text-align:center;
      text-decoration:none;
      color:#98ADB9;
    }
    /* end PageFooter */
    
    /* begin LayoutCell */
    .contentLayout .sidebar1
    {
      position: relative;
      margin: 0;
      padding: 0;
      border: 0;
      float: left;
      overflow: hidden;
      width: 221px;
    }
    
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .contentLayout .content
    {
      position: relative;
      margin: 0;
      padding: 0;
      border: 0;
      float: left;
      overflow: hidden;
      width: 445px;
    }
    
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .contentLayout .sidebar2
    {
      position: relative;
      margin: 0;
      padding: 0;
      border: 0;
      float: left;
      overflow: hidden;
      width: 221px;
    }
    
    /* end LayoutCell */
    
    
    
    .contentLayout li
    {
      float: none;
    }
    
    table.moduletable th
    {
      font-size: 140%;
      padding: .5em 0em;
    }
    
    #footer
    {
      text-align: center;
    }
    
    .breadcrumbs
    {
      display: block;
      padding: .7em 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 */
    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;
    }
    
    /* 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;
    }
    
    /* spacers */
    span.article_separator
    {
      display: none;
    }
    
    .article_column
    {
      padding-right: 5px;
    }
    
    .column_separator
    {
      border-left: 1px dashed #e0e0e0;
      padding-left: 10px;
    }
    
    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: none;
    }
    
    /* 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#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;
    }
    
    div.message
    {
      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 */
    .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;
    }
    
    .breadcrumbs img
    {
      margin: 0px;
      padding: 0px;
      border: 0px;
    }
    
    .mceToolbarTop {
      white-space: normal;
    }
    
    если б было все так просто... я тут навоял немного все устраивает.кроме некоторых вопросов
    в моем варианте не могу найти длину блока контента его расширить и сдвинуть равое меню симетрично левому.

    вот как есть, и пометки к чему стремлюсь
    _http://awesomescreenshot.com/0981k7cec
     
  4. optimismous

    optimismous Создатель

    Регистр.:
    26 мар 2010
    Сообщения:
    22
    Симпатии:
    6
    Можно такие правки сделать в ширине блоков исходного шаблона
    Код:
    .Sheet {
    width:1000px;
    }
    
    .contentLayout {
    width:988px;
    }
    .contentLayout .content {
    width:545px;
    }
    
     
Статус темы:
Закрыта.