API tools faq
paste
Advertisement
Guest User

IIchan_pseudoframe.css

a guest
Sep 28th, 2013
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.27 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.  * Превращает на Ычане верхний админбар во фрейм.
  3.  * Note: внимательнее с конфликтом hatsune.ru/b/ и iichan.hk/b/
  4.  */
  5.  
  6. /*==================================================================================================
  7. Каркас
  8. ==================================================================================================*/
  9.  
  10. /* админбар */
  11. body > .adminbar:first-child {
  12.     bottom: 0;
  13.     font-size: 0;
  14.     left: 0;
  15.     overflow: auto;
  16.     position: fixed;
  17.     top: 0;
  18.     z-index: 2;
  19. }
  20.  
  21. /* заголовки */
  22. body > .adminbar:first-child > a[href$="/d/"]::before, body > .adminbar:first-child > a[href$="/abe/"]::before, body > .adminbar:first-child > a[href$="/an/"]::before, body > .adminbar:first-child > a[href$="/a/"]::before, body > .adminbar:first-child > a[href$="('Burichan','list')"]::before, body > .adminbar:first-child > a[href$="blogspot.com"]::before {
  23.     display:block;
  24. }
  25.  
  26. /* ссылки */
  27. body > .adminbar:first-child > a {
  28.     display: block;
  29.     font-size: small;
  30. }
  31.  
  32. /*==================================================================================================
  33. Анимация
  34. ==================================================================================================*/
  35.  
  36. /* выезжание админбара */
  37. body > .adminbar:first-child:hover
  38. {
  39.     -webkit-transform: translate(0, 0);
  40.     transform: translate(0, 0);
  41.     opacity: 1;
  42. }
  43.  
  44. body > .adminbar:first-child {
  45.     -webkit-transition-property: -webkit-transform, opacity;
  46.     transition-property: transform, opacity;
  47.     -webkit-transition-duration: .2s;
  48.     transition-duration: .2s;
  49.     -webkit-transition-timing-function: ease-in-out;
  50.     transition-timing-function: ease-in-out;
  51.     -webkit-transform: translate(-90%, 0);
  52.     transform: translate(-90%, 0);
  53.     opacity: 0;
  54. }
  55.  
  56. /* Вся страница съезжает вправо */
  57. body > .adminbar:first-child:hover ~ *
  58. {
  59.     -webkit-transform: translate(215px, 0);
  60.     transform: translate(215px, 0);
  61. }
  62.  
  63. body > .adminbar:first-child ~ *
  64. {
  65.     -webkit-transition: -webkit-transform .2s ease-in-out;
  66.     transition: transform .2s ease-in-out;
  67. }
  68.  
  69. /*==================================================================================================
  70. Оформление
  71. ==================================================================================================*/
  72.  
  73. /* админбар */
  74. body > .adminbar:first-child {
  75.     border-right: 1px solid;
  76.     background-color: inherit;
  77.     box-shadow: 0 0 5px black;
  78.     width: 215px;
  79.     padding-bottom: 7px;
  80. }
  81.  
  82. /* заголовки */
  83. body > .adminbar:first-child > a[href$="/d/"]::before, body > .adminbar:first-child > a[href$="/abe/"]::before, body > .adminbar:first-child > a[href$="/an/"]::before, body > .adminbar:first-child > a[href$="/a/"]::before, body > .adminbar:first-child > a[href$="('Burichan','list')"]::before, body > .adminbar:first-child > a[href$="blogspot.com"]::before {
  84.     background: #EEAA88;
  85.     color: #800000;
  86.     font-family: sans-serif;
  87.     font-size: 10pt;
  88.     font-weight: 700;
  89.     margin: 7px -3px 0 -3px;
  90.     padding: 0px 3px;
  91.     text-align: left;
  92.     text-decoration: none;
  93. }
  94.  
  95. /* ссылки */
  96. body > .adminbar:first-child > a {
  97.     background: #F0E0D6;
  98.     color: #800000;
  99.     font-family: sans-serif;
  100.     margin: 0 7px;
  101.     padding: 0 3px 0 3px;
  102.     text-align: right;
  103.     text-decoration: none;
  104. }
  105.  
  106. body > .adminbar:first-child > a:hover {
  107.     background: #FFE;
  108. }
  109.  
  110. /* Ссылки не на доски не имеют подписей, поэтому выровнены по левому краю. */
  111. body > .adminbar:first-child > a[href$="/vn/"] ~ a {
  112.     text-align: left;
  113. }
  114.  
  115. /* Подписи к ссылкам слева. */
  116. body > .adminbar:first-child > a[href$="/d/"]::after, body > .adminbar:first-child > a[href$="/gnx/"]::after, body > .adminbar:first-child > a[href$="/abe/"]::after, body > .adminbar:first-child > a[href$="/int/"]::after, body > .adminbar:first-child > a[href$="/ts/"]::after, body > .adminbar:first-child > a[href$="/au/"]::after, body > .adminbar:first-child > a[href$="/b/"]::after, body > .adminbar:first-child > a[href$="/vg/"]::after, body > .adminbar:first-child > a[href$="/hr/"]::after, body > .adminbar:first-child > a[href$="/gf/"]::after, body > .adminbar:first-child > a[href$="/an/"]::after, body > .adminbar:first-child > a[href$="/ne/"]::after, body > .adminbar:first-child > a[href$="/tran/"]::after, body > .adminbar:first-child > a[href$="/tv/"]::after, body > .adminbar:first-child > a[href$="/cu/"]::after, body > .adminbar:first-child > a[href$="/l/"]::after, body > .adminbar:first-child > a[href$="/mj/"]::after, body > .adminbar:first-child > a[href$="/bro/"]::after, body > .adminbar:first-child > a[href$="/m/"]::after, body > .adminbar:first-child > a[href$="/med/"]::after, body > .adminbar:first-child > a[href$="/mo/"]::after, body > .adminbar:first-child > a[href$="/mu/"]::after, body > .adminbar:first-child > a[href$="/bg/"]::after, body > .adminbar:first-child > a[href$="/sci/"]::after, body > .adminbar:first-child > a[href$="/w/"]::after, body > .adminbar:first-child > a[href$="/mi/"]::after, body > .adminbar:first-child > a[href$="/o/"]::after, body > .adminbar:first-child > a[href$="/x/"]::after, body > .adminbar:first-child > a[href$="/p/"]::after, body > .adminbar:first-child > a[href$="/r/"]::after, body > .adminbar:first-child > a[href$="/dev/"]::after, body > .adminbar:first-child > a[href$="/maid/"]::after, body > .adminbar:first-child > a[href$="/sp/"]::after, body > .adminbar:first-child > a[href$="/t/"]::after, body > .adminbar:first-child > a[href$="/tr/"]::after, body > .adminbar:first-child > a[href$="/tu/"]::after, body > .adminbar:first-child > a[href$="/ph/"]::after, body > .adminbar:first-child > a[href$="/fr/"]::after, body > .adminbar:first-child > a[href$="/s/"]::after, body > .adminbar:first-child > a[href$="/jp/"]::after, body > .adminbar:first-child > a[href$="/a/"]::after, body > .adminbar:first-child > a[href$="/aa/"]::after, body > .adminbar:first-child > a[href$="/azu/"]::after, body > .adminbar:first-child > a[href$="/vn/"]::after, body > .adminbar:first-child > a[href$="/c/"]::after, body > .adminbar:first-child > a[href$="/ls/"]::after, body > .adminbar:first-child > a[href$="/ma/"]::after, body > .adminbar:first-child > a[href$="/me/"]::after, body > .adminbar:first-child > a[href$="/rm/"]::after, body > .adminbar:first-child > a[href$="/tan/"]::after, body > .adminbar:first-child > a[href$="/sos/"]::after, body > .adminbar:first-child > a[href$="/to/"]::after, body > .adminbar:first-child > a[href$="/fi/"]::after, body > .adminbar:first-child > a[href$="/hau/"]::after {
  117.     float: left;
  118. }
  119.  
  120. /*==================================================================================================
  121. Подписи к заголовкам
  122. ==================================================================================================*/
  123.  
  124. body > .adminbar:first-child > a[href$="/d/"]::before                 {content: "Обсуждения";}
  125. body > .adminbar:first-child > a[href$="/abe/"]::before               {content: "На пробу";}
  126. body > .adminbar:first-child > a[href$="/an/"]::before                {content: "Общее";}
  127. body > .adminbar:first-child > a[href$="/a/"]::before                 {content: "Аниме";}
  128. body > .adminbar:first-child > a[href$="('Burichan','list')"]::before {content: "Стили";}
  129. body > .adminbar:first-child > a[href$="blogspot.com"]::before        {content: "Разное";}
  130.  
  131. /*==================================================================================================
  132. Подписи к списку досок
  133. ==================================================================================================*/
  134.  
  135. body > .adminbar:first-child > a[href$="/d/"]::after    {content: "работа сайта";}
  136. body > .adminbar:first-child > a[href$="hatsune.ru/b/"]::after {content: "vocaloid" !important;}
  137. body > .adminbar:first-child > a[href$="/gnx/"]::after  {content: "gainax";}
  138. body > .adminbar:first-child > a[href$="/abe/"]::after  {content: "ёситоси абэ";}
  139. body > .adminbar:first-child > a[href$="/int/"]::after  {content: "international";}
  140. body > .adminbar:first-child > a[href$="/ts/"]::after   {content: "цундере";}
  141. body > .adminbar:first-child > a[href$="/au/"]::after   {content: "автомобили";}
  142. body > .adminbar:first-child > a[href$="/b/"]::after    {content: "бред";}
  143. body > .adminbar:first-child > a[href$="/vg/"]::after   {content: "видеоигры";}
  144. body > .adminbar:first-child > a[href$="/hr/"]::after   {content: "высокое разрешение";}
  145. body > .adminbar:first-child > a[href$="/gf/"]::after   {content: "gif- и flash-анимация";}
  146. body > .adminbar:first-child > a[href$="/an/"]::after   {content: "живопись";}
  147. body > .adminbar:first-child > a[href$="/ne/"]::after   {content: "животные";}
  148. body > .adminbar:first-child > a[href$="/tran/"]::after {content: "иностранные языки";}
  149. body > .adminbar:first-child > a[href$="/tv/"]::after   {content: "кино и тв";}
  150. body > .adminbar:first-child > a[href$="/cu/"]::after   {content: "кулинария";}
  151. body > .adminbar:first-child > a[href$="/l/"]::after    {content: "литература";}
  152. body > .adminbar:first-child > a[href$="/mj/"]::after   {content: "маджонг";}
  153. body > .adminbar:first-child > a[href$="/bro/"]::after  {content: "my little pony";}
  154. body > .adminbar:first-child > a[href$="/m/"]::after    {content: "макросы/копипаста";}
  155. body > .adminbar:first-child > a[href$="/med/"]::after  {content: "медицина";}
  156. body > .adminbar:first-child > a[href$="/mo/"]::after   {content: "мотоциклы";}
  157. body > .adminbar:first-child > a[href$="/mu/"]::after   {content: "музыка";}
  158. body > .adminbar:first-child > a[href$="/bg/"]::after   {content: "настольные игры";}
  159. body > .adminbar:first-child > a[href$="/sci/"]::after  {content: "наука";}
  160. body > .adminbar:first-child > a[href$="/w/"]::after    {content: "обои";}
  161. body > .adminbar:first-child > a[href$="/mi/"]::after   {content: "оружие";}
  162. body > .adminbar:first-child > a[href$="/o/"]::after    {content: "оэкаки";}
  163. body > .adminbar:first-child > a[href$="/x/"]::after    {content: "паранормальные явления";}
  164. body > .adminbar:first-child > a[href$="/p/"]::after    {content: "политика";}
  165. body > .adminbar:first-child > a[href$="/r/"]::after    {content: "просьбы";}
  166. body > .adminbar:first-child > a[href$="/dev/"]::after  {content: "разработка";}
  167. body > .adminbar:first-child > a[href$="/maid/"]::after {content: "служанки";}
  168. body > .adminbar:first-child > a[href$="/sp/"]::after   {content: "спорт";}
  169. body > .adminbar:first-child > a[href$="/t/"]::after    {content: "торренты";}
  170. body > .adminbar:first-child > a[href$="/tr/"]::after   {content: "транспорт";}
  171. body > .adminbar:first-child > a[href$="/tu/"]::after   {content: "туризм";}
  172. body > .adminbar:first-child > a[href$="/ph/"]::after   {content: "фото";}
  173. body > .adminbar:first-child > a[href$="/fr/"]::after   {content: "фурри";}
  174. body > .adminbar:first-child > a[href$="/s/"]::after    {content: "электроника и по";}
  175. body > .adminbar:first-child > a[href$="/jp/"]::after   {content: "япония";}
  176. body > .adminbar:first-child > a[href$="/a/"]::after    {content: "аниме";}
  177. body > .adminbar:first-child > a[href$="/aa/"]::after   {content: "аниме арт";}
  178. body > .adminbar:first-child > a[href$="/azu/"]::after  {content: "azumanga daioh";}
  179. body > .adminbar:first-child > a[href$="/vn/"]::after   {content: "визуальные новеллы";}
  180. body > .adminbar:first-child > a[href$="/c/"]::after    {content: "косплей";}
  181. body > .adminbar:first-child > a[href$="/ls/"]::after   {content: "lucky☆star";}
  182. body > .adminbar:first-child > a[href$="/ma/"]::after   {content: "манга";}
  183. body > .adminbar:first-child > a[href$="/me/"]::after   {content: "меха";}
  184. body > .adminbar:first-child > a[href$="/rm/"]::after   {content: "rozen maiden";}
  185. body > .adminbar:first-child > a[href$="/tan/"]::after  {content: "сетевые персонажи";}
  186. body > .adminbar:first-child > a[href$="/sos/"]::after  {content: "suzumiya haruhi no yūutsu";}
  187. body > .adminbar:first-child > a[href$="/to/"]::after   {content: "touhou";}
  188. body > .adminbar:first-child > a[href$="/fi/"]::after   {content: "фигурки";}
  189. body > .adminbar:first-child > a[href$="/hau/"]::after  {content: "higurashi no naku koro ni";}
  190.  
  191. /*==================================================================================================
  192. Скрытые доски
  193. ==================================================================================================*/
  194.  
  195. body > .adminbar:first-child > a[href$="/bro/"] {display: none;}
  196.  
  197. /*==================================================================================================
  198. Жирные доски
  199. ==================================================================================================*/
  200.  
  201. body > .adminbar:first-child > a[href$="/b/"]:not([href$="hatsune.ru/b/"]),
  202. body > .adminbar:first-child > a[href$="/a/"] {
  203.     font-weight: bold;
  204. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!