API tools faq
paste
fallenvvings

Congregation (pt. 2) [tags page #1)

fallenvvings
Apr 26th, 2015
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><head>
  2. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <style>
  7.  
  8. ::-webkit-scrollbar {width: 5px;height: 5px;}
  9. ::-webkit-scrollbar-track-piece {color:black;}
  10. ::-webkit-scrollbar-thumb:vertical {height: 3px; background-color: #0E547E;}
  11.  
  12. body {
  13. background-color:#A7DBF9; /*background color*/
  14. font-family:corbel; /*font for entire page*/
  15. }
  16.  
  17. #cont {
  18. position:fixed;
  19. left:400px;
  20. top:30px;
  21. width:910px;
  22. height:560px;
  23. padding:0px 5px 0px 0px;
  24. overflow:auto;
  25. background-color:#2A90CC; /*the color of the border around the box*/
  26. border-right:5px solid #2A90CC; /*make sure these have the same color!!!*/
  27. border-top:12px solid #2A90CC; /*make sure these have the same color!!!*/
  28. border-left:12px solid #2A90CC; /*make sure these have the same color!!!*/
  29. border-bottom:12px solid #2A90CC; /*make sure these have the same color!!!*/
  30. }
  31.  
  32. #cont2 {
  33. position:relative;
  34. width:908px;
  35. background-color:#68BDEF; /*the color of the middle box*/
  36. height:1000px;
  37. }
  38.  
  39. .box {
  40. position: relative;
  41. float: left;
  42. margin-top:15px;
  43. margin-left:17px;
  44. padding:3px;
  45. width:270px; /*to make it two columns, change this number to 420px*/
  46. display:inline-block;
  47. }
  48.  
  49. h4 {
  50. margin-top:0;
  51. text-align:right; /*this can be center or left*/
  52. font-size:20px;
  53. font-style:italic; /*remove this line if you want it to be regular*/
  54. border-top:1px solid #e0e0e0; /*the color of the lines around the title*/
  55. border-bottom:1px solid #e0e0e0; /*make sure they are the same color!!!*/
  56. padding:5px;
  57. }
  58. /*the color of the slashes \/*/
  59. p {margin-top:-15px; font-size:19px; font-weight:400; color:#e0e0e0;
  60. -webkit-transition: all 0.5s ease;
  61. -moz-transition: all 0.5s ease;
  62. -o-transition: all 0.5s ease;}
  63.  
  64. a {
  65. text-decoration:none;
  66. color:#0E547E; /*color of the tags*/
  67. -webkit-transition: all 0.5s ease;
  68. -moz-transition: all 0.5s ease;
  69. -o-transition: all 0.5s ease;
  70. }
  71. /*color of tags when you \/ hover over them*/
  72. p a:hover {font-style:italic; color:#042B43;
  73. -webkit-transition: all 0.5s ease;
  74. -moz-transition: all 0.5s ease;
  75. -o-transition: all 0.5s ease;
  76. }
  77.  
  78. #side {
  79. width:200px;
  80. height:300px;
  81. position:fixed;
  82. left:100px;
  83. top:170px;
  84. }
  85.  
  86. #side img {
  87. width:100px;
  88. height:100px;
  89. border-radius: 150px;
  90. -webkit-border-radius: 150px;
  91. -moz-border-radius: 150px;
  92. }
  93.  
  94. h2 {
  95. font-family:'Pacifico', corbel;
  96. text-align:right;
  97. font-weight:200;
  98. font-size:35px;
  99. margin-top:-85px;
  100. margin-left:5px;
  101. color:#042B43; /*color of title*/
  102. }
  103.  
  104. .link {
  105. margin-left:50px;
  106. width:100px;
  107. border-top:1px solid gray; /*color of lines above and below links*/
  108. border-bottom:1px solid gray; /*once again, make sure they're the same!!*/
  109. text-align:center;
  110. padding:4px;
  111. }
  112. /*color of \/ side links*/
  113. h4 a{color:#042B43;}
  114. h4 a:hover {
  115. -webkit-transition: all 0.5s ease;
  116. -moz-transition: all 0.5s ease;
  117. -o-transition: all 0.5s ease;
  118. color:#e0e0e0;}
  119. /*color of links /\ on hover*/
  120.  
  121. </style></head><body>
  122.  
  123. <!--START OF SIDEBAR-->
  124. <div id="side">
  125. <!--sidebar image url \/-->
  126. <img src="http://images5.fanpop.com/image/photos/26900000/SPN-supernatural-26969802-200-200.jpg">
  127. <h2><!--TITLE-->Navi;</h2></br>
  128. <!--links go between "" and link \/ name goes here-->
  129. <a href="/"><div class="link">back</div></a></br>
  130. <a href="/ask"><div class="link">ask</div></a></br>
  131. <a href="http://tumblr.com/"><div class="link">dashboard</div></a></br>
  132. <!--PLEASE DO NOT REMOVE THIS LINK <3-->
  133. <a href="http://fallenvvings.co.vu/themes"><div class="link">credit</div></a>
  134. </div>
  135. <!--END OF SIDEBAR-->
  136.  
  137. <!--START OF TAGS-->
  138. <div id="cont"><div id="cont2">
  139.  
  140. <div class="box">
  141. <!--if title has it's own tag,
  142. that goes here \/--> <!--\/ title goes here-->
  143. <h4><a href="/tagged/spn">Supernatural</a></h4><p>//
  144. <!--put the tag after / and before "-->
  145. <a href="/tagged/">Dean</a> //
  146. <!--name the tag here /\-->
  147. <a href="/tagged/">Sam</a> //
  148. <a href="/tagged/">Castiel</a> //
  149. <a href="/tagged/">Kevin</a> //
  150. <a href="/tagged/">Crowley</a> //
  151. <a href="/tagged/">Abaddon</a> //
  152. <a href="/tagged/">Charlie</a> //
  153. <a href="/tagged/">Jo</a> //
  154. <a href="/tagged/">Ellen</a> //
  155. <a href="/tagged/">Bobby</a> //
  156. <a href="/tagged/">Angels</a> //
  157. <a href="/tagged/">Demons</a> //
  158. </p></div>
  159.  
  160. <!--to add another section copy from here...-->
  161. <div class="box">
  162. <h4><a href="/tagged/">Doctor Who</a></h4><p>//
  163. <a href="/tagged/">tag name</a> //
  164. <a href="/tagged/">tag name</a> //
  165. <a href="/tagged/">tag name</a> //
  166. <a href="/tagged/">tag name</a> //
  167. <a href="/tagged/">tag name</a> //
  168. <a href="/tagged/">tag name</a> //
  169. <a href="/tagged/">tag name</a> //
  170. <a href="/tagged/">tag name</a> //
  171. <a href="/tagged/">tag name</a> //
  172. </p></div>
  173. <!--to here and paste underneath the last one! (but before </div></div>)-->
  174.  
  175. <!--YO ONE LAST TIP: MAKE SURE ALL THE GROUPS OF TAGS HAVE AROUND THE SAME AMOUNT OF LINES OR IT'LL GET WEIRD IN HERE-->
  176.  
  177. <!--Send your questions to http://fallenvvings.co.vu/ask <3-->
  178. <div class="box">
  179. <h4><a href="/tagged/">Sherlock</a></h4><p>//
  180. <a href="/tagged/">tag name</a> //
  181. <a href="/tagged/">tag name</a> //
  182. <a href="/tagged/">tag name</a> //
  183. <a href="/tagged/">tag name</a> //
  184. <a href="/tagged/">tag name</a> //
  185. <a href="/tagged/">tag name</a> //
  186. <a href="/tagged/">tag name</a> //
  187. <a href="/tagged/">tag name</a> //
  188. <a href="/tagged/">tag name</a> //
  189. <a href="/tagged/">tag name</a> //
  190. </p></div>
  191.  
  192. <div class="box">
  193. <h4><a href="/tagged/">Orphan Black</a></h4><p>//
  194. <a href="/tagged/">tag name</a> //
  195. <a href="/tagged/">tag name</a> //
  196. <a href="/tagged/">tag name</a> //
  197. <a href="/tagged/">tag name</a> //
  198. <a href="/tagged/">tag name</a> //
  199. <a href="/tagged/">tag name</a> //
  200. <a href="/tagged/">tag name</a> //
  201. <a href="/tagged/">tag name</a> //
  202. <a href="/tagged/">tag name</a> //
  203. </p></div>
  204.  
  205. <div class="box">
  206. <h4><a href="/tagged/">Parks & Recreation</a></h4><p>//
  207. <a href="/tagged/">tag name</a> //
  208. <a href="/tagged/">tag name</a> //
  209. <a href="/tagged/">tag name</a> //
  210. <a href="/tagged/">tag name</a> //
  211. <a href="/tagged/">tag name</a> //
  212. <a href="/tagged/">tag name</a> //
  213. <a href="/tagged/">tag name</a> //
  214. <a href="/tagged/">tag name</a> //
  215. <a href="/tagged/">tag name</a> //
  216. </p></div>
  217.  
  218. <div class="box">
  219. <h4><a href="/tagged/">Movies</a></h4><p>//
  220. <a href="/tagged/">tag name</a> //
  221. <a href="/tagged/">tag name</a> //
  222. <a href="/tagged/">tag name</a> //
  223. <a href="/tagged/">tag name</a> //
  224. <a href="/tagged/">tag name</a> //
  225. <a href="/tagged/">tag name</a> //
  226. <a href="/tagged/">tag name</a> //
  227. <a href="/tagged/">tag name</a> //
  228. <a href="/tagged/">tag name</a> //
  229. </p></div>
  230.  
  231. <div class="box">
  232. <h4><a href="/tagged/">TV Shows</a></h4><p>//
  233. <a href="/tagged/">tag name</a> //
  234. <a href="/tagged/">tag name</a> //
  235. <a href="/tagged/">tag name</a> //
  236. <a href="/tagged/">tag name</a> //
  237. <a href="/tagged/">tag name</a> //
  238. <a href="/tagged/">tag name</a> //
  239. <a href="/tagged/">tag name</a> //
  240. <a href="/tagged/">tag name</a> //
  241. <a href="/tagged/">tag name</a> //
  242. </p></div>
  243.  
  244. <div class="box">
  245. <h4><a href="/tagged/">People</a></h4><p>//
  246. <a href="/tagged/">tag name</a> //
  247. <a href="/tagged/">tag name</a> //
  248. <a href="/tagged/">tag name</a> //
  249. <a href="/tagged/">tag name</a> //
  250. <a href="/tagged/">tag name</a> //
  251. <a href="/tagged/">tag name</a> //
  252. <a href="/tagged/">tag name</a> //
  253. <a href="/tagged/">tag name</a> //
  254. <a href="/tagged/">tag name</a> //
  255. </p></div>
  256.  
  257. <div class="box">
  258. <h4>Other</h4><p>//
  259. <a href="/tagged/">tag name</a> //
  260. <a href="/tagged/">tag name</a> //
  261. <a href="/tagged/">tag name</a> //
  262. <a href="/tagged/">tag name</a> //
  263. <a href="/tagged/">tag name</a> //
  264. <a href="/tagged/">tag name</a> //
  265. <a href="/tagged/">tag name</a> //
  266. <a href="/tagged/">tag name</a> //
  267. <a href="/tagged/">tag name</a> //
  268. </p></div>
  269.  
  270. </div></div>
  271.  
  272. </body>
  273. </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!