API tools faq
paste
jaesoonie

FIC REC #6

jaesoonie
Jul 26th, 2014
1,970
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5. ғɪᴄ ʀᴇᴄ ᴘᴀɢᴇ #6;
  6. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  7. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  8.  
  9. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  10. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  11.  
  12.  
  13. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  14. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴘᴀɢᴇ.
  15.  
  16.  
  17.  
  18. -->
  19.  
  20. <head>
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  27. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("[title]").style_my_tooltips();
  32. });
  33. })(jQuery);
  34. </script>
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41. body { background:#f7f7f7;line-height: 100%;word-wrap: break-word;}
  42.  
  43. a:link, a:active, a:visited {color:#deecf6;text-decoration:none;
  44. -webkit-transition: all 0.2s ease-in-out;
  45. -moz-transition: all 0.2s ease-in-out;
  46. -o-transition: all 0.2s ease-in-out;}
  47.  
  48. a:hover{background:#f1f4f6;color:#fff;}
  49.  
  50. b {font-weight:bold;color:#888;}
  51.  
  52. #wall01 {width:200px;height:100%;background:#f1f4f6 url('SIDEBAR IMAGE') fixed;left:0px;top:0px;position:fixed;z-index:9999; outline:3px dashed #fff;}
  53.  
  54.  
  55. #title{
  56. font: oblique bold 25px arial;
  57. letter-spacing:2px;
  58. line-height:80%;
  59. color: #f1f4f6;
  60. padding: 20px;
  61. text-align:center;
  62. margin-top:270px;
  63. margin-left:30px;
  64. z-index:999999;
  65. background:#fff;
  66. width:100px;
  67. border:3px double #f1f4f6;}
  68.  
  69.  
  70. .links{
  71. position:fixed;
  72. letter-spacing:2px;
  73. right:5px;
  74. top:5px;}
  75.  
  76. .links a{
  77. background:#deecf6;
  78. color:#fff;
  79. display:block;
  80. width:50px;
  81. font:oblique 8px arial;
  82. margin-bottom:5px;
  83. padding:1px;
  84. text-align:center;}
  85.  
  86.  
  87. .box {
  88. display:inline-block;
  89. width:100%;
  90. margin:auto;
  91. margin-top:60px;
  92. margin-left: 250px;
  93. padding:25px;}
  94.  
  95.  
  96. table table{border-collapse:collapse;background:#fff;margin:10px;width:350px;}
  97.  
  98. .fics { width:43px;
  99. color:#fff;
  100. font:bold 30px 'Francois One';
  101. padding:5px;
  102. text-align: center;
  103. letter-spacing: 3px;
  104. background:#deecf6;}
  105.  
  106. .titles {
  107. color:#deecf6;
  108. font: oblique 13px 'Francois One';
  109. padding:10px;
  110. text-align: center;
  111. letter-spacing: 3px;
  112. background:#fff;}
  113.  
  114. img { width:340px;
  115. margin:5px 10px 0px 10px;
  116. margin-top:5px;
  117. margin-bottom:-10px;
  118. margin-left:10px;
  119. margin-right:10px;
  120. padding:5px;
  121. background:#fff;
  122. border-radius:3px;
  123. border-bottom:1px solid #deecf6;}
  124.  
  125. .details {
  126. font-family: calibri;
  127. font-size: 8px;
  128. line-height:150%;
  129. color: #aaa;
  130. letter-spacing: 1px;
  131. text-transform: uppercase;
  132. text-align:left;
  133. background:#fff;
  134. padding:10px;
  135. text-align:justify;}
  136.  
  137. #s-m-t-tooltip {display: block;background: #deecf6;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;}
  138.  
  139. ::-webkit-scrollbar-track {background-color:#fff;}
  140. ::-webkit-scrollbar-thumb {background-color:#deecf6;border:3px solid #fff;}
  141. ::-webkit-scrollbar {width:10px;height:10px;}
  142.  
  143. #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;}
  144. #chloe a {color:#aaa;}
  145.  
  146.  
  147. </style>
  148. <body>
  149.  
  150.  
  151.  
  152. <div id="wall01">
  153. <!------------- TITLE ------------>
  154. <div id="title">TITLE</div>
  155.  
  156. </div>
  157.  
  158.  
  159. <div class="links">
  160. <a href="/">home</a>
  161. <a href="/ask">message</a>
  162. </div>
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169. <div class="box">
  170. <table align="top">
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. <!---------------------------1ST COLUMN------------------------------>
  178. <td style="vertical-align:top" >
  179.  
  180. <!------------- ONE ------------>
  181.  
  182. <table>
  183.  
  184. <!------- IMAGE (TO ADD A PIC JUST ADD THIS PIECE OF CODE) -------->
  185.  
  186. <img src="IMAGE URL">
  187.  
  188. <tr>
  189.  
  190. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  191. <!------- RATING -------->
  192. <div class="fics">R</div>
  193. </th>
  194.  
  195. <th style="border-bottom:1px solid #f1f4f6;">
  196. <div class="titles">
  197. <!------- TITLE -------->
  198. <a href="FIC URL">FIC TITLE</a>
  199. </div>
  200. </th>
  201.  
  202. </tr>
  203. <tr>
  204.  
  205. <td style="background:#f1f4f6;"></td>
  206.  
  207. <td>
  208. <!------- DESCRIPTION/DETAILS -------->
  209. <div class="details">
  210.  
  211. <b>pairing:</b> PAIRING
  212.  
  213. <br> <b>word count:</b> HOW MANY WORDS
  214.  
  215. <br> <b>genre:</b> GENRE
  216.  
  217. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  218.  
  219.  
  220. </div>
  221.  
  222. </td>
  223.  
  224. </tr>
  225.  
  226. </table>
  227.  
  228. <!------------- END /ONE ------------>
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237. <!------------- TWO ------------>
  238. <table>
  239.  
  240. <tr>
  241.  
  242. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  243. <!------- RATING -------->
  244. <div class="fics">R</div>
  245. </th>
  246.  
  247. <th style="border-bottom:1px solid #f1f4f6;">
  248. <div class="titles">
  249. <!------- TITLE -------->
  250. <a href="FIC URL">FIC TITLE</a>
  251. </div>
  252. </th>
  253.  
  254. </tr>
  255. <tr>
  256.  
  257. <td style="background:#f1f4f6;"></td>
  258.  
  259. <td>
  260. <!------- DESCRIPTION/DETAILS -------->
  261. <div class="details">
  262.  
  263. <b>pairing:</b> PAIRING
  264.  
  265. <br> <b>word count:</b> HOW MANY WORDS
  266.  
  267. <br> <b>genre:</b> GENRE
  268.  
  269. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  270.  
  271.  
  272. </div>
  273.  
  274. </td>
  275.  
  276. </tr>
  277.  
  278. </table>
  279.  
  280. <!------------- END /TWO ------------>
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290. <!------------- THREE ------------>
  291.  
  292. <table>
  293.  
  294. <tr>
  295.  
  296. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  297. <!------- RATING -------->
  298. <div class="fics">R</div>
  299. </th>
  300.  
  301. <th style="border-bottom:1px solid #f1f4f6;">
  302. <div class="titles">
  303. <!------- TITLE -------->
  304. <a href="FIC URL">FIC TITLE</a>
  305. </div>
  306. </th>
  307.  
  308. </tr>
  309. <tr>
  310.  
  311. <td style="background:#f1f4f6;"></td>
  312.  
  313. <td>
  314. <!------- DESCRIPTION/DETAILS -------->
  315. <div class="details">
  316.  
  317. <b>pairing:</b> PAIRING
  318.  
  319. <br> <b>word count:</b> HOW MANY WORDS
  320.  
  321. <br> <b>genre:</b> GENRE
  322.  
  323. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  324.  
  325.  
  326. </div>
  327.  
  328. </td>
  329.  
  330. </tr>
  331.  
  332. </table>
  333.  
  334. <!---------------------------END 1ST COLUMN-------------------------->
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344. <!---------------------------2ND COLUMN------------------------------>
  345. <td style="vertical-align:top" >
  346.  
  347. <!------------- ONE ------------>
  348.  
  349. <table>
  350.  
  351. <tr>
  352.  
  353. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  354. <!------- RATING -------->
  355. <div class="fics">R</div>
  356. </th>
  357.  
  358. <th style="border-bottom:1px solid #f1f4f6;">
  359. <div class="titles">
  360. <!------- TITLE -------->
  361. <a href="FIC URL">FIC TITLE</a>
  362. </div>
  363. </th>
  364.  
  365. </tr>
  366. <tr>
  367.  
  368. <td style="background:#f1f4f6;"></td>
  369.  
  370. <td>
  371. <!------- DESCRIPTION/DETAILS -------->
  372. <div class="details">
  373.  
  374. <b>pairing:</b> PAIRING
  375.  
  376. <br> <b>word count:</b> HOW MANY WORDS
  377.  
  378. <br> <b>genre:</b> GENRE
  379.  
  380. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  381.  
  382.  
  383. </div>
  384.  
  385. </td>
  386.  
  387. </tr>
  388.  
  389. </table>
  390.  
  391. <!------------- END /ONE ------------>
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400. <!------------- TWO ------------>
  401. <table>
  402.  
  403. <!------- IMAGE -------->
  404.  
  405. <img src="IMAGE URL">
  406.  
  407.  
  408. <tr>
  409.  
  410. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  411. <!------- RATING -------->
  412. <div class="fics">R</div>
  413. </th>
  414.  
  415. <th style="border-bottom:1px solid #f1f4f6;">
  416. <div class="titles">
  417. <!------- TITLE -------->
  418. <a href="FIC URL">FIC TITLE</a>
  419. </div>
  420. </th>
  421.  
  422. </tr>
  423. <tr>
  424.  
  425. <td style="background:#f1f4f6;"></td>
  426.  
  427. <td>
  428. <!------- DESCRIPTION/DETAILS -------->
  429. <div class="details">
  430.  
  431. <b>pairing:</b> PAIRING
  432.  
  433. <br> <b>word count:</b> HOW MANY WORDS
  434.  
  435. <br> <b>genre:</b> GENRE
  436.  
  437. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  438.  
  439.  
  440. </div>
  441.  
  442. </td>
  443.  
  444. </tr>
  445.  
  446. </table>
  447.  
  448. <!------------- END /TWO ------------>
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457. <!------------- THREE ------------>
  458.  
  459. <table>
  460.  
  461. <tr>
  462.  
  463. <th style="background:#deecf6;border-bottom:1px solid #fff;width:45px;">
  464. <!------- RATING -------->
  465. <div class="fics">R</div>
  466. </th>
  467.  
  468. <th style="border-bottom:1px solid #f1f4f6;">
  469. <div class="titles">
  470. <!------- TITLE -------->
  471. <a href="FIC URL">FIC TITLE</a>
  472. </div>
  473. </th>
  474.  
  475. </tr>
  476. <tr>
  477.  
  478. <td style="background:#f1f4f6;"></td>
  479.  
  480. <td>
  481. <!------- DESCRIPTION/DETAILS -------->
  482. <div class="details">
  483.  
  484. <b>pairing:</b> PAIRING
  485.  
  486. <br> <b>word count:</b> HOW MANY WORDS
  487.  
  488. <br> <b>genre:</b> GENRE
  489.  
  490. <br> <b>summary:</b> FIC DESCRIPTION/SUMMARY
  491.  
  492.  
  493. </div>
  494.  
  495. </td>
  496.  
  497. </tr>
  498.  
  499. </table>
  500.  
  501.  
  502.  
  503.  
  504.  
  505. <!-------------------------------END TABLE------------------------------>
  506. </table>
  507. </div>
  508. </body>
  509.  
  510. <div id="chloe" title="coded by chloe"><a href="http://soon-co.tumblr.com/">SOONCO</a></div>
  511.  
  512. </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!