Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Penguin CSS

By: a guest on Mar 4th, 2013  |  syntax: None  |  size: 13.75 KB  |  hits: 91  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. body {
  2. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/BG.jpg) repeat scroll #FFFFFF;
  3. }
  4.  
  5. /*
  6. LIST FONT
  7. These codes control the font on the list itself (anime titles, etc).
  8. */
  9.  
  10. * {
  11. border:0 none;
  12. color:#969696;
  13. font-family:Century Gothic;
  14. font-size:12px;
  15. font-weight:normal;
  16. text-decoration:none;  
  17. }
  18.  
  19. /*
  20. BANNER
  21. This controls the image at the top that by default says "Anime List".
  22. You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com!
  23. If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
  24. */
  25.  
  26. #list_surround .header_title {
  27. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev4.png) no-repeat scroll 0 0 transparent;
  28. height:256px;
  29. left:0px;
  30. padding:0px;
  31. position:absolute;
  32. top:-236px;
  33. width:554px;
  34. }
  35.  
  36. /*
  37. LEFT SIDE BUTTONS
  38. These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All.
  39.  
  40. You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com!
  41. If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
  42. */
  43.  
  44. #list_surround .status_selected, #list_surround .status_not_selected {
  45. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/w.png) repeat scroll 0 0 transparent;
  46. display:block;
  47. height:26px;
  48. left:-190px;
  49. padding:30;
  50. position:absolute;
  51. top:22px;
  52. width: 191px;
  53. }
  54. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  55. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/c.png) no-repeat scroll 0 0 transparent;
  56. top:49px;
  57. }
  58. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
  59. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/o.png) no-repeat scroll 0 0 transparent;
  60. top:76px;
  61. }
  62. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  63. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/dv2.png) no-repeat scroll 0 0 transparent;
  64. top:103px;
  65. }
  66. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  67. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/p.png) no-repeat scroll 0 0 transparent;
  68. top:130px;
  69. }
  70. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  71. background:url(http://i21.photobucket.com/albums/b298/LudvigP/allanime1.png) no-repeat scroll 0 0 transparent;
  72. display:none;
  73. padding-bottom:30px;
  74. top:205px;
  75. }
  76.  
  77. /*
  78. OTHER CODES
  79. */
  80.  
  81. a:hover {
  82. text-decoration:underline;
  83. }
  84.  
  85.  
  86. #list_surround {
  87. background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Listv2.png) repeat 0 0 transparent;
  88. left:0px;
  89. margin:258px auto 0;
  90. position:relative;
  91. width:554px;
  92. }
  93.  
  94. #list_surround .status_selected a {
  95. color:#184900;
  96. display:block;
  97. font-size:1px;
  98. height:26px;
  99. padding:128px 26 0 191px;
  100. width:191px !important;
  101. }
  102.  
  103. #list_surround .status_not_selected a {
  104. color:#184900;
  105. display:block;
  106. font-size:1px;
  107. height:26px;
  108. padding:128px 26 0 191px;
  109. width:191px !important;
  110. }
  111. #list_surround br {
  112. display:none;
  113. }
  114. #list_surround .header_title span {
  115. color:#000000;
  116. font-size:1px;
  117. }
  118. #list_surround .header_title .thickbox {
  119. display:none;
  120. }
  121. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
  122. height: 24px;
  123. margin-left:2px;
  124. padding:22px 5px 5px;
  125. width:550px;
  126. }
  127. #list_surround .header_cw {
  128. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
  129. }
  130. #list_surround .header_completed {
  131. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
  132. }
  133. #list_surround .header_onhold {
  134. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
  135. }
  136. #list_surround .header_ptw {
  137. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
  138. }
  139. #list_surround .header_dropped {
  140. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
  141. }
  142. #list_surround .animetitle + small {
  143. color:#f987cb;
  144. }
  145. #list_surround .category_totals {
  146. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Totalsv2.png) no-repeat 2px 3px;
  147. text-align:center;
  148. height:33px;
  149. color:#969696;
  150. font-size:10px;
  151. }
  152. #list_surround #grand_totals {
  153. display:none;
  154. }
  155. #list_surround .header_title span {
  156. display:none;
  157. }
  158. #list_surround .status_not_selected a {
  159. opacity:0;
  160. }
  161. #list_surround .status_selected a {
  162. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/selectedv5.png) no-repeat 0 0 !important;
  163. font-size: 0 !important;
  164. opacity:none;
  165. }
  166. .td1 a:hover, .td2 a:hover {
  167. text-shadow: 1px -1px 3px rgb(255, 0, 255,), 1px 1px 3px rgb(180, 20, 60);
  168. }
  169. tr:hover [class^="td"] {
  170. background-color: rgba(249, 133, 203, 0.9) !important;
  171. }
  172. #copyright{
  173. height:36px !important;
  174. width:553px !important;
  175. padding-bottom:10px;
  176. line-height:17px!important;
  177. background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/copyrightv6.png) no-repeat 2px 0;
  178. padding-top:13px;
  179. }
  180. #copyright, #copyright a{
  181. color: #797979;
  182. }
  183. /* Código da barra de menu/pesquisa */
  184.  
  185. body #mal_cs_listinfo, body #mal_cs_links, body #mal_cs_otherlinks, body #mal_cs_powered {
  186. -moz-box-sizing: border-box;
  187. -moz-transition: all 0.4s ease 0s;
  188. background: none no-repeat scroll 100% 0 transparent;
  189. border: 0 none;
  190. height: 0 !important;
  191. overflow: hidden;
  192. padding: 32px 0 0;
  193. position: absolute;
  194. right: 4px;
  195. text-align: center;
  196. top: 4px;
  197. width: 150px;
  198. z-index: 10;
  199. }
  200. body #mal_cs_listinfo:hover, body #mal_cs_links:hover, body #mal_cs_otherlinks:hover, body #mal_cs_powered:hover {
  201. height: 200px !important;
  202. padding-top: 32px;
  203. width: 150px;
  204. }
  205. body #mal_cs_listinfo div, body #mal_cs_links div, body #mal_cs_otherlinks div, body #mal_cs_powered div, body #mal_cs_powered dd {
  206. -moz-transition: opacity 0.4s ease-in-out 0s;
  207. background-color: rgba(255, 255, 255, 0.6);
  208. border-radius: 3px 0 0 0;
  209. font-size: 0 !important;
  210. line-height: 0;
  211. margin: 0 !important;
  212. opacity: 0;
  213. padding: 8px 0 0;
  214. }
  215. body #mal_cs_listinfo:hover div, body #mal_cs_links:hover div, body #mal_cs_otherlinks:hover div, body #mal_cs_powered:hover div, body #mal_cs_powered:hover dd {
  216. opacity: 1;
  217. }
  218. body #mal_cs_listinfo div:nth-of-type(2), body #mal_cs_links div:nth-of-type(2), body #mal_cs_otherlinks div:nth-of-type(2), body #mal_cs_powered div:nth-of-type(2) {
  219. border-radius: 0 0 3px 3px;
  220. padding: 4px 0 8px;
  221. }
  222. body #mal_cs_listinfo a, body #mal_cs_links a, body #mal_cs_otherlinks a, body #mal_cs_powered a {
  223. background-color: rgba(64, 60, 90, 0.6);
  224. border-radius: 3px 3px 3px 3px;
  225. display: block;
  226. font: 13px/17px arial,sans-serif;
  227. margin: 4px 12px 0;
  228. padding: 3px 0;
  229. text-decoration: none;
  230. }
  231. body #mal_cs_listinfo a:nth-of-type(1), body #mal_cs_links a:nth-of-type(1), body #mal_cs_otherlinks a:nth-of-type(1), body #mal_cs_powered a:nth-of-type(1) {
  232. margin-top: 0;
  233. }
  234. body #mal_cs_listinfo a:hover, body #mal_cs_links a:hover, body #mal_cs_otherlinks a:hover, body #mal_cs_powered a:hover {
  235. background-color: #403C5A;
  236. }
  237. body #mal_cs_listinfo strong a strong {
  238. font-weight: normal;
  239. }
  240. body #mal_cs_otherlinks strong {
  241. color: #333333;
  242. display: block;
  243. font: bold 13px/17px arial,sans-serif !important;
  244. padding: 0 4px 4px;
  245. text-shadow: 0 1px 1px #FFFFFF;
  246. }
  247. body #mal_cs_otherlinks strong a {
  248. background: none repeat scroll 0 0 transparent;
  249. border-radius: 0 0 0 0;
  250. color: #333333;
  251. display: inline;
  252. font: bold 13px/17px arial,sans-serif !important;
  253. margin: 0;
  254. padding: 0;
  255. text-shadow: 0 1px 1px #FFFFFF;
  256. }
  257. body #mal_cs_powered a {
  258. background-color: rgba(255, 255, 255, 0.6) !important;
  259. border-radius: 3px 0 0 0 !important;
  260. display: block !important;
  261. margin: 0 !important;
  262. opacity: 0;
  263. padding: 8px 0 0 !important;
  264. }
  265. body #mal_cs_powered:hover a {
  266. opacity: 1;
  267. }
  268. body #mal_cs_powered a img {
  269. background: url("http://invise.s3.amazonaws.com/mal/mal.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6);
  270. border-radius: 3px 3px 3px 3px;
  271. display: block;
  272. height: 0;
  273. margin: 0 12px;
  274. padding: 23px 0 0 126px;
  275. width: 0;
  276. }
  277. body #mal_cs_powered a img:hover {
  278. background-color: #403C5A;
  279. }
  280. body #mal_cs_powered #search {
  281. border-radius: 0 0 3px 3px;
  282. padding: 8px;
  283. position: relative;
  284. }
  285. body #mal_cs_powered #search #searchBox {
  286. -moz-box-sizing: border-box;
  287. border-color: #BCBCBC #D6D6D6 #D6D6D6;
  288. border-radius: 2px 2px 2px 2px;
  289. border-style: solid;
  290. border-width: 1px;
  291. color: #333333;
  292. display: inline-block;
  293. font-family: arial,sans-serif;
  294. font-size: 13px;
  295. height: 28px;
  296. padding-left: 6px;
  297. padding-right: 24px;
  298. vertical-align: top;
  299. width: 100%;
  300. }
  301. body #mal_cs_powered #search #searchBox:hover, body #mal_cs_powered #search #searchBox:focus {
  302. border-color: #ACACAC #C6C6C6 #C6C6C6;
  303. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  304. }
  305. body #mal_cs_powered #search #searchListButton {
  306. background: url("http://invise.s3.amazonaws.com/mal/icon-go.png") no-repeat scroll 0 0 transparent;
  307. border-radius: 3px 3px 3px 3px;
  308. height: 0;
  309. margin: 0;
  310. padding: 16px 0 0 16px;
  311. position: absolute;
  312. right: 12px;
  313. top: 14px;
  314. width: 0;
  315. }
  316. body #mal_cs_listinfo {
  317. background-image: url("http://invise.s3.amazonaws.com/mal/icon1.png");
  318. right: 106px;
  319. }
  320. body #mal_cs_listinfo:hover {
  321. background-image: url("http://invise.s3.amazonaws.com/mal/icon1-over.png");
  322. }
  323. body #mal_cs_links {
  324. background-image: url("http://invise.s3.amazonaws.com/mal/icon2.png");
  325. right: 72px;
  326. z-index: 9;
  327. }
  328. body #mal_cs_links:hover {
  329. background-image: url("http://invise.s3.amazonaws.com/mal/icon2-over.png");
  330. }
  331. body #mal_cs_otherlinks {
  332. background-image: url("http://invise.s3.amazonaws.com/mal/icon3.png");
  333. right: 38px;
  334. z-index: 8;
  335. }
  336. body #mal_cs_otherlinks:hover {
  337. background-image: url("http://invise.s3.amazonaws.com/mal/icon3-over.png");
  338. }
  339. body #mal_cs_powered {
  340. background-image: url("http://invise.s3.amazonaws.com/mal/icon4.png");
  341. right: 4px;
  342. z-index: 7;
  343. }
  344. body #mal_cs_powered:hover {
  345. background-image: url("http://invise.s3.amazonaws.com/mal/icon4-over.png");
  346. }
  347. /* Código de remoção do "All Anime" */
  348. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  349. display:none;
  350. }
  351. }