API tools faq
paste
Advertisement
WarmlyCool

Theme 2 by sugaas

WarmlyCool
Mar 16th, 2014
832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.87 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9. THEME 2 BY SUGAAS.TUMBLR.COM
  10.  
  11. RULES:
  12. SERIOUSLY YOU CAN DO ANYTHING WITH THIS THEME AS LONG AS YOU DON'T REMOVE THE CREDITS/MOVE THEM TO ANOTHER PAGE OR TAKE ANY PART OF THE THEME AS YOUR OWN!!
  13.  
  14.  
  15. QUESTIONS?
  16. JUST SEND AN ASK! (sugaas.tumblr.com/ask)
  17. serioulsy it's that easy
  18. have fun!
  19.  
  20. --->
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  23.  
  24.  
  25.  
  26.  
  27. <meta name="image:cornerimage" content=""/>
  28. <meta name="image:sidebarimage" content=""/>
  29. <meta name="if:sidebar image border" content="" />
  30.  
  31. <meta name="color:container border" content=""/>
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Text" content="#838282"/>
  34. <meta name="color:Link" content="#b8b8b8"/>
  35.  
  36. <meta name="text:link1" content="" />
  37. <meta name="text:link1url" content="" />
  38. <meta name="text:link2" content="" />
  39. <meta name="text:link2url" content="" />
  40. <meta name="text:link2" content="" />
  41. <meta name="text:link2url" content="" />
  42. <meta name="text:link3" content="" />
  43. <meta name="text:link3url" content="" />
  44. <meta name="text:link4" content="" />
  45. <meta name="text:link4url" content="" />
  46. <meta name="text:link5" content="" />
  47. <meta name="text:link15url" content="" />
  48.  
  49. <style type="text/css">
  50.  
  51. body {
  52. background:{color:background};
  53. margin:0px;
  54. color:{color:text};
  55. font-family:Calibri;
  56. font-size:10px;
  57. line-height:100%;
  58. }
  59.  
  60. a {
  61. text-decoration:none;
  62. outline:none;
  63. -moz-outline-style:none;
  64. color:{color:link};
  65. }
  66.  
  67. img {
  68. border:none;
  69. }
  70.  
  71. blockquote {
  72. padding-left:5px;
  73. border-left:2px solid;
  74. }
  75.  
  76. blockquote blockquote {
  77. padding-left:5px;
  78. border-left:2px solid;
  79. }
  80.  
  81. h1 {
  82. font-size:15px;
  83. }
  84.  
  85. #entries {
  86. padding:10px;
  87. width:500px;
  88. margin-left:500px;
  89. margin-top:40px;
  90. }
  91.  
  92. #container {
  93. width:500px;
  94. padding:30px;
  95. border-top:1px solid {color:container border};
  96. border-bottom:1px solid {color:container border};
  97. border-left:1px solid {color:container border};
  98. border-right:1px solid {color:container border};
  99. overflow:auto;
  100. height:500px;
  101. z-index:999;
  102. position:fixed;
  103. margin-left:400px;
  104. margin-top:50px;
  105. background:#fff;
  106. }
  107.  
  108. #post {
  109. width:350px;
  110. padding-bottom:35px;
  111. z-index:999;
  112. }
  113.  
  114. #info:hover {
  115. opacity:1;
  116. transition:opacity .5s;
  117. }
  118. #info {
  119. text-align:center;
  120. margin-top:10px;
  121. opacity:.1;
  122. transition:opacity .2s;
  123. }
  124.  
  125.  
  126.  
  127. #sidebar {
  128. width:50px;
  129. height:50px;
  130. position:fixed;
  131. z-index:1;
  132. text-align:right;
  133. margin-left:350px;
  134. border-left:solid 1px {color:container border};
  135. border-bottom:solid 1px {color:container border};
  136. border-top:solid 1px {color:container border};
  137. margin-top:50px;
  138. overflow:hidden;
  139. -moz-transition:width 1s;
  140. -moz-transition:height 1s;
  141. -moz-transition:margin-left 1s;
  142. -webkit-transition:height 1s;
  143. -webkit-transition:width 1s;
  144. -webkit-transition:margin-left 1s;
  145. transition:height 1s;
  146. transition:width 1s;
  147. transition:margin-left 1s;
  148.  
  149. }
  150.  
  151. #sidebar:hover {
  152. width:250px;
  153. height:auto;
  154. max-height:500px;
  155. margin-left:150px;
  156. -moz-transition:width 1s;
  157. -moz-transition:height 1s;
  158. -moz-transition:margin-left 1s;
  159. -webkit-transition:height 1s;
  160. -webkit-transition:width 1s;
  161. -webkit-transition:margin-left 1s;
  162. transition:height 1s;
  163. transition:width 1s;
  164. transition:margin-left 1s;
  165.  
  166. }
  167.  
  168. #title {
  169. font-size:15px;
  170. text-align:center;
  171. margin-top:-30px;
  172. letter-spacing:1px;
  173. margin-top:20px;
  174. font-family:'ubuntu mono';
  175. -webkit-transition:1s all;
  176. -moz-transition: 1s all;
  177. transition:1s letter-spacing;
  178. }
  179.  
  180.  
  181.  
  182. #cornerimage {
  183. width:50px;
  184. height:auto;
  185. z-index:999;
  186. }
  187.  
  188. #cornerimage img {
  189. width:50px;
  190. height:auto;
  191. padding:.5px;
  192. overflow:auto;
  193. z-index:999;
  194. -moz-transition:height 1s;
  195. -webkit-transition:height 1s;
  196. transition:height 1s;
  197. }
  198.  
  199. #sidebarimage {
  200. width:220px;
  201. height:auto;
  202. padding:10px;
  203. margin-top:20px;
  204. }
  205.  
  206. #sidebarimage img {
  207. width:220px;
  208. height:auto;
  209. padding:0px;
  210. margin-top:-20px;
  211. {block:ifSidebarImageBorder}
  212. border:solid 1.5px {color:container border};
  213. {/block:ifSidebarImageBorder}
  214.  
  215. }
  216.  
  217.  
  218.  
  219.  
  220. #description {
  221. padding:5px;
  222. text-align:center;
  223. margin-top:15px;
  224. font-family:'ubuntu mono';
  225. }
  226.  
  227.  
  228.  
  229.  
  230. #asker {
  231. float:left;
  232. margin-right:5px;
  233. }
  234.  
  235.  
  236. #paginationf {
  237. width:{text:sidebarwidth}px;
  238. height:12px;
  239. position:fixed;
  240. font-family:'ubuntu mono';
  241. margin-left:373px;
  242. border-left:solid 1px {color:container border};
  243. border-bottom:solid 1px {color:container border};
  244. border-top:solid 1px {color:container border};
  245. margin-top:598px;
  246. overflow:hidden;
  247. }
  248.  
  249. #paginationb {
  250. width:{text:sidebarwidth}px;
  251. height:12px;
  252. position:fixed;
  253. font-family:'ubuntu mono';
  254. margin-left:373px;
  255. border-left:solid 1px {color:container border};
  256. border-bottom:solid 1px {color:container border};
  257. border-top:solid 1px {color:container border};
  258. margin-top:585px;
  259. overflow:hidden;
  260. }
  261.  
  262.  
  263. #links {
  264. width:{text:sidebarwidth}px;
  265. height:11px;
  266. position:fixed;
  267. font-family:'ubuntu mono';
  268. margin-left:373px;
  269. border-left:solid 1px {color:container border};
  270. border-bottom:solid 1px {color:container border};
  271. border-top:solid 1px {color:container border};
  272. margin-top:523px;
  273. overflow:hidden;
  274. -moz-transition:width 1s;
  275. -moz-transition:height 1s;
  276. -moz-transition:margin-right 1s;
  277. -webkit-transition:height 1s;
  278. -webkit-transition:width 1s;
  279. -webkit-transition:margin-right 1s;
  280. transition:height 1s;
  281. transition:width 1s;
  282. transition:text-align 1s;
  283. transition:margin-left 1s;
  284.  
  285. }
  286.  
  287. #links:hover {
  288. width:40px;
  289. height:auto;
  290. margin-left:358px;
  291. text-align:center;
  292. overflow:auto;
  293. -moz-transition:width 1s;
  294. -moz-transition:height 1s;
  295. -moz-transition:margin-right 1s;
  296. -webkit-transition:height 1s;
  297. -webkit-transition:width 1s;
  298. -webkit-transition:margin-right 1s;
  299. transition:height 1s;
  300. transition:width 1s;
  301. transition:text-align 1s;
  302. transition:margin-left 1s;
  303.  
  304. }
  305.  
  306. /** CREDITS
  307. don't mess with this or i'll know
  308. **/
  309.  
  310. #credit {
  311. border:solid 1px {color:container border};
  312. position:fixed;
  313. margin-top:10px;
  314. margin-left:10px;
  315. height:10px;
  316. width:10px;
  317. overflow:hidden;
  318. text-align:center;
  319. transition:width 1s;
  320. }
  321.  
  322. #credit:hover {
  323. width:50px;
  324. transition:width 1s;
  325. }
  326.  
  327.  
  328.  
  329. {CustomCSS}</style>
  330.  
  331.  
  332.  
  333. </head><body>
  334.  
  335. <div id="sidebar">
  336.  
  337. <div id="cornerimage"><img src="{image:cornerimage}"></div>
  338.  
  339. <div id="sidebarimage"><img src="{image:sidebarimage}"></div>
  340.  
  341. <div id="title"><center><a href="/">{Title}</a></center></div>
  342.  
  343. <div id="description">{Description}
  344. </br>
  345. </br>
  346. </div>
  347. </div>
  348. <div id="links">
  349.  
  350. links
  351. </br>
  352. <div style="text-align:center;">
  353. <div style:hover="letter-spacing:2px">
  354. <a href="{text:link1url}">{text:link1}</a>
  355. </br>
  356. <a href="{text:link2url}">{text:link2}</a>
  357. </br>
  358. <a href="{text:link3url}">{text:link3}</a>
  359. </br>
  360. <a href="{text:link4url}">{text:link4}</a>
  361. </br>
  362. <a href="{text:link5url}">{text:link5}</a>
  363. </div></div></div>
  364.  
  365.  
  366.  
  367. <div id="paginationf">
  368. {block:Pagination}
  369. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination} {/block:Pagination}
  370. </div>
  371. <div id="paginationb">
  372. {block:Pagination}
  373. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  374. {/block:Pagination}
  375. </div>
  376.  
  377.  
  378.  
  379.  
  380.  
  381. </div>
  382.  
  383.  
  384. <div id="container">{block:Posts}<div id="post">
  385.  
  386. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  387.  
  388. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  389.  
  390. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  391.  
  392. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  393.  
  394. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  395.  
  396. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  397.  
  398. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  399.  
  400. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  401.  
  402. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  403.  
  404. <div id="info">
  405. <div style="text-align:center;">
  406. {block:Date}-{TimeAgo}{/block:Date}- <a href="{Permalink}">
  407. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br><a href="{ReblogParentURL}"
  408. title="{ReblogParentTitle}">via</a> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">&copy</a>{/block:RebloggedFrom}<br> {block:HasTags}
  409.  
  410. {block:Tags}
  411. #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  412.  
  413. </div>
  414. {block:PostNotes}{PostNotes}{/block:PostNotes}
  415. {/block:Posts}</div></div>
  416. </div>
  417. </div>
  418.  
  419. <div id="credit"><a href="http://sugaas.tumblr.com">&copy &nbsp sugaas</a></div>
  420.  
  421. </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!