kimtys

PAGEPACK #6 (FANFIC)

Aug 18th, 2015
3,708
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.88 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. PAGE PACK - #6 FANFIC PAGE BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <meta name="description" content="{MetaDescription}" />
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  22.  
  23. <script>
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:0,
  28. tip_fade_speed:0,
  29. attribute:"title"
  30. });
  31. });
  32. </script>
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37. #s-m-t-tooltip {
  38. z-index: 9999;
  39. background: #fff; /* TOOLTIP COLOR */
  40. line-height:150%;
  41. font: 9px tunga;
  42. font-style: normal;
  43. letter-spacing: 1px;
  44. font-weight:bold;
  45. text-transform: uppercase;
  46. border: 2px solid #f5f5f5; /* TOOLTIP BORDER 1 COLOR */
  47. outline:2px solid #fff; /* TOOLTIP BORDER 2 COLOR */
  48. max-width: 300px;
  49. color:#bbb; /* TOOLTIP TEXT COLOR */
  50. text-align: justify;
  51. padding: 3px 6px 2px 6px;
  52. display: block;
  53. margin: 24px 14px 7px 12px;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. background: #ffc3d4; /* SCROLL COLOR */
  58. height: 5px;
  59. width:9px;
  60. border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
  61. }
  62.  
  63.  
  64. ::-webkit-scrollbar {
  65. height: 0px;
  66. width: 3px;
  67. background: #fff; /* SCROLLBAR COLOR (SAME AS BOX) */
  68. }
  69.  
  70.  
  71. ::-moz-selection {
  72. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  73. color:#fff; /* SELECT TEXT COLOR */
  74. }
  75. ::selection {
  76. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  77. color:#fff; /* SELECT TEXT COLOR */
  78. }
  79.  
  80.  
  81.  
  82. body {
  83. background-color: #f5f5f5; /* BACKGROUND COLOR */
  84. font-size: 10px;
  85. font-family:arial;
  86. text-align: center;
  87. line-height: 100%;}
  88.  
  89. a {
  90. color:#aaa; /* LINK COLOR */
  91. text-decoration:underline;
  92. }
  93.  
  94.  
  95. a:hover {
  96. color:#aaa; /* LINK HOVER COLOR */
  97. cursor:help;
  98. text-decoration:none;
  99. }
  100.  
  101. b, bold, strong {
  102. color:#aaa; /* BOLD COLOR */
  103. }
  104.  
  105. #center {
  106. width:auto;
  107. margin-top:0px;
  108. margin-bottom:0px;
  109. margin-right:-7px;
  110. background:transparent;
  111. }
  112.  
  113. #sidebar {
  114. position: fixed;
  115. border-right:2px solid #f5f5f5; /* SIDEBAR BORDER 1 COLOR */
  116. outline:2px solid #fff; /* SIDEBAR BORDER 2 COLOR */
  117. width: 265px;
  118. height:100%;
  119. text-align: center;
  120. top: 0px;
  121. left:0px;
  122. z-index:99;
  123. padding-right:0px;
  124. background:#fff; /* SIDEBAR BACKGROUND COLOR */
  125. }
  126.  
  127. .sidebar {
  128. margin:auto;
  129. margin-top:100px; /* TITLE TOP POSITION */
  130. }
  131.  
  132.  
  133. #title{
  134. font-family: 'Oswald', sans-serif;
  135. line-height:90%;
  136. font-size:40px;
  137. font-weight:300;
  138. text-transform:uppercase;
  139. color: #ccc; /* TITLE COLOR */
  140. padding: 5px;
  141. text-align:center;
  142. margin-top:0px;
  143. margin-bottom:-15px;}
  144.  
  145. #title span {
  146. font-weight:300;
  147. color:#ffc3d4; /* TITLE SECOND COLOR */
  148. }
  149.  
  150. #desc {
  151. position:relative;
  152. font-size: 9px;
  153. font-family: tunga;
  154. text-transform:uppercase;
  155. letter-spacing:1px;
  156. font-weight:bold;
  157. margin:auto;
  158. color: #bbb; /* DESCRIPTION FONT COLOR */
  159. overflow:scroll;
  160. overflow:auto;
  161. line-height:180%;
  162. max-height:80px;
  163. margin-top:22px;
  164. opacity:1;
  165. width:200px;
  166. background:#f5f5f5; /* DESCRIPTION BACKGROUND COLOR */
  167. border:2px solid #fff; /* DESCRIPTION BORDER 1 COLOR */
  168. outline:2px solid #f5f5f5; /* DESCRIPTION BORDER 2 COLOR */
  169. padding:8px 8px 8px 8px;
  170. -webkit-transition: all 1s ease-in-out;
  171. -moz-transition: all 1s ease-in-out;
  172. -o-transition: all 1s ease-in-out;}
  173.  
  174. #link {
  175. display:inline-block;
  176. font:9px tunga;
  177. text-transform:uppercase;
  178. font-weight:bold;
  179. letter-spacing:1px;
  180. margin-top:5px;
  181. }
  182.  
  183. #link a {
  184. color:#bbb; /* DESC LINK COLOR */
  185. padding: 1px 4px 0px 4px;
  186. text-decoration:none;
  187. }
  188.  
  189. #link a:hover {
  190. background:#f5f5f5; /* DESC LINK BACKGROUND HOVER COLOR */
  191. color:#bbb; /* DESC LINK HOVER COLOR */
  192. text-decoration:none;
  193. }
  194.  
  195.  
  196. .box {
  197. width: 900px;
  198. height:100%;
  199. margin-top:0px;
  200. margin-bottom: 50px;
  201. background:transparent;
  202. padding:10px;
  203. margin-left:150px;
  204. padding-left:200px;
  205. padding-bottom:20px;
  206. }
  207.  
  208. .ficb {
  209. border-top:2px solid #fff; /* FIC BORDER 2 COLOR */
  210. border-left:2px solid #fff; /* FIC BORDER 2 COLOR */
  211. border-right:2px solid #fff; /* FIC BORDER 2 COLOR */
  212. border-bottom:2px solid #fff; /* FIC BORDER 2 COLOR */
  213. margin-right:10px; /* DISTANCE BETWEEN FICS */
  214. margin-bottom:25px; /* DISTANCE BETWEEN FICS */
  215. margin-left:10px; /* DISTANCE BETWEEN FICS */
  216. line-height:150%;
  217. width:430px; /* FIC WIDTH */
  218. background:transparent;
  219. }
  220.  
  221. .fic a{
  222. list-style:square;
  223. color:#ccc; /* FIC TITLE COLOR */
  224. background:#fff; /* FIC TITLE BACKGROUND */
  225. font-family: 'Oswald', sans-serif;
  226. font-size: 20px; /* FIC TITLE FONT SIZE */
  227. border:2px solid #f5f5f5; /* FIC TITLE BORDER 1 COLOR */
  228. padding:10px;
  229. text-decoration:none;
  230. text-transform:uppercase;
  231. margin:0px 0px 0px 0px;
  232. line-height:110%;
  233. font-weight:300;
  234. display:block;
  235. text-align: center;
  236. word-spacing: 1px;
  237. -webkit-transition: all 0.3s ease-in-out;
  238. -moz-transition: all 0.3s ease-in-out;
  239. -o-transition: all 0.3s ease-in-out;}
  240.  
  241. .fic a:hover{
  242. background:#f5f5f5; /* FIC TITLE HOVER BACKGROUND COLOR */
  243. color:#ffc3d4; /* FIC TITLE HOVER COLOR */
  244. text-decoration:none;
  245. }
  246.  
  247. .fic span {
  248. font-weight:300;
  249. color:#ffc3d4; /* FIC TITLE SECOND COLOR */
  250. -webkit-transition: all 0.3s ease-in-out;
  251. -moz-transition: all 0.3s ease-in-out;
  252. -o-transition: all 0.3s ease-in-out;
  253. }
  254.  
  255. .fic a:hover span {
  256. color:#ffc3d4; /* FIC TITLE HOVER SECOND COLOR */
  257. }
  258.  
  259.  
  260. .stuff {
  261. font-family: tunga;
  262. font-size: 9px;
  263. color: #bbb; /* INFO TEXT COLOR */
  264. letter-spacing:1px;
  265. font-weight:bold;
  266. line-height:150%;
  267. margin:-2px 0px 0px 0px;
  268. text-transform: uppercase;
  269. text-align:left;
  270. background:#fff; /* INFO BACKGROUND COLOR */
  271. margin:2px;
  272. margin-top:0px;
  273. padding:10px;
  274. text-align:justify;}
  275.  
  276.  
  277. .stuff b {
  278. color:#ffc3d4; /* INFO SUBTITLES COLOR */
  279. letter-spacing:3px;
  280. }
  281.  
  282.  
  283. hr {
  284. border:0;
  285. height:2px;
  286. background: #fff; /* BREAK LINE COLOR */
  287. }
  288.  
  289.  
  290. #group {
  291. font-family:'Oswald', sans-serif;
  292. text-transform:uppercase;
  293. word-spacing:3px;
  294. margin-left:0px;
  295. font-size:45px;
  296. padding-left:0px;
  297. padding-right:20px;
  298. text-align:left;
  299. margin-left:10px;
  300. margin-bottom:50px;
  301. margin-top:60px;
  302. color:#fff; /* GROUPS FONT COLOR */
  303. }
  304.  
  305. #by {
  306. font-family:'Oswald', sans-serif;
  307. text-transform:uppercase;
  308. font-size:11px;
  309. font-weight:normal;
  310. text-align:right;
  311. margin-top:-2px;
  312. margin-left:-2px;
  313. margin-right:-2px;
  314. margin-bottom:10px;
  315. }
  316.  
  317. #by a {
  318. color: #ffc3d4; /* AUTHOR LINK COLOR */
  319. text-decoration:none;
  320. }
  321.  
  322. #by a:hover {
  323. text-decoration:underline;
  324. }
  325.  
  326. #cr {
  327. bottom:10px;
  328. left:10px;
  329. font-weight:bold;
  330. color:#ffc3d4; /* CR LINK COLOR */
  331. font-size:12px;
  332. position:fixed;
  333. background:#f5f5f5; /* CR BACKGROUND COLOR */
  334. padding:7px 7px;
  335. border: 2px solid #fff; /* CR BORDER 1 COLOR */
  336. outline:2px solid #f5f5f5; /* CR BORDER 2 COLOR */
  337. }
  338.  
  339. </style>
  340. </head>
  341. <body>
  342.  
  343. <div id="sidebar">
  344.  
  345. <!-- CREDIT -->
  346.  
  347. <a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>
  348.  
  349. <!-- SIDEBAR -->
  350.  
  351. <div class="sidebar">
  352. <div id="title"><span>YOUR</span> TITLE</div>
  353. <div id="desc">
  354. DESCRIPTION
  355. </div></div>
  356. <div id="link"><a href="/">back</a> <a href="/ask">ask</a></div>
  357. </div>
  358.  
  359. <div id="center">
  360.  
  361. <!-- GROUP 1 -->
  362. <div class="box">
  363. <table align="top">
  364.  
  365. <div id="group">TITLE 1</div>
  366.  
  367. <!--COLLUMN 1-->
  368. <td style="vertical-align:top">
  369.  
  370. <!--1 FIC-->
  371. <div class="ficb"><div class="fic"><a href="FIC LINK">
  372. <span>FIC</span> TITLE</a></div>
  373. <div class="stuff">
  374. <div id="by"><div style="float:left">★★★☆☆
  375. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  376. <b>PAIRING:</b> PAIRING
  377. <br>
  378. <b>RATED:</b> RATED
  379. <br>
  380. <b>LENGTH:</b> LENGTH
  381. <br>
  382. <b>SUMMARY:</b> SUMMARY
  383. </div>
  384. </div>
  385. <!--END 1 FIC-->
  386.  
  387. <!--2 FIC-->
  388. <div class="ficb"><div class="fic"><a href="FIC LINK">
  389. <span>FIC</span> TITLE</a></div>
  390. <div class="stuff">
  391. <div id="by"><div style="float:left">★★★☆☆
  392. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  393. <b>PAIRING:</b> PAIRING
  394. <br>
  395. <b>RATED:</b> RATED
  396. <br>
  397. <b>LENGTH:</b> LENGTH
  398. <br>
  399. <b>SUMMARY:</b> SUMMARY
  400. </div>
  401. </div>
  402. <!--END 2 FIC-->
  403.  
  404. <!--3 FIC-->
  405. <div class="ficb"><div class="fic"><a href="FIC LINK">
  406. <span>FIC</span> TITLE</a></div>
  407. <div class="stuff">
  408. <div id="by"><div style="float:left">★★★☆☆
  409. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  410. <b>PAIRING:</b> PAIRING
  411. <br>
  412. <b>RATED:</b> RATED
  413. <br>
  414. <b>LENGTH:</b> LENGTH
  415. <br>
  416. <b>SUMMARY:</b> SUMMARY
  417. </div>
  418. </div>
  419. <!--END 3 FIC-->
  420.  
  421. </td>
  422. <!--END 1 COLLUMN-->
  423.  
  424.  
  425. <!--2 COLLUMN-->
  426. <td style="vertical-align:top">
  427.  
  428. <!--4 FIC-->
  429. <div class="ficb"><div class="fic"><a href="FIC LINK">
  430. <span>FIC</span> TITLE</a></div>
  431. <div class="stuff">
  432. <div id="by"><div style="float:left">★★★☆☆
  433. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  434. <b>PAIRING:</b> PAIRING
  435. <br>
  436. <b>RATED:</b> RATED
  437. <br>
  438. <b>LENGTH:</b> LENGTH
  439. <br>
  440. <b>SUMMARY:</b> SUMMARY
  441. </div>
  442. </div>
  443. <!--END 4 FIC-->
  444.  
  445. <!--5 FIC-->
  446. <div class="ficb"><div class="fic"><a href="FIC LINK">
  447. <span>FIC</span> TITLE</a></div>
  448. <div class="stuff">
  449. <div id="by"><div style="float:left">★★★☆☆
  450. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  451. <b>PAIRING:</b> PAIRING
  452. <br>
  453. <b>RATED:</b> RATED
  454. <br>
  455. <b>LENGTH:</b> LENGTH
  456. <br>
  457. <b>SUMMARY:</b> SUMMARY
  458. </div>
  459. </div>
  460. <!--END 5 FIC-->
  461.  
  462. <!--6 FIC-->
  463. <div class="ficb"><div class="fic"><a href="FIC LINK">
  464. <span>FIC</span> TITLE</a></div>
  465. <div class="stuff">
  466. <div id="by"><div style="float:left">★★★☆☆
  467. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  468. <b>PAIRING:</b> PAIRING
  469. <br>
  470. <b>RATED:</b> RATED
  471. <br>
  472. <b>LENGTH:</b> LENGTH
  473. <br>
  474. <b>SUMMARY:</b> SUMMARY
  475. </div>
  476. </div>
  477. <!--END 6 FIC-->
  478.  
  479.  
  480.  
  481. </td>
  482. <!--END COLLUMN 2-->
  483.  
  484. </table>
  485. </div>
  486. <!--END GROUP 1-->
  487.  
  488. <!--BREAK LINE-->
  489. <hr>
  490. <!--BREAK LINE-->
  491.  
  492. <!-- GROUP 2 -->
  493. <div class="box">
  494. <table align="top">
  495.  
  496. <div id="group">TITLE 1</div>
  497.  
  498. <!--COLLUMN 1-->
  499. <td style="vertical-align:top">
  500.  
  501. <!--7 FIC-->
  502. <div class="ficb"><div class="fic"><a href="FIC LINK">
  503. <span>FIC</span> TITLE</a></div>
  504. <div class="stuff">
  505. <div id="by"><div style="float:left">★★★☆☆
  506. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  507. <b>PAIRING:</b> PAIRING
  508. <br>
  509. <b>RATED:</b> RATED
  510. <br>
  511. <b>LENGTH:</b> LENGTH
  512. <br>
  513. <b>SUMMARY:</b> SUMMARY
  514. </div>
  515. </div>
  516. <!--END 7 FIC-->
  517.  
  518. <!--8 FIC-->
  519. <div class="ficb"><div class="fic"><a href="FIC LINK">
  520. <span>FIC</span> TITLE</a></div>
  521. <div class="stuff">
  522. <div id="by"><div style="float:left">★★★☆☆
  523. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  524. <b>PAIRING:</b> PAIRING
  525. <br>
  526. <b>RATED:</b> RATED
  527. <br>
  528. <b>LENGTH:</b> LENGTH
  529. <br>
  530. <b>SUMMARY:</b> SUMMARY
  531. </div>
  532. </div>
  533. <!--END 8 FIC-->
  534.  
  535. <!--9 FIC-->
  536. <div class="ficb"><div class="fic"><a href="FIC LINK">
  537. <span>FIC</span> TITLE</a></div>
  538. <div class="stuff">
  539. <div id="by"><div style="float:left">★★★☆☆
  540. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  541. <b>PAIRING:</b> PAIRING
  542. <br>
  543. <b>RATED:</b> RATED
  544. <br>
  545. <b>LENGTH:</b> LENGTH
  546. <br>
  547. <b>SUMMARY:</b> SUMMARY
  548. </div>
  549. </div>
  550. <!--END 9 FIC-->
  551.  
  552. </td>
  553. <!--END 1 COLLUMN-->
  554.  
  555. <!--2 COLLUMN-->
  556. <td style="vertical-align:top">
  557.  
  558. <!--10 FIC-->
  559. <div class="ficb"><div class="fic"><a href="FIC LINK">
  560. <span>FIC</span> TITLE</a></div>
  561. <div class="stuff">
  562. <div id="by"><div style="float:left">★★★☆☆
  563. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  564. <b>PAIRING:</b> PAIRING
  565. <br>
  566. <b>RATED:</b> RATED
  567. <br>
  568. <b>LENGTH:</b> LENGTH
  569. <br>
  570. <b>SUMMARY:</b> SUMMARY
  571. </div>
  572. </div>
  573. <!--END 10 FIC-->
  574.  
  575. <!--11 FIC-->
  576. <div class="ficb"><div class="fic"><a href="FIC LINK">
  577. <span>FIC</span> TITLE</a></div>
  578. <div class="stuff">
  579. <div id="by"><div style="float:left">★★★☆☆
  580. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  581. <b>PAIRING:</b> PAIRING
  582. <br>
  583. <b>RATED:</b> RATED
  584. <br>
  585. <b>LENGTH:</b> LENGTH
  586. <br>
  587. <b>SUMMARY:</b> SUMMARY
  588. </div>
  589. </div>
  590. <!--END 11 FIC-->
  591.  
  592. <!--12 FIC-->
  593. <div class="ficb"><div class="fic"><a href="FIC LINK">
  594. <span>FIC</span> TITLE</a></div>
  595. <div class="stuff">
  596. <div id="by"><div style="float:left">★★★☆☆
  597. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  598. <b>PAIRING:</b> PAIRING
  599. <br>
  600. <b>RATED:</b> RATED
  601. <br>
  602. <b>LENGTH:</b> LENGTH
  603. <br>
  604. <b>SUMMARY:</b> SUMMARY
  605. </div>
  606. </div>
  607. <!--END 12 FIC-->
  608.  
  609.  
  610.  
  611. </td>
  612. <!--END COLLUMN 2-->
  613.  
  614. </table>
  615. </div>
  616. <!--END GROUP 2-->
  617.  
  618. <!--BREAK LINE-->
  619. <hr>
  620. <!--BREAK LINE-->
  621.  
  622. <!-- GROUP 3 -->
  623. <div class="box">
  624. <table align="top">
  625.  
  626. <div id="group">TITLE 1</div>
  627.  
  628. <!--COLLUMN 1-->
  629. <td style="vertical-align:top">
  630.  
  631. <!--13 FIC-->
  632. <div class="ficb"><div class="fic"><a href="FIC LINK">
  633. <span>FIC</span> TITLE</a></div>
  634. <div class="stuff">
  635. <div id="by"><div style="float:left">★★★☆☆
  636. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  637. <b>PAIRING:</b> PAIRING
  638. <br>
  639. <b>RATED:</b> RATED
  640. <br>
  641. <b>LENGTH:</b> LENGTH
  642. <br>
  643. <b>SUMMARY:</b> SUMMARY
  644. </div>
  645. </div>
  646. <!--END 13 FIC-->
  647.  
  648. <!--14 FIC-->
  649. <div class="ficb"><div class="fic"><a href="FIC LINK">
  650. <span>FIC</span> TITLE</a></div>
  651. <div class="stuff">
  652. <div id="by"><div style="float:left">★★★☆☆
  653. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  654. <b>PAIRING:</b> PAIRING
  655. <br>
  656. <b>RATED:</b> RATED
  657. <br>
  658. <b>LENGTH:</b> LENGTH
  659. <br>
  660. <b>SUMMARY:</b> SUMMARY
  661. </div>
  662. </div>
  663. <!--END 14 FIC-->
  664.  
  665. <!--15 FIC-->
  666. <div class="ficb"><div class="fic"><a href="FIC LINK">
  667. <span>FIC</span> TITLE</a></div>
  668. <div class="stuff">
  669. <div id="by"><div style="float:left">★★★☆☆
  670. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  671. <b>PAIRING:</b> PAIRING
  672. <br>
  673. <b>RATED:</b> RATED
  674. <br>
  675. <b>LENGTH:</b> LENGTH
  676. <br>
  677. <b>SUMMARY:</b> SUMMARY
  678. </div>
  679. </div>
  680. <!--END 15 FIC-->
  681.  
  682. </td>
  683. <!--END 1 COLLUMN-->
  684.  
  685. <!--2 COLLUMN-->
  686. <td style="vertical-align:top">
  687.  
  688. <!--16 FIC-->
  689. <div class="ficb"><div class="fic"><a href="FIC LINK">
  690. <span>FIC</span> TITLE</a></div>
  691. <div class="stuff">
  692. <div id="by"><div style="float:left">★★★☆☆
  693. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  694. <b>PAIRING:</b> PAIRING
  695. <br>
  696. <b>RATED:</b> RATED
  697. <br>
  698. <b>LENGTH:</b> LENGTH
  699. <br>
  700. <b>SUMMARY:</b> SUMMARY
  701. </div>
  702. </div>
  703. <!--END 16 FIC-->
  704.  
  705. <!--17 FIC-->
  706. <div class="ficb"><div class="fic"><a href="FIC LINK">
  707. <span>FIC</span> TITLE</a></div>
  708. <div class="stuff">
  709. <div id="by"><div style="float:left">★★★☆☆
  710. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  711. <b>PAIRING:</b> PAIRING
  712. <br>
  713. <b>RATED:</b> RATED
  714. <br>
  715. <b>LENGTH:</b> LENGTH
  716. <br>
  717. <b>SUMMARY:</b> SUMMARY
  718. </div>
  719. </div>
  720. <!--END 17 FIC-->
  721.  
  722. <!--18 FIC-->
  723. <div class="ficb"><div class="fic"><a href="FIC LINK">
  724. <span>FIC</span> TITLE</a></div>
  725. <div class="stuff">
  726. <div id="by"><div style="float:left">★★★☆☆
  727. </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
  728. <b>PAIRING:</b> PAIRING
  729. <br>
  730. <b>RATED:</b> RATED
  731. <br>
  732. <b>LENGTH:</b> LENGTH
  733. <br>
  734. <b>SUMMARY:</b> SUMMARY
  735. </div>
  736. </div>
  737. <!--END 18 FIC-->
  738.  
  739.  
  740.  
  741. </td>
  742. <!--END COLLUMN 2-->
  743.  
  744. </table>
  745. </div>
  746. <!--END GROUP 3-->
  747.  
  748. </div>
  749. </body>
  750. </html>
  751.  
  752. <!--
Advertisement
Add Comment
Please, Sign In to add comment