Advertisement
Guest User

iichan futaba clear + pseudoframe FIX 1

a guest
Aug 23rd, 2015
344
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .banner {
  2.     display: none;
  3. }
  4.  
  5. /*
  6.  * Превращает на Ычане верхний админбар во фрейм.
  7.  * Note: внимательнее с конфликтами hatsune.ru/b/ - iichan.hk/b/ и tenhou.ru/m/ - iichan.hk/m/
  8.  */
  9.  
  10. /*==================================================================================================
  11. Каркас
  12. ==================================================================================================*/
  13.  
  14. /* админбар */
  15. .adminbar:first-child {
  16.     bottom: 0;
  17.     font-size: 0;
  18.     left: 0;
  19.     overflow: auto;
  20.     position: fixed;
  21.     top: 0;
  22.     z-index: 2;
  23. }
  24.  
  25. /* заголовки */
  26. .adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/es/"]::before, .adminbar:first-child > a[href$="/an/"]::before, .adminbar:first-child > a[href$="/a/"]::before, .adminbar:first-child > a[href$="('Burichan','list')"]::before, .adminbar:first-child > a[href$="ii.booru.org"]::before {
  27.     display:block;
  28. }
  29.  
  30. /* ссылки */
  31. .adminbar:first-child > a {
  32.     display: block;
  33.     font-size: small;
  34. }
  35.  
  36. /*==================================================================================================
  37. Анимация
  38. ==================================================================================================*/
  39.  
  40. /* выезжание админбара */
  41. .adminbar:first-child:hover
  42. {
  43.     transform: translate(0, 0);
  44.     opacity: 1;
  45. }
  46.  
  47. .adminbar:first-child {
  48.     transition-property: transform, opacity;
  49.     transition-duration: .2s;
  50.     transition-timing-function: ease-in-out;
  51.     transform: translate(-90%, 0);
  52.     opacity: 0;
  53. }
  54.  
  55. /* Вся страница съезжает вправо */
  56. /* .adminbar:first-child:hover ~ *
  57. {
  58.     transform: translate(215px, 0);
  59. }
  60.  
  61. .adminbar:first-child ~ *
  62. {
  63.     transition: transform .2s ease-in-out;
  64. } */
  65.  
  66. /*==================================================================================================
  67. Оформление
  68. ==================================================================================================*/
  69.  
  70. /* админбар */
  71. .adminbar:first-child {
  72.     border-right: 1px solid;
  73.     background-color: inherit;
  74.     box-shadow: 0 0 5px black;
  75.     width: 215px;
  76.     padding-bottom: 7px;
  77. }
  78.  
  79. /* заголовки */
  80. .adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/es/"]::before, .adminbar:first-child > a[href$="/an/"]::before, .adminbar:first-child > a[href$="/a/"]::before, .adminbar:first-child > a[href$="('Burichan','list')"]::before, .adminbar:first-child > a[href$="ii.booru.org"]::before {
  81.     background: #EEAA88;
  82.     color: #800000;
  83.     font-family: sans-serif;
  84.     font-size: 10pt;
  85.     font-weight: 700;
  86.     margin: 7px -3px 0 -3px;
  87.     padding: 0px 3px;
  88.     text-align: left;
  89.     text-decoration: none;
  90. }
  91.  
  92. /* ссылки */
  93. .adminbar:first-child > a {
  94.     background: #F0E0D6;
  95.     color: #800000;
  96.     font-family: sans-serif;
  97.     margin: 0 7px;
  98.     padding: 0 3px 0 3px;
  99.     text-align: right;
  100.     text-decoration: none;
  101. }
  102.  
  103. .adminbar:first-child > a:hover {
  104.     background: #FFE;
  105. }
  106.  
  107. /* Ссылки не на доски не имеют подписей, поэтому выровнены по левому краю. */
  108. .adminbar:first-child > a[href$="/hatsune.ru/b/"] ~ a {
  109.     text-align: left;
  110. }
  111.  
  112. .adminbar:first-child > a[href$="blogspot.com"],
  113. .adminbar:first-child > a[href$="iichantra.ru"],
  114. .adminbar:first-child > a[href$="overchan.ru"] {
  115.     text-decoration: underline;
  116.     font-family: serif;
  117.     font-size: 12pt;
  118.     background-color: #FFE;
  119.     position: absolute;
  120.     left: 0;
  121.     right: 0;
  122.     text-align: center !important;
  123.     text-transform: lowercase;
  124. }
  125.  
  126. .adminbar:first-child > a[href$="blogspot.com"] {top: 40px;}
  127. .adminbar:first-child > a[href$="iichantra.ru"] {top: 58px;}
  128. .adminbar:first-child > a[href="http://overchan.ru"] {top: 76px;}
  129. .adminbar:first-child > a[href="http://radio.overchan.ru"] {top: 94px;}
  130.  
  131. /* Подписи к ссылкам слева. */
  132. .adminbar:first-child > a[href$="/d/"]::after, .adminbar:first-child > a[href$="/es/"]::after, .adminbar:first-child > a[href$="/gnx/"]::after, .adminbar:first-child > a[href$="/abe/"]::after, .adminbar:first-child > a[href$="/int/"]::after, .adminbar:first-child > a[href$="/ts/"]::after, .adminbar:first-child > a[href$="/au/"]::after, .adminbar:first-child > a[href$="/b/"]::after, .adminbar:first-child > a[href$="/vg/"]::after, .adminbar:first-child > a[href$="/hr/"]::after, .adminbar:first-child > a[href$="/gf/"]::after, .adminbar:first-child > a[href$="/an/"]::after, .adminbar:first-child > a[href$="/ne/"]::after, .adminbar:first-child > a[href$="/tran/"]::after, .adminbar:first-child > a[href$="/tv/"]::after, .adminbar:first-child > a[href$="/cu/"]::after, .adminbar:first-child > a[href$="/l/"]::after, .adminbar:first-child > a[href$="tenhou.ru/m/"]::after, .adminbar:first-child > a[href$="/bro/"]::after, .adminbar:first-child > a[href$="/m/"]::after, .adminbar:first-child > a[href$="/med/"]::after, .adminbar:first-child > a[href$="/mo/"]::after, .adminbar:first-child > a[href$="/mu/"]::after, .adminbar:first-child > a[href$="/bg/"]::after, .adminbar:first-child > a[href$="/sci/"]::after, .adminbar:first-child > a[href$="/w/"]::after, .adminbar:first-child > a[href$="/mi/"]::after, .adminbar:first-child > a[href$="/o/"]::after, .adminbar:first-child > a[href$="/x/"]::after, .adminbar:first-child > a[href$="/p/"]::after, .adminbar:first-child > a[href$="/r/"]::after, .adminbar:first-child > a[href$="/dev/"]::after, .adminbar:first-child > a[href$="/maid/"]::after, .adminbar:first-child > a[href$="/sp/"]::after, .adminbar:first-child > a[href$="/t/"]::after, .adminbar:first-child > a[href$="/tr/"]::after, .adminbar:first-child > a[href$="/tu/"]::after, .adminbar:first-child > a[href$="/ph/"]::after, .adminbar:first-child > a[href$="/fr/"]::after, .adminbar:first-child > a[href$="/s/"]::after, .adminbar:first-child > a[href$="/jp/"]::after, .adminbar:first-child > a[href$="/a/"]::after, .adminbar:first-child > a[href$="/aa/"]::after, .adminbar:first-child > a[href$="/azu/"]::after, .adminbar:first-child > a[href$="/vn/"]::after, .adminbar:first-child > a[href$="/c/"]::after, .adminbar:first-child > a[href$="/ls/"]::after, .adminbar:first-child > a[href$="/ma/"]::after, .adminbar:first-child > a[href$="/me/"]::after, .adminbar:first-child > a[href$="/rm/"]::after, .adminbar:first-child > a[href$="/tan/"]::after, .adminbar:first-child > a[href$="/sos/"]::after, .adminbar:first-child > a[href$="/to/"]::after, .adminbar:first-child > a[href$="/fi/"]::after, .adminbar:first-child > a[href$="/hau/"]::after, .adminbar:first-child > a[href$="hatsune.ru/b/"]::after {
  133.     float: left;
  134. }
  135.  
  136. /*==================================================================================================
  137. Подписи к заголовкам
  138. ==================================================================================================*/
  139.  
  140. .adminbar:first-child > a[href$="/d/"]::before                 {content: "Обсуждения";margin-top: 80px;}
  141. .adminbar:first-child > a[href$="/es/"]::before               {content: "На пробу";}
  142. .adminbar:first-child > a[href$="/an/"]::before                {content: "Общее";}
  143. .adminbar:first-child > a[href$="/a/"]::before                 {content: "Японская культура";}
  144. .adminbar:first-child > a[href$="('Burichan','list')"]::before {content: "Стили";}
  145. .adminbar:first-child > a[href$="ii.booru.org"]::before        {content: "Разное";}
  146.  
  147. /*==================================================================================================
  148. Подписи к списку досок
  149. ==================================================================================================*/
  150.  
  151. .adminbar:first-child > a[href$="/d/"]::after    {content: "работа сайта";}
  152. .adminbar:first-child > a[href$="/es/"]::after   {content: "бесконечное лето";}
  153. .adminbar:first-child > a[href$="hatsune.ru/b/"]::after {content: "vocaloid" !important;}
  154. .adminbar:first-child > a[href$="/gnx/"]::after  {content: "gainax";}
  155. .adminbar:first-child > a[href$="/abe/"]::after  {content: "ёситоси абэ";}
  156. .adminbar:first-child > a[href$="/int/"]::after  {content: "international";}
  157. .adminbar:first-child > a[href$="/ts/"]::after   {content: "цундере";}
  158. .adminbar:first-child > a[href$="/au/"]::after   {content: "автомобили";}
  159. .adminbar:first-child > a[href$="/b/"]::after    {content: "бред";}
  160. .adminbar:first-child > a[href$="/vg/"]::after   {content: "видеоигры";}
  161. .adminbar:first-child > a[href$="/hr/"]::after   {content: "высокое разрешение";}
  162. .adminbar:first-child > a[href$="/gf/"]::after   {content: "gif- и flash-анимация";}
  163. .adminbar:first-child > a[href$="/an/"]::after   {content: "живопись";}
  164. .adminbar:first-child > a[href$="/ne/"]::after   {content: "животные";}
  165. .adminbar:first-child > a[href$="/tran/"]::after {content: "иностранные языки";}
  166. .adminbar:first-child > a[href$="/tv/"]::after   {content: "кино и тв";}
  167. .adminbar:first-child > a[href$="/cu/"]::after   {content: "кулинария";}
  168. .adminbar:first-child > a[href$="/l/"]::after    {content: "литература";}
  169. .adminbar:first-child > a[href$="tenhou.ru/m/"]::after   {content: "маджонг" !important;}
  170. .adminbar:first-child > a[href$="/bro/"]::after  {content: "my little pony";}
  171. .adminbar:first-child > a[href$="/m/"]::after    {content: "макросы/копипаста";}
  172. .adminbar:first-child > a[href$="/med/"]::after  {content: "медицина";}
  173. .adminbar:first-child > a[href$="/mo/"]::after   {content: "мотоциклы";}
  174. .adminbar:first-child > a[href$="/mu/"]::after   {content: "музыка";}
  175. .adminbar:first-child > a[href$="/bg/"]::after   {content: "настольные игры";}
  176. .adminbar:first-child > a[href$="/sci/"]::after  {content: "наука";}
  177. .adminbar:first-child > a[href$="/w/"]::after    {content: "обои";}
  178. .adminbar:first-child > a[href$="/mi/"]::after   {content: "оружие";}
  179. .adminbar:first-child > a[href$="/o/"]::after    {content: "оэкаки";}
  180. .adminbar:first-child > a[href$="/x/"]::after    {content: "паранормальные явления";}
  181. .adminbar:first-child > a[href$="/p/"]::after    {content: "политика";}
  182. .adminbar:first-child > a[href$="/r/"]::after    {content: "просьбы";}
  183. .adminbar:first-child > a[href$="/dev/"]::after  {content: "разработка";}
  184. .adminbar:first-child > a[href$="/maid/"]::after {content: "служанки";}
  185. .adminbar:first-child > a[href$="/sp/"]::after   {content: "спорт";}
  186. .adminbar:first-child > a[href$="/t/"]::after    {content: "торренты";}
  187. .adminbar:first-child > a[href$="/tr/"]::after   {content: "транспорт";}
  188. .adminbar:first-child > a[href$="/tu/"]::after   {content: "туризм";}
  189. .adminbar:first-child > a[href$="/ph/"]::after   {content: "фото";}
  190. .adminbar:first-child > a[href$="/fr/"]::after   {content: "фурри";}
  191. .adminbar:first-child > a[href$="/s/"]::after    {content: "электроника и по";}
  192. .adminbar:first-child > a[href$="/jp/"]::after   {content: "япония";}
  193. .adminbar:first-child > a[href$="/a/"]::after    {content: "аниме";}
  194. .adminbar:first-child > a[href$="/aa/"]::after   {content: "аниме арт";}
  195. .adminbar:first-child > a[href$="/azu/"]::after  {content: "azumanga daioh";}
  196. .adminbar:first-child > a[href$="/vn/"]::after   {content: "визуальные новеллы";}
  197. .adminbar:first-child > a[href$="/c/"]::after    {content: "косплей";}
  198. .adminbar:first-child > a[href$="/ls/"]::after   {content: "lucky star";}
  199. .adminbar:first-child > a[href$="/ma/"]::after   {content: "манга";}
  200. .adminbar:first-child > a[href$="/me/"]::after   {content: "меха";}
  201. .adminbar:first-child > a[href$="/rm/"]::after   {content: "rozen maiden";}
  202. .adminbar:first-child > a[href$="/tan/"]::after  {content: "сетевые персонажи";}
  203. .adminbar:first-child > a[href$="/sos/"]::after  {content: "suzumiya haruhi no yūutsu";}
  204. .adminbar:first-child > a[href$="/to/"]::after   {content: "touhou";}
  205. .adminbar:first-child > a[href$="/fi/"]::after   {content: "фигурки";}
  206. .adminbar:first-child > a[href$="/hau/"]::after  {content: "higurashi no naku koro ni";}
  207.  
  208. .adminbar:first-child > a[href$="ii.booru.org"]::after {
  209.     content: 'архив рисунков';
  210.     float: left;
  211.     margin-right: 5px;
  212. }
  213.  
  214. .adminbar:first-child > a[href$="acomics.ichan.ru"]::after {
  215.     content: 'архив комиксов';
  216.     float: left;
  217.     margin-right: 5px;
  218. }
  219.  
  220. .adminbar:first-child > a[href$="cf.ichan.ru"]::after {
  221.     content: 'classic fond archive';
  222.     float: left;
  223.     margin-right: 5px;
  224. }
  225.  
  226. .adminbar:first-child > a[href$="ost.ichan.ru"]::after {
  227.     content: 'ru-boards';
  228.     float: left;
  229.     margin-right: 5px;
  230. }
  231.  
  232. .adminbar:first-child > a[href$="ru_iichan"]::after {
  233.     content: 'ru_iichan';
  234. }
  235.  
  236. /*==================================================================================================
  237. Скрытые доски
  238. ==================================================================================================*/
  239.  
  240. .adminbar:first-child > a[href$="/bro/"] {display: none;}
  241.  
  242. /*==================================================================================================
  243. Жирные доски
  244. ==================================================================================================*/
  245.  
  246. .adminbar:first-child > a[href$="/b/"]:not([href$="hatsune.ru/b/"]),
  247. .adminbar:first-child > a[href$="/a/"] {
  248.     font-weight: bold;
  249. }
  250.  
  251. .adminbar:first-child > a[href$="/cgi-bin/../"]::after {
  252.     content: '#Ычан';
  253.     font-size: 35px;
  254.     font-family: serif;
  255.     text-align: center;
  256.     display: block;
  257.     position: absolute;
  258.     top: 0;
  259.     text-decoration: underline;
  260.     left: 0;
  261.     right: 0;
  262. }
  263.  
  264. .adminbar::before {
  265.     content: '#Ычан';
  266.     opacity: 0;
  267.     display: block;
  268.     font-size: 35px;
  269.     text-align: center;
  270. }
  271.  
  272. /* Чистка */
  273.  
  274. pre, code
  275. {
  276.     word-wrap: break-word;
  277. }
  278.  
  279. div[id^="thread"],
  280. table,
  281. /*desu*/ form > div:not(.reply) > div:first-child
  282. {
  283.     position: relative;
  284. }
  285.  
  286. body,
  287. div[id^="thread"],
  288. div[id^="thread"] > span.filesize,
  289. div[id^="thread"] > a:first-of-type,
  290. td.reply,
  291. td.reply > span.filesize,
  292. td.highlight,
  293. td.highlight > span.filesize,
  294. /*desu*/ form > div:not(.reply) > div:first-child,
  295. /*desu*/ form > div:not(.reply) > div:first-child > span.filesize,
  296. /*desu*/ form > div:not(.reply) > div:first-child > a:first-of-type
  297. {
  298.     font-size: 0;
  299. }
  300.  
  301. body > div,
  302. body > form,
  303. body > p,
  304. body > span,
  305. body > table,
  306. div[id^="thread"] > a,
  307. div[id^="thread"] > span,
  308. div[id^="thread"] > div,
  309. div[id^="thread"] > blockquote,
  310. div[id^="thread"] > table,
  311. /*desu*/ form > div:not(.reply) > div:first-child > a,
  312. /*desu*/ form > div:not(.reply) > div:first-child > span,
  313. /*desu*/ form > div:not(.reply) > div:first-child > div,
  314. /*desu*/ form > div:not(.reply) > div:first-child > blockquote,
  315. /*desu*/ form > div:not(.reply) > div:first-child > table,
  316. td.reply > a,
  317. td.reply > span,
  318. td.reply > div,
  319. td.reply > blockquote,
  320. td.reply > table,
  321. td.highlight > a,
  322. td.highlight > span,
  323. td.highlight > div,
  324. td.highlight > blockquote,
  325. td.highlight > table
  326. {
  327.     font-size: 12pt;
  328. }
  329.  
  330. div[id^="thread"] > label,
  331. /*desu*/ form > div:not(.reply) > div:first-child > label,
  332. td.reply > label,
  333. td.highlight > label,
  334. div[id^="thread"] > span.filesize > a,
  335. /*desu*/ form > div:not(.reply) > div:first-child > span.filesize > a,
  336. td.reply > span.filesize > a,
  337. td.highlight > span.filesize > a
  338. {
  339.     font-size: 10pt;
  340. }
  341.  
  342. td.doubledash,
  343. span.thumbnailmsg,
  344. td.reply > br:first-of-type,
  345. td.highlight > br:first-of-type,
  346. div[id^="thread"] > br:first-of-type,
  347. /*desu*/ form > div:not(.reply) > div:first-child > br:first-of-type
  348. {
  349.     display: none;
  350. }
  351.  
  352. /* Анимация */
  353.  
  354. img[src*="thumb"], img[src^="blob"], /*Мамка в комнате*/
  355. .spoiler, /*Анимация: Спойлер*/
  356. div[id^="thread"] > .filesize,
  357. div[id^="thread"] > label,
  358. /*desu*/ form > div:not(.reply) > div:first-child > .filesize,
  359. /*desu*/ form > div:not(.reply) > div:first-child > label,
  360. td.reply > .filesize,
  361. td.reply > label,
  362. td.highlight > .filesize,
  363. td.highlight > label,
  364. form ~ table,
  365. body > p:first-child,
  366. body > .adminbar:first-child, td.reply > .de-post-btns > span, td.highlight > .de-post-btns > span
  367. {
  368.     transition: all .2s ease-in-out;
  369. }
  370.  
  371. /* Анимация: Скрытые треды */
  372.  
  373. .de-thr-hid
  374. {
  375.     transition: opacity .1s ease-in-out;
  376.     opacity: .2;
  377. }
  378.  
  379. .de-thr-hid:hover
  380. {
  381.     opacity: 1;
  382. }
  383.  
  384. /* Анимация: Слишком длинное сообщение */
  385.  
  386. .abbrev > a
  387. {
  388.     display: inline-block;
  389.     height: 1em;
  390.     transition-property: all;
  391.     transition-duration: .2s;
  392.     transition-timing-function: ease-in-out;
  393. }
  394.  
  395. .abbrev > a:hover
  396. {
  397.     height: 2em;
  398. }
  399.  
  400. /* Стиль доски: разделители */
  401.  
  402. br[clear="left"]
  403. {
  404.     display: none;
  405. }
  406.  
  407. hr {
  408.     border: 1px solid;
  409.     border-left: none;
  410.     border-right: none;
  411.     height: 4px;
  412.     clear: both;
  413.     border-color: #800000;
  414. }
  415.  
  416. /*Стиль блока сообщения*/
  417.  
  418. td.reply
  419. {
  420.     border: 1px solid currentcolor;
  421.     min-width: 200px;
  422. }
  423.  
  424. td.reply,
  425. td.highlight
  426. {
  427.     border-radius: 5px;
  428.     box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  429.     padding: 5px;
  430. }
  431.  
  432. td.reply > blockquote,
  433. td.highlight > blockquote,
  434. div[id^="thread"] > blockquote,
  435. /*desu*/ form > div:not(.reply) > div:first-child > blockquote
  436. {
  437.     margin: 0 0 0 10px;
  438. }
  439.  
  440. img.thumb
  441. {
  442.     margin: 0 10px 10px 10px;
  443. }
  444.  
  445. p,
  446. blockquote.unkfunc
  447. {
  448.     margin: 0;
  449. }
  450.  
  451. /* Ссылка на файл появляется по наведению */
  452.  
  453. div[id^="thread"] > .filesize,
  454. /*desu*/ form > div:not(.reply) > div:first-child > .filesize
  455. {
  456.     position: absolute;
  457.     margin: 0 10px;
  458.     left: 0;
  459.     /*background: inherit;*//*Default */
  460.     /*background: #EEF2FF;*//*Burichan*/
  461.     /*background: #EDDAD2;*//*Gurochan*/
  462.       background: #FFFFEE;  /*Futaba  */
  463. }
  464.  
  465. td.reply > .filesize,
  466. td.highlight > .filesize
  467. {
  468.     margin: 0;
  469.     /*background: inherit;*//*Default */
  470.     /*background: #D6DAF0;*//*Burichan*/
  471.     /*background: #D9AF9E;*//*Gurochan*/
  472.       background: #F0E0D6;  /*Futaba  */
  473. }
  474.  
  475. div[id^="thread"] > .filesize,
  476. /*desu*/ form > div:not(.reply) > div:first-child > .filesize,
  477. td.reply > .filesize,
  478. td.highlight > .filesize, td.reply > .de-post-btns > span:not(.de-post-note), td.highlight > .de-post-btns > span:not(.de-post-note)
  479. {
  480.     opacity: 0;
  481. }
  482.  
  483. div[id^="thread"]:hover > .filesize,
  484. /*desu*/ form > div:not(.reply) > div:first-child:hover > .filesize,
  485. td.reply:hover > .filesize,
  486. td.highlight:hover > .filesize, td.reply:hover > .de-post-btns > span:not(.de-post-note), td.highlight:hover > .de-post-btns > span:not(.de-post-note)
  487. {
  488.     opacity: 1;
  489. }
  490.  
  491. /*Вынесенный вверх заголовок*/
  492.  
  493. div[id^="thread"] > label,
  494. /*desu*/ form > div:not(.reply) > div:first-child > label
  495. {
  496.     left: 0;
  497.     text-align: left;
  498.     top: -10px;
  499. }
  500.  
  501. td.reply > label,
  502. td.highlight > label
  503. {
  504.     right: 0;
  505.     text-align: right;
  506.     top: -5px;
  507. }
  508.  
  509. div[id^="thread"] > label,
  510. /*desu*/ form > div:not(.reply) > div:first-child > label,
  511. td.reply > label,
  512. td.highlight > label
  513. {
  514.     transform-origin: 50% 100%;
  515.     margin-right: 5px;
  516.     position: absolute;
  517.     opacity: 0;
  518.     transform: translate(0, -100%) scale(1, 0);
  519. }
  520.  
  521. div[id^="thread"]:hover > label,
  522. /*desu*/ form > div:not(.reply) > div:first-child:hover > label,
  523. td.reply:hover > label,
  524. td.highlight:hover > label
  525. {
  526.     opacity: 1;
  527.     transform: translate(0, -100%) scale(1, 1);
  528. }
  529.  
  530. /* Стиль блока заголовка */
  531.  
  532. div[id^="thread"] > label,
  533. /*desu*/ form > div:not(.reply) > div:first-child > label,
  534. td.reply > label,
  535. td.highlight > label
  536. {
  537.     /*background: inherit;*//*Default */
  538.     /*background: #D6DAF0;*//*Burichan*/
  539.     /*background: #D9AF9E;*//*Gurochan*/
  540.       background: #F0E0D6;  /*Futaba  */
  541.     border-radius: 5px;
  542.     border: 1px solid currentcolor;
  543.     box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  544.     padding: 1px;
  545. }
  546.  
  547. /* Маленький треугльник под заголовком */
  548.  
  549. div[id^="thread"] > label::after,
  550. /*desu*/ form > div:not(.reply) > div:first-child > label::after,
  551. td.reply > label::after,
  552. td.highlight > label::after
  553. {
  554.     transform: rotate(-45deg);
  555.     /*background: inherit;*//*Default */
  556.     /*background: #D6DAF0;*//*Burichan*/
  557.     /*background: #D9AF9E;*//*Gurochan*/
  558.       background: #F0E0D6;  /*Futaba  */
  559.     border: inherit;
  560.     border-right: none;
  561.     border-top: none;
  562.     bottom: -6px;
  563.     content: "";
  564.     height: 10px;
  565.     position: absolute;
  566.     width: 10px;
  567.     z-index:-1;
  568. }
  569.  
  570. div[id^="thread"] > label::after,
  571. /*desu*/ form > div:not(.reply) > div:first-child > label::after
  572. {
  573.     left: 5%;
  574. }
  575.  
  576. td.reply > label::after,
  577. td.highlight > label::after
  578. {
  579.     left: 50%;
  580. }
  581.  
  582. /* Удаление нижнего списка досок */
  583.  
  584. body > .adminbar ~ .adminbar, /* Ычан */
  585. body > br[clear="all"] + p:not(.footer) /* остальные */
  586. {
  587.     display: none;
  588. }
  589.  
  590. /* Селектор страниц выезжает снизу */
  591.  
  592. /* Стиль панели */
  593.  
  594. form ~ table
  595. {
  596.     border-bottom: none;
  597.     border-left: none;
  598.     border-right: 1px solid currentcolor;
  599.     border-top-right-radius: 5px;
  600.     border-top: 1px solid currentcolor;
  601.     background-color: inherit;
  602.     box-shadow: 0 0 5px black;
  603.     padding: 5px;
  604. }
  605.  
  606. /* Разметка */
  607.  
  608. form ~ table
  609. {
  610.     transform: translate(0, 90%);
  611.     bottom: 0;
  612.     display: block;
  613.     left: 0;
  614.     max-width: 80%;
  615.     opacity: 0;
  616.     position: fixed;
  617.     z-index: 2;
  618. }
  619.  
  620. form ~ table:hover
  621. {
  622.     transform: translate(0, 0);
  623.     opacity: 1;
  624. }
  625.  
  626. .adminbar:first-child:hover ~ form ~ table {
  627.     margin-left: 198px;
  628. }
  629.  
  630. /* hit area */
  631. form ~ table::after
  632. {
  633.     bottom: 100%;
  634.     top: -30px;
  635.     content: "";
  636.     position: absolute;
  637.     left: 0;
  638.     right: 0;
  639.     z-index: -1;
  640. }
  641.  
  642. form ~ table tbody,
  643. form ~ table td,
  644. form ~ table tr
  645. {
  646.     display: inline-block;
  647.     white-space: nowrap;
  648.     border: none;
  649. }
  650.  
  651. form ~ table td:nth-of-type(2)
  652. {
  653.     max-width: 600px;
  654.     overflow: auto;
  655. }
  656.  
  657. form ~ table td form
  658. {
  659.     display: inline-block;
  660. }
  661.  
  662. form ~ table td:nth-of-type(3)::before
  663. {
  664.     content: "►";
  665. }
  666.  
  667. form ~ table td:nth-of-type(1)::after
  668. {
  669.     content: "◄";
  670. }
  671.  
  672. /* Стиль кнопок */
  673.  
  674.  
  675.  
  676. body > a[href$="index.html"], /*"Назад"*/
  677. div[id^="thread"] > span.reflink + a, span.de-post-btns + a, /*"Ответ"*/
  678. /*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a,
  679. /*desu*/ .de-parea > div:first-child > a,
  680. /*desu*/ #de-txt-panel .de-abtn
  681. {
  682.     color: white;
  683.     background-color: #777;
  684.     text-decoration: none;
  685.     display: inline-block;
  686.     padding: 2px;
  687.     height: 15px;
  688.     border-radius: 2px;
  689.     font-family: sans-serif;
  690.     font-size: 10pt !important;
  691. }
  692.  
  693. body > a[href$="index.html"]:hover, /*"Назад"*/
  694. div[id^="thread"] > span.reflink + a:hover, span.de-post-btns + a:hover, /*"Ответ"*/
  695. /*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a:hover,
  696. /*desu*/ .de-parea > div:first-child > a:hover,
  697. /*desu*/ #de-txt-panel .de-abtn:hover
  698. {
  699.     background-color: #aaa;
  700. }
  701.  
  702. ol > li, ul > li {
  703.     margin-left: 5em;
  704. }
  705.  
  706. .userdelete {
  707.     font-size: 0;
  708.     position: absolute;
  709.     right: 5px;
  710. }
  711.  
  712. .userdelete label {
  713.     font-size: 10pt;
  714.     float: right;
  715.     margin-left: 156px;
  716.     display: flex;
  717. }
  718.  
  719. /* desu only */
  720.  
  721. #de-updater-div, .de-thread-updater {
  722.     font-size: 0;
  723.     border-radius: 2px;
  724.     margin-top: 10px;
  725.     background-color: #777;
  726.     display: block;
  727.     padding: 2px;
  728.     color: white;
  729.     font-family: sans-serif;
  730.     text-decoration: none;
  731. }
  732.  
  733. #de-updater-div, .de-thread-updater, .de-parea-btn-reply, .de-parea-btn-close, body > a[href$="index.html"] {
  734.     float: left;
  735.     margin: 5px 5px 5px 0;
  736. }
  737.  
  738. #de-updater-count {
  739.     color: #777;
  740.     background-color: white;
  741.     border-radius: 2px;
  742.     margin: 5px;
  743.     font-size: 10pt;
  744. }
  745.  
  746. #de-updater-div:hover, .de-thread-updater:hover {
  747.     background-color: #aaa;
  748. }
  749.  
  750. div#de-updater-div a, .de-thread-updater a {
  751.     font-size: 10pt;
  752.     color: white;
  753. }
  754.  
  755. #de-updater-div + br + hr, #de-main > hr, .de-thread-buttons + br + hr {
  756.     display: none;
  757. }
  758.  
  759. .de-post-btns {
  760.     position: relative;
  761. }
  762. .de-btn-hide, .de-btn-hide-user, .de-btn-rep, .de-btn-expthr, .de-btn-fav, .de-btn-fav-sel, .de-btn-src, .de-btn-stick, .de-btn-stick-on, .de-btn-expthr, .de-post-hide .de-btn-hide-user, .de-post-hide .de-btn-hide {
  763.     border-radius: 2px;
  764.     background: #777 !important;
  765.     width: 14px;
  766.     height: 14px;
  767.     padding: 0;
  768.     position: relative;
  769. }
  770.  
  771. .de-btn-hide:hover, .de-btn-hide-user:hover, .de-btn-rep:hover, .de-btn-expthr:hover, .de-btn-fav:hover, .de-btn-fav-sel:hover, .de-btn-src:hover, .de-btn-stick:hover, .de-btn-stick-on:hover,
  772. .de-btn-expthr:hover, .de-post-hide .de-btn-hide-user:hover, .de-post-hide .de-btn-hide:hover, .de-btn-src:hover {
  773.     background: #aaa !important;
  774. }
  775.  
  776. .de-btn-hide::after, .de-btn-hide-user::after, .de-btn-rep::after, .de-btn-expthr::after, .de-btn-fav::after, .de-btn-fav-sel::after, .de-btn-src::after, .de-btn-stick::after, .de-btn-stick-on::after,
  777. .de-post-btns span:not(.de-post-note)::after, .de-btn-expthr:after, .de-post-hide .de-btn-hide-user::after, .de-post-hide .de-btn-hide::after, .de-btn-src::after {
  778.     width: 14px;
  779.     height: 14px;
  780.     padding: 0;
  781.     position: absolute;
  782.     color: white;
  783.     font-family: monospace;
  784.     text-align: center;
  785. }
  786.  
  787. .de-btn-hide::after {
  788.     content: '☒';
  789.     top: -4px;
  790. }
  791.  
  792. .de-btn-hide-user::after {
  793.     content: '☒';
  794.     top: -4px;
  795.     color: lightgreen !important;
  796. }
  797.  
  798. .de-post-hide .de-btn-hide::after {
  799.     content: '+';
  800.     top: -4px;
  801. }
  802.  
  803. .de-post-hide .de-btn-hide-user::after {
  804.     content: '+';
  805.     top: -4px;
  806.     color: lightgreen !important;
  807. }
  808.  
  809. .de-btn-rep::after {
  810.     content: '➥';
  811.     top: -2px;
  812.     font-size: 0.8em;
  813. }
  814.  
  815. .de-btn-expthr::after {
  816.     content: '↕';
  817.     top: -2px;
  818. }
  819.  
  820. .de-btn-fav::after {
  821.     content: '☆';
  822.     top: -5px;
  823. }
  824.  
  825. .de-btn-fav-sel::after {
  826.     content: '★';
  827.     top: -5px;
  828.     color: yellow !important;
  829. }
  830.  
  831. .de-btn-src::after {
  832.     content: '?';
  833.     font-size: 10pt;
  834.     font-family: sans-serif;
  835. }
  836.  
  837. .de-btn-stick::after {
  838.     content: '📌';
  839.     font-size: .6em;
  840. }
  841.  
  842. .de-btn-stick-on::after {
  843.     content: '📌';
  844.     font-size: .6em;
  845.     color: lightgreen !important;
  846. }
  847.  
  848. td.reply > .de-refmap, td.highlight > .de-refmap,
  849. form > div:not(.reply) > div:first-child > .de-refmap
  850. {
  851.     font-size: 11px;
  852.     margin: 0;
  853. }
  854.  
  855. td.reply > .de-refmap, td.highlight > .de-refmap,
  856. {
  857.     clear: both;
  858. }
  859.  
  860. td.reply > .de-ppanel
  861. {
  862.     float: right;
  863. }
  864.  
  865. #de-qarea
  866. {
  867.     float: left;
  868.     width: auto;
  869.     margin-left: 30px;
  870.     border-radius: 5px;
  871.     border: 1px solid currentcolor;
  872.     box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  873.     padding: 5px;
  874. }
  875.  
  876. #de-qarea + table
  877. {
  878.     clear: left;
  879. }
  880.  
  881. .de-parea > div:first-child,
  882. #de-txt-panel
  883. {
  884.     font-size: 0;
  885. }
  886.  
  887. #de-txt-panel .de-abtn,
  888. #de-txt-panel .de-abtn:hover
  889. {
  890.     width: 15px;
  891.     height: 15px;
  892.     display: inline-block;
  893.     margin: 0 2.5px;
  894.     text-align: center;
  895.     vertical-align: middle;
  896. }
  897.  
  898. #de-txt-panel #de-btn-bold > a
  899. {
  900.     font-weight: bold;
  901. }
  902.  
  903. #de-txt-panel #de-btn-italic > a
  904. {
  905.     font-weight: normal;
  906.     font-style: italic;
  907. }
  908.  
  909. #de-txt-panel #de-btn-strike > a
  910. {
  911.     font-weight: normal;
  912.     text-decoration: line-through !important;
  913. }
  914.  
  915. #de-txt-panel #de-btn-code > a
  916. {
  917.     font-family: monospace;
  918. }
  919.  
  920. .de-img-full {
  921.   margin: 0 10px;
  922. }
  923.  
  924. .de-pview .de-post-btns span:last-child, .de-post-counter:after {
  925.     float: right;
  926. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement