API tools faq
paste
elisabeththemes

Tags Page 01

elisabeththemes
Aug 6th, 2014
680
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.78 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3.  
  4. <link rel="shortcut icon" href="{Favicon}"/>
  5. <title>tags theme</title>
  6. <link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  8.  
  9. <!---------------------------------------------------------------------
  10. ----------------- THEME BY ELISABETH FUQUA (EFTHEMESS) ------------------
  11. -------- PLEASE DO NOT REMOVE THE CREDIT OR USE AS A BASE CODE --------
  12. ------------------- THANKS AND HAVE A GREAT DAY -------------------
  13. ---------------------------------------------------------------------->
  14.  
  15.  
  16. <style type="text/css">
  17.  
  18. ::-webkit-scrollbar-thumb {
  19. height:auto;
  20. background-color: #888;
  21. }
  22.  
  23. ::-webkit-scrollbar {
  24. height:9px;
  25. width:1px;
  26. background-color:#FFFFFF;
  27. }
  28.  
  29. #container {
  30. position:absolute;
  31. width:600px;
  32. height:500px;
  33. margin:auto;
  34. top:0;
  35. bottom:0;
  36. left:0;
  37. right:0;
  38. }
  39.  
  40. #sidebar {
  41. width:200px;
  42. height:500px;
  43. }
  44.  
  45. #image {
  46. width:200px;
  47. height:400px;
  48. }
  49.  
  50. #image img {
  51. width:200px;
  52. height:400px;
  53. }
  54.  
  55. #title {
  56. width:15px;
  57. margin-top:-240px;
  58. margin-left:170px;
  59. font-size:18px;
  60. font-family: 'Raleway', sans-serif;
  61. text-transform:uppercase;
  62. word-wrap:break-word;
  63. line-height:125%;
  64. text-align:center;
  65. color:#888; /*---------TITLE COLOR---------*/
  66. }
  67.  
  68. #links a {
  69. display:inline-block;
  70. border-radius: 100px;
  71. width:98px;
  72. margin-top:8px;
  73. background-color:#999; /*--------LINK BG COLOR--------*/
  74. color: #fff; /*-------LINK TEXT COLOR-------*/
  75. line-height:230%;
  76. text-decoration:none;
  77. text-align:center;
  78. text-transform: uppercase;
  79. font-family: calibri;
  80. font-size:10px;
  81. letter-spacing:1px;
  82. -moz-transition-duration:0.5s;
  83. -webkit-transition-duration:0.5s;
  84. -o-transition-duration:0.5s;
  85. }
  86.  
  87. #links a:hover {
  88. background-color:#666; /*-----LINK HOVER BG COLOR-----*/
  89. color: #fff;
  90. -moz-transition-duration:0.5s;
  91. -webkit-transition-duration:0.5s;
  92. -o-transition-duration:0.5s;
  93. }
  94.  
  95. #content {
  96. float:right;
  97. width:380px;
  98. height:500px;
  99. padding-right:10px;
  100. margin-top:-500px;
  101. overflow-y: scroll;
  102. overflow-x: hidden;
  103. border-right:1px solid #999;
  104. }
  105.  
  106. #content h1 {
  107. display:block;
  108. width:380px;
  109. margin-top:20px;
  110. text-decoration:none;
  111. font-family: 'La Belle Aurore', cursive;
  112. color:#999; /*-------TAG TITLE COLOR-------*/
  113. font-size:15px;
  114. font-weight:normal;
  115. letter-spacing:2px;
  116. line-height:150%;
  117. text-align:center;
  118. border-bottom:1px solid #ccc;
  119. }
  120.  
  121. #content h1 a {
  122. display:block;
  123. width:380px;
  124. margin-top:20px;
  125. background-color: white;
  126. text-decoration:none;
  127. font-family:calibri;
  128. color:#888;
  129. text-transform:uppercase;
  130. font-size:13px;
  131. font-weight:normal;
  132. letter-spacing:2px;
  133. line-height:150%;
  134. text-align:center;
  135. }
  136.  
  137. #content h1 a:hover {
  138. background-color: white;
  139. letter-spacing:4px;
  140. color:#444444;
  141. }
  142.  
  143. #content a {
  144. display:inline-block;
  145. width:187px;
  146. margin-top:5px;
  147. background-color:#fff; /*---------TAG BG COLOR--------*/
  148. color:#999; /*--------TAG TEXT COLOR-------*/
  149. line-height:150%;
  150. text-decoration:none;
  151. text-align:center;
  152. text-transform:none;
  153. font-family:calibri;
  154. font-size:11px;
  155. letter-spacing:1px;
  156. -moz-transition-duration:0.7s;
  157. -webkit-transition-duration:0.7s;
  158. -o-transition-duration:0.7s;
  159. }
  160.  
  161. #content a:hover {
  162. background-color:#999; /*------TAG HOVER BG COLOR-----*/
  163. color: #fff; /*-----TAG HOVER TEXT COLOR----*/
  164. -moz-transition-duration:0.7s;
  165. -webkit-transition-duration:0.7s;
  166. -o-transition-duration:0.7s;
  167. }
  168.  
  169.  
  170. #credit {
  171. font-size:9px;
  172. font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  173. font-style:italic;
  174. letter-spacing:1px;
  175. }
  176.  
  177. #credit a {
  178. background-color:#fff;
  179. padding:5px;
  180. border-top:1px solid #e9e9e9;
  181. border-bottom:1px solid #e9e9e9;
  182. position:fixed;
  183. right:15px;
  184. bottom:10px;
  185. text-decoration:none;
  186. color:gray;
  187. -moz-transition-duration:1s;
  188. -webkit-transition-duration:1s;
  189. -o-transition-duration:1s;
  190. }
  191.  
  192. #credit a:hover {
  193. color:#fff;
  194. background-color:#888;
  195. -moz-transition-duration:1s;
  196. -webkit-transition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. </style>
  201.  
  202. <body>
  203.  
  204. <!--------------------------------------------
  205. CONTENT
  206. --------------------------------------------->
  207.  
  208. <div id="container">
  209.  
  210. <!------------- SIDEBAR -------------->
  211.  
  212. <div id="sidebar">
  213. <div id="image">
  214. <img src="http://i.imgur.com/FRkNo4t.jpg"> <!---URL OF SIDEBAR PICTURE--->
  215. <div id="title"></div>
  216. </div>
  217. <div id="links">
  218. <a href="/">Home</a>
  219. <a href="/ask">Message</a>
  220. <a href="/">link</a>
  221. <a href="/">link</a>
  222. </div>
  223. </div>
  224.  
  225. <!-------------- TAGS --------------->
  226.  
  227. <div id="content">
  228. <h1>title</h1>
  229. <a href="/" target="_blank">tag</a>
  230. <a href="/" target="_blank">tag</a>
  231. <a href="/" target="_blank">tag</a>
  232. <a href="/" target="_blank">tag</a>
  233. <a href="/" target="_blank">tag</a>
  234. <a href="/" target="_blank">tag</a>
  235.  
  236.  
  237. <h1>title</h1>
  238. <a href="/" target="_blank">tag</a>
  239. <a href="/" target="_blank">tag</a>
  240. <a href="/" target="_blank">tag</a>
  241. <a href="/" target="_blank">tag</a>
  242. <a href="/" target="_blank">tag</a>
  243. <a href="/" target="_blank">tag</a>
  244.  
  245.  
  246.  
  247. <h1>title</h1>
  248. <a href="/" target="_blank">tag</a>
  249. <a href="/" target="_blank">tag</a>
  250. <a href="/" target="_blank">tag</a>
  251. <a href="/" target="_blank">tag</a>
  252. <a href="/" target="_blank">tag</a>
  253. <a href="/" target="_blank">tag</a>
  254.  
  255. <h1>title</h1>
  256. <a href="/" target="_blank">tag</a>
  257. <a href="/" target="_blank">tag</a>
  258. <a href="/" target="_blank">tag</a>
  259. <a href="/" target="_blank">tag</a>
  260. <a href="/" target="_blank">tag</a>
  261. <a href="/" target="_blank">tag</a>
  262.  
  263. <!---FOR MORE SECTIONS, JUST COPY AND PASTE--->
  264.  
  265. </div>
  266.  
  267.  
  268. <div id="credit"><a href="http://affinitethemes.tumblr.com/">AT</a></div>
  269.  
  270. </body>
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!