Здесь происходит то, что ваш HTML использует какие-то умные теги для извлечения данных из Tumblr CMS (извините, я никогда не использовал Tumblr), но вот что это:
{block:SearchPage}{/block:SearchPage}
Так что не удаляйте их! Или данные не будут загружены, и ваш сайт не будет работать!
Затем, если можете, удалите весь встроенный CSS и поместите этот код в таблицу внешних стилей:
body {
margin: 0px;
background-image: url('http://itsnotch.com/tumblr/images/nighttime_bg.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
background-position: top center;
background-color:#b68e59;
font-family: Lucida Sans;
}
#content {
width:850px;
margin: auto;
margin-top: -44px;
padding: 15px;
background-color: #d7a769;
position: relative;
}
a {
color:#c00;
}
h1 {
padding: 30px 0px 50px 0px;
margin: 0px;
text-align: center;
font: Bold 55px Arial;
letter-spacing: -2px;
line-height: 50px;
}
h1 a {
color: #444;
text-decoration: none;
}
#description {
position: absolute;
left:-189px;
top: 150px;
}
#description div {
font: normal 18px Lucida Sans;
line-height: 20px;
width:150px;
color:#666;
}
#description div#search {
text-align: left;
}
#description div a {
color: #666;
}
#description #nav_container {
font-size: 13px;
font-weight: bold;
}
#description #nav_container .dim {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#searchresultcount {
margin: 0 0 30px;
text-align: center;
}
.post {
position: relative;
margin-bottom:40px;
}
.post div.labels {
position: absolute;
right:435px;
text-align: right;
width:150px;
}
.post div.date {
background-color: #ccc;
white-space: nowrap;
font: Normal 20px Lucida Sans;
letter-spacing: -1px;
color:#fff;
display: inline;
padding: 3px 5px 0px 5px;
line-height: 20px;
}
.post div.date a {
color:#fff;
text-decoration: none;
}
.post img {
max-width: 100%;
}
.post h2 {
font-size:18px;
font-weight: Bold;
color:#c00;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
}
.post h2 a {
color:#c00;
text-decoration: none;
}
/* Regular Post */
.post .regular {
font-size:12px;
color:#444;
line-height: 17px;
}
.post .regular blockquote {
font-style: italic;
}
/* Photo Post */
.post .photo img {
border: solid 10px #eee;
}
.post .photo div.caption {
font-size:11px;
color:#444;
margin-top: 5px;
}
.post .photo div.caption a {
color:#444;
}
/* Quote Post */
.post .quote span.quote {
font: Bold 28px Lucida Sans;
letter-spacing: -1px;
color:#666;
}
.post .quote span.quote a {
color:#666;
}
.post .quote span.quote big.quote {
font: Bold 60px Georgia, serif;
line-height: 8px;
vertical-align: -20px;
}
.post .quote span.source {
font-size:16px;
font-weight: Bold;
color:#444;
letter-spacing: -1px;
}
.post .quote span.source a {
color:#444;
}
/* Link Post */
.post .link a.link {
font: Bold 20px Lucida Sans;
letter-spacing: -1px;
color:#c00;
}
.post .link span.description {
font-size: 13px;
font-weight: normal;
letter-spacing: -1px;
}
/* Conversation Post */
.post .conversation ul {
background-color: #f8f8f8;
list-style-type: none;
margin: 0px;
padding: 0px;
border-left: solid 5px #ddd;
}
.post .conversation ul li {
border-bottom:solid 1px #ddd;
font-size:12px;
padding: 4px 0px 4px 8px;
color:#444;
}
.post .conversation ul li span.label {
font-weight: bold;
color:#111;
}
/* Audio Post */
.post .audio div.caption {
font-size:11px;
color:#444;
margin-top: 5px;
}
.post .audio div.caption a {
color:#444;
}
/* Video Post */
.post .video {
width:400px;
margin: auto;
}
.post .video div.caption {
font-size:11px;
color:#444;
margin-top: 5px;
}
.post div.video div.caption a {
color:#444;
}
/* Footer */
#footer {
margin: 40px 0px 30px 0px;
text-align: center;
font-size:12px;
}
#footer a {
text-decoration: none;
color:#444;
}
#footer a:hover {
text-decoration: underline;
}
.query { font-weight: bold; }
Здесь я взял переменные, показанные в метатегах, а затем выполнил поиск / замену для каждого соответствующего тега.
Внешний CSS не будет поддерживать фигурные скобки {} внутри других фигурных скобок, поэтому он не будет проверяться (@Lekensteyn). Но сбивает с толку то, что Smarty также использует эти фигурные скобки, так что это означает, что он будет работать, пока встроен, но не во внешнем CSS-файле ALL CSS!
Надеюсь, это имеет смысл.
Вставьте мой измененный CSS в ваш внешний файл, удалите встроенный CSS, если можете, и оставьте все остальное на месте!