20 января 2011 в 21:34
Добрый день,
Я новичок в Drupal. Мне прислали сверстанный на Drupal веб-сайт и я хотел установаить его к себе на хостинг не в корневую директорию.
1.Залил все файлы в директорию новую директорию main
2.Поднял базу
3.Установил БД пользователя в settings.php
4.Установил $base_url='http://www.aaa.com/main';
5.Дал разрешения на запись для папки files
Открываю http://www.aaa.com/main и получаю контент страницы, в котором явно сбит путь к картинкам и стилям.
Вот кусок разметки
«
<link rel="shortcut icon" href="/main/sites/default/files/aaa_favicon.png" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>aaa</title>
<link type="text/css" rel="stylesheet" media="all" href="/main/modules/cck/theme/content-module.css?I" />
<link type="text/css" rel="stylesheet" media="all" href="/main/modules/filefield/filefield.css?I" />
<link type="text/css" rel="stylesheet" media="all" href="/main/modules/node/node.css?I" />
»
Также привожу код .htaccess который лежит в http://www.aaa.com/main
# Apache/PHP/Drupal settings:
# Protect files and directories from prying eyes.
<FilesMatch "\.(engine|inc|info|install|make|module|profile|test|po|sh|.*sql|theme|tpl(\.php)?|xtmpl|svn-base)$|^(code-style\.pl|Entries.*|Repository|Root|Tag|Template|all-wcprops|entries|format)$">
Order allow,deny
</FilesMatch>
# Don't show directory listings for URLs which map to a directory.
Options -Indexes
# Follow symbolic links in this directory.
Options +FollowSymLinks
# Make Drupal handle any 404 errors.
ErrorDocument 404 /index.php
# Force simple error message for requests for non-existent favicon.ico.
<Files favicon.ico>
# There is no end quote below, for compatibility with Apache 1.3.
ErrorDocument 404 "The requested file favicon.ico was not found.
</Files>
# Set the default handler.
DirectoryIndex index.php
# Override PHP settings. More in sites/default/settings.php
# but the following cannot be changed at runtime.
# PHP 4, Apache 1.
<IfModule mod_php4.c>
php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0
</IfModule>
# PHP 4, Apache 2.
<IfModule sapi_apache2.c>
php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0
</IfModule>
# PHP 5, Apache 1 and 2.
<IfModule mod_php5.c>
php_value magic_quotes_gpc 0
php_value register_globals 0
php_value session.auto_start 0
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.encoding_translation 0
</IfModule>
# Requires mod_expires to be enabled.
<IfModule mod_expires.c>
# Enable expirations.
ExpiresActive On
# Cache all files for 2 weeks after access (A).
ExpiresDefault A1209600
<FilesMatch \.php$>
# Do not allow PHP scripts to be cached unless they explicitly send cache
# headers themselves. Otherwise all scripts would have to overwrite the
# headers set by mod_expires if they want another caching behavior. This may
# fail if an error occurs early in the bootstrap process, and it may cause
# problems if a non-Drupal PHP file is installed in a subdirectory.
ExpiresActive Off
</FilesMatch>
</IfModule>
# Various rewrite rules.
<IfModule mod_rewrite.c>
RewriteEngine on
# If your site can be accessed both with and without the 'www.' prefix, you
# can use one of the following settings to redirect users to your preferred
# URL, either WITH or WITHOUT the 'www.' prefix. Choose ONLY one option:
#
# To redirect all users to access the site WITH the 'www.' prefix,
# (http://example.com/... will be redirected to http://www.example.com/...)
# adapt and uncomment the following:
# RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
# RewriteRule ^(.*)$ http://www.example.com/$1 [L,R=301]
#
# To redirect all users to access the site WITHOUT the 'www.' prefix,
# (http://www.example.com/... will be redirected to http://example.com/...)
# uncomment and adapt the following:
# RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
# RewriteRule ^(.*)$ http://example.com/$1 [L,R=301]
# Modify the RewriteBase if you are using Drupal in a subdirectory or in a
# VirtualDocumentRoot and the rewrite rules are not working properly.
# For example if your site is at http://example.com/drupal uncomment and
# modify the following line:
# RewriteBase /drupal
#
# If your site is running in a VirtualDocumentRoot at http://example.com/,
# uncomment the following line:
# RewriteBase /
# Rewrite URLs of the form 'x' to the form 'index.php?q=x'.
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
</IfModule>
# $Id: .htaccess,v 1.90.2.5 2010/02/02 07:25:22 dries Exp $
Подскажите пожалуйста где я недонастроил ?
Комментарии
дак всё вроде нормально. копайте css на предмет не правильных url
А может быть так что я сначала запустил а потом прописал базовую директорию и все ссылки для CSS уже прописались ?
может мне заново все повторить только первый запуск в самом конце сделать ?
Вот тут у вас адреса к CSS файлам начинается с href="/main...
<link type="text/css" rel="stylesheet" media="all" href="/main/modules/filefield/filefield.css?I" />
<link type="text/css" rel="stylesheet" media="all" href="/main/modules/node/node.css?I" />
Я боюсь ошибиться, но должно начинаться так href="/modules...
Во всяком случае я такого как у вас еще не встречал. Вероятно проблема в этих адресах.
Может вы залили сайт по ошибке в не ту директорию?
Нет. файлы лежат в /main/
запускаю http://www.aaa.com/main/
нет. вероятно верстальщик прописал картинки относительно корня без учёта вложенной директории, выложите хоть один css файл из темы
ошибаетесь
Прилагаю код первого css файла. Но к сожалению я там не увидел никаких ссылок.
/* Node display */
.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
font-weight:bold;
}
.field .field-label-inline,
.field .field-label-inline-first {
display:inline;
}
.field .field-label-inline {
visibility:hidden;
}
/* Node form display */
.node-form .content-multiple-table td.content-multiple-drag {
width:30px;
padding-right:0;/*LTR*/
}
.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle{
padding-right:.5em;/*LTR*/
}
.node-form .content-add-more .form-submit{
margin:0;
}
.node-form .number {
display:inline;
width:auto;
}
.node-form .text {
width:auto;
}
/* CSS overrides for Views-based autocomplete results.
- #autocomplete uses "white-space:pre", which is no good with
Views' template-based rendering
- Field titles are rendered with <label> in default templates,
but we don't want the 'form' styling it gets under .form-item
*/
.form-item #autocomplete .reference-autocomplete {
white-space:normal;
}
.form-item #autocomplete .reference-autocomplete label {
display:inline;
font-weight:normal;
}
/* 'Manage fields' overview */
#content-field-overview-form .advanced-help-link,
#content-display-overview-form .advanced-help-link {
margin: 4px 4px 0 0;/*LTR*/
}
#content-field-overview-form .label-group,
#content-display-overview-form .label-group,
#content-copy-export-form .label-group {
font-weight: bold;
}
table#content-field-overview .label-add-new-field,
table#content-field-overview .label-add-existing-field,
table#content-field-overview .label-add-new-group {
float: left;/*LTR*/
}
table#content-field-overview tr.content-add-new .tabledrag-changed {
display: none;
}
table#content-field-overview tr.content-add-new .description {
margin-bottom: 0;
}
table#content-field-overview .content-new {
font-weight: bold;
padding-bottom: .5em;
}
/* 'Advanced help' pages */
.advanced-help-topic h3,
.advanced-help-topic h4,
.advanced-help-topic h5,
.advanced-help-topic h6 {
margin:1em 0 .5em 0;
}
.advanced-help-topic dd {
margin-bottom: .5em;
}
.advanced-help-topic span.code {
background-color:#EDF1F3;
font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
font-size:0.9em;
padding:1px;
}
.advanced-help-topic .content-border {
border:1px solid #AAA
}
это системный файл, толку от него никакого
Ниже привожу тот который закоментирован как главный
-----------------------------------------------
Website Name
- - - - - - - - - - - - - - - - - - - - - - - -
Filename: websitename.base.css
Author: aaa (www.aaa.com)
----------------------------------------------- */
/* =GLOBAL
----------------------------------------------- */
/* RESET
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
[user=font]font[/user]-face {
font-family: 'GothamHTFBlack';
src: url('../fonts/gothamhtf-black-webfont.eot');
src: local('Gotham HTF'), local('../fonts/GothamHTFBlack'), url('../fonts/gothamhtf-black-webfont.woff') format('woff'), url('../fonts/gothamhtf-black-webfont.ttf') format('truetype'), url('../fonts/gothamhtf-black-webfont.svg#webfontghFIObJs') format('svg');
font-weight: normal;
font-style: normal;
}
[user=font]font[/user]-face {
font-family: 'pastelRegular';
src: url('../fonts/pastel_crayon-webfont.eot');
src: local('pastel'), local('pastel'), url('../fonts/pastel_crayon-webfont.woff') format('woff'), url('../fonts/pastel_crayon-webfont.ttf') format('truetype'), url('../fonts/pastel_crayon-webfont.svg#webfont7v3dcNq7') format('svg');
font-weight: normal;
font-style: normal;
}
body { background:url(../img/bg.png) repeat-x 0 0 #d6cecd; font: 63.7%/1.4 Helvetica, Arial, sans-serif; color:#333; }
/* =Clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* =Generic */
a { color:#b71f1f ; text-decoration:none; }
a:hover { text-decoration: underline; }
a img, a:hover img { border: none; }
.hide { text-indent:-9999em; outline: none; }
.alignright { float:right; }
.alignleft { float:left; }
img.alignright { padding:0; margin:0; }
img.alignleft { padding:0; margin:0; }
.hr {border-color: #d8d8d6; border-style: solid; border-width: 2px 0 0; clear: both; margin: 20px 0 14px; height: 1px; background:#fff; width:740px;font-size:1px}
/* =Typography */
p {font-size: 12px;line-height: 18px;margin-bottom:20px; color:#4c4c4c}
small {}
strong {font-weight: bold;}
em { font-style:italic;}
blockquote{background:url(../img/quote_left.png) no-repeat 0 0;margin:20px 0;}
blockquote p{color:#333;padding:0 0 0px 40px; font-weight:bold;margin-bottom:0px; font-size:1.4em;}
blockquote p.credit {font-size:11px;}
h1 {width:184px; height:84px; margin: 0 0 19px 5px;}
h1 a {display:block; width:184px; height:84px; background:url(../img/logo_clienttots.png) no-repeat 0 0;}
h2 {font: 25px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:1.1;margin-bottom:15px; color:#cc3333;text-transform: uppercase;text-shadow: 0px 1px 0px #ffffff;border-bottom: 4px solid #BCBCBA;padding-bottom: 2px;}
h3 {font: 18px Helvetica, Arial, sans-serif;line-height:1.2;margin-bottom:9px; color:#644043;text-shadow: 0px 1px 0px #ffffff; }
h4 {font: 14px Helvetica, Arial, sans-serif;line-height:1.2;margin: -3px 0 11px; color:#4c4c4c;text-shadow: 0px 1px 0px #ffffff; line-height:18px; font-weight:bold }
h5 {font: 12px Helvetica, Arial, sans-serif; line-height:16px;margin-bottom:2px; color:#b71f1f;font-weight:bold}
/* =Forms */
fieldset {}
fieldset legend {display:none;}
label {margin-right:10px;font-size:1.2em; line-height:1;width:50px;float:left; text-align:right;margin-top:5px;}
input {}
input.textbox {border:1px solid #ccc;padding:5px;}
input.submit {background:#666; color:#fff;border: none;padding:5px 8px; width:auto;border:1px solid #666;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:1.2em;}
input.checkbox {float:left;font-size:1.2em;}
input.radio {float:left;font-size:1.2em;}
li.radio {}
li.radio label {float:left; margin-left:10px;margin-top:0px; width:auto;}
li.checkbox {}
li.checkbox label {float:left;margin-left:10px;margin-top:2px;width:auto;}
textarea {border:1px solid #ccc;padding:5px; width:200px;font-size: 12px; }
select {border:1px solid #ccc;padding:5px;font-size: 12px;width: 212px;}
select option {margin:5px 0;}
.small {width:50px;}
.medium {width:100px;}
.large {width:200px;}
/* =Lists */
ul { list-style: none;font-size:12px;margin:-5px 0 22px 10px;}
ul.form {margin-left:0; list-style-type:none; font-size:1em;}
ul.form li {margin-bottom:10px;}
ul.form li ul{list-style-type:none;margin-left:0; font-size:1em;}
ol { list-style:decimal;font-size:12px;margin-left:20px;margin-bottom:20px;}
li {margin-bottom:11px;}
ul li {background:url(../img/bullet.gif) no-repeat 0 4px; list-style:none;padding-left: 12px;}
ul.layout {margin:0; padding:0; list-style:none;}
ul.layout li {padding:0; margin:0;background:none}
dl {margin-bottom: 12px;}
dt {color: #4C4C4C; float: left; font-size: 12px; font-weight: bold; width: 50px;margin-bottom: 6px;}
dd {font-size: 12px;margin-bottom: 6px;}
/* =Tables */
table { font-size:1.2em; width:100%;margin-top:20px;border:1px solid #E5E5E5;margin-bottom:20px;}
thead tr th {background:#333;font-weight:bold;padding:4px 12px 3px 0;color:#fff;}
thead tr th.first, tbody tr td.first {padding-left:4px;}
tbody tr td {color:#999;padding:4px 12px 3px 0;background:#fff;}
tbody tr.alt td {background:#f2f2f2;}
/* =STRUCTURE
----------------------------------------------- */
#container {width:100%; background:url(../img/bg_sub.jpg) no-repeat center 0; overflow:auto}
.wrap {margin:0 auto; width:978px;}
#columns {position:relative}
#footer {margin: 0 0 50px 234px;}
#footer p {font-size:11px; line-height:16px; margin:0; color:#808080;}
#footer p a {color:#808080; text-decoration:underline;}
#footer p a:hover {text-decoration:none;}
#footer p.copyright {clear:right;}
#footer p.alignright {}
#home p.alignright {margin-right: 105px;_margin-right: 55px;*margin-right: 105px;}
/* Masthead */
/* Content */
.col {float:left}
#col_left {width:194px; float:left;margin-right: 38px;}
#col_main {float:left; width:520px;margin: 102px 45px 0 0;}
.intro {font-size:13px; font-weight:bold; line-height:18px; color:#333;margin-bottom: 29px;}
#col_right {float:left; width:176px;margin-top: 113px;}
#col_right h4 {font: 15px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:1.2;margin-bottom: 16px;padding-bottom: 4px; color:#cc3333; text-transform:uppercase;text-shadow: 0px 1px 0px #ffffff; border-bottom:4px solid #bcbcba}
.video {display: block; margin-bottom: 4px;}
/* Footer */
/* Primary Nav */
#nav {margin-bottom: 16px;}
#nav ul {}
#nav li {width:194px;background:url(../img/nav_bg.png) no-repeat 0 0; list-style:none;}
#nav #nav_home {height:41px;}
#nav #nav_justforkids {background-position:0 -41px;}
#nav #nav_medtoz {background-position:0 -77px;}
#nav #nav_shoponline {background-position:0 -113px;}
#nav #nav_aboutus {background-position:0 -149px;}
#nav #nav_latestnews {background-position:0 -185px;}
#nav #nav_contactus {background-position:0 -221px;height:39px}
#nav a {text-transform:uppercase; color:#fff; display:block;text-decoration: none; height:25px;padding: 11px 0 0 19px; font-weight:bold}
#nav #nav_home a {padding-top: 16px;}
#nav a:hover {background:url(../img/nav_hover.png) no-repeat 171px 15px;}
#nav #nav_home a:hover {background-position:171px 21px}
#nav li.active {background: url(../img/nav_active.png) no-repeat 0 0 !important;}
#nav #nav_home.active {background-image:url(../img/nav_active_top.png) !important}
#nav #nav_contactus.active {background-image:url(../img/nav_active_bottom.png) !important}
#nav ul ul {background:url(../img/nav_sub.png) no-repeat 0 bottom;padding: 15px 0 11px;}
#nav ul .active ul li {background:none !important;}
#nav ul .active ul a {text-transform:none; font-weight:normal; height: auto;padding: 0 0 5px 19px;}
#nav ul ul a:hover,
#nav ul ul .active a {text-decoration:underline;background:none}
/* Search */
#clienttots_search {}
#clienttots_search #faceted-search-ui-form-1 {margin-left: 4px;}
#clienttots_search .form-item { float: left;margin: 0; display:inline;}
#clienttots_search .form-submit {background: url("../img/btn_interface.png") no-repeat scroll -180px 0 transparent;border: medium none;cursor: pointer;float: left; height: 29px;margin: 0;outline: medium none;text-indent: -9999em; width: 44px; color: transparent; font-size: 1px; line-height:0;}
#clienttots_search .form-submit:hover {background-position:-180px -34px;}
#clienttots_search .faceted-search-more {display:none;}
#clienttots_search #edit-keywords {background: url("../img/bg_search.png") no-repeat scroll 0 0 transparent; border: medium none; color: #B2B2B2; margin: 0; padding: 10px; width: 122px;}
#clienttots_search ul {margin-left: 4px;}
#clienttots_search li {float:left;}
#clienttots_search label {display:none}
#search_input {background:url(../img/bg_search.png) no-repeat 0 0;color: #B2B2B2;padding: 10px;width: 122px; border:none;}
#btn_go {background:url(../img/btn_interface.png) no-repeat -180px 0; width:44px; height:29px; border:none; cursor:pointer; text-indent:-9999em; outline:none;}
#btn_go:hover {background-position:-180px -34px;}
/* Drupal Search */
#clienttots_search #search-block-form {margin-left:4px;}
#search-block-form #edit-search-block-form-1-wrapper {float:left; margin:0}
#search-block-form label {display:none;}
#search-block-form #edit-search-block-form-1 {background:url(../img/bg_search.png) no-repeat 0 0;color: #B2B2B2;padding: 10px;width: 122px; border:none; margin:0;}
#search-block-form .form-submit {background:url(../img/btn_interface.png) no-repeat -180px 0; width:44px; height:29px; border:none; cursor:pointer; text-indent:-9999em; outline:none; float:left; margin:0;}
#search-block-form .form-submit:hover {background-position:-180px -34px;}
#search-form {margin-bottom: 15px;}
#search-form label {width:auto;}
#search-form .search-advanced {display:none;}
#search-form #edit-keys {background:url(../img/bg_search.png) no-repeat 0 0;color: #B2B2B2;padding: 10px;width: 250px; border:none; margin:0;}
#search-form .form-submit {background:url(../img/btn_interface.png) no-repeat -180px 0; width:44px; height:29px; border:none; cursor:pointer; text-indent:-9999em; outline:none;}
#search-form .form-submit:hover {background-position:-180px -34px;}
#search-form #container-inline {float:left;}
#search-form #edit-keys-wrapper {margin:0; float:left;}
/* Clearfix added to #search-form */
#search-form:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #search-form { zoom: 1; } /* IE6 */
*:first-child+html #search-form { zoom: 1; } /* IE7 */
dl.search-results {}
dl.search-results dt {font: 15px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:1.2; color:#cc3333; text-transform:uppercase;text-shadow: 0px 1px 0px #ffffff; float:none; width:auto}
dl.search-results dd {}
dl.search-results .search-info {display:none;}
/* Secondary Nav */
#nav_top {position:absolute; top:0; right:3px;width:250px}
#nav_top li {float:left;}
#nav_top a {background:url(../img/buttons.png) no-repeat 0 0; height:36px; display:block; text-indent:-999em; outline:none}
#nav_top #btn_youtube {width:84px; background-position:0 -72px;}
#nav_top #btn_facebook {width:82px;background-position:-84px 0}
#nav_top #btn_twitter {width:84px;background-position:-166px -72px}
/* =DETAIL
----------------------------------------------- */
#btn_clienttots_story {display:block; background:url(../img/btn_interface.png) no-repeat; width:180px; height:34px;margin: -12px 0 33px;}
#btn_clienttots_story:hover {background-position:0 -34px;}
#col_sub {}
#col_sub #col_endorsement_partners {float:left; width:240px;}
#col_sub #col_endorsement_partners h4 {margin-bottom: 14px;}
#col_sub #col_latest_news {float:right; width:240px;}
#col_sub #col_latest_news h4{margin-bottom: 12px;}
#col_sub h4 {font: 15px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:1.2; color:#cc3333; text-transform:uppercase;text-shadow: 0px 1px 0px #ffffff;border-bottom: 2px solid #D8D8D6;padding-bottom: 3px !important;}
#logos {background:url(../img/img_logos_here.png) no-repeat 0 0; width:240px; height:157px;} /* to be replaced */
/* interneational representatives */
#international {background:url(../img/bg_international.png) no-repeat 0 0; width:522px; height:244px;margin: 2px 0 30px;}
#international h4 {font: 15px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:18px;margin: 0 0 0 26px; padding: 25px 0 3px; color:#644043;text-transform: uppercase;text-shadow: 0px 1px 0px #ffffff;border-bottom: 4px solid #BCBCBA;width: 471px;}
#international .alignleft {margin: 22px 0 0 25px;width: 200px;}
#international p {line-height: 16px;margin-bottom: 9px;}
#international a {font-weight: bold;}
#international img {margin: 5px 26px 0 0;}
/* Latest news */
#latest_news h4 {border-bottom:2px solid #d8d8d6; padding-bottom:5px;}
#latest_news ul {border-bottom: 2px solid #D8D8D6;margin-bottom: 4px;padding-bottom: 8px;}
#latest_news li {margin-bottom: 14px;}
#latest_news li.last {margin-bottom:0;}
#latest_news .meta {color: #999;font-size: 11px;font-weight: bold;margin-bottom: 0;}
.meta span {background:url(../img/icons.png) no-repeat right 0; padding:0 25px 1px 0}
.meta .icon_press_release {}
.meta .icon_media {background-position:right -23px}
#news_list .cat_date span {background:url(../img/icons.png) no-repeat right 0; padding:0 25px 1px 0}
#news_list .cat_date .icon_press_release {}
#news_list .cat_date .icon_media {background-position:right -23px}
#latest_news .read_more {font-size:11px; background:url(../img/icon_arrow.gif) no-repeat 1px center;padding-left: 10px;}
/* Meet our team */
#meet_our_team {}
#meet_our_team h4 {margin-bottom:12px;}
#meet_our_team .img_link {display: block;margin-bottom: 11px;}
#meet_our_team .img_link img {border:1px solid #fff;}
#meet_our_team .img_title {font-size: 13px;font-weight: bold;margin-bottom: 6px;}
#meet_our_team .img_title a {color: #644043;}
#meet_our_team .img_title span {font-size:12px; color:#4c4c4c; font-weight:normal}
#meet_our_team p {line-height:16px;}
/* Affiliate Login */
#affiliate_login {margin-bottom: 30px;}
#btn_affiliate_login {display:block; background:url(../img/btn_interface.png) no-repeat -224px 0; width:136px; height:33px;}
#btn_affiliate_login:hover {background-position:-224px -34px;}
/* Ready to join */
#ready_to_join p {margin-bottom:11px;}
#btn_join_now {display:block; background:url(../img/btn_interface.png) no-repeat -360px 0; width:95px; height:33px;}
#btn_join_now:hover {background-position:-360px -34px;}
/* Latest news */
#news_list {margin-bottom: 29px;}
#news_list li {}
#news_list .cat_date {color: #666; font-size: 12px; margin: 23px 0 2px;}
#news_list h3 {font-size: 16px;font-weight: bold;}
#news_list p {}
#btn_read_more {display:block; background:url(../img/btn_interface.png) no-repeat 0 -68px; width:519px; height:34px;}
#btn_read_more:hover {background-position:0 -102px;}
#categories,
#archives {}
#categories ul,
#archives ul {margin-bottom: 35px;}
#categories li,
#archives li {background:url(../img/icon_arrow.gif) no-repeat 0 4px;padding-left: 14px;margin-bottom: 6px;}
#categories a,
#archives a {text-decoration:underline}
#categories a:hover,
#archives a:hover {text-decoration:none}
/* Our team */
#team {padding-top: 5px;}
#team li {float:left;background:url(../img/bg_team_member.gif) no-repeat 0 bottom; width:160px;margin-right:20px; padding-bottom:6px;}
#team li.last {margin-right:0;}
#team .img_link {padding:1px; background:#fff;display: block;}
#team .img_title {background:#fff;color: #644043; display: block; font-size: 13px; font-weight: bold; line-height: 16px; padding: 11px 0 8px; text-align: center;}
#team .img_title span {color: #4C4C4C; display: block; font-size: 12px; font-weight: normal;}
#team_image {border: 1px solid #FFF; float: right; margin-left: 20px;}
#map {margin-bottom:34px;}
/* Homepage */
#home #container {background:url(../img/img_home_hero.jpg) no-repeat center 0;}
#home #columns {margin-bottom: 129px;}
#home #nav_top #btn_youtube { background-position:0 0;}
#home #nav_top #btn_facebook {background-position:-84px 0}
#home #nav_top #btn_twitter {background-position:-166px 0}
#home h4 {font:15px "GothamHTFBlack", Helvetica, Arial, sans-serif;line-height:1.2;margin-bottom:5px; color:#cc3333; text-transform:uppercase;text-shadow: 0px 1px 0px #ffffff;}
#home #col_left {}
#col_home {width:764px; margin-bottom: 16px;}
#col_home .col {width:176px; margin-right:20px;}
#block-block-4,
#block-block-5,
#block-block-6,
#block-block-7 {float:left;}
#col_home #col_latest_comics {}
#col_home #col_did_you_know {}
#col_home #col_did_you_know p {background:url(../img/bg_did_you_know.jpg) no-repeat 0 0; width:136px; height:229px; font-family:pastelRegular, Helvetica, Arial, sans-serif; color:#fff;font-size:16.98px; line-height:20.76px; text-shadow: 1px 1px 0px #000000;padding: 21px 20px 0; }
#col_home #col_special_offers {}
#col_home #col_latest_news {margin-right:0}
#home_footer {width:764px;}
#home_footer h4 {margin-bottom: 14px;}
#home_footer ul {}
#home_footer li {float:left;}
#home_footer a {display:block; text-indent:-9999em; outline:none;}
#home_footer a:hover {background-position:0 bottom !important;}
#home_footer #logo_macmillan {background:url(../img/logo_macmillan.png) no-repeat 0 0; width:128px; height:46px;margin:0 67px 0 0}
#home_footer #logo_young_minds {background:url(../img/logo_young_minds.png) no-repeat 0 0; width:145px; height:25px;margin:5px 68px 0 0}
#home_footer #logo_trust {background:url(../img/logo_trust.png) no-repeat 0 0; width:157px; height:36px;margin:4px 88px 0 0}
#home_footer #logo_epilepsy {background:url(../img/logo_epilepsy.png) no-repeat 0 0; width:109px; height:36px;margin:1px 0 0 0}
#home #footer {margin-left: 108px;}
#home #footer .hr {width:764px;}
/* Carousel */
.carousel {position:relative; height:245px;}
.carousel .carousel_item {position:absolute;top:0;}
.carousel .carousel_item p {position:absolute; left:0; bottom:0; background:#000; opacity:0.85; width:156px; color:#fff; font-weight:bold; font-size:12px;text-align:center;margin: 0;padding : 10px;}
.carousel_holder {height:228px; width:100%; overflow:hidden}
.carousel ul.pager {position:absolute; bottom:0; left:50%;}
.carousel ul.pager li {float:left; margin-right:9px !important}
.carousel ul.pager li a {text-indent:-9999em; outline:none; display:block; background:url(../img/btn_slideshow.png) no-repeat -18px 0; width:9px; height:9px;}
.carousel ul.pager li a:hover,
.carousel ul.pager li a.active {background-position:0 0}
/* admin styles etc */
ul.primary {border: none ;margin: 0 0 10px; background:url(../img/nav_admin.png) no-repeat 0 0; width:492px; height:31px;padding:5px 14px;}
ul.primary li {background: none; float:left; display:block; padding: 0;border-left: 1px solid #A50912; border-right: 1px solid #D11F26; height:31px;margin: 0;}
ul.primary li a {background:none; border:none;margin:0;color: #FFF;display: block;font-size: 10px;font-weight: bold; height: 10px;margin: 0; padding: 10px;text-transform: uppercase; }
ul.primary li a:hover {background:none; border:none; text-decoration:underline;}
ul.primary li.active a {border:none; background:#D92424;}
ul.secondary {border: none ;margin: 0 0 10px; background:url(../img/nav_admin_sub.png) no-repeat 0 0; width:492px; height:31px;padding:5px 14px;}
ul.secondary li {background: none; float:left; display:block; padding: 0;border-left: 1px solid #191919; border-right: 1px solid #565656; height:31px;margin: 0;}
ul.secondary li a {background:none; border:none;margin:0;color: #FFF;display: block;font-size: 10px;font-weight: bold; height: 10px;margin: 0; padding: 10px;text-transform: uppercase; }
ul.secondary li a:hover {background:none; border:none; text-decoration:underline;}
ul.secondary li.active a {border:none; background:#555454;}
.block-region {font-size: 12px;font-weight: bold;margin-bottom: 4px;margin-top: 4px;text-transform: uppercase; background:none; padding:0}
div.error,
div.warning,
div.notice {font-size: 12px;margin-bottom: 10px; padding: 6px 9px;}
div.notice {border:1px solid #BCBCBA}
thead tr th {padding: 4px 4px 3px 8px;line-height: 24px;}
tbody tr td {padding: 4px 4px 3px 8px;line-height: 24px;}
#blocks td.region {color:#333; background:#eee;}
.form-submit {background: #333;border: none;color: #FFF;cursor: pointer;font-size: 12px;font-weight: bold;padding: 5px 10px;margin: 0 10px 10px 0;}
.form-submit:hover {background:#000;}
.more-help-link {font-size: 11px;margin: -20px 0 20px;}
#-node-images-edit-page {margin-bottom: 10px;}
#-node-images-edit-page legend {display:block; font-size:12px;}
#-node-images-edit-page .collapsible legend a {background-position:5px 60%}
#-node-images-edit-page .collapsed legend a {background-position:5px 40%}
.form-item label {width:80px;margin-top: 8px;}
.form-text {border: 1px solid #CCC;font-size: 12px;padding: 5px;width: 200px;margin-bottom:5px;}
.form-item .description {font-size: 11px;}
#partners_carousel {width:240px; display:block;}
#partners_carousel ul {padding:0;}
#partners_carousel ul li {float:left; background:none;padding-left:0; list-style:none;margin-right:15px; height:90px;}
#partners_carousel .carousel_holder {height:200px;}
#partners_carousel .carousel_item {margin-left:20px;}
#partners_carousel ul.pager{height:20px;bottom:20px;}
#partners_list li {float:left; width:90px; display:block; height: 90px;margin-right:15px;margin-bottom:20px;}
#partners_list li.last {margin-right:0;}
.captcha {background:#FFFFFF; border: 1px solid #CC3333; margin: 0 0 10px 90px; padding: 9px; width: 180px;}
.captcha .description {font-size: 12px;margin-bottom: 10px;}
#edit-captcha-response-wrapper label {width:auto;margin-bottom: 5px;}
#edit-captcha-response {width:180px;}
#edit-captcha-response-wrapper {margin-bottom:0;}
#edit-captcha-response-wrapper .description {margin-bottom:0}
#edit-actions #edit-submit {margin-left:90px;}
/* IE6 only styles */
.ie6 .carousel .carousel_item p {bottom:0px;}
.ie6 #btn_go {margin-top:1px;}
.ie6 #search_input {padding-top:8px;}
.ie6 #nav {list-style:url(../img/spacer.gif) !important;}
.ie6 #nav li {background-image:url(../img/ie6_nav_bg.png); list-style:none !important}
.ie6 #nav li.active {background-image: url(../img/ie6_nav_active.png) !important;}
.ie6 #nav #nav_home.active {background-image:url(../img/ie6_nav_active_top.png) !important;}
.ie6 #nav #nav_home.active a {padding-top:14px !important; height:26px !important}
.ie6 #nav #nav_contactus.active {background-image:url(../img/ie6_nav_active_bottom.png) !important}
.ie6 #nav ul ul {background-image:url(../img/ie6_nav_sub.png) !important}
.ie6 #nav ul .active ul li {background:none !important;}
.ie6 #search-block-form .form-text {padding-top:7px !important; margin-left:4px !important}
.ie6 #search-block-form .form-submit {margin-top:1px !important}
.ie6 #clienttots_search #search-block-form {margin-left:0px;}
.ie6 .carousel .carousel_item p {padding:8px 10px 12px}
.ie6 .carousel ul {bottom:-10px}
.ie6 ul.primary {background-image:url(../img/ie6_nav_admin.png)}
.ie6 #nav a {padding-top:9px; height:27px;}
.ie6 li.leaf,
.ie6 li.collapsed,
.ie6 li.expanded {list-style-image:none;}
.ie6 #international {background-image:url(../img/ie6_bg_international.png) }
.ie6 .captcha {margin-right:100px;}
.ie6 #edit-actions #edit-submit {margin-top:10px;}
.ie6 #partners_carousel ul.pager li {height:10px;}
.ie6 #col_endorsement_partners, .ie6 #col_latest_news {margin-top:15px;}
.ie6 #btn_clienttots_story {margin-bottom:0;}
.ie6 #clienttots_search #edit-keywords {padding: 8px 10px 8px 10px; margin-left:0;}
.ie6 #clienttots_search .form-submit {margin-top:1px;}
.ie6 #clienttots_search #faceted-search-ui-form-1 {margin-left:2px;}
.ie6 #col_home #col_latest_news {margin:0; padding:0;}
/* IE7 only styles */
.ie7 .carousel .carousel_item p {bottom:3px;}
.ie7 #btn_go,
.ie7 #search-block-form .form-submit {margin-top:1px;}
.ie7 #search-block-form .form-text {padding-top:7px !important; margin-left:4px !important}
.ie7 #clienttots_search #search-block-form {margin-left:0px;}
.ie7 #categories li,
.ie7 #archives li {background-position:0 5px;}
.ie7 #nav a {padding-top:9px; height:27px;}
.ie7 li.leaf,
.ie7 li.collapsed,
.ie7 li.expanded {list-style-image:none;}
.ie7 .captcha {width:190px; margin-right:100px;}
.ie7 #edit-actions #edit-submit {margin-top:10px;}
.ie7 #clienttots_search #edit-keywords {padding: 8px 10px 8px 10px; margin-left:0;}
.ie7 #clienttots_search .form-submit {margin-top:1px;}
.ie7 #clienttots_search #faceted-search-ui-form-1 {margin-left:2px;}
/* IE8 ony */
.ie8 #search_input {padding-top:8px;}
.ie8 #categories li,
.ie8 #archives li {background-position:0 5px;}
.ie8 #search-block-form .form-text {padding-top:7px !important;}
.ie8 #nav a {padding-top:9px; height:27px;}
.ie8 .captcha {border:1px solid #fff;width:190px;}
/* IE9 only */
/* Safari/Chrome
----------------------------------------------- */
[user=media]media[/user] screen and (-webkit-min-device-pixel-ratio:0) {
#search_input {padding-top:9px;margin-top: 1px;}
#search-block-form #edit-search-block-form-1 {padding-top:9px}
#search-form #edit-keys {padding-top:9px}
#edit-captcha-response {width: 168px;}
ну и в стиле всё ок, давайте ссылку на сайт, будем смотреть в живую
отправил в ЛС!
xxandeadxx, спасибо за помощь ! поправил пути к стилям в шаблонах вручную и страница отрисовалась.