API tools faq
paste
Advertisement
jaesoonie

FIC REC #3

jaesoonie
Nov 1st, 2013
4,317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.72 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3.  
  4. ғɪᴄ ʀᴇᴄ ᴘᴀɢᴇ ᴍᴀᴅᴇ ʙʏ >SOONJUN<. [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ]
  5. sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ.
  7. ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴀᴛ ᴀʟʟ ᴄᴏᴍᴇ ᴀsᴋ.
  8.  
  9.  
  10. ---------------------------------------------------------------------->
  11.  
  12. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. </head>
  19.  
  20. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){
  25. $(document).ready(function(){
  26. $("[title]").style_my_tooltips();
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <style type="text/css">
  32.  
  33. #s-m-t-tooltip {
  34. display: block;
  35. background: #666;
  36. font-size: 8px;
  37. font-family: calibri;
  38. letter-spacing: 1px;
  39. text-transform: uppercase;
  40. color: #fff;
  41. text-align: center;
  42. margin-left: 20px;
  43. padding: 3px;
  44. min-width: 40px;
  45. max-width: 200px;
  46. z-index: 99;}
  47.  
  48. ::-webkit-scrollbar-track {background-color:#fff;}
  49. ::-webkit-scrollbar-thumb {background-color:#f2f2f2;}
  50. ::-webkit-scrollbar {width:5px;}
  51.  
  52. body {
  53. background-color: #fff;
  54. font-size: 10px;
  55. text-align: center;
  56. line-height: 100%;}
  57.  
  58. a:link, a:active, a:visited {color:#aaa;text-decoration:none;}
  59.  
  60. .fa {font-weight:bold;
  61. background:#666;
  62. color:#fff;
  63. padding:3px 5px 3px 5px;
  64. margin:2px;
  65. font-family:trebuchet ms;
  66. font-size:9px;
  67. text-align:center;}
  68. .fo {font-weight:bold;
  69. background:#fff;
  70. color:#888;
  71. padding:3px 5px 3px 5px;
  72. margin:2px;
  73. font-family:trebuchet ms;
  74. font-size:9px;
  75. text-align:center;}
  76.  
  77. b {font-weight:bold;color:#888;font-size:9px;letter-spacing:1px;text-transform: uppercase;}
  78.  
  79. @font-face {
  80. font-family: 'fair';
  81. src: url('fair.ttf');
  82. src: local('fair'),
  83. local('fair'),
  84. url('http://dl.dropbox.com/s/4bhvunjbugaedvf/Vintage_fair.ttf');}
  85.  
  86. #head {
  87. position: fixed;
  88. width: 217px;
  89. height:520px;
  90. background:#fff;
  91. text-align: center;
  92. top: 70px;
  93. left:70px;
  94. z-index:99;
  95. padding-right:10px;
  96. border-right:3px double #f5f5f5;}
  97.  
  98. .head {margin:auto;margin-top:50px;}
  99.  
  100. #title{
  101. font-family: 'fair';
  102. line-height:80%;
  103. font-size:50px;
  104. color: #aaa;
  105. padding: 5px;
  106. text-align:center;
  107. margin-top:95px;
  108. margin-bottom:-15px;}
  109.  
  110. #desc {
  111. position:relative;
  112. font-size: 9px;
  113. font-family: consolas;
  114. text-transform:uppercase;
  115. margin:auto;
  116. color: #aaa;
  117. margin-top:22px;
  118. opacity:1;
  119. width:200px;
  120. background:#f8f8f8;
  121. padding:0px 8px 8px 8px;
  122. -webkit-transition: all 1s ease-in-out;
  123. -moz-transition: all 1s ease-in-out;
  124. -o-transition: all 1s ease-in-out;}
  125.  
  126. .links{
  127. display:inline-block;
  128. margin:2px;
  129. width:50px;
  130. height:18px;
  131. font-size:9px;
  132. font-family: consolas;
  133. text-transform:uppercase;
  134. overflow:hidden;
  135. background:#f6f6f6;
  136. -webkit-transition: all 0.3s linear;
  137. -moz-transition: all 0.3s linear;
  138. transition: all 0.3s linear;}
  139.  
  140. .link1{
  141. line-height:18px;
  142. -webkit-transition: all 0.3s linear;
  143. -moz-transition: all 0.3s linear;
  144. transition: all 0.3s linear;}
  145.  
  146. .link2{
  147. line-height:18px;
  148. background:#444;
  149. color:#fff;}
  150.  
  151. .links a:hover .link1{
  152. margin-top:-18px;
  153. -webkit-transition: all 0.3s linear;
  154. -moz-transition: all 0.3s linear;
  155. transition: all 0.3s linear;}
  156.  
  157. .box {
  158. width: 650px;
  159. height:340px;
  160. margin-left:300px;
  161. margin-top:135px;
  162. margin-bottom: 50px;
  163. background:#f8f8f8;
  164. padding:25px;
  165. overflow:auto;}
  166.  
  167. .heads a{
  168. list-style:square;
  169. color:#fff;
  170. background:#666;
  171. font-family: calibri;
  172. font-size: 13px;
  173. padding:7px 10px 7px 10px;
  174. margin:5px 0px 5px 0px;
  175. display: block;
  176. text-align: left;
  177. letter-spacing: 1px;
  178. -webkit-transition: all 0.7s ease-in-out;
  179. -moz-transition: all 0.7s ease-in-out;
  180. -o-transition: all 0.7s ease-in-out;}
  181.  
  182. .heads a:hover{background:#fff;color:#666;}
  183.  
  184. .description {
  185. font-family: calibri;
  186. font-size: 8px;
  187. color: #aaa;
  188. letter-spacing: 1px;
  189. text-transform: uppercase;
  190. text-align:left;
  191. background:#fcfcfc;
  192. padding:10px;
  193. text-align:justify;}
  194.  
  195. </style>
  196. <body>
  197. <div id="head">
  198. <div class="head">
  199. <!--TITLE-->
  200. <div id="title">TITLE</div>
  201. <!--UPDATE-->
  202. <div style="position:relative;background:#f8f8f8;padding:10px;top:25px;"><div class="fa">last update:</div><div class="fo">DATE</div> <div class="fa">total:</div> <div class="fo">TOTAL FICS</div></div>
  203. <div id="desc">
  204. <!--DESCRIPTION-->
  205. <p>DESCRIPTION</p>
  206. <!--COLOR LABELS-->
  207. <div class="fa">color labels:</div>
  208. <div class="fo"><span style="color:#da3422">♦</span> NC-17/R<span style="color:#FFC600"> ♦</span> PG-13/PG-15<span style="color:#80E800"> ♦</span> G/PG</div>
  209. </div>
  210. <!--LINKS-->
  211. <div class="links"><a href="/"><div class="link1">back</div><div class="link2">home</div></a></div><div class="links"><a href="/"><div class="link1">ask</div><div class="link2">message</div></a></div>
  212. </div></div>
  213.  
  214. <div class="box">
  215. <table align="top">
  216.  
  217. <!--FISRT COLLUMN-->
  218. <td style="vertical-align:top;width:325px;">
  219.  
  220. <!--ONE-->
  221. <div class="heads"><a href="FIC URL" style="border-bottom:2px solid #da3422;">FIC TITLE</a></div>
  222. <div class="description">
  223. <b>pairing:</b> PAIRING<br>
  224. <b>length:</b> HOW MANY WORDS<br>
  225. <b>rating:</b> RATING<br>
  226. <b>summary:</b> FIC DESCRIPTION/SUMMARY.<br></div>
  227.  
  228. <!--TWO-->
  229. <div class="heads"><a href="FIC URL" style="border-bottom:2px solid #FFC600;">FIC TITLE</a></div>
  230. <div class="description">
  231. <b>pairing:</b> PAIRING<br>
  232. <b>length:</b> HOW MANY WORDS<br>
  233. <b>rating:</b> RATING<br>
  234. <b>summary:</b> FIC DESCRIPTION/SUMMARY<br></div>
  235.  
  236. <!--THREE-->
  237. <div class="heads"><a href="FIC URL" style="border-bottom:2px solid #FFC600;">FIC TITLE</a></div>
  238. <div class="description">
  239. <b>pairing:</b> PAIRING<br>
  240. <b>length:</b> HOW MANY WORDS<br>
  241. <b>rating:</b> RATING<br>
  242. <b>summary:</b> FIC DESCRIPTION/SUMMARY<br></div>
  243.  
  244. </td>
  245.  
  246. <!--2ND COLLUMN-->
  247. <td style="vertical-align:top;width:325px;">
  248.  
  249. <!--FOUR-->
  250. <div class="heads"><a href="FIC URL"style="border-bottom:2px solid #80E800;">FIC TITLE</a></div>
  251. <div class="description">
  252. <b>pairing:</b> PAIRING<br>
  253. <b>length:</b> HOW MANY WORDS<br>
  254. <b>rating:</b> RATING<br>
  255. <b>summary:</b> FIC DESCRIPTION/SUMMARY<br></div>
  256.  
  257. <!--FIVE-->
  258. <div class="heads"><a href="FIC URL" style="border-bottom:2px solid #da3422;">FIC TITLE</a></div>
  259. <div class="description">
  260. <b>pairing:</b> PAIRING<br>
  261. <b>length:</b> HOW MANY WORDS<br>
  262. <b>rating:</b> RATING<br>
  263. <b>summary:</b> FIC DESCRIPTION/SUMMARY<br></div>
  264.  
  265.  
  266. </td>
  267. </table>
  268. </div>
  269. </body>
  270.  
  271. <a href="http://soonjunthemes.tumblr.com/" title="page created by soonjun" style="font-size:10px;right:15px;bottom:15px;position:fixed;font-family:calibri;letter-spacing:1px;background:#f7f7f7;padding: 2px 5px 3px 5px;border-radius:3px;z-index:99;"> theme. </a></div>
  272.  
  273. </html>
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!