Доброго всем времени суток

[Akamori Hiro]

Бьюсь над проблемой уже не первый час и не первый раз. Ответ найден не был, поэтому обращаюсь к Вам!
Проблема в том, что были перенесены ссылки из меню в эпиграф. При этом в самой колонке меню появились дырки между ссылками, не подскажете как их убрать?

И код моего безобразия

body {background: url('/userdir/4/4/2/7/442737/55467338.jpg'); background-attachment: fixed !important;}
 #wrapper{width:900px;min-width:0;background: url('/userdir/4/4/2/7/442737/55071950.png');border-style: double; border-color:3b3280 !important; }
 #side{width:200px;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 .right #page-c {margin-right:-200px;}
 .right #page-t {margin-right:200px;}
 #postTitle {font-family:"Book Antiqua";font-weight:bold;}
 #side h1 a {font-family:"Book Antiqua";font-weight:bold;}
 .offtop {font-family:"Book Antiqua"; font-style:italic; }
 .postDate {font-family:"Book Antiqua"; font-style:italic; font-weight:bold; }
 #authorName {font-family:"Book Antiqua"; font-weight:bold; position:absolute; top:330px; left:50px; font-size:16px; color:#e5e5e5; }
 #side h1 A{ font-family:"Book Antiqua";font-weight:bold; font-size:15px;font-family:"MS PMincho"; position:absolute; top:10px; left:50px; font-size:17px; }
 #postTitle {font-family:"Book Antiqua";font-weight:italic;}
 .umail {font-family:"Book Antiqua";font-weight:bold;}
 .email {font-family:"Book Antiqua";font-weight:bold; position: relative; left:10px;}
 .diary {font-family:"Book Antiqua";font-weight:bold;}
 .profile {font-family:"Book Antiqua";font-weight:bold;}
 .quote_post {font-family:"Book Antiqua";font-weight:bold;}
 .prevPostLink {font-family:"Book Antiqua";font-weight:bold;}
 .nextPostLink {font-family:"Book Antiqua";font-weight:bold;}
 .urlLink {font-family:"Book Antiqua";font-weight:bold;}
 #albumLink {display:none; position:absolute; top:130px; left:50px; font-size:15px;}
 #rssLink {display:none}
 #postsCalendar {display:none}
 #myProfileLink{display:none}
 #upInChart {display:none}
 #myLinksLink {display:none}
 #photolibLink {display:none}
 #allDiaryLink {display:none}
 #diarySpiritLink {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #faqLink {display:none}
 #pchListLink{display:none}
 #communityCatalogueLink {display:none}
 #myDraftLink{display:none}
 #headlineList {display:none}
 #subscribeEmail {display:none}
 #writeToAuthor {font-family:"Book Antiqua";font-weight:bold;}
 #writeToAuthor a {content: 'Write U-mail'; overflow: hidden;}
 #myDiaryLink {font-family:"Book Antiqua";font-weight:bold; position:absolute; top: 110px; left:50px; font-size:15px;}
 #myDiaryLink b {content: 'Дневникl'; overflow: hidden;}
 #myCommunityLink {font-family:"Book Antiqua";font-weight:bold; }
 #myDiaryLink b {content: 'Дневник'; overflow: hidden;}
 #writeThisDiary a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top:130px; left:50px; font-size:15px;}
 #umailLink {font-family:"Book Antiqua";font-weight:bold; position:absolute; top: 150px; left:50px; font-size:15px;}
 #myFavLink {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 170px; left:50px; font-size:15px;}
 #myQuotLink {font-family:"Book Antiqua";font-weight:bold; position:absolute; top: 190px; left:50px; font-size:15px;}
 #discussionLink {font-family:"Book Antiqua";font-weight:bold; position:absolute; top: 210px; left:50px; font-size:15px;}
 #myNotepadLink {font-family:"Book Antiqua";font-weight:bold;}
 #optionsLink {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 230px; left:50px; font-size:15px;}
 #myStatLink {font-family:"Book Antiqua";font-weight:bold;}
 #mainpageLink a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 50px; left:700px; font-size:15px; color:#8a9b9b;}
 #favListLink a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 70px; left:700px; font-size:15px; color:#8a9b9b;}
 #myCommunitiesLink a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 90px; left:700px; font-size:15px; color:#8a9b9b;}
 #randomDiaryLink a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 110px; left:700px; font-size:15px; color:#8a9b9b;}
 #iAmQuit a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 330px; left:810px; font-size:16px; color:#8a9b9b;}
 #more_login a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 330px; left:870px; font-size:15px; color:#8a9b9b;}
 #login_change a {font-family:"Book Antiqua";font-weight:bold;position:absolute; top: 330px; left:870px; font-size:15px; color:#8a9b9b;}
 #tagslistlink {font-family:"Book Antiqua";font-weight:bold;}
 #comments {font-family:"Book Antiqua";font-weight:bold;}
 #subscribe {font-family:"Book Antiqua";font-weight:bold;}
 #addToQuote {font-family:"Book Antiqua";font-weight:bold; }
 #addToFav {font-family:"Book Antiqua";font-weight:bold;}
 #delFromFav {font-family:"Book Antiqua";font-weight:bold;}
 #pchs {font-family:"Book Antiqua";font-weight:bold;}
 #lastComments {font-family:"Book Antiqua";font-weight:bold;}
 .countFirstDate,.countSecondDate {text-align:center;font-family:"Book Antiqua";font-style:italic; font-weight:bold;}
 .offtop {font-family:"Book Antiqua"; font-style:italic; }
 .postDate {font-family:"Book Antiqua"; font-style:italic; font-weight:bold; }
 a:link, a:hover, a:active, a:visited, #authorName, #side h1 A {text-decoration: none !important;}
 #extratop{height:350px;background: url('/userdir/4/4/2/7/442737/55466990.jpg') 50% 0 no-repeat;}
 .left #wrapper { overflow:hidden;}
 .avatar, .avatarNew { float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 6px 0 0px 5px; }
 .avatar img,.avatarNew img { display: block; position: relative; background: url('/userdir/4/4/2/7/442737/55467485.jpg'); background-color: #3b3280; border: 1px solid #82836d; margin: -10px 10px 10px -10px; padding: 4px; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=150, Strength=4); }
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #3b3280; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 .atMusic em { font-size: 0 px; background: url('/userdir/4/4/2/7/442737/40354499.gif') no-repeat 0; padding-left: 60px !important; }
 .atMusic em SPAN { position: absolute; left:-1000px;}
 .atTag em { font-size: 0 px; background: url('/userdir/4/4/2/7/442737/52711367.png') no-repeat 0; padding-left: 20px !important; }
 .atTag em SPAN { position: absolute; left:-1000px;}
 .atMood em { font-size: 0 px; background: url('/userdir/4/4/2/7/442737/52711367.png') no-repeat 0; padding-left: 20px !important; }
 .atMood em SPAN { position: absolute; left:-1000px;}
 .commentAuthor {color: #605f5f;}
 .TagL{color: #0297d9;font-weight:bold; font-size:17px }
 #wrapper {position: relative !important;}
 .menuSection {border-top:none !important;}
 

@темы: меню, diaryCSS, Дизайн

---

[жид-медведь]

Добрый день! Не могу самостоятельно разобраться с одной проблемой - не получается поменять цвет конкретных ссылок, даже прописывая их с «!important». Мб я что-то упускаю?

ссылки из меню избранного:
#myFavLink, #iAmQuit {background: #e4d0d4 !important; height:16px; width:140px; text-transform: uppercase; font-weight: bold !important; color: #ffffff !important; font-size: 14px !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: -20px !important; padding-left: 20px !important; }[/CODE]

ссылки комментариев:
.postLinks {text-transform: uppercase; color: #b799cb !important; font-size: 11px !important; }

(во втором варианте максимальный успех - это поменялся цвет скобок в Комментарии (2).

@темы: текст, меню, diaryCSS, платный сервис

---

[Ksunny]

Как внутри самого оформления цитаты текст отодвинуть от левого края?)))

 span.quote_text { display: block; margin: 5px; padding: 35px; padding-top: 25px; border-right:1px solid #000000; border-bottom:1px solid #000000; font-style: normal; font-size:10px; font-color: #000000; background: url('/userdir/1/4/0/3/1403238/55363613.png') no-repeat !important; text-align: center; border-left:1px solid #000000; border-top:1px solid #000000;}

и чувствую, у меня все таки код перегружен... как то сразу рамочку вокруг цитаты прописать можно же? а то я тут нагородила))))

заранее спасибО)

@темы: отступы

---

[Кийен]

Здрааавствуйте, не могли бы вы помочь.
Что в моем css не так?
У меня почему-то словно какая-то лишняя деталь, вообщем скролбар внизу? Горизонтально прокручивается станица. Почему? Как его убрать?
Надеюсь вы поняли о чём я.
Заранее спасибо!)

@темы: diaryCSS, основные блоки

---

[Piyavka)]

Здравствуйте!
Я вот хотела узнать, а можно сделать так, чтобы расположение аватара и подписи, а именно блок commentAuthor распологался справа, а не слева, как он стоит по умолчанию?
Пробовала сам, с помощью вот такого кода.
.commentAuthor { position: absolute; right: 0px !important; }
.postInner { position: absolute; left: 0 px !important;}

положения они меняют, но при этом, все комментарии наезжают друг на друга, как и аватарки. вот как это выглядит.


Подскажите, буду очень признательна.

@темы: Дизайн

---

[Aira Branford]

А можно ли сделать, чтобы pageBar выглядел примерно так?

---

О ссылках

[bred~]

Можно ли как-нибудь прописать ссылки/буквы воообще что-либо, чтобы они (буквы собственно) переливались примерно как на сайте ниже.

eurekaseven.bandai-ent.com/

@темы: текст

---

о header'e

[Kumin]

Задалась одним вопросом: при табличном дизайне чередуются цвета, как вариант, бэкграунды постов. А вот header в постах может чередоваться?

@темы: Мысли вслух

---

[Kumin]

Маленькая проблемка: сделала себе название дневника картинкой и поменяла ему координаты . На месте названия в панели меню осталось пустое место. Как мне поднять содержимое меню так, чтобы это пустое место заполнилось? (Дневник открытый)

@темы: меню

---

[местный шинсегуми]

#Journal div.postInner {background: url('/userdir/1/3/5/7/1357395/55211444.png') 10px 10px no-repeat !important;}
 #Journal .countSecond div.postInner {background: url('/userdir/1/3/5/7/1357395/55211456.png') 10px 10px no-repeat !important;}
 #Journal div.postInner {padding-left: 125px;}
 #Journal .postInner {padding-left: 115px;}
 .postInner { min-height:110px;height:auto !important; height:110px;}
 .paragraph {width:75%;}
 #epigraph .paragraph {width:100% !important;}
 #epigraph div.postInner {background:none !important;}
 

проблема с эпиграфом - он съезжает влево.

2. как убрать с эпиграфа "внезапно"?

 .header h2:before { content: "[внезапно: " }
 .header h2:after { content: " ]" }

запись создана: 09.05.2010 в 18:18

@темы: текст, эпиграф

---

Разделитель

[Пони Моника]

Проблема, а вернее, вопрос заключается в следующем: возможно ли как-то обойти привязку ширины разделителя к ширине текста?
Объясняю: ставлю разделитель между постами.
Если я прописываю ему ширину, текст расползается по ширине разделителя вот так:
Если же я не прописываю ему ширину, то разделитель по краям обрезается согласно ширине текста вот так:

@темы: отступы, фоновые картинки, рамки и полоски, diaryCSS, основные блоки

---

статистика

[Dagedra]

вот просмотрела соо, но вопроса такого не видела. а может и не заметила. однако... почему блок со статистикой теперь без циферок, и с простым словом "статистика"?

---

Сдвиг текста

[Элохим]

У меня произошел вот такой сдвиг текста при выравнивание по правому краю. Текст также сдвигается влево при выравнивании по центру.

Мой код Css:

#extratop { background: url('/userdir/1/5/3/4/1534585/54953888.gif ') no-repeat; width: 820px; height: 484px; }
 body{ background: #212121; padding: 0px;}
 #wrapper{ width: 820px; background: url('/userdir/1/5/3/4/1534585/54954323.gif'); repeat-y left; min-width:820px; position:relative; }
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:820px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:820px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; }
 #side li {float:left; display:block; padding-right:0px!important;}
 .left #page-t {margin-left: 5px;margin-right: 5px !important;}
 #wrapper{min-width: 820px !important;}
 .header {margin-bottom:-8px; font-size:15px}
 #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, .postLinksOld, .prevNextLinks, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #diarySupportLink, #pchListLink, #Stats, #authorQuot, #randomDiaryLink, #myCommunitiesLink,#myNotepadLink {display:none!important}
 #myDiaryLink { position:absolute; top: 380px; left: 20px;}
 #writeThisDiary { position:absolute; top: 395px; left: 20px;}
 #myDraftLink { position:absolute; top:410px; left:20px;}
 #discussionLink { position:absolute; top: 380px; left:145px;}
 #umailLink { position:absolute; top: 395px; left:145px;}
 #myFavLink { position:absolute; top: 410px; left:145px;}
 #myQuotLink { position:absolute; top: 380px; left:260px;}
 #myProfileLink{ position:absolute; top: 395px; left: 260px;}
 #optionsLink{ position:absolute; top:410px; left: 260px;}
 #allDiaryLink { position:absolute; top: 380px; left: 370px;}
 #mainpageLink { position:absolute; top: 395px; left: 370px;}
 #communityCatalogueLink { position:absolute; top: 410px; left: 370px;}
 #photolibLink { position:absolute; top: 380px; left: 510px;}
 #postsCalendar{ position:absolute; top: 395px; left:510px;}
 #iAmQuit { position:absolute; top:410px; left: 510px;}
 #addToFav { position:absolute; top:5px; left: 670px; font-weight:bold; }
 #subscribeEmail { position:absolute; top: 20px; left: 670px; font-weight:bold; }
 #delFromFav{ position:absolute; top: 5px; left: 680px; font-weight:bold; }
 #writeToAuthor { position:absolute; top: 35px; left: 670px; font-weight:bold; }
 #side h1 A{position:absolute; top: 430px; left: 710px; font-size: 15pt;}
 .postLinksBackg { border-bottom: double #212121; margin-top: 20px !important; padding:20px 0 !important;}
 .postDate, .countSecond .postDate { background-color: transparent; color: #ee6c03; font-size: 13px; float: right; }
 .header { background-color: transparent; color: #ee6c03; font-size: 12px; }
 #add_block1 { position:absolute; top: 380px; right:50%; margin-right: 410px; height: 104px; width: 33px; background: url('/userdir/1/5/3/4/1534585/54954437.gif') no-repeat top; z-index:-1;}
 #add_block2 { position:absolute; top: 380px; left:50%; margin-left:410px; width: 34px; height: 104px; background: url('/userdir/1/5/3/4/1534585/54954452.gif') no-repeat top; z-index:-1; }
 .avatar img {border: 3px solid #212121 }
 #epigraph {display:none!important}
 #authorName { position:absolute; top: -5px; font-size: 15pt; left: 15px; color: #020000}
 .singlePost .postTitle span {font-size: 9pt !important; background: #212121 !important; width:30px; margin-left:-10px}

Можете подсказать отчего это и как исправить?

@темы: текст

---

[ZanessaMC]

Еще раз всех приветствую))
Очень надеюсь на Вашу помощь. Сижу с этим дизайном уже неделю, но до сих пор не хватает фантазии, как избавиться от несколькох косяков:
1) Как убрать этот лишний .postLinkBackground между записью и комментариями (смотрите принт 1)
2) В комментариях текст коммента начинается ниже аватара. Я так понимаю, что там надо с отступами колдовать, но не пойму, с какими..уже все испробовала.. (см. принт 1)
3) Отсутствует фон при добавлении и редактировании записи. Как это можно исправить? (см. принт 2)

код тут

=============Пост===================
 #postsArea {font-family: verdana; margin-left: 270px !important;width:680px !important;}
 .postContent {background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important;}
 .postDate {text-align: right; font-family: georgia; text-shadow: 2px 2px 8px #ADBFD3 !important; font-size: 10pt !important; font-weight: bold; color:#530687 !important; }
 .header { background: url('/userdir/1/5/2/8/1528387/54797432.png'); width:730px !important; height:60px !important; background-repeat: no-repeat;text-align: center !important;}
 .postActionLinks {position:relative; margin-right:30px !important; margin-top:30px !important;}
 .avatar, .sign {display:none; }
 .authorName { margin-left:40px !important; margin-top:-35px !important; }
 .postLinksBackg { background: url('/userdir/1/5/2/8/1528387/54797450.png'); width:730px !important; height:65px !important; background-repeat: no-repeat; margin-top:-1px !important;}
 .urlLink {position:relative; margin-left:30px !important; }
 .postLinks {position:relative; margin-right:30px !important; }
 .prevPostLink {display:none !important; margin-top:-55px !important;}
 .nextPostLink {display:none !important; margin-top:-55px !important;}
.paragraph {margin-left: 40px; width: 640px;}

============Комментарии===================
#commentsArea {background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important; }
 #commentsArea_title { background: url('/userdir/1/5/2/8/1528387/54796763.png'); width:730px !important; height:60px !important; margin-left: 270px !important; text-shadow: 1px 1px 6px #000 !important; }
 #commentsArea .header {position:relative; display:block; background:none !important; width:680px !important; margin-top:-1px !important; text-align:left !important; margin-left:40px !important; }
 #commentsArea .postLinksBackg {position:relative; display:block; background:none !important; height:20px !important; }
 #commentsArea .authorName { background: none !important; width:730px !important;}
 #commentsArea .avatar, #commentsArea .sign { display:block; max-width:120px !important;}
 #commentsArea .commentAuthor { display:block; margin-left:40px !important; width:130px !important;}
 #commentsArea .paragraph {margin-left: 180px; width: 500px;}
 #commentsArea .urlLink {position:relative; margin-left:30px !important;}
 #commentsArea .postLinks {position:relative; margin-right:30px !important;}
 #commentsArea .postContent {position:relative; display:block; background:none !important; }
  #commentsArea { position:relative; width:730px !important; font-family: verdana; width:730px !important; margin-left: 270px !important;}

================Добавление комментария==============
 #addCommentArea { background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important; margin-left: 270px !important; }
 #addCommentArea_title { background: none !important; width:730px !important;text-shadow: 1px 1px 6px #000 !important; margin-top:-1px !important; height:30px !important;}
 #msg_form {margin-left: 40px; width: 640px;}

Заранее спасибо)))

upd: 4) натолкнулась еще на такую вот проблему - в комментариях теперь имя комментирующего над аватаркой не кликабельно стало - раньше можно было кликнуть, и это было типа обращение, которое сразу в комментарий вставлялось. а теперь это просто некликабельная надпись...как это исправить? О.о

@темы: текст, отступы

---

Фото владельца дневника.

[ZanessaMC]

Здравствуйте, скажите пожалуйста, какой код прописать для #thisDiaryPhoto , чтобы:
- это фото было в полный размер (а не уменьшалось) - Пыталась прописать высоту и ширину - не получилось.
- было зафиксировано (а не появлялось только при наведении на имя владельца) в нужном мне месте.
- края этого фото (.gif) у меня сделаны прозрачными, а отображаются черными - как это исправить?
Буду очень признательна, если поможете)))

@темы: diaryCSS

---

как отодвинуть основной контейнер вниз?

[Lovejuice]

Я поняла, что основной контейнер - это page-c. Но как же подвинуть его вниз пикселей на 300?

@темы: отступы, основные блоки

---

[Albtraum]

В блоке записей установлены «уголки» с помощью before и after. У всех четырёх стоит z-index: 3 !important;, у #page-t и #postsArea, поверх которых они отображаются — z-index: 2 !important;
В Firefox 3.5.9 и Opera 9.63 всё работает. В IE8 уголки перекрываются фоном #postsArea.
Как исправить, если вообще возможно? И какие ещё ляпы видны в других браузерах?



Часть кода:

 #page-t {padding: 10px 15px 10px 20px; z-index: 2 !important;}
 #postsArea {margin-bottom: 0px !important; background: #fdfbf0 url('/userdir/6/2/4/1/624184/54743477.gif') repeat !important; z-index: 2 !important;}
 #postsArea:before {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913745.png'); width: 175px; height: 100px; left: 15px; top: 175px; z-index: 3 !important;}
 #postsArea:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913766.png'); width: 175px; height: 100px;right: 244px; top:175px; z-index: 3 !important;}
 #page-c:after{content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913769.png'); width: 175px; height: 100px; left: 15px; margin-top: -104px; z-index: 3 !important;}
 #page-t:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913772.png'); width: 175px; height: 100px; right: 244px; margin-top: -95px; z-index: 3 !important;}

@темы: основные блоки

---

Каждый день отдельно, границы

[Albertia Inodorum]

А можно сделать так, чтобы границы были только между постами за один день? То есть все вчерашние, например, были отделены от сегодняшних линией, при этом между постами за один день границ не было?

upd: такой код не сработал. Что-то не так, или он просто неверный?
.postdate {border-style:solid; border-width:1px; !important }

Вопрос снят

запись создана: 30.04.2010 в 21:23

@темы: рамки и полоски, основные блоки

---

Форма авторизации

[Albtraum]

Как можно уменьшить ширину формы авторизации таким образом, чтобы поле ввода пароля и кнопка «Войти» переносились на следующую строку?
#login_form {width: 150px !important;} не помогает. Ширина .menuSection задана в 170px.

@темы: меню, основные блоки

---

[Empress C.C.]

Меню было слизано мной с этого дизайна из каталога оформлений. Что там, что у меня при раскрытии списка тем записей вылазит полный ахтунг, но у меня из-за более узкого меню и контрастного хайлайта получается совсем адовый ад:

тык

Наверняка эти мерзкие границы и хайлайт внутри конкретно этого блока убрать можно, и наверняка это не так сложно... но дизайн был писан с помощью подстановки своих значений методом тыка, и посему я не знаю, как это сделать, а мозги от такого форсирования основ css закипели и скукожились. Помогите, пожалуйста, привести эти темы в божеский вид. И чтобы ссылка на все темы отображалась.
Заранее извиняюсь за глупость и прошу отнестись с пониманием
Еще я пробовала двигать authorName, чтобы ссылка не прилипала к нижней границе, а была посередине между границей и нижним краем фотографии, но, видимо, плохо пробовала, так что и здесь прошу помощи.
Замечания по общему коду весьма приветствуются. А вот и он:

#extratop { background: url('/userdir/1/7/3/4/1734232/54776330.png') no-repeat; background-position: center; width: 948px; height: 417px; }
 body{ background:url('/userdir/1/7/3/4/1734232/54756968.jpg') repeat;}
 #wrapper{ min-width:944px!important;width:948px!important;}
 #side{ background:url('/userdir/1/7/3/4/1734232/54758084.jpg') repeat; width:168px !important; }
 .right #page-c {margin-right:-168px;}
 .right #page-t {background-color: #94ddb5; background:url('/userdir/1/7/3/4/1734232/54758084.jpg') repeat; margin-right:168px; border: 1px solid #285c13;}
 .menuSection{ margin: 0 5px 5px 5px; padding: 0; border: 1px solid #285c13; background-color: #F3FDD4; border-bottom: none }
 #login_form, #YaSearch, #lastComments{ border-bottom: 1px solid #285c13; }
 #side h1{ position: absolute; margin-top: -72px; margin-left: -485px; font-size: 32pt; font-weight: normal; font-family: "monotype corsiva" ; width:928px; text-align:left; }
 #side h1 a{ color: #ffffff; }
 #side h1 a:hover{ text-decoration: none; color: #000000 !important; }
 #side ul li{ margin: 0; border-bottom: 1px solid #285c13; padding: 3px 5px; }
 #side ul li:hover{ background-color: #94ddb5; }
 #topNav, #YaSearchForm_title{ display: none; }
 a{ color: #027068; }
 .postTitle, .countSecond .postTitle{ border-top: 1px solid #285c13; }
 .postDate, .countSecond .postDate{ background-color: transparent; color: #285c13; font-size: 80%; }
 #side a{ color: #027068; }
 #side a:hover{ text-decoration: none; }
 #login_form p{ margin: 0; }
 #sign{ padding: 5px; }
 #usrlog, #usrpass, #login_form input.submit{ width: 65px; }
 #YaSearchForm{ visibility: visible!important; display: block!important; }
 #Stats{ background-color: transparent; border: none; }
 #thisDiaryInfo { text-align:center; border: solid 1px #285c13; }
 #thisDiaryPhoto { margin:12px 0 4px 0; }
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover,a:active{color:#2fa1b1 !important}
 #myStatLink{display:none}
 #postTitle {width: 400px }
 #upInChart {display:none}
 #allDiaryLink{display:none}
 #communityCatalogueLink{display:none}
 #diarySpiritLink{display:none}
 #diarySupportLink{display:none}
 #paySupportLink{display:none}
 #faqLink{display:none}
 #topNav{display:none}
 #myProfileLink{display:none}
 #myStatLink{display:none}
 #upInChart{display:none}
 #postsCalendar{display:none}
 #rssLink, #lastComments{display:none}
 .authorName { padding:0 12px 5px ;}
 .commentAuthor .avatar { margin:0 8px 8px;width:0auto; max-width:140px; }
 .sign {padding:0 8px 5px ; }
 .atMusic em, .atMood em, .atTag em { font-style: normal; font-size: 92%;}
 .atMusic span:before {content: "музыка:"; font-size: 10px; }
 .atMusic span {font-size: 0px; }
 .atMood span:before {content: "настроение:"; font-size: 10px; }
 .atMood span {font-size: 0px; }
 .atTag span:before {content: "[x] жепки:"; font-size: 10px; }
 .atTag span {font-size: 0px; }
 span.quote_text { font-style: normal; display: block; margin: 5px; padding: 5px; border: 1px solid #137116; font-size: 85%; background: #F3FDD4;}
 

Да, по поводу возможных косяков с отображением названия дневника я в курсе, но пока что методом тыка получилось только так. Буду рада любым замечаниям.
И еще. Убрала "@" из тем, как советовали где-то здесь в комментариях, с помощью кода

.atMusic em, .atMood em, .atTag em { font-style: normal; font-size: 92%;}
 .atMusic span:before {content: "музыка:"; font-size: 10px; }
 .atMusic span {font-size: 0px; }
 .atMood span:before {content: "настроение:"; font-size: 10px; }
 .atMood span {font-size: 0px; }
 .atTag span:before {content: "[x] жепки:"; font-size: 10px; }
 .atTag span {font-size: 0px; }

Но в Хроме они получились не скрытыми, а очень маленького размера, и их все равно видно. Это хоть и не смертельно, но несколько неприятно. С этим можно что-нибудь сделать?

@темы: меню, рамки и полоски