API tools faq
paste
jaesoonie

FIC REC #5

jaesoonie
Jul 14th, 2014
2,062
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.20 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5. ғɪᴄ ʀᴇᴄ ᴘᴀɢᴇ #5;
  6. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  7. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  8.  
  9. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  10. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  11.  
  12.  
  13. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  14. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴘᴀɢᴇ.
  15.  
  16.  
  17.  
  18. -->
  19.  
  20. <html>
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26.  
  27. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  28. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("[title]").style_my_tooltips();
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. body { background:#fff;line-height: 100%;}
  41.  
  42. a:link, a:active, a:visited {color:#aaa;text-decoration:none;}
  43.  
  44. b {font-weight:bold;color:#888;}
  45.  
  46.  
  47. #title{
  48. position:fixed;
  49. background:#333;
  50. width:100%;
  51. font: oblique bold 45px bodoni;
  52. letter-spacing:2px;
  53. line-height:80%;
  54. color: #CCEC80;
  55. padding: 20px;
  56. text-align:left;
  57. top:0px;
  58. left:40px;
  59. border-top:40px solid #fff;}
  60.  
  61.  
  62. .links{
  63. position:fixed;
  64. letter-spacing:2px;
  65. right:5px;
  66. top:5px;}
  67.  
  68. .links a{
  69. background:#CCEC80;
  70. color:#fff;
  71. display:block;
  72. width:50px;
  73. font:oblique 8px arial;
  74. margin-bottom:5px;
  75. padding:1px;
  76. text-align:center;}
  77.  
  78.  
  79. .box {
  80. margin:auto;
  81. width: 650px;
  82. height:100%;
  83. margin-top:150px;
  84. margin-left:20px;
  85. margin-bottom: 50px;
  86. padding:25px;}
  87.  
  88. .fics a{
  89. color:#fff;
  90. background:#CCEC80;
  91. font:bold oblique 9px arial;
  92. padding:7px 10px 7px 10px;
  93. margin:10px 10px 0px 10px;
  94. display: block;
  95. text-align: center;
  96. text-transform:lowercase;
  97. letter-spacing: 3px;
  98. border-radius:3px 3px 0px 0px;
  99. -webkit-transition: all 0.7s ease-in-out;
  100. -moz-transition: all 0.7s ease-in-out;
  101. -o-transition: all 0.7s ease-in-out;}
  102.  
  103. .fics a:hover{background:#fff;color:#666;}
  104.  
  105. .details {
  106. font-family: calibri;
  107. font-size: 8px;
  108. line-height:150%;
  109. color: #aaa;
  110. letter-spacing: 1px;
  111. text-transform: uppercase;
  112. text-align:left;
  113. background:#f8f8f8;
  114. padding:10px;
  115. text-align:justify;
  116. margin:0px 10px 20px 10px;
  117. border-radius:0px 0px 3px 3px;}
  118.  
  119. #s-m-t-tooltip {display: block;background: #CCEC80;font:8px calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color:#fff;text-align: center;margin-left: 18px;padding:7px;min-width: 40px;max-width: 150px;z-index: 999999;}
  120.  
  121. ::-webkit-scrollbar-track {background-color:#f5f5f5;}
  122. ::-webkit-scrollbar-thumb {background-color:#CCEC80;}
  123. ::-webkit-scrollbar {width:6px;height:7px;}
  124.  
  125. #chloe {font-size:8px;font-family:consolas;text-align:center;letter-spacing:2px;padding: 5px 8px 5px 8px;z-index:99999;position:fixed;top:0px;left:0px;color:#ccc;}
  126. #chloe a {color:#aaa;}
  127.  
  128. </style>
  129. <body>
  130.  
  131. <!--TITLE-->
  132. <div id="title">TITLE</div>
  133.  
  134. <div class="links"><a href="/">home</a><a href="/ask">message</a></div>
  135.  
  136. <div class="box">
  137. <table align="top">
  138.  
  139. <!-------------------------1ST COLUMN--------------------------->
  140.  
  141. <td style="vertical-align:top;width:220px;">
  142.  
  143. <!-------------ONE------------>
  144. <div class="fics">
  145. <a href="FIC URL">FIC TITLE</a>
  146. </div>
  147. <div class="details">
  148.  
  149. <b>pairing:</b> PAIRING
  150.  
  151. <br> <b>word count:</b> HOW MANY WORDS
  152.  
  153. <br> <b>genre:</b> GENRE
  154.  
  155. <br> <b>rating:</b> RATING
  156.  
  157. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  158.  
  159. </div>
  160.  
  161.  
  162.  
  163. <!------------TWO------------->
  164. <div class="fics">
  165. <a href="FIC URL">FIC TITLE</a>
  166. </div>
  167. <div class="details">
  168.  
  169. <b>pairing:</b> PAIRING
  170.  
  171. <br> <b>word count:</b> HOW MANY WORDS
  172.  
  173. <br> <b>genre:</b> GENRE
  174.  
  175. <br> <b>rating:</b> RATING
  176.  
  177. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  178.  
  179. </div>
  180.  
  181.  
  182.  
  183. <!-----------THREE------------->
  184. <div class="fics">
  185. <a href="FIC URL">FIC TITLE</a>
  186. </div>
  187. <div class="details">
  188.  
  189. <b>pairing:</b> PAIRING
  190.  
  191. <br> <b>word count:</b> HOW MANY WORDS
  192.  
  193. <br> <b>genre:</b> GENRE
  194.  
  195. <br> <b>rating:</b> RATING
  196.  
  197. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  198.  
  199. </div>
  200.  
  201. </td>
  202.  
  203.  
  204.  
  205. <!-------------------------2ND COLUMN--------------------------->
  206.  
  207. <td style="vertical-align:top;width:220px;">
  208.  
  209. <!-----------FOUR------------->
  210. <div class="fics">
  211. <a href="FIC URL">FIC TITLE</a>
  212. </div>
  213. <div class="details">
  214.  
  215. <b>pairing:</b> PAIRING
  216.  
  217. <br> <b>word count:</b> HOW MANY WORDS
  218.  
  219. <br> <b>genre:</b> GENRE
  220.  
  221. <br> <b>rating:</b> RATING
  222.  
  223. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  224.  
  225. </div>
  226.  
  227.  
  228.  
  229. <!-----------FIVE------------->
  230. <div class="fics">
  231. <a href="FIC URL">FIC TITLE</a>
  232. </div>
  233. <div class="details">
  234.  
  235. <b>pairing:</b> PAIRING
  236.  
  237. <br> <b>word count:</b> HOW MANY WORDS
  238.  
  239. <br> <b>genre:</b> GENRE
  240.  
  241. <br> <b>rating:</b> RATING
  242.  
  243. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  244.  
  245. </div>
  246.  
  247.  
  248. </td>
  249.  
  250.  
  251. <!-------------------------3RD COLUMN--------------------------->
  252.  
  253. <td style="vertical-align:top;width:220px;">
  254.  
  255. <!-----------SIX------------->
  256. <div class="fics">
  257. <a href="FIC URL">FIC TITLE</a>
  258. </div>
  259. <div class="details">
  260.  
  261. <b>pairing:</b> PAIRING
  262.  
  263. <br> <b>word count:</b> HOW MANY WORDS
  264.  
  265. <br> <b>genre:</b> GENRE
  266.  
  267. <br> <b>rating:</b> RATING
  268.  
  269. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  270.  
  271. </div>
  272.  
  273.  
  274.  
  275. <!-----------SEVEN------------->
  276. <div class="fics">
  277. <a href="FIC URL">FIC TITLE</a>
  278. </div>
  279. <div class="details">
  280.  
  281. <b>pairing:</b> PAIRING
  282.  
  283. <br> <b>word count:</b> HOW MANY WORDS
  284.  
  285. <br> <b>genre:</b> GENRE
  286.  
  287. <br> <b>rating:</b> RATING
  288.  
  289. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  290.  
  291. </div>
  292.  
  293.  
  294. </td>
  295.  
  296.  
  297. </table>
  298. </div>
  299. </body>
  300.  
  301. <div id="chloe" title="coded by chloe"><a href="http://soon-co.tumblr.com/">SOONCO</a></div>
  302.  
  303. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!