#121 ФБ-2017

Название: In a parallel universe
Автор: колючий; (Hrizotil на других ресурсах)
Форма: CSS дизайн
Пейринг/Персонажи: корабль USS "Энтерпрайз", бонус
Категория: джен
Рейтинг: G
Исходники: Mohtz, 00549006, BeaGifted
Примечание: проверено на Win7 (Chrome; IE 11; Firefox ), Win10 (Chrome; IE; MS Edge)

Изображения, которые необходимо загрузить в библиотеку: изображение, экстработтом, бонус

В код необходимо добавлять ссылки из БИ вида /userdir/1/a/2/b/34567/abcdef.jpg

Настройки общие:
Дизайн блочный, меню справа
шрифт заголовка:	обычный 15 px
шрифт текста:	обычный 13 px
гарнитура: Trebuchet MS
заголовок	#f1313b
ссылки	#909090
запись	#554d50
оффтопик	#999
фон дневника	#ccced1
фон записи	#f4f4f4
границы	#e8e8e8
Остальные настройки должны быть пустыми (!)

#wrapper{position: relative; min-width: 980px !important; width: 980 margin-top: 50px !important; margin-bottom: 20px !important; }
 #extrabottom{height:25background:url('ССЫЛКА НА ЭКСТРАБОТТОМ') no-repeat;}
 {----------------------------------------------- меню ----------------------------------------------------}
 #side {width: 180 margin-right:30px !important; position: relative; text-align: center; text-transform: uppercase; color: #afa7a0 !important; font: 10px Verdana !important;}
 #side { color: #aeaeae !important;}
 #side a { color: #aeaeae !important;}
 #side h1 A { position: absolute; top: -30 left: -765 width: 250 font: 24px Georgia !important; text-align: left; color: #fff !important;}
 #side h1 A:hover {color:#171817 !important; background: none !important;}
 #authorName {color:#84848c !important; font-size: 11px !important;}
 #thisDiaryPhoto img {max-width:100px!important; opacity: 0.7;}
 #thisDiaryPhoto img:hover {opacity: 1.0; transition: 0.3s;}
 #side a:hover, a:active {color:#362e23 !important;background: none !important;}
 .menuSection li {padding: 3px 0px 3px 0px !important; margin-top: 5px !important; }
 #thisDiaryInfo {padding: 10px 0px 10px 0px !important; margin: 5px 0 0 5px !important; }
 #TagsList { background: none !important; margin: 0 !important; text-align: left; text-transform: lowercase;}
 #TagsList li { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 1px !important; padding: 0px !important; font-size: 10px !important;}
 #thisDiaryPhoto img { border:10px solid #e8e8e8; }
 #Stats {margin: 5px 0 0 5px !important; padding: 5px 0px 0px 0px !important;}
 #allDiaryLink { background:#f4d6e6 !important; width:181 margin-left: -16px !important; }
 #allDiaryLink a {color:#555555 !important;}
 #myDiaryLink { background:#d6ddf4 !important; width:181 margin-left: -16px !important; }
 #myDiaryLink a {color:#555555 !important;}
 #myFavLink { background:#f4e2d6 !important; width:181 margin-left: -16px !important; }
 #myFavLink a {color:#555555 !important; font-weight: bold !important;}
 {----------------------------------------------- записи и комментарии----------------------------------------------------}
 #page-t { background: #e8e8e8 url('ССЫЛКА НА ИЗОБРАЖЕНИЕ') 13px 0 no-repeat; padding: 455px 20px 10px 20px !important; }
 #post0 { margin: 0px 0px -10px 0px !important; padding: 0px !important; }
 .postTitle { font: bold 13px Verdana !important; font-style: !important; text-shadow: 0px 1px 1px #fff; filter: background: # 0 100% repeat-x !important; padding: !important; text-transform: uppercase;}
 #addCommentArea_title, #commentsArea_title, #commentsArea_title, #new_post_title, .calHeader { font: bold 12px Verdana !important; font-style: !important; text-shadow: 0px 1px 1px #fff; filter:padding: !important; text-transform: uppercase; text-align: center !important;}
 .header h2 {font: bold 12px Verdana !important; text-transform: uppercase; }
 .postDate { font: bold 11px Verdana !important; color: #333 !important; text-transform: uppercase; !important; background: # 0 100% repeat-x;}
 .singleComment, #addCommentArea {margin: 0px 0 20px 0px !important; }
 .comments a {font-weight: bold !important;}
  span.quote_text { font-style: normal !important; display: block; margin-bottom: 10 padding: 5 font-size: 95%; background: #f6f6f6; border: 1px solid #d3d2d2;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color:#545454 !important; transition: 0.3s !important; cursor: default !important; background: #e4e4e5 !important;}
 .paragraph img {max-width: 500px !important;}
 .paragraph a {color: #A17D96 !important; text-decoration: none!important; font-style: italic !important; font-weight: bold!important; }
 .paragraph a:hover {color: #ff5663 !important; background: #e5e5e5 !important;}
 .paragraph img {max-width: 500 height: auto; -moz-opacity:0.9!important;opacity:0.9 !important; filter:alpha(opacity=90);}
 .paragraph img:hover { -moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}
 .atTag a {color: #7e7e7e !important; font-size:12px !important; font-weight: normal !important;}
 .atTag a:hover {color:#acacac !important; background:none !important;}
 .atTag em, .atMood em, .atMusic em {color:#aea6a6 !important; font-size:12px !important; }
 .atTag span, .atMusic span, .atMood span {color: #bfb8b8 !important; font-size:12px !important; font-weight: bold!important; }
 .avatar img {max-width: 90px !important; max-height: 90px !important; border: 8px solid #e8e8e8; -moz-opacity:0.85 !important;opacity:0.85 !important; filter:alpha(opacity=85);}
 .avatar img:hover {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}
 .postLinksBackg {padding-top:5px !important; padding-bottom:10px !important; text-transform: uppercase; font-size: 10px !important; font-family: Verdana;}
 .postLinksBackg a {color: #918a8d !important; cursor : default;}
 .postLinksBackg a:hover {color: #ef6c5e !important; text-decoration: none !important;}
 .comments a {color: #837b7f !important; font-weight: bold !important;}
 .comments_count_link {color: #837b7f !important;}
 .sign {font-style: italic !important; 12px!important; color: #a7a7a7 !important; margin-top: -2px !important; padding-left: 3px !important; width: 110px !important; background: #e8e8e8 !important; max-width: 103px !important; min-width: 103px !important; text-align: center !important;}
 .LinkMore {border-bottom: dotted; border-width: 1 font-style:normal !important; }
 #favGroups a:hover {color: #363636 !important;}
 #linksGroups a:hover {color: #363636 !important;}
 #draft_list a:hover {color: #363636 !important;}
 .communityName {margin-top:5px !important; margin-bottom:5px !important;}
 .authorName a {color: #9D9D9D !important; }
 .authorName a:hover {color: #c15a9b !important; background: #eaebe8 !important;}
 .communityName a {color: #505050 !important; }
 .communityName a:hover {color: #c15a9b !important; text-decoration: none; }
 .TagL a {color: #6a5457 !important; background: none !important;}
 .TagL a: hover {background:none !important;}
 #w18p, .pages_str {display: none !important;}
 div.voting img { height: 0px !important; border: 5px #ADADAD solid; background: #ADADAD !important; opacity: 1.0 !important;}

Если название дневника не вмещается полностью в одну строку, скорректируйте следующие цифры: #side h1 A { position: absolute; top: -30 left: -765 width: 250 font: 22px Georgia !important; text-align: left; color: #fff !important;} - т.е. ширину блока под название и размер шрифта соответственно.

Название: Afterwards
Автор: колючий; (Hrizotil на других ресурсах)
Форма: CSS дизайн
Пейринг/Персонажи: Джеймс Кирк, Спок
Категория: преслэш
Рейтинг: PG
Исходники: EphemeralKing
Примечание: проверено на Win7 (Chrome; IE 11; Firefox), Win10 (Chrome; IE; MS Edge)
Предупреждения: для установки дизайна требуется подключить платную услугу "CSS"; крайне минималистичное меню; код не оптимизирован

Название: Berries double shake
Задание: Нарцисс
Автор: колючий; (Hrizotil на других ресурсах)
Форма: CSS дизайн
Пейринг/Персонажи: Джеймс Кирк, Спок, Леонард Маккой + фем!версии
Категория: джен
Рейтинг: PG
Исходники: Pinterest (1, 2, 3)
Примечание: проверено на Win7 (Chrome; IE 11; Firefox ), Win10 (Chrome; IE; MS Edge)

Изображения, которые необходимо загрузить в библиотеку: экстратоп 1 или экстратоп 2, экстработтом;
Фото дневника из дуэтов: 1, 2, 3.

В код необходимо добавлять ссылки из БИ вида /userdir/1/a/2/b/34567/abcdef.jpg

Настройки общие:
Дизайн блочный, меню слева
шрифт заголовка:	курсив 15 px
шрифт текста:	обычный 14 px
гарнитура: Trebuchet MS
заголовок	#A3608C
запись	#a38299
оффтопик	#1C0F18
Остальные настройки должны быть пустыми (!)

body{background: #00cac0 repeat;}
 #extratop{height:414background:url('ССЫЛКА НА ЭКСТРАТОП') 100% 0 no-repeat; -webkit-border-radius: 15px !important; -moz-border-radius: 15border-radius: 15px !important;}
 #extrabottom{height:25background:url('ССЫЛКА НА ЭКСТРАБОТТОМ') 100% 0 no-repeat;}
 #wrapper{width:900min-width:0; border:10px solid #752B59; -webkit-border-radius: 15px !important; -moz-border-radius: 15border-radius: 15px !important; background:#271d25 !important;}
 #side{width:200 margin-top: -414 text-transform: uppercase; background-color:#271d25; font-size: 12px !important;}
 .left #page-c {margin-left:-200}
 .left #page-t {margin-left:200}
 #post0 { margin: 0px 0px -15px 0px !important; padding: 0px !important; }
 a {color: #97316f !important;}
 a:link, a:visited {text-decoration:none !important; color: # !important; transition: 0.4s !important;}
 a:hover, a:active {color:#d61d93 !important; -moz-transition-delay: 0s; -moz-transition-delay: 0s; -moz-transition-duration: 100ms; -moz-transition-property: all; -moz-transition-timing-#: cubic-bezier(0.25, 0.25, 0.75, 0.75); cursor: default !important;}
 .menuSection li { margin-top: 3px !important; }
 #side a {color:#8F4572!important;}
 #side a:hover, a:active {color:#00B0A7 !important;}
 #side h1 a {color:#D61D93 !important; font-weight: bold !important; font-size: 13px !important;}
 #side h1 a:hover {color:#00cac0 !important;}
 #thisDiaryPhoto img {max-width:100px!important; }
 .authorName {margin-top:10px !important;}
 .authorName a {color: #6E4460 !important; font-size: 13px !important; margin-left: 15px !important;}
 .authorName a:hover {color: #8C567C !important; }
 .communityName {margin-top:10px !important;}
 .communityName a {color: #6E4460 !important; font-size: 14px !important; font-weight: bold !important;}
 .communityName a:hover {color:#8C567C !important; }
 #thisDiaryPhoto img {width:100px !important; min-width:100px !important; max-width: 100px !important; border: 1px solid #00cac0 !important; margin-left: px !important; padding: 4px !important;}
 .avatar img { width:90px !important; min-width:90px !important; max-width:90px!important; border-width:5 border-color:#271d25; border-style:solid; padding:0 display: block; -webkit-border-radius: 15-moz-border-radius: 15border-radius: 15 -moz-opacity:0.9 !important;opacity:0.9 !important; filter:alpha(opacity=90);}
 .avatar img:hover {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}
 .sign {color: #1C0F18 !important; padding-left: 6px !important; margin-top: -3px !important; width: 80px !important; max-width: 80px !important; min-width: 80px !important; text-align: center !important;}
 .postDate{text-align:center; text-transform: uppercase; margin:10px !important; font-style:normal !important; font-weight:normal !important; color: #5C3B51 !important;}
 .postContent {background-color:#3b2935 !important; padding: 10 -webkit-border-radius: 15-moz-border-radius: 15border-radius: 15px !important; margin-bottom:10px !important;}
 #addCommentArea {background-color:#3b2935 !important; -webkit-border-radius: 15-moz-border-radius: 15border-radius: 15px !important;padding:10 width:660 margin-left:10px !important;}
 textarea { border: 1px solid #00cac0 !important; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10px !important;}
 #TagsList ul {text-transform: lowercase !important;}
 .paragraph a {color: #B53389 !important; font-style: italic !important; font-weight: bold!important; }
 .paragraph a:hover {color: #99186E !important; text-decoration:none !important; transition: 0.4s !important;}
 .paragraph img {max-width: 500px !important;}
 .LinkMore {border-bottom: dotted; border-width: 1px !important;}
 .postLinksBackg {margin-bottom: 10px !important; text-transform: uppercase; color: #9e7681 !important; font-size: 11px !important;}
 .postLinksBackg a {color: #703259 !important;}
 .postLinksBackg a:hover {color: #804268 !important; text-decoration:none !important; transition: 0.4s !important;}
 .atTag em, .atMood, .atMusic, .atTag a{color:#6E4460!important; font-size:11px !important; }
 .atTag span, .atMusic span, .atMood span {color: #604056 !important; font-weight: bold!important; font-size:11px !important;}
 .atTag a:hover{color:#8C567C!important; background:none !important;}
 #pageBar a { color: #72585c !important; font-size: 12px !important;}
 #pageBar a:hover {color: #8b6b6f !important;}
 #AvatarSelector img {margin-bottom: 0; margin-left: ; margin-right: 0; margin-top: 0; padding-left: 0 -webkit-border-radius: 15-moz-border-radius: 15border-radius: 15 -moz-opacity:0.8 !important;opacity:0.8 !important; filter:alpha(opacity=80);}
 #AvatarSelector img:hover {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}
 .commentAuthor { width:110px !important;}
 #commentsArea_title, #addCommentArea_title, .calHeader, #new_post_title {text-align:center; color: #543b4c !important; text-transform: uppercase;font-size: 15px !important; font-style: normal !important;}
 #favGroups a, #linksGroups a, #draft_list a {color: #d4fbe3;}
 .tags_ul_all a {color: #6e4f64 !important;}
 .tags_ul_all a:hover {color: #8b667f !important;}
 span.quote_text {color: #94778b !important; font-style: normal !important; border-left:5px solid #00cac0 !important; border-right:5px solid #00cac0 !important; display: block; padding: 10 font-size: 95%; background: #4d3645; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10px !important;}
 #msg_form a {color: #6e4f64 !important;}
 #msg_form a:hover {color: #8b667f !important;}
 .order_button, .pages_str {display: none !important;}
 #w18p, .pages_str {display: none !important;}
 div.voting img { height: 0px !important; border: 5px #805772 solid; background: #805772 !important;}
 #codebuttons a img {background: #8A5C7A !important; border:1px solid #00cac0 !important; -webkit-border-radius: 5-moz-border-radius: 5border-radius: 5px !important; }
 #codebuttons a:hover img {transition: 0.4s !important;}
 #btSubmit {background: #7A536D; opacity: 1; width:  height: 30 border:1px solid #00cac0 !important; -webkit-border-radius: 5-moz-border-radius: 5border-radius: 5px !important;}
 #btSubmit:hover {border: solid 1px #752B59 !important; opacity: 1; transition: 0.4s !important;}
 .submit[value="Отправить"] {text-transform: uppercase !important; font: 13px !important; color: #271d25 !important;}
 #rewrite, #preview {text-transform: uppercase !important; color: #271d25 !important; background: #7A536D; height: 30 border: solid 1px #00cac0 !important; -webkit-border-radius: 5-moz-border-radius: 5border-radius: 5px !important; opacity: 1;}
 #rewrite:hover, #preview:hover {border: solid 1px #752B59 !important; opacity: 1; transition: 0.4s !important;}
 #draft_save {text-transform: uppercase !important; color: #271d25 !important; background: #7A536D; height: 30 border: solid 1px #00cac0 !important; -webkit-border-radius: 5-moz-border-radius: 5border-radius: 5px !important; opacity: 1; min-width: 190}
 #draft_save:hover {border: solid 1px #752B59 !important; opacity: 1; transition: 0.4s !important;}

Настройки общие:
Дизайн табличный, меню сверху
шрифт заголовка:	обычный 12 px
шрифт текста:	обычный 12 px
гарнитура: Tahoma
заголовок	#404040
ссылки	#808080
запись	#737373
оффтопик	#404040
Остальные настройки должны быть пустыми (!)

#121 ФБ-2017

Смотрите также