Advertisement
Guest User

iichan futaba clear + pseudoframe

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