[jinmark]

много красоты *______*

05.08.2012 в 20:06

Пишет  fandom K-Pop 2012:

Fandom K-Pop 2012. Level 2. Quest 4: Челлендж от G до PG-13. Пост 1

Название: Opera №1
Автор:  fandom K-Pop 2012
Форма: css-дизайн для платных дневников
Персонажи: Йесон|Донхэ (Super Junior)
Категория: джен
Рейтинг: G
Примечание: на заднем плане - сцена парижской Опера Гарнье
Для голосования: #. fandom K-Pop 2012 - работа "Opera №1"

На скрине видно не все, поэтому желающие заценить могут пройти процедуру примерки диза:
1. Перейдите на свой днев, чтоб в строке был адрес типа kfandom.diary.ru
2. Добавьте к адресу /?design=4865213 и нажмите Энтер. На три минуты у вас отобразится этот диз, потом исчезнет. Никто, кроме вас, видеть диз не будет, все конфиденциально.
3. PROFIT

ОБЩИЕ НАСТРОЙКИ
Заголовки - курсив 20
текст - обычный 14
гарнитура - Arial

Цвет
заголовка #711614
ссылок #711614
записи #060304
оффтопа #958484

Остальное не заполнять
КОД

 body {background: #060304;}
 #wrapper {background: url('ВРАППЕР') repeat-y 0%; width: 978px !important; min-width: 978px !important; padding-left: -20px !important; margin-bottom: -10px !important; }
 #extrabottom {height: 0px !important;}
 #extratop {background: url('ЭКСТРАТОП'); width: 978 height: 656 margin-top: -10px !important; }
 {----------------------------------------------POST_GENERAL---------------------------------------------------------------------}
 #page-c { margin: -40px 20px -50px 80px !important; min-width: 817px !important; width: 817px !important; padding: 0px 0px 0px 0px !important; }
 #page-t {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
 .singlePost, #msg_form, .singleComment {margin: 0px 0px 40px 0px !important; padding: 20px 30px 20px 30px !important; background: #f4f0f0; box-shadow: 0px 0px 5px #f3e8e4; -moz-box-shadow: 0px 0px 5px #f3e8e4; border-radius: 10 -moz-border-radius: 10}
 .singleComment {padding: 20px 30px 10px 30px !important;}
 #post0, #epigraph { margin: 0px !important; background: #f4f0f0 !important; }
 #epigraph {margin-bottom: 40px !important; }
 html body#Journal.top div#wrapper div#page-c div#page-t div#postsArea.bordered div#epigraph.singlePost .header {margin-top: -40px !important;}
 .authorName, .communityName {font: 17px 'Cambria' !important;}
 .authorName strong {font-weight: normal !important;}
 .postDate {font: italic 17px 'Cambria' !important; color: #f3e8e4 !important; }
 .postDate {position:absolute; left :120 margin: -61px 0px 20px 0px !important; padding: 20px 0px 20px 0px !important;}
 {-------------------------------------------------POST_UP------------------------------------------------------------------}
 .TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 {background: url('СПРЕД') no-repeat !important;}
 .TagJIco { background-position: 0px -19px !important; display: inline-block; padding-left: 10 position: relative; text-decoration: none !important;}
 .editPostLink [src*="postedit.gif"] {background-position: -15px 0px !important !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .delPostLink [src*="postdelite.gif"] {background-position: -18px 0px !important ; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 13 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .upPostLink [src*="postup.gif"] {background-position: -36px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .tonotepadPostLink [src*="tonotepad.gif"] {background-position: -54px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -72px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .opac6 {background-position: -90px 0px !important; padding: 0 18px 0 0; width: 0; height: 19 margin: -4px 0px 0px 0px !important; -moz-opacity: 1.0; opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
 .postActionLinks { -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; left: 820px !important; margin-top: -40px !important;}
 #pageBar a:hover {color: #060304 !important;}
 #epigraph .postActionLinks {margin: -40px -5px 0px 0px !important; }
 #epigraph .header {margin-top: 40px !important; }
 {------------------------------------------------POST_DOWN-------------------------------------------------------------------}
 .atTag span:before { padding: 20px 0px 0px 0px !important; content: "Темы:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #060304 !important;}
 .atMusic span:before {padding: 20px 0px 0px 0px !important; content: "Музыка:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #060304 !important; }
 .atMood span:before {padding: 20px 0px 0px 0px !important; content: "Настроение:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #060304 !important;}
 .atTag span, .atMusic span, .atMood span {font-size: 0px !important; color: #f4f0f0 !important; }
 .atMusic, .atTag, .atMood {margin: 0px 0px 0px 0px !important; }
 .atTag a, .atMusic a, .atMood a { text-decoration: none !important; color: #711614;}
 .atTag em, .atMusic em, .atMood em {font-style: normal !important; font-size: 14 color: #060304;}
 .postLinksBackg {margin: 0px 0px 10px 0px !important; color: #060304; }
 .postLinksBackg a {font: 17px 'Cambria'; }
 #JournalFavorite .postLinksBackg a {font: 16px 'Cambria'; }
 #pageBar a {font: 17px 'Cambria' !important; text-transform: capitalize; color: #ead5c8 !important; }
 .pageBar {margin-bottom: 0px !important; margin-top: -20px !important;}
 #pageBar strong {font: italic 22px 'Cambria' !important; color: #060304 !important; }
 .paragraph {line-height: 145%;}
 .singlePost .paragraph div:first-letter {font: italic 24px 'Cambria' !important; }
 .prevnext { margin-top: -15px !important;}
 {----------------------------------------------TAGS_CALENDAR-----------------------------------------------------------------}
 .tags_ul_all {padding: 20px 30px 20px 40px !important; line-height: 135% !important; color: #060304 !important; width: 720px !important; background: #f4f0f0; box-shadow: 0px 0px 5px #f3e8e4; -moz-box-shadow: 0px 0px 5px #f3e8e4; border-radius: 10 -moz-border-radius: 10 margin-top: 0px !important;}
 .tags_header a {font: italic 22px 'Cambria'; font-weight: normal !important; color: #060304 !important; }
 .tags_header {font-weight: none !important;}
 #JournalCalendar #page-t { width: 697px !important; margin: 0px 2px 40px 10px !important; padding: 20px 0px 0px 100px !important; background: #f4f0f0; box-shadow: 0px 0px 5px #f3e8e4; -moz-box-shadow: 0px 0px 5px #f3e8e4; border-radius: 10 -moz-border-radius: 10 }
 #JournalCalendar .header {margin-left: 10px !important; font: italic 22px 'Cambria';}
 .calnd td.cal-mnth a {font: italic 17px 'Cambria'; !important;}
 {--------------------------------------------------NOT_DISPLAYED-----------------------------------------------------------------}
 #rssLink, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #faqLink, #YaSearch, #Stats, #iAmQuit, #side h1 .opac6, #authorFav, #authorQuot, #sortOrder, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .email, .order_button.header, #authorLinks a, #authorLinks, .authorLinks, .authorLinks a, #myLinks a, #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #authorFav, #authorQuot, #photolibLink {display: none !important;}
 {---------------------------------------------------MENU----------------------------------------------------------------}
 #side {position: absolute !important; top: 20px !important; left: 90px !important; width: 0px !important; text-align: center; color: #b02a1e ; font-size: 13px ;}
 #side a {color: #b02a1e ; font-size: 13px ;}
 .menuSection_title b {font: italic 22px 'Cambria' !important; font-weight: normal !important; color: #8b1e15 !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter: alpha(opacity=80);}
 #thisDiaryOwner, #myDiaryLinks, #globalLinks {width: 160 text-align: center !important; }
 #thisDiaryOwner ul {width: 130 background: #6b1412; box-shadow: 0px 0px 5px #060304; -moz-box-shadow: 0px 0px 5px #060304; border-radius: 10 -moz-border-radius: 10 margin-left: 10px !important;}
 #myDiaryLinks ul { width: 120 background: #6b1412; box-shadow: 0px 0px 5px #060304; -moz-box-shadow: 0px 0px 5px #060304; border-radius: 10 -moz-border-radius: 10 margin-left: 17px !important;}
 #myDiaryLinks_title { width: 170px !important;}
 #globalLinks ul { width: 146 background: #6b1412; box-shadow: 0px 0px 5px #060304; -moz-box-shadow: 0px 0px 5px #060304; border-radius: 10 -moz-border-radius: 10 }
 #thisCommunityMember ul {background: #6b1412; box-shadow: 0px 0px 5px #060304; -moz-box-shadow: 0px 0px 5px #060304; border-radius: 10 -moz-border-radius: 10}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #globalLinks {position: absolute !important; top: 470px !important; left: 590px !important;}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #myDiaryLinks {position: absolute !important; top: 500px !important; left: 490px !important;}
 #thisCommunityMember {position: absolute !important; top: 410px !important; left: 620px !important;}
 #TagsList ul {width: 131px !important; font-size: 11 text-align: left !important; margin-left: -17px !important;}
 #TagsList ul a {font-size: 11 overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999}
 #TagsList a[href$="tags="] {font-weight: bold !important;}
 #bottom_up a {position: fixed !important; font: italic 21px 'Cambria' !important; background: #!important; color: #f3e8e4 ; border-radius: 10 -moz-border-radius: 10 padding: 7px 10px 7px 10 bottom: 5px !important; right: -64 opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); text-shadow: 0px 0px 1px #060304;}
 #bottom_up a:hover {right: -5 color: #f3e8e4 !important; display: block !important;}
 #bottom_up a::first-letter {font: italic 24px 'Cambria' !important; }
 {-----------------------------------------------HEADERS--------------------------------------------------------------------}
 .header {color: #f3e8e4; margin: 0px 0px 10px 0px !important; padding-top: 20px !important; font: italic 24px 'Cambria' !important; text-align: left !important; }
 .singlePost .header, .singleComment .header { text-align: left !important; padding: 0px 0px 5px 0px !important; color: #711614 !important; margin-left: 0px !important; }
 #addCommentArea_title.header, #commentsArea_title.header {margin-top: -60px !important;}
 #thisDiaryInfo {position: absolute !important; top: 30px !important; left: 0px !important; width: 785px !important; display: block !important; }
 #authorName {font: italic 22px 'Cambria' !important; color: #b02a1e !important; text-align: right !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); display: inline !important; float: right !important; margin-left: -8px !important; }
 #side h1 {position: absolute !important; top: 0px !important; left: 0px !important; width: 795px !important; display: block !important;}
 #side h1 a { color: #b02a1e !important; font: italic 28px 'Cambria' !important; text-align: right !important; display: block !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
 {----------------------------------------------------------IMGS_DIFF---------------------------------------------------------}
 .avatar img { width: 100 margin: 5px 15px 10px 10 border: solid 3px #b02a1e; -moz-border: solid 3px #6b1412; border-radius: 5 -moz-border-radius: 5 }
 .avatar {width: 115px !important; margin: -5px 0px 0px -20px !important; padding-left: 10px !important;}
 .sign { width: 100px !important; text-align: left; margin: 0px 0px 0px 5px !important;}
 img { max-width: 602 }
 #Journal img { max-width: 737 }
 .section, .formcontainer, .paragraph { _width: 602 overflow: auto !important; overflow-y: hidden; }
 .voting td img[src*=".gif"]{ padding: 9px 0 0 0; height: 0 border-bottom: 1px solid #cdcdcd; background: #b02a1e ;}
 span.quote_text {margin: 10px 20px -10px 20px !important; padding: 4px 5px 4px 5px !important; display: block !important;}
 .blockquote { display: block; margin-top: -5 padding: 0px 0px 0px 0}
 .submit {background: #b02a1e !important; color: #f3e8e4 !important; padding: 5px 5px 7px 5px !important; margin: 10px 0px 10px 10px !important; font: italic 17px 'Cambria' !important; ; -moz-opacity: 0.8 !important; opacity: 0.8 !important; border-radius: 10 -moz-border-radius: 10 }
 input#btSubmit.submit { width: 115px !important; }
 input#rewrite.submit { width: 135px !important; margin-left: 7px !important; }
 input#preview.submit { width: 135px !important;}
 input.submit { width: 190px !important; }
 div.voting input.submit { width: 110px !important; margin: 0px 10px 10px 5px !important; }
 ::selection {color: #f3e8e4 !important; background: #b02a1e !important;}
 ::-moz-selection {color: #f3e8e4 !important; background: #b02a1e !important;}
 ::-webkit-selection {color: #f3e8e4 !important; background: #b02a1e !important;}
 {----------------------------------------------------HOVER---------------------------------------------------------------}
 a:hover, a:active, a:link, a:visited {text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 a:hover, #TagsList a[href$="tags="]:hover {color: #b02a1e !important;}
 #side h1 a:hover, #authorName:hover, #bottom_up a:hover, .header span:hover, .submit:hover {opacity: 1.0 !important; -moz-opacity: 1.0 !important; -o-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 #pageBar a:hover, #globalLinks a:hover, #thisDiaryOwner a:hover, #myDiaryLinks a:hover, #thisCommunityMember a:hover {color: #060304 !important;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { -moz-opacity: 1.0; opacity: 1.0 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 

ИЗОБРАЖЕНИЯ
ВРАППЕР i.imgur.com/rFyMn.png
ЭКСТРАТОП i.imgur.com/YRUEK.jpg
СПРЕД i.imgur.com/3Temn.png

Название: Opera №2
Автор:  fandom K-Pop 2012
Форма: css-дизайн для платных дневников
Персонажи: Донхэ|Ынхёк (Super Junior)
Категория: джен
Рейтинг: G
Примечание: на заднем плане - Национальный театр Мюнхена.
Для голосования: #. fandom K-Pop 2012 - работа "Opera №2"

Примерить - инструкция выше и ?design=4865219

ОБЩИЕ НАСТРОЙКИ
Заголовки - курсив 20
текст - обычный 14
гарнитура - Arial

Цвет
заголовка #2f344d
ссылок #2f344d
записи #121119
оффтопа #654d58

Остальное не заполнять
КОД

 body {background: #121119;}
 #wrapper {background: url('ВРАППЕР') repeat-y 0%; width: 978px !important; min-width: 978px !important; padding-left: -20px !important; margin-bottom: -10px !important; }
 #extrabottom {height: 0px !important;}
 #extratop {background: url('ЭКСТРАТОП'); width: 978 height: 656 margin-top: -10px !important; }
 {----------------------------------------------POST_GENERAL---------------------------------------------------------------------}
 #page-c { margin: -40px 20px -50px 80px !important; min-width: 817px !important; width: 817px !important; padding: 0px 0px 0px 0px !important; }
 #page-t {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
 .singlePost, #msg_form, .singleComment {margin: 0px 0px 40px 0px !important; padding: 20px 30px 20px 30px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10}
 .singleComment {padding: 20px 30px 10px 30px !important;}
 #post0, #epigraph { margin: 0px !important; background: #f3eef5 !important; }
 #epigraph {margin-bottom: 40px !important; }
 html body#Journal.top div#wrapper div#page-c div#page-t div#postsArea.bordered div#epigraph.singlePost .header {margin-top: -40px !important;}
 .authorName, .communityName {font: 17px 'Cambria' !important;}
 .authorName strong {font-weight: normal !important;}
 .postDate {font: italic 17px 'Cambria' !important; color: #f3eef5 !important; }
 .postDate {position:absolute; left :120 margin: -61px 0px 20px 0px !important; padding: 20px 0px 20px 0px !important;}
 {-------------------------------------------------POST_UP------------------------------------------------------------------}
 .TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 {background: url('СПРЕД') no-repeat !important;}
 .TagJIco { background-position: 0px -19px !important; display: inline-block; padding-left: 10 position: relative; text-decoration: none !important;}
 .editPostLink [src*="postedit.gif"] {background-position: -15px 0px !important !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .delPostLink [src*="postdelite.gif"] {background-position: -18px 0px !important ; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 13 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .upPostLink [src*="postup.gif"] {background-position: -36px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .tonotepadPostLink [src*="tonotepad.gif"] {background-position: -54px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -72px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .opac6 {background-position: -90px 0px !important; padding: 0 18px 0 0; width: 0; height: 19 margin: -4px 0px 0px 0px !important; -moz-opacity: 1.0; opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
 .postActionLinks { -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; left: 820px !important; margin-top: -40px !important;}
 #pageBar a:hover {color: #060304 !important;}
 #epigraph .postActionLinks {margin: -40px -5px 0px 0px !important; }
 {------------------------------------------------POST_DOWN-------------------------------------------------------------------}
 .atTag span:before { padding: 20px 0px 0px 0px !important; content: "Темы:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
 .atMusic span:before {padding: 20px 0px 0px 0px !important; content: "Музыка:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important; }
 .atMood span:before {padding: 20px 0px 0px 0px !important; content: "Настроение:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #121119 !important;}
 .atTag span, .atMusic span, .atMood span {font-size: 0px !important; color: #f3eef5 !important; }
 .atMusic, .atTag, .atMood {margin: 0px 0px 0px 0px !important; }
 .atTag a, .atMusic a, .atMood a { text-decoration: none !important; color: #2f344d;}
 .atTag em, .atMusic em, .atMood em {font-style: normal !important; font-size: 14 color: #121119;}
 .postLinksBackg {margin: 0px 0px 10px 0px !important; color: #121119; }
 .postLinksBackg a {font: 17px 'Cambria'; }
 #JournalFavorite .postLinksBackg a {font: 16px 'Cambria'; }
 #pageBar a {font: 17px 'Cambria' !important; text-transform: capitalize; color: #f3eef5 !important; }
 .pageBar {margin-bottom: 0px !important; margin-top: -20px !important;}
 #pageBar strong {font: italic 22px 'Cambria' !important; color: #5d6382 !important; }
 .paragraph {line-height: 145%;}
 .singlePost .paragraph div:first-letter {font: italic 24px 'Cambria' !important; }
 .prevnext { margin-top: -15px !important;}
 {----------------------------------------------TAGS_CALENDAR-----------------------------------------------------------------}
 .tags_ul_all {padding: 20px 30px 20px 40px !important; line-height: 135% !important; color: #121119 !important; width: 720px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10 margin-top: 0px !important;}
 .tags_header a {font: italic 22px 'Cambria'; font-weight: normal !important; color: #121119 !important; }
 .tags_header {font-weight: none !important;}
 #JournalCalendar #page-t { width: 697px !important; margin: 0px 2px 40px 10px !important; padding: 20px 0px 0px 100px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10 }
 #JournalCalendar .header {margin-left: 10px !important; font: italic 22px 'Cambria';}
 .calnd td.cal-mnth a {font: italic 17px 'Cambria'; !important;}
 {--------------------------------------------------NOT_DISPLAYED-----------------------------------------------------------------}
 #rssLink, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #faqLink, #YaSearch, #Stats, #iAmQuit, #side h1 .opac6, #authorFav, #authorQuot, #sortOrder, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .email, .order_button.header, #authorLinks a, #authorLinks, .authorLinks, .authorLinks a, #myLinks a, #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #authorFav, #authorQuot, #photolibLink {display: none !important;}
 {---------------------------------------------------MENU----------------------------------------------------------------}
 #side {position: absolute !important; top: 20px !important; left: 90px !important; width: 0px !important; text-align: center; color: #b1a196; font-size: 13px ;}
 #side a {color: #b1a196; font-size: 13px ;}
 .menuSection_title b {font: italic 22px 'Cambria' !important; font-weight: normal !important; color: #393d55 !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter: alpha(opacity=80);}
 #thisDiaryOwner, #myDiaryLinks, #globalLinks {width: 160 text-align: center !important; }
 #thisDiaryOwner ul {width: 130 background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10 -moz-border-radius: 10 margin-left: 10px !important;}
 #myDiaryLinks ul { width: 120 background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10 -moz-border-radius: 10 margin-left: 17px !important;}
 #myDiaryLinks_title { width: 170px !important;}
 #globalLinks ul { width: 146 background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10 -moz-border-radius: 10 }
 #thisCommunityMember ul {background: #1e2131; box-shadow: 0px 0px 5px #121119; -moz-box-shadow: 0px 0px 5px #121119; border-radius: 10 -moz-border-radius: 10}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #globalLinks {position: absolute !important; top: 470px !important; left: 590px !important;}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #myDiaryLinks {position: absolute !important; top: 500px !important; left: 490px !important;}
 #thisCommunityMember {position: absolute !important; top: 410px !important; left: 620px !important;}
 #TagsList ul {width: 131px !important; font-size: 11 text-align: left !important; margin-left: -17px !important;}
 #TagsList ul a {font-size: 11 overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999}
 #TagsList a[href$="tags="] {font-weight: bold !important;}
 #bottom_up a {position: fixed !important; font: italic 21px 'Cambria' !important; background: #!important; color: #f3e8e4 ; border-radius: 10 -moz-border-radius: 10 padding: 7px 10px 7px 10 bottom: 5px !important; right: -64 opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); text-shadow: 0px 0px 1px #121119;}
 #bottom_up a:hover {right: -5 color: #f3eef5 !important; display: block !important;}
 #bottom_up a::first-letter {font: italic 24px 'Cambria' !important; }
 {-----------------------------------------------HEADERS--------------------------------------------------------------------}
 .header {color: #f3eef5; margin: 0px 0px 10px 0px !important; padding-top: 20px !important; font: italic 24px 'Cambria' !important; text-align: left !important; }
 .singlePost .header, .singleComment .header { text-align: left !important; padding: 0px 0px 5px 0px !important; color: #1e2131 !important; margin-left: 0px !important; }
 #addCommentArea_title.header, #commentsArea_title.header {margin-top: -60px !important;}
 #thisDiaryInfo {position: absolute !important; top: 30px !important; left: 0px !important; width: 785px !important; display: block !important; }
 #authorName {font: italic 22px 'Cambria' !important; color: #5d6382 !important; text-align: right !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); display: inline !important; float: right !important; margin-left: -8px !important; }
 #side h1 {position: absolute !important; top: 0px !important; left: 0px !important; width: 795px !important; display: block !important;}
 #side h1 a { color: #5d6382 !important; font: italic 28px 'Cambria' !important; text-align: right !important; display: block !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
 {----------------------------------------------------------IMGS_DIFF---------------------------------------------------------}
 .avatar img { width: 100 margin: 5px 15px 10px 10 border: solid 3px #39447d ; -moz-border: solid 3px #6b1412; border-radius: 5 -moz-border-radius: 5 }
 .avatar {width: 115px !important; margin: -5px 0px 0px -20px !important; padding-left: 10px !important;}
 .sign { width: 100px !important; text-align: left; margin: 0px 0px 0px 5px !important;}
 img { max-width: 602 }
 #Journal img { max-width: 737 }
 .section, .formcontainer, .paragraph { _width: 602 overflow: auto !important; overflow-y: hidden; }
 .voting td img[src*=".gif"]{ padding: 9px 0 0 0; height: 0 border-bottom: 1px solid #cdcdcd; background: #41414a ;}
 span.quote_text {margin: 10px 20px -10px 20px !important; padding: 4px 5px 4px 5px !important; display: block !important;}
 .blockquote { display: block; margin-top: -5 padding: 0px 0px 0px 0}
 .submit {background: #39447d !important; color: #f3eef5 !important; padding: 5px 5px 7px 5px !important; margin: 10px 0px 10px 10px !important; font: italic 17px 'Cambria' !important; ; -moz-opacity: 0.8 !important; opacity: 0.8 !important; border-radius: 10 -moz-border-radius: 10 }
 input#btSubmit.submit { width: 115px !important; }
 input#rewrite.submit { width: 135px !important; margin-left: 7px !important; }
 input#preview.submit { width: 135px !important;}
 input.submit { width: 190px !important; }
 div.voting input.submit { width: 110px !important; margin: 0px 10px 10px 5px !important; }
 ::selection {color: #f3eef5 !important; background: #39447d !important;}
 ::-moz-selection {color: #f3eef5 !important; background: #39447d !important;}
 ::-webkit-selection {color: #f3eef5 !important; background: #39447d !important;}
 {----------------------------------------------------HOVER---------------------------------------------------------------}
 a:hover, a:active, a:link, a:visited {text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 a:hover, #TagsList a[href$="tags="]:hover {color: #39447d !important;}
 #side h1 a:hover, #authorName:hover, #bottom_up a:hover, .header span:hover, .submit:hover {opacity: 1.0 !important; -moz-opacity: 1.0 !important; -o-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 #pageBar a:hover, #globalLinks a:hover, #thisDiaryOwner a:hover, #myDiaryLinks a:hover, #thisCommunityMember a:hover {color: #5d6382 !important;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { -moz-opacity: 1.0; opacity: 1.0 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 

ИЗОБРАЖЕНИЯ
ВРАППЕР i.imgur.com/hsOPI.png
ЭКСТРАТОП i.imgur.com/hImBU.jpg
СПРЕД i.imgur.com/qVVFK.png

Название: Opera №3
Автор:  fandom K-Pop 2012
Форма: css-дизайн для платных дневников
Персонажи: Шивон|Кюхён (Super Junior)
Категория: джен
Рейтинг: G
Примечание: на заднем плане - Сословный театр в Праге.
Для голосования: #. fandom K-Pop 2012 - работа "Opera №3"

Примерить - инструкция выше и /?design=4854361

ОБЩИЕ НАСТРОЙКИ
Заголовки - курсив 20
текст - обычный 14
гарнитура - Arial

Цвет
заголовка #2f344d
ссылок #2f344d
записи #121119
оффтопа #654d58

Остальное не заполнять

 body {background: #0f090c;}
 #wrapper {background: url('ВРАППЕР') repeat-y 0%; width: 978px !important; min-width: 978px !important; padding-left: -20px !important; margin-bottom: -10px !important; }
 #extrabottom {height: 0px !important;}
 #extratop {background: url('ЭКСТРАТОП'); width: 978 height: 656 margin-top: -10px !important; }
 {----------------------------------------------POST_GENERAL---------------------------------------------------------------------}
 #page-c { margin: -40px 20px -50px 80px !important; min-width: 817px !important; width: 817px !important; padding: 0px 0px 0px 0px !important; }
 #page-t {padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
 .singlePost, #msg_form, .singleComment {margin: 0px 0px 40px 0px !important; padding: 20px 30px 20px 30px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10}
 .singleComment {padding: 20px 30px 10px 30px !important;}
 #post0, #epigraph { margin: 0px !important; background: #f3eef5 !important; }
 #epigraph {margin-bottom: 40px !important; }
 html body#Journal.top div#wrapper div#page-c div#page-t div#postsArea.bordered div#epigraph.singlePost .header {margin-top: -40px !important;}
 .authorName, .communityName {font: 17px 'Cambria' !important;}
 .authorName strong {font-weight: normal !important;}
 .postDate {font: italic 17px 'Cambria' !important; color: #f3eef5 !important; }
 .postDate {position:absolute; left :120 margin: -61px 0px 20px 0px !important; padding: 20px 0px 20px 0px !important;}
 {-------------------------------------------------POST_UP------------------------------------------------------------------}
 .TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6 {background: url('СПРЕД') no-repeat !important;}
 .TagJIco { background-position: 0px -19px !important; display: inline-block; padding-left: 10 position: relative; text-decoration: none !important;}
 .editPostLink [src*="postedit.gif"] {background-position: -15px 0px !important !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .delPostLink [src*="postdelite.gif"] {background-position: -18px 0px !important ; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 13 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .upPostLink [src*="postup.gif"] {background-position: -36px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 -moz-opacity: 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
 .tonotepadPostLink [src*="tonotepad.gif"] {background-position: -54px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -72px 0px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14 0.7; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
 .opac6 {background-position: -90px 0px !important; padding: 0 18px 0 0; width: 0; height: 19 margin: -4px 0px 0px 0px !important; -moz-opacity: 1.0; opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
 .postActionLinks { -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; left: 820px !important; margin-top: -40px !important;}
 #pageBar a:hover {color: #060304 !important;}
 #epigraph .postActionLinks {margin: -40px -5px 0px 0px !important; }
 {------------------------------------------------POST_DOWN-------------------------------------------------------------------}
 .atTag span:before { padding: 20px 0px 0px 0px !important; content: "Темы:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #0f090c !important;}
 .atMusic span:before {padding: 20px 0px 0px 0px !important; content: "Музыка:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #0f090c !important; }
 .atMood span:before {padding: 20px 0px 0px 0px !important; content: "Настроение:"; overflow: hidden; font: italic 17px 'Cambria' !important; color: #0f090c !important;}
 .atTag span, .atMusic span, .atMood span {font-size: 0px !important; color: #f3eef5 !important; }
 .atMusic, .atTag, .atMood {margin: 0px 0px 0px 0px !important; }
 .atTag a, .atMusic a, .atMood a { text-decoration: none !important; color: #2b2e70;}
 .atTag em, .atMusic em, .atMood em {font-style: normal !important; font-size: 14 color: #0f090c;}
 .postLinksBackg {margin: 0px 0px 10px 0px !important; color: #0f090c; }
 .postLinksBackg a {font: 17px 'Cambria'; }
 #JournalFavorite .postLinksBackg a {font: 16px 'Cambria'; }
 #pageBar a {font: 17px 'Cambria' !important; text-transform: capitalize; color: #f3eef5 !important; }
 .pageBar {margin-bottom: 0px !important; margin-top: -20px !important;}
 #pageBar strong {font: italic 22px 'Cambria' !important; color: #394451 !important; }
 .paragraph {line-height: 145%;}
 .singlePost .paragraph div:first-letter {font: italic 24px 'Cambria' !important; }
 .prevnext { margin-top: -15px !important;}
 {----------------------------------------------TAGS_CALENDAR-----------------------------------------------------------------}
 .tags_ul_all {padding: 20px 30px 20px 40px !important; line-height: 135% !important; color: #0f090c !important; width: 720px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10 margin-top: 0px !important;}
 .tags_header a {font: italic 22px 'Cambria'; font-weight: normal !important; color: #0f090c !important; }
 .tags_header {font-weight: none !important;}
 #JournalCalendar #page-t { width: 697px !important; margin: 0px 2px 40px 10px !important; padding: 20px 0px 0px 100px !important; background: #f3eef5 ; box-shadow: 0px 0px 5px #f0e8e6; -moz-box-shadow: 0px 0px 5px #f0e8e6; border-radius: 10 -moz-border-radius: 10 }
 #JournalCalendar .header {margin-left: 10px !important; font: italic 22px 'Cambria';}
 .calnd td.cal-mnth a {font: italic 17px 'Cambria'; !important;}
 {--------------------------------------------------NOT_DISPLAYED-----------------------------------------------------------------}
 #rssLink, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #faqLink, #YaSearch, #Stats, #iAmQuit, #side h1 .opac6, #authorFav, #authorQuot, #sortOrder, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .email, .order_button.header, #authorLinks a, #authorLinks, .authorLinks, .authorLinks a, #myLinks a, #thisDiaryLinks, #thisDiaryPhoto, #YaSearch, #authorFav, #authorQuot, #photolibLink {display: none !important;}
 {---------------------------------------------------MENU----------------------------------------------------------------}
 #side {position: absolute !important; top: 20px !important; left: 90px !important; width: 0px !important; text-align: center; color: #8b9398; font-size: 13px ;}
 #side a {color: #8b9398; font-size: 13px ;}
 .menuSection_title b {font: italic 22px 'Cambria' !important; font-weight: normal !important; color: #646f76 !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter: alpha(opacity=80);}
 #thisDiaryOwner, #myDiaryLinks, #globalLinks {width: 160 text-align: center !important; }
 #thisDiaryOwner ul {width: 130 background: #202030; box-shadow: 0px 0px 5px #0f090c; -moz-box-shadow: 0px 0px 5px #0f090c; border-radius: 10 -moz-border-radius: 10 margin-left: 10px !important;}
 #myDiaryLinks ul { width: 120 background: #202030; box-shadow: 0px 0px 5px #0f090c; -moz-box-shadow: 0px 0px 5px #0f090c; border-radius: 10 -moz-border-radius: 10 margin-left: 17px !important;}
 #myDiaryLinks_title { width: 170px !important;}
 #globalLinks ul { width: 146 background: #202030; box-shadow: 0px 0px 5px #0f090c; -moz-box-shadow: 0px 0px 5px #0f090c; border-radius: 10 -moz-border-radius: 10 }
 #thisCommunityMember ul {background: #202030; box-shadow: 0px 0px 5px #0f090c; -moz-box-shadow: 0px 0px 5px #0f090c; border-radius: 10 -moz-border-radius: 10}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #globalLinks {position: absolute !important; top: 470px !important; left: 590px !important;}
 #thisDiaryOwner {position: absolute !important; top: 440px !important; left: 660px !important; }
 #myDiaryLinks {position: absolute !important; top: 500px !important; left: 490px !important;}
 #thisCommunityMember {position: absolute !important; top: 410px !important; left: 620px !important;}
 #TagsList ul {width: 131px !important; font-size: 11 text-align: left !important; margin-left: -17px !important;}
 #TagsList ul a {font-size: 11 overflow-x: hidden !important; width: 100px !important; display: block !important; left: -999}
 #TagsList a[href$="tags="] {font-weight: bold !important;}
 #bottom_up a {position: fixed !important; font: italic 21px 'Cambria' !important; background: #!important; color: #f3e8e4 ; border-radius: 10 -moz-border-radius: 10 padding: 7px 10px 7px 10 bottom: 5px !important; right: -64 opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); text-shadow: 0px 0px 1px #121119;}
 #bottom_up a:hover {right: -5 color: #f3eef5 !important; display: block !important;}
 #bottom_up a::first-letter {font: italic 24px 'Cambria' !important; }
 {-----------------------------------------------HEADERS--------------------------------------------------------------------}
 .header {color: #f3eef5; margin: 0px 0px 10px 0px !important; padding-top: 20px !important; font: italic 24px 'Cambria' !important; text-align: left !important; }
 .singlePost .header, .singleComment .header { text-align: left !important; padding: 0px 0px 5px 0px !important; color: #2b2e70 !important; margin-left: 0px !important; }
 #addCommentArea_title.header, #commentsArea_title.header {margin-top: -60px !important;}
 #thisDiaryInfo {position: absolute !important; top: 30px !important; left: 0px !important; width: 785px !important; display: block !important; }
 #authorName {font: italic 22px 'Cambria' !important; color: #646f76 !important; text-align: right !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); display: inline !important; float: right !important; margin-left: -8px !important; }
 #side h1 {position: absolute !important; top: 0px !important; left: 0px !important; width: 795px !important; display: block !important;}
 #side h1 a { color: #646f76 !important; font: italic 28px 'Cambria' !important; text-align: right !important; display: block !important; opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
 {----------------------------------------------------------IMGS_DIFF---------------------------------------------------------}
 .avatar img { width: 100 margin: 5px 15px 10px 10 border: solid 3px #41414a ; -moz-border: solid 3px #41414a; border-radius: 5 -moz-border-radius: 5 }
 .avatar {width: 115px !important; margin: -5px 0px 0px -20px !important; padding-left: 10px !important;}
 .sign { width: 100px !important; text-align: left; margin: 0px 0px 0px 5px !important;}
 img { max-width: 602 }
 #Journal img { max-width: 737 }
 .section, .formcontainer, .paragraph { _width: 602 overflow: auto !important; overflow-y: hidden; }
 .voting td img[src*=".gif"]{ padding: 9px 0 0 0; height: 0 border-bottom: 1px solid #cdcdcd; background: #41414a ;}
 span.quote_text {margin: 10px 20px -10px 20px !important; padding: 4px 5px 4px 5px !important; display: block !important;}
 .blockquote { display: block; margin-top: -5 padding: 0px 0px 0px 0}
 .submit {background: #41414a !important; color: #f3eef5 !important; padding: 5px 5px 7px 5px !important; margin: 10px 0px 10px 10px !important; font: italic 17px 'Cambria' !important; ; -moz-opacity: 0.8 !important; opacity: 0.8 !important; border-radius: 10 -moz-border-radius: 10 }
 input#btSubmit.submit { width: 115px !important; }
 input#rewrite.submit { width: 135px !important; margin-left: 7px !important; }
 input#preview.submit { width: 135px !important;}
 input.submit { width: 190px !important; }
 div.voting input.submit { width: 110px !important; margin: 0px 10px 10px 5px !important; }
 ::selection {color: #f3eef5 !important; background: #41414a !important;}
 ::-moz-selection {color: #f3eef5 !important; background: #41414a !important;}
 ::-webkit-selection {color: #f3eef5 !important; background: #41414a !important;}
 {----------------------------------------------------HOVER---------------------------------------------------------------}
 a:hover, a:active, a:link, a:visited {text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 a:hover, #TagsList a[href$="tags="]:hover {color: #41414a !important;}
 #side h1 a:hover, #authorName:hover, #bottom_up a:hover, .header span:hover, .submit:hover {opacity: 1.0 !important; -moz-opacity: 1.0 !important; -o-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 #pageBar a:hover, #globalLinks a:hover, #thisDiaryOwner a:hover, #myDiaryLinks a:hover, #thisCommunityMember a:hover {color: #394451 !important;}
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover, .tonotepadPostLink [src*="tonotepad.gif"]:hover, .fromnotepadPostLink [src*="fromnotepad.gif"]:hover { -moz-opacity: 1.0; opacity: 1.0 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 

ИЗОБРАЖЕНИЯ
ВРАППЕР i.imgur.com/SFMTV.png
ЭКСТРАТОП i.imgur.com/If9Is.jpg
СПРЕД i.imgur.com/8HTCx.png