Want more features on Pastebin? Sign Up, it's FREE!
Guest

Pirated css used by TTVK Ry's piraattilahti.fi

By: a guest on Feb 13th, 2013  |  syntax: None  |  size: 10.00 KB  |  views: 680  |  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. /*
  2. The Pirate Bay - main style sheet for thepiratebay.se
  3. */
  4.  
  5. /* HTML5 - set default style to new HTML5 elements (for compability with older browsers) */
  6. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
  7. { display: block; }
  8.  
  9.  
  10. /* GLOBAL
  11. ***************************************************/
  12. body {
  13.         background: #fff;
  14.         margin: 10px;
  15.         font: 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
  16. }
  17.  
  18. /* sprites */
  19. .sp {
  20.         background: url('../files/latest.png') no-repeat;
  21.         display: inline-block;
  22.         height: 12px;
  23.         width: 11px;
  24.     margin: 0 0 -3px 0;
  25. }
  26. .dl-torrent {
  27.         background-position: -36px -111px;
  28.         margin: 0 3px -3px 0;
  29. }
  30. .dl-magnet {
  31.         background-position: -46px -111px;
  32.         margin: 0 3px -1px 0;
  33.         width: 13px;
  34. }
  35. .vip { background-position: -13px -99px; }
  36. .trus { background-position: -1px -99px; }
  37. .help { background-position: -25px -99px; }
  38. .admin, .mod, .smod {
  39.         height: 11px;
  40.         width: 28px;
  41. }
  42. .admin { background-position: 0 -87px; }
  43. .smod { background-position: -27px -87px; }
  44. .mod { background-position: -54px -87px; }
  45. .twitter {
  46.     background-position: -44px -123px;
  47.     height: 16px;
  48.     width: 16px;
  49. }
  50. #write_comment {
  51.         background-position: -25px -110px;
  52.         height: 10px;
  53.         margin: 0 4px -1px 0;
  54. }
  55.  
  56. #tools {
  57.         max-width: 728px;
  58.         margin: 1em auto -1em auto;
  59.         text-align: right;
  60.         line-height: 30px;
  61.         clear: both;
  62.         overflow: hidden;
  63. }
  64. #tools form {
  65.         float: left;
  66.         background: #F6F1EE;
  67.         padding: 0px 5px;
  68. }
  69. #delete a { color: #f00; }
  70. #check a { color: #000; }
  71. #check a:hover, #checked { color: #090; }
  72.  
  73. /* links */
  74. a, a:link, a:visited, a:focus {
  75.         color: #009;
  76.         text-decoration: none;
  77.     border-bottom: 1px dotted #000;
  78. }
  79. a:hover { border-bottom: 1px solid #009; } /* default link hover style */
  80. #icons a, h1 a:hover, .sp, tr a, #logo a { border-bottom: 0 !important } /* however, we dont want dotted links here.. */
  81. table a:hover { text-decoration: underline; }
  82. .download a:hover { text-decoration: none !important; border-color: #090; }
  83.  
  84. img, img:hover { border-bottom: 0 !important; }
  85. /* tables */
  86. table {
  87.         border-collapse: collapse;
  88.         empty-cells: show
  89. }
  90. th {
  91.         border-right: 1px solid #fff;
  92.     padding: 4px;
  93. }
  94. td { padding: 4px; }
  95.  
  96.  
  97. /* lists */
  98. ul { list-style:none; }
  99.  
  100. /* misc */
  101. hr {
  102.     border: 0;
  103.     border-top: 1px solid #ddd;
  104. }
  105.  
  106. /* forms */
  107. fieldset { border:0; }
  108. legend { display:none; }
  109.  
  110. /* messages */
  111. #error {
  112.         border: 1px solid #F6F1EE;
  113.         border-width: 1px 0 1px 0;
  114.         color: #c00;
  115.         margin: 2em auto;
  116.         padding: 9px 20px;
  117.         color:#444;
  118. }
  119. #error span {
  120.         display:block;
  121.         font-weight: bold;
  122.         margin:3px 0 5px 0;
  123.         color: #a00;
  124. }
  125. #info {}
  126.  
  127. /* headings */
  128. h1 {}
  129. h2 {
  130.         width: 98%;
  131.         background: #F6F1EE;
  132.         border-bottom: 1px solid #D2B9A6;
  133.         padding: 4px 0.5%;
  134.         clear: both;
  135.         font-size: 125%;
  136. }
  137.  
  138. /* top navigation */
  139. #logo a
  140. {
  141.         background: url('../files/latest.png') 0px 0px no-repeat;
  142.         height: 86px;
  143.         width: 82px;
  144.         margin: -12px 10px 0 0;
  145.         float: left;
  146. }
  147. #logo span { display: none; }
  148. header nav
  149. {
  150.         margin: -5px 0 0 -8px;
  151.         padding: 0;
  152.         float: left;
  153. }
  154. header nav ul
  155. {
  156.         padding: 0;
  157.         margin: 0;
  158. }
  159. header nav ul li
  160. {
  161.         float: left;
  162.         padding: 0 9px;
  163.         line-height: 11px;
  164.         border-right: 1px solid #333;
  165. }
  166. header nav ul li:last-child { border: 0; }
  167.  
  168. /* top search */
  169. #topsearch
  170. {
  171.         margin: 0;
  172.         padding: 0;
  173.         float: left;
  174. }
  175. #topsearch form>input { margin-bottom: 5px; }
  176. #topsearch label {
  177.     padding: 0;
  178.     margin: 0 5px 0 0;
  179. }
  180. #topsearch label input {
  181.         position: relative;
  182.         top: 5px;
  183.         margin: 0 3px 0 0;
  184.         vertical-align: top;
  185. }
  186.  
  187. /* ads */
  188. .ads,
  189. .ads iframe {
  190.         padding: 0;
  191.         margin: 0;
  192.         overflow: hidden;
  193.         z-index: -999;
  194. }
  195. #top468 {
  196.         float: right;
  197.         margin: -15px 1em -25px 0;
  198.         width: 468px;
  199. }
  200. #right-sky,
  201. #left-sky {
  202.         margin-top: 2em;
  203.         width: 180px;
  204. }
  205. #right-sky { float: right; }
  206. #left-sky { float: left; }
  207. #right-sky iframe {
  208.     margin-left: 20px;
  209.     text-align: left;
  210. }
  211. #left-sky iframe {
  212.     margin-right: 20px;
  213.     text-align: right;
  214.     float: right;
  215. }
  216. #bottom728,
  217. #top728 {
  218.         margin: auto;
  219.         width: 728px;
  220. }
  221.  
  222. /* footer */
  223. footer {
  224.     margin: 0em auto;
  225.         text-align: center;
  226. }
  227. footer #stats {
  228.         color: #666;
  229.         font-size: .9em;
  230.         clear: both;
  231.         margin: 2em 0;
  232. }
  233. .rss span, .kopimi span { display: none; }
  234. .rss {
  235.         background-position: 0px -124px;
  236.         width:16px;
  237.         height: 16px;
  238. }
  239. .kopimi {
  240.         background-position: -60px -111px;
  241.         width:21px;
  242.         height: 21px;
  243.         margin: 1em 0 0 0;
  244. }
  245.  
  246. .ssl { background-position: -36px -99px; }
  247.  
  248. /* PAGE SPECIFIC
  249. ***************************************************/
  250.  
  251. /* front page */
  252. #fp {
  253.         display: block;
  254.         margin: 0 auto 20px auto;
  255.         text-align: center;
  256. }
  257. #fp h1 a {
  258.         background: url('../files/tpb.jpg') no-repeat;
  259.         margin: 0 auto;
  260.         display: block;
  261.         border: 0;
  262.         width: 275px;
  263.         height: 295px;
  264.         outline: none !important;
  265. }
  266. #fp h1 a span { visibility: hidden; }
  267.  
  268. #fp #bnr a {
  269.         height:205px;
  270.         width:205px;
  271.         position: absolute;
  272.         top:0;
  273.         right:0;
  274.     border: 0;
  275. }
  276. #fp #bnr img { border: 0; }
  277. #fp #navlinks { white-space: nowrap; }
  278. #fp #navlinks a { margin: 0 2px; }
  279.  
  280. #fp #inp input {
  281.     padding: 3px;
  282.         width: 390px;
  283. }
  284. .https_form { background: url('../files/icon-https.gif') no-repeat 100% 50% #ffffe0; }
  285.  
  286. #fp #inp span {
  287.     width: 1em;
  288.         line-height:12px;
  289.         float:right;
  290.         font-size:9px;
  291.     position: absolute;
  292.     padding: 0 15px;
  293. }
  294. #fp #howdl a {
  295.     font-size: 13px;
  296.     line-height: 20px;
  297.     border: 0;
  298. }
  299.  
  300.  
  301.  
  302. /* details & upload */
  303. #details,
  304. #upload {
  305.         background: #F6F1EE;
  306.         margin: 2em auto;
  307.         padding: 0 1.5em 0.5em 1.5em;
  308.         max-width: 625px;
  309.         /*max-width: 694px;*/
  310.         overflow: hidden;
  311. }
  312. #details h1, #upload h1 {
  313.         margin: 0 -1.5em;
  314.         padding: .4em 1em .6em 1.5em;
  315.         font-size: 1.2em;
  316.         font-weight: bold;
  317.         letter-spacing: 0.07em;
  318.         background: #D2B9A6;
  319.         border-bottom: 1px solid #fff;
  320. }
  321. #details h1 span { float: right; }
  322. #details dl {
  323.         float: left;
  324.         margin: .9em 3%;
  325.         width: 43%;
  326.         clear: right;
  327.         line-height: 140%;
  328. }
  329. #details dt {
  330.         float: left;
  331.         font-weight: bold;
  332.         color: #7B563A;
  333. }
  334. #details #col1 dd { padding: 0 0 0 20%; }
  335. #details #col2 dd { padding: 0 0 0 30%; }
  336. #delete a, #check a, #checked, #edit a {
  337.         font-weight: bold;
  338.         padding: 3px 9px;
  339.         background: #D2B9A6;
  340. }
  341. #details #write_comment_div {
  342.         display: none;
  343.         text-align: right;
  344.         padding: 2em 0 0 0;
  345.         clear: both;
  346. }
  347. #details #write_comment_div textarea { resize: both; }
  348. #social {
  349.     padding: 10px 0;
  350.     float: left;
  351.     line-height:12px;
  352. }
  353. #social * {
  354.     float: left;
  355.     margin-right: 5px;
  356.     border: 0;
  357. }
  358. #social .flattr { float: right; }
  359. #details .download, #details #social {
  360.     clear: both;
  361.     width: 460px;
  362. }
  363. #details .download a {
  364.         font: bold 1em/2.5em Verdana;
  365.         color: #090;
  366.         margin-right: 10px;
  367.         text-transform: uppercase;
  368. }
  369. #details .download a:hover { text-decoration: underline; }
  370. #details .download a.dl-torrent { background-position: 0 -398px; }
  371. #details .download a.dl-magnet {
  372.     background-position: 0 -421px;
  373.     margin-left: 1em;
  374. }
  375. #details #nfo pre, #upload .nfo {
  376.         margin: 0;
  377.         padding: 10px;
  378.         border: 1px solid #D2B9A6;
  379.         background: #fff;
  380.         width: 600px;
  381.         min-height: 50px;
  382.         font-family: "Courier New", Courier, monospace;
  383.         font-size: 11px;
  384.         line-height: .9em;
  385.         white-space: pre-wrap;
  386.     /*word-wrap: break-word; # works with most browsers, but is not valid anymore */
  387.     overflow-wrap: break-word;
  388. }
  389. #torrentpic {
  390.         float: right;
  391.         margin: 1em 1em 0 0;
  392. }
  393. #comments { font-size: 0.9em; }
  394. #comments header { margin: 1.5em 0 .3em 0; }
  395. #details #comments time { color: #BB967A; }
  396. #details #comments time:before { content: 'at '; }
  397. #details #comments time:after { content: ':'; }
  398. #details #comments div { background: #fff; }
  399. #comments h2 {
  400.         color: #7B563A;
  401.         background: none;
  402.         padding: 0;
  403.         border: 0;
  404.         margin: 1em 0;
  405. }
  406.  
  407. /* upload */
  408. #upload table { width: 100%; }
  409. #upload td {
  410.         border-bottom: 1px dashed #E8DCD2;
  411.         padding: 0.7em 1em 0.9em 0;
  412.         width: 20%;
  413. }
  414. #upload tr:nth-last-child(-n+2) td { border:0; } /* no borders between and after descripton and submit on upload page */
  415. #upload td+td {
  416.         width: 70%;
  417.         border-color: #Efe3D9;
  418. }
  419. #upload label {
  420.         font-weight: bold;
  421.         color: #7B563A;
  422. }
  423. #upload #tname, #upload #torrent { width: 83.5%; }
  424. #upload .moreinfo {
  425.         font-size: 80%;
  426.         display: block;
  427.         position: absolute;
  428. }
  429. #upload select { width:200px; }
  430. #upload input#torrent  { width:300px; }
  431. #upload textarea.nfo {
  432.         overflow: auto;
  433.         resize: vertical;
  434.         margin-top: 10px;
  435.         min-height: 300px;
  436. }
  437.  
  438. /* browse table */
  439. table#list {
  440.         width: 100%;
  441.         margin: 2em auto;
  442.         max-width: 999px;
  443. }
  444. table#list th {
  445.         background: #D2B9A6;
  446.         text-align: left;
  447.         height: 1em;
  448.         white-space: nowrap;
  449. }
  450. table#list th a { color: #000; }
  451. table#list tr { background: #F6F1EE; }
  452. table#list tr:hover { background: #fff; }
  453. .tar { text-align: right; } /* what's this again? */
  454. .tal { text-align: right; } /* what's this again? */
  455. #viewswitch { font-weight: normal; }
  456. #viewswitch a { font-weight: bold; }
  457.  
  458. table#list span.has-cover {
  459.     background-position: 0 -111px;
  460.     width: 12px;
  461. }
  462. table#list span.has-comment { background-position: -13px -111px; }
  463. table#list a.dl-torrent span,
  464. table#list a.dl-magnet span,
  465. table#list span.has-comment span,
  466. table#list span.has-cover span { display: none; }
  467. table#list .dl-torrent { margin: 0 -1px -3px 0; }
  468. table#list .dl-magnet { margin: 0 -0px -2px 0; }
  469.  
  470.  
  471.  
  472. /* forms */
  473. #login, #register, #recover {
  474.         margin: 0 auto 3em auto;
  475.         max-width: 330px;
  476. }
  477. .form input {
  478.     float: right;
  479. }
  480. .form input[type="submit"] {
  481.     margin-top: 0.5em;
  482. }
  483. .form_msg {
  484.     text-align: right;
  485. }
  486.  
  487. /* settings (profile) */
  488. #settings table {
  489.     margin: 0 auto 3em auto;
  490.     border: 0px solid #333;
  491. }
  492. #settings table tr > * {
  493.     text-align: left;
  494.     padding: 0.2em 1em;
  495. }
  496.  
  497.  
  498. /* public profile */
  499. #pubpro {
  500.         border: 1px solid #333;
  501.         min-height: 300px;
  502. }
  503. #pubpro ul {
  504.         text-align: center;
  505. }
  506. #pubpro ul li {
  507.         float: left;
  508.         padding: 0 5px;
  509. }
  510. #pubpro #pic {
  511.         padding: 5px;
  512.         border: 1px solid #f4f4f4;
  513.         float: left;
  514.         clear: both;
  515. }
clone this paste RAW Paste Data