API tools faq
paste
Advertisement
Donniert

Fic Rec {1}

Donniert
Jun 3rd, 2012
2,160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.00 KB | None | 0 0
raw download clone embed print report
  1. <!-- FIC REC 1 by Carlotta
  2. http://donthemes.tumblr.com/
  3. don't remove credits -->
  4.  
  5. <!------ RULES ------>
  6.  
  7. <!--
  8. 1. DO NOT REMOVE CREDITS
  9. 2. DO NOT REPOST THE CODE
  10. 3. DO NOT CLAIM AS YOURS
  11. 4. DO NOT USE IT AS A BASE
  12. -->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <!------ YOU CAN CHANGE THE TITLE. REPLACE "FIC REC" ------>
  18. <title>Fic Rec</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <style type="text/css">
  23.  
  24. /* -- BACKGROUND -- */
  25.  
  26. body {
  27. background-color:#fff;
  28. background-image: url('IMAGEURL');
  29. background-repeat: repeat;
  30. background-attachment: fixed;
  31.  
  32. <! --- HERE YOU CAN CHANGE THE SCROLLBAR FOR INTERNET EXPLORER. PAY ATTENTION WHEN YOU CHANGE THE BACKGROUND ----!>
  33. scrollbar-face-color: #fff;
  34. scrollbar-highlight-color: #fff;
  35. scrollbar-shadow-color: #fff;
  36. scrollbar-3dlight-color: #fff;
  37. scrollbar-arrow-color: #fff;
  38. scrollbar-track-color: #fff;
  39. scrollbar-darkshadow-color: #fff;}
  40.  
  41. /* -- CHROME SCROLLBAR -- */
  42.  
  43. ::-webkit-scrollbar-thumb:vertical {
  44. background:transparent;
  45. height:100px; }
  46.  
  47. ::-webkit-scrollbar {
  48. height:10px;
  49. width:8px;
  50. background:transparent; }
  51.  
  52. /* -- NAVIGATION -- */
  53.  
  54. #header {
  55. position:fixed;
  56. margin-top: 150px;
  57. margin-left: 70px;}
  58.  
  59. /* -- NAVIGATION LINKS -- */
  60.  
  61. #header a {
  62. display:inline-block;
  63. padding: 2px;
  64. width:100px;
  65. height: auto;
  66. background: #f1f1f1;
  67. border: #f1f1f1 1px solid;
  68. color: #464646;
  69. font-size: 9px;
  70. font-family: helvetica;
  71. text-align: center;
  72. text-transform:uppercase;
  73. margin-bottom:5px;
  74. text-decoration:none;
  75. -webkit-transition: all 0.7s ease;
  76. -moz-transition: all 0.7s ease;
  77. -o-transition: all 0.7s ease;}
  78.  
  79. #header a:hover {
  80. text-align: center;
  81. text-decoration: none;
  82. border: #dedede 1px solid;
  83. background-color:#fff;
  84. color: #a6a6a6;
  85. -webkit-transition: all 0.9s ease;
  86. -moz-transition: all 0.9s ease;
  87. -o-transition: all 0.9s ease;}
  88.  
  89. /* -- FIC CONTAINER -- */
  90.  
  91. #content {
  92. position: absolute;
  93. width: 560px;
  94. margin-top: 20px;
  95. margin-left: 230px;
  96. margin-bottom:20px;}
  97.  
  98. /* -- EVERY FIC BOX -- */
  99.  
  100. .container {
  101. position: relative;
  102. font-size: 10px;
  103. font-family:georgia;
  104. padding: 4px;
  105. width: 500px;
  106. margin-bottom:-15px;
  107. text-decoration:none;}
  108.  
  109. /* -- DESCRIPTION LINKS -- */
  110.  
  111. .container a {
  112. color: #db777a;
  113. text-decoration: none;
  114. -webkit-transition: all 0.6s ease;
  115. -moz-transition: all 0.6s ease;
  116. -o-transition: all 0.6s ease;}
  117.  
  118. .container a:hover {
  119. color: #000;
  120. text-trasformation: lowercase;
  121. -webkit-transition: all 0.9s ease;
  122. -moz-transition: all 0.9s ease;
  123. -o-transition: all 0.9s ease;}
  124.  
  125. /* -- FIC TITLE -- */
  126.  
  127. .title{
  128. position:relative;
  129. margin-top:0px;}
  130.  
  131. .title a {
  132. display:block;
  133. font-size:14px;
  134. color: #464646;
  135. background: #f1f1f1;
  136. border: #f1f1f1 1px solid;
  137. border-bottom: #d1d1d1 1px solid;
  138. font-family:helvetica;
  139. text-transform: uppercase;
  140. text-align: center;
  141. line-height:110%;
  142. text-decoration: none;}
  143.  
  144. .title a:hover {
  145. color: #818181;
  146. border-bottom: #f1f1f1 1px solid;
  147. border-bottom: #d3d3d3 1px solid;
  148. background-color:#fff;
  149. -webkit-transition: all 0.4s ease;
  150. -moz-transition: all 0.4s ease;
  151. -o-transition: all 0.4s ease;}
  152.  
  153. /* -- FIC DESCRIPTION -- */
  154.  
  155. .descr {
  156. margin: auto;
  157. background-color: #fff;
  158. font-size: 12px;
  159. text align: right;
  160. color: #464646;
  161. text-trasformation: lowercase;}
  162.  
  163. </style>
  164. </head>
  165. <body>
  166.  
  167. <! --- NAV LINKS: YOU CAN ADD LINKS, BY COPYING AN ENTIRE LINE. BUT DO NOT DELETE THE CREDIT ----!>
  168. <body>
  169. <div id="header">
  170.  
  171. <a href="/">home</a><br>
  172. <a href="/ask">ask</a><br>
  173.  
  174. <a href="http://donthemes.tumblr.com/">theme</a><br>
  175.  
  176. </div>
  177.  
  178. <!-- DON'T DELETE THIS OR REPLACE IT OR CHANGE IT --!>
  179. <div id="content">
  180. <div class="container">
  181.  
  182. <!-- HERE THE FIX BOX. TO ADD A NEW BOX COPY ALL THE TEXT FROM START TO END. TO REMOVE AN ENTIRE BOX DELETE FROM START TO END --!>
  183.  
  184. <!--START--!>
  185.  
  186. <div class="descr">
  187. <!--Link and name of the fanfic--!>
  188. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  189. <br>
  190. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
  191. <br><br>
  192.  
  193. <!--END--!>
  194.  
  195. <!--START--!>
  196.  
  197. <div class="descr">
  198. <!--Link and name of the fanfic--!>
  199. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  200. <br>
  201. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text </div>
  202. <br><br>
  203.  
  204. <!--END--!>
  205.  
  206. <!--START--!>
  207.  
  208. <div class="descr">
  209. <!--Link and name of the fanfic--!>
  210. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  211. <br>
  212. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
  213. <br><br>
  214.  
  215. <!--END--!>
  216.  
  217. <!--START--!>
  218.  
  219. <div class="descr">
  220. <!--Link and name of the fanfic--!>
  221. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  222. <br>
  223. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text </div>
  224. <br><br>
  225.  
  226. <!--END--!>
  227.  
  228. <!--START--!>
  229.  
  230. <div class="descr">
  231. <!--Link and name of the fanfic--!>
  232. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  233. <br>
  234. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
  235. <br><br>
  236.  
  237. <!--END--!>
  238.  
  239. <!--START--!>
  240.  
  241. <div class="descr">
  242. <!--Link and name of the fanfic--!>
  243. <div class="title"><a href="FIC LINK">here the fic title</a></div>
  244. <br>
  245. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="/">example of link</a> text text text text text text text text text text text text text text text text text text text text text text text </div>
  246. <br><br>
  247.  
  248. <!--END--!>
  249.  
  250. </div></div></body></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!