API tools faq
paste
fallenvvings

Catalogue (page #8)

fallenvvings
Aug 14th, 2015
306
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. THIS THEME WAS CREATED BY: NATALIE (FALLENVVINGSTHEMES)
  5. You can edit this theme as much as you want.
  6. Please DO NOT remove the credit.
  7. Please like or reblog the post if you use this theme.
  8. THANKS! Enjoy!
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}"><style>
  17.  
  18. ::-webkit-scrollbar {width: 7px;height: 5px;}
  19. ::-webkit-scrollbar-track-piece {background-color: white; color:black;}
  20. ::-webkit-scrollbar-thumb:vertical {height: 3px; background-color: black; border:2px solid white;}
  21.  
  22. body {
  23. font-family:corbel;
  24. background-color:white; /*ntire bg color*/
  25. }
  26.  
  27. #all {
  28. width:1215px;
  29. height:523px;
  30. padding:5px;
  31. position:fixed;
  32. top:55px;
  33. left:65px;
  34. background-color:#f6eeff; /*color of box borders*/
  35. }
  36.  
  37. #box {
  38. width:370px;
  39. margin-left:15px;
  40. margin-top:15px;
  41. height:430px;
  42. padding:5px;
  43. display:inline-block;
  44. background-color:white; /*looks best if this is the same color as...*/
  45. }
  46.  
  47. #boxt {
  48. padding:5px 10px 10px 8px;
  49. width:362px;
  50. margin-top:-5px;
  51. height:35px;
  52. display:inline-block;
  53. margin-left:15px;
  54. background-color:white; /*as this!!*/
  55. }
  56.  
  57. #ti {
  58. text-align:right;
  59. font-size:25px;
  60. font-family:tahoma;
  61. letter-spacing:1px;
  62. color:purple; /*color of box titles at the bottom*/
  63. }
  64.  
  65. /*ABOUT BOX STARTS HERE*/
  66.  
  67. #about img {
  68. width:120px;
  69. position:fixed;
  70. margin-left:-140px;
  71. margin-top:-6px;
  72. }
  73.  
  74. #about {
  75. padding:5px 0px 0px 10px;
  76. line-height:130%;
  77. position:fixed;
  78. width:215px;
  79. margin-top:8px;
  80. margin-left:136px;
  81. height:115px;
  82. font-family:calibri;
  83. }
  84.  
  85. #about .ti {padding-left:10px;
  86. color:#340034;
  87. font-size:14px;
  88. border-left:4px solid purple; /*purple is the color of the lines next ot name, age, etc.*/
  89. text-transform:uppercase;
  90. }
  91.  
  92. #box p {
  93. background-color:rgba(246,238,255,0.5); /*you can remove this whole line if you don't want to deal with it (shoot questions @ fallenvvings.co.vu/ask*/
  94. position:fixed;
  95. margin-top:140px;
  96. padding:5px;
  97. margin-left:8px;
  98. width:340px;
  99. height:270px;
  100. overflow:auto;
  101. }
  102. /*END ABOUT BOX*/
  103.  
  104. /*TAG BOX STARTS HERE*/
  105.  
  106. #nav{
  107. padding:3px;
  108. width:360px;
  109. position:fixed;
  110. height:420px;
  111. overflow:auto;
  112. }
  113.  
  114. .tag {
  115. width:320px;
  116. margin-left:20px;
  117. margin-top:10px;
  118. }
  119.  
  120. .tagti {
  121. font-size:19px; /*black is the color of the line under the tag category*/
  122. border-bottom:1px solid black;
  123. text-align:right;
  124. }
  125. /*the color of the tags*/
  126. a {text-decoration:none; color:#340034;
  127. -webkit-transition: all 0.5s ease;
  128. -moz-transition: all 0.5s ease;
  129. -o-transition: all 0.5s ease;}
  130. a:hover {opacity:.5;
  131. -webkit-transition: all 0.5s ease;
  132. -moz-transition: all 0.5s ease;
  133. -o-transition: all 0.5s ease;}
  134.  
  135. #taga {display:inline-block;}
  136.  
  137. /*END TAG BOX*/
  138.  
  139. /*START BLOGROLL BOX*/
  140. #blogroll {
  141. padding:3px;
  142. width:360px;
  143. position:fixed;
  144. height:420px;
  145. overflow:auto;
  146. }
  147.  
  148. #blogroll img {width:70px;
  149. padding:5px;
  150. margin-left:5px;
  151. }
  152. /*END BLOGROLL BOX*/
  153.  
  154. /*CODE FOR TITLE AND TOP LINKS*/
  155. #top {
  156. position:fixed;
  157. font-size:20px;
  158. font-family:tahoma;
  159. left:65px;
  160. top:15px;
  161. font-weight:900; /*remove this line if you don't want bold title*/
  162. color:purple; /*color of title*/
  163. opacity:.5;
  164. }
  165.  
  166. #topa {
  167. position:fixed;
  168. font-size:12px;
  169. font-family:tahoma;
  170. left:200px;
  171. top:20px;
  172. }
  173. /*END CODE FOR TOP*/
  174. </style></head><body>
  175. <!--change catalogue to any name-->
  176. <div id="top">CATALOGUE</div>
  177. <div id="topa">// &nbsp;
  178. <a href="/">back</a> /
  179. <a href="/ask">ask</a> /
  180. <!--example link: <a href="http://insertlink.tumblr.com/thing">name of thing</a>-->
  181. <a href="/">link 1</a> /
  182. <a href="/">link 2</a>
  183. </div>
  184.  
  185. <div id="all">
  186. <!--START ABOUT BOX--> <!--between "" put the url of any square image-->
  187. <div id="box"><div id="about"><img src="http://41.media.tumblr.com/7bc9022746b7e2db20e3610b64ce049c/tumblr_inline_noklhpebtt1rov9zb_250.jpg">
  188. <span class="ti">name:</span> where your name goes</br>
  189. <span class="ti">pronouns:</span> she/her</br>
  190. <span class="ti">age:</span> where your age goes</br>
  191. <span class="ti">location:</span> your location</br>
  192. <span class="ti">hobbies:</span> a few things you liker</div>
  193. <p>Here's where you write about yourself. I could've just put some lorem ipsum text in here to fill it but I kind of like writing a rant in this little space until the scroll bar pops up. I have a while for that, though. Anyway, hey! What's up? How are you? That's good. I'm okay, thanks for asking. </br>(use that to move to the next line)</br>
  194. Here's a little demonstration of how you can edit the text: <i>italics</i>, <b>bold</b>, <strike>strike</strike>, <i><b>more than one at once.</b></i></br>Isn't that cool? That's only the basics. Anyways, I'm trying to fill up this space but as per usual, I'm running out of things to say. What do you want to talk about? The woman in the icon is from a show called <i>The X-Files</i> There's our scroll bar! Look at that! You can write as much as you want inside this little box.
  195. </p></div>
  196. <!--END ABOUT BOX-->
  197.  
  198. <!--START TAG BOX-->
  199. <div id="box"><div id="nav">
  200. <!--TO ADD ANOTHER CATEGORY, COPY FROM HERE TO...-->
  201. <!--tag title here\/-->
  202. <div class="tag"><div class="tagti">title here;</div>
  203. <!--put ur tag between / and "--><!--change #tag to the name of the tag (you can leave/remove the #-->
  204. <a href="/tagged/"><div id="taga">#tag</div></a> //
  205. <a href="/tagged/"><div id="taga">#tag</div></a> //
  206. <a href="/tagged/"><div id="taga">#tag</div></a> //
  207. <a href="/tagged/"><div id="taga">#tag</div></a> //
  208. <a href=".tagged/"><div id="taga">#tag</div></a> //
  209. <a href="/tagged/"><div id="taga">#tag</div></a>
  210. </div><!--hERE, AND PASTE AFTER THIS-->
  211.  
  212. </div></div>
  213. <!--END TAG BOX-->
  214.  
  215. <!--START BLOGROLL BOX-->
  216. <div id="box"><div id="blogroll"><center>
  217. {block:Following}{block:Followed}<a target='_blank' title="{FollowedName}" href="{FollowedURL}"><img padding='5px' src="{FollowedPortraitURL-96}" /></a>{/block:Followed}{/block:Following}
  218. </center></div></div><!--don't touch any of this if you don't know what it means <3-->
  219. <!--END BLOGROLL BOX-->
  220.  
  221. <!--title of first box \/-->
  222. <div id="boxt"><div id="ti">about</div></div>
  223. <!--title of second box \/-->
  224. <div id="boxt"><div id="ti">navi</div></div>
  225. <!--title of third box \/-->
  226. <div id="boxt"><div id="ti">blogroll</div></div>
  227. </div>
  228.  
  229. <!--that's it!!!! please don't remove the credit below :*-->
  230. <div style="position:fixed;bottom:2px; right:3px;"><a title="fvvthemes" href="http://fallenvvingsthemes.tumblr.com"><img width="80px;" src="http://static.tumblr.com/nuxi7mr/94Rnqk1a2/tumblr_mh9l7xhvq11s0c2c9o1_500.png"></a></div>
  231. </body></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!