API tools faq
paste
Advertisement
sandragonthemes

Theme #11 Blogroll

sandragonthemes
Jun 29th, 2013
305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.73 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!doctype html>
  3.  
  4. <!--
  5. This is theme #11's blogroll by sandragonthemes.
  6. Please follow the rules and do not remove the credit.
  7. If you have questions or feedback please send me a message.
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <link href='http://fonts.googleapis.com/css?family=Quicksand|Raleway:500|Junge' rel='stylesheet' type='text/css'>
  18.  
  19. <!--DEFAULT VARIABLES-->
  20. <meta name="text:Link 01" content="http://"/>
  21. <meta name="text:Link 01 Title" content=""/>
  22. <meta name="text:Link 02" content="http://">
  23. <meta name="text:Link 02 Title" content=""/>
  24. <meta name="text:Link 03" content="http://">
  25. <meta name="text:Link 03 Title" content=""/>
  26. <meta name="text:Link 04" content="http://">
  27. <meta name="text:Link 04 Title" content=""/>
  28. <meta name="text:Link 05" content="http://">
  29. <meta name="text:Link 05 Title" content=""/>
  30. <meta name="text:Link 06" content="http://">
  31. <meta name="text:Link 06 Title" content=""/>
  32. <meta name="text:Link 07" content="http://">
  33. <meta name="text:Link 07 Title" content=""/>
  34. <meta name="text:Link 08" content="http://">
  35. <meta name="text:Link 08 Title" content=""/>
  36. <meta name="text:Link 09" content="http://">
  37. <meta name="text:Link 09 Title" content=""/>
  38. <meta name="text:Link 10" content="http://">
  39. <meta name="text:Link 10 Title" content=""/>
  40.  
  41. <style type="text/css">
  42. {CustomCSS}
  43.  
  44. /*SCROLLBAR*/
  45. ::-webkit-scrollbar {
  46. width: 12px;
  47. height:12px;
  48. background-color: #262626;
  49. }
  50.  
  51. ::-webkit-scrollbar-track {
  52. background-color: #262626;
  53. margin-bottom:150px;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. background-color: #323232;
  58. width:10px;
  59. }
  60.  
  61. /*BODY*/
  62. body {
  63. background-color: #101010;
  64. font-family: Trebuchet MS;
  65. font-size: 11px;
  66. color: #9fa0a0;
  67. letter-spacing:1px;
  68. }
  69.  
  70. a{
  71. color: #686799;
  72. font-weight:normal;
  73. text-decoration: none;
  74. text-transform:uppercase;
  75. font-size: 9px;
  76. font-family: 'Raleway', sans-serif;
  77. }
  78.  
  79. a:hover{
  80. color: #4d4b80;
  81. }
  82.  
  83. ul{
  84. list-style-type: none;
  85. padding: 0px;
  86. margin: 0px;
  87. }
  88.  
  89. h1{
  90. font-size: 13px;
  91. }
  92.  
  93. h1 a{
  94. font-weight:normal;
  95. font-size: 13px;
  96. }
  97.  
  98. hr{
  99. background-color:#262626;
  100. height:1px;
  101. border:0px;
  102. }
  103.  
  104. #container{
  105. margin:auto;
  106. width: 500px;
  107. padding-bottom:150px;
  108. }
  109.  
  110. /*BOTTOMBAR*/
  111. #bottom{
  112. width:100%;
  113. height:150px;
  114. position:fixed;
  115. bottom:0;
  116. background-color: #262626;
  117. margin-left:-8px;
  118. border-top:1px solid #101010;
  119. }
  120.  
  121. #wrap{
  122. width: 902px;
  123. /* border:1px solid purple;*/
  124. margin:auto;
  125. }
  126.  
  127. #image{
  128. width:175px;
  129. height:175px;
  130. margin-top:-31px;
  131. float:left;
  132. background-color: #262626;
  133. }
  134.  
  135. #image img{
  136. width:160px;
  137. height:160px;
  138. border:10px solid #262626;
  139. }
  140.  
  141. #desc{
  142. width:424px;
  143. height:120px;
  144. overflow:hidden;
  145. float:left;
  146. margin-left:50px;
  147. margin-top:14px;
  148. font-family: 'Quicksand', sans-serif;
  149. font-size:14px;
  150. }
  151.  
  152. #desc a{
  153. font-family: 'Quicksand', sans-serif;
  154. font-size:14px;
  155. text-transform: none;
  156. }
  157.  
  158. /*LINKS ON BOTTOMBAR*/
  159. #links{
  160. width:200px;
  161. height:120px;
  162. margin:14px 0px 0px 50px;
  163. float:left;
  164. line-height:100%;
  165. }
  166.  
  167. #links li{
  168. width:90px;
  169. height:9px;
  170. padding: 2px;
  171. text-align:center;
  172. background-color: #323232;
  173. margin:2px;
  174. float:left;
  175. overflow:hidden;
  176. }
  177.  
  178. /*LINKS AND PAGINATION*/
  179. #links_pagination{
  180. width:150px;
  181. height:150px;
  182. margin-left:570px;
  183. margin-top:100px;
  184. /*border:1px solid blue;*/
  185. position:fixed;
  186. float:left;
  187. }
  188.  
  189. .leftlink{
  190. margin:0px;
  191. font-size:14px;
  192. }
  193.  
  194. .rightlink{
  195. margin:0px 0px 0px 30px;
  196. font-size:14px;
  197. }
  198.  
  199. .centerlink{
  200. margin:0px 0px 0px 10px;
  201. font-size:15px;
  202. }
  203.  
  204. .centerlink a{
  205. font-family: 'Trebuchet MS', sans-serif;
  206. font-size:13px;
  207. }
  208.  
  209. .rightlink a{
  210. font-family: 'Junge', serif;
  211. font-size:13px;
  212. }
  213.  
  214. .leftlink a{
  215. font-family: 'Quicksand', sans-serif;
  216. font-size:16px;
  217. }
  218.  
  219. .link4{
  220. margin:0px 0px 0px 17px;;
  221. font-size:14px;
  222. }
  223.  
  224. .link4 a{
  225. font-family: 'Quicksand', sans-serif;
  226. font-size:15px;
  227. }
  228.  
  229. /*CONTENT*/
  230.  
  231. #content{
  232. width:500px;
  233. float:left;
  234. padding-bottom:182px;
  235. }
  236.  
  237. .post {
  238. width: 500px;
  239. margin-top: 20px;
  240. margin-bottom: 50px;
  241. font-family: Trebuchet MS;
  242. }
  243.  
  244. .followbg{
  245. opacity:0;
  246. width:64px;
  247. height:64px;
  248. background-color: #e1e1e1;
  249. margin-top:-72px;
  250. margin-left:2px;
  251. position:relative;
  252. -webkit-transition: all 0.6s ease-in-out;
  253. -moz-transition: all 0.6s ease-in-out;
  254. -o-transition: all 0.6s ease-in-out;
  255. transition: all 0.6s ease-in-out;
  256. }
  257.  
  258. .followurl{
  259. width:60px;
  260. height:47px;
  261. margin-top:-64px;
  262. margin-left:2px;
  263. padding:15px 2px 2px;
  264. text-align:center;
  265. word-wrap:break-word;
  266. opacity:0;
  267. position:relative;
  268. overflow:hidden;
  269. -webkit-transition: all 0.6s ease-in-out;
  270. -moz-transition: all 0.6s ease-in-out;
  271. -o-transition: all 0.6s ease-in-out;
  272. transition: all 0.6s ease-in-out;
  273. }
  274. .followurl a{
  275. font-size:8px;
  276. letter-spacing:none;
  277. }
  278.  
  279. .followimg{
  280. float:left;
  281. }
  282. .followimg img{
  283. margin:4px 2px;
  284. }
  285.  
  286. .followimg:hover .followbg{
  287. opacity: 0.8;
  288. -webkit-transition: all 0.6s ease-in-out;
  289. -moz-transition: all 0.6s ease-in-out;
  290. -o-transition: all 0.6s ease-in-out;
  291. transition: all 0.6s ease-in-out;
  292. }
  293.  
  294. .followimg:hover .followurl{
  295. opacity:1;
  296. -webkit-transition: all 0.6s ease-in-out;
  297. -moz-transition: all 0.6s ease-in-out;
  298. -o-transition: all 0.6s ease-in-out;
  299. transition: all 0.6s ease-in-out;
  300. }
  301.  
  302. {CustomCSS}
  303. </style>
  304. <title>{Title}</title>
  305. </head>
  306.  
  307. <body>
  308. <div id="container">
  309. <!--CONTENT STARTS HERE-->
  310. <div id="content">
  311. <div class="post">
  312. {block:Following}{block:Followed}
  313. <div class="followimg">
  314. <a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"></a>
  315. <div class="followbg"></div>
  316. <div class="followurl"><a href="{FollowedURL}">{FollowedName}</a></div>
  317. </div>
  318. {/block:Followed}{/block:Following}
  319. </div>
  320. </div>
  321. <div id="links_pagination">
  322. <p class="leftlink"><a href="/">Home</a></p>
  323. <p class="rightlink"><a href="/ask">Ask</a></p>
  324. <p class="centerlink"><a href="/archive">Archive</a></p>
  325. <p class="link4"><a href="http://sandragonthemes.tumblr.com">Theme</a></p>
  326. <br>
  327. <p class="leftlink">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</p>
  328. <p class="link4">{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}</p>
  329. </div>
  330. </div><!--end container-->
  331.  
  332.  
  333.  
  334. <!--BOTTOM BAR STARTS HERE-->
  335. <div id="bottom"><div id="wrap">
  336. <div id="image"><img src="PUT IMG URL HERE"></div>
  337. <div id="desc">{Description}</div>
  338. <div id="links"><ul>
  339. {block:HasPages}{block:Pages}<a href="{URL}"><li>{Label}</li></a>{/block:Pages}{/block:HasPages}
  340. <a href="{text:Link 01}">{block:ifLink01Title}<li>{text:Link 01 Title}</li>{/block:ifLink01Title}</a>
  341. <a href="{text:Link 02}">{block:ifLink02Title}<li>{text:Link 02 Title}</li>{/block:ifLink02Title}</a>
  342. <a href="{text:Link 03}">{block:ifLink03Title}<li>{text:Link 03 Title}</li>{/block:ifLink03Title}</a>
  343. <a href="{text:Link 04}">{block:ifLink04Title}<li>{text:Link 04 Title}</li>{/block:ifLink04Title}</a>
  344. <a href="{text:Link 05}">{block:ifLink05Title}<li>{text:Link 05 Title}</li>{/block:ifLink05Title}</a>
  345. <a href="{text:Link 06}">{block:ifLink06Title}<li>{text:Link 06 Title}</li>{/block:ifLink06Title}</a>
  346. <a href="{text:Link 07}">{block:ifLink07Title}<li>{text:Link 07 Title}</li>{/block:ifLink07Title}</a>
  347. <a href="{text:Link 08}">{block:ifLink08Title}<li>{text:Link 08 Title}</li>{/block:ifLink08Title}</a>
  348. <a href="{text:Link 09}">{block:ifLink09Title}<li>{text:Link 09 Title}</li>{/block:ifLink09Title}</a>
  349. <a href="{text:Link 10}">{block:ifLink10Title}<li>{text:Link 10 Title}</li>{/block:ifLink10Title}</a>
  350. </ul></div>
  351. </div></div>
  352. <!--end bottom-->
  353. </body>
  354. </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!