API tools faq
paste
Advertisement
flyawayfromzayn

Theme 1 by hayley

flyawayfromzayn
Apr 21st, 2014
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.70 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. This theme belongs to flyawayfromzayn (me), and I would not like for it to be stolen. Please do not remove the credit, it is very rude to take credit for other people's work. And if you steal it I will send my "wife" to tear out/ off your gentalia. Thanks for reading this.
  4.  
  5. **This is important: So, i have this strange obsession with this blue (#0dd7e2) and i set that as most of the presets for color. It is easy to change it and i am totally fine with you changing this for your own personal use, biut do not redistribute or claim it as yours.
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15.  
  16. <meta name="font:Body" content="Helvetica" />
  17. <meta name="color:Background" content="#fff" />
  18. <meta name="color:Body" content="#333" />
  19. <meta name="color:Link" content="#0dd7e2" />
  20. <meta name="color:Link Hover" content="#0dd7e2" />
  21. <meta name="image:Sidebar" content="" />
  22. <meta name="image:Background" content="" />
  23. <meta name="text:Link1" content="home" />
  24. <meta name="text:Link1 URL" content="/" />
  25. <meta name="text:Link2" content="ask" />
  26. <meta name="text:Link2 URL" content="/ask" />
  27. <meta name="text:Link3" content="link" />
  28. <meta name="text:Link3 URL" content="/" />
  29. <meta name="text:Link4" content="link" />
  30. <meta name="text:Link4 URL" content="/" />
  31. <meta name="text:Link5" content="link" />
  32. <meta name="text:Link5 URL" content="/" />
  33. <meta name="text:Ask Text" content="Whispered"/>
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. #purple {
  39. text-align: center;
  40. font-size: 11px;
  41. position:fixed;
  42. left:5px;
  43. top:-291px;
  44. -webkit-transition: all .5s ease-in-out;
  45. -moz-transition: all .5s ease-in-out;
  46. -o-transition: all .5s ease-in-out;
  47. z-index:999;
  48. }
  49.  
  50. #purple:hover {top:0px;}
  51.  
  52. #red {
  53. background: #0dd7e2;
  54. border:1px solid;
  55. border-top:none;
  56. padding:5px 0 5px 0;
  57. width:100px;
  58. height:280px;
  59. z-index: 9999;
  60. }
  61.  
  62. #redtab {
  63. background:#0dd7e2;
  64. border:1px solid;
  65. border-top:none;
  66. text-align: center;
  67. height:11px;
  68. padding:2px 0 8px 0;
  69. width:100px;
  70. }
  71.  
  72. #orange {
  73. text-align: center;
  74. font-size: 11px;
  75. position:fixed;
  76. left:112px;
  77. top:-111px;
  78. -webkit-transition: all .5s ease-in-out;
  79. -moz-transition: all .5s ease-in-out;
  80. -o-transition: all .5s ease-in-out;
  81. z-index:999;
  82. }
  83.  
  84. #orange:hover {top:0px;}
  85.  
  86. #green {
  87. background: #0dd7e2;
  88. border:1px solid;
  89. border-top:none;
  90. border-color:#000;
  91. padding:5px 0 5px 0;
  92. width:200px; /* to make the updates tab wider, make this 200 something bigger like 220 or 240 */
  93. height:100px;
  94. z-index: 9999;
  95. }
  96.  
  97. #greentab {
  98. background: #0dd7e2;
  99. border:1px solid;
  100. border-top:none;
  101. border-width:1px;
  102. text-align: center;
  103. height:11px;
  104. padding:2px 0 8px 0;
  105. width: 100px;
  106. }
  107.  
  108. body {
  109. background: {color:Background};
  110. background-image: url('{image:Background}');
  111. position:absolute;
  112. font-size:12px;
  113. font-family: {font:Body};
  114. color:{color:Body};
  115. }
  116.  
  117. blockquote {
  118. border-left: 3px solid #eee;
  119. padding:5px;
  120. padding-left:10px;
  121. text-align: justify;
  122. }
  123.  
  124. blockquote img {
  125. max-width: 100%;
  126. display: block;
  127. margin-bottom: 5px;
  128. }
  129.  
  130. blockquote blockquote {
  131. margin: 10px;
  132. padding: 10px;
  133. }
  134.  
  135. a {
  136. text-decoration:none;
  137. outline:none;
  138. color:{color:Link};
  139. -webkit-transition: all 0.5s ease-in-out;
  140. -moz-transition: all 0.5s ease-in-out;
  141. -o-transition: all 0.5s ease-in-out;
  142. }
  143.  
  144. a:hover {
  145. color:{color:Link Hover};
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. }
  150.  
  151. h1 {
  152. font-family:{font:Body};
  153. text-align:center;
  154. }
  155.  
  156. h2 {
  157. font-family:tahoma;
  158. text-transform:uppercase;
  159. padding:5px;
  160. color:{color:Link};
  161. }
  162.  
  163. #title {
  164. font-family:{font:Title};
  165. color:{color:Body};
  166. font-style:italic;
  167. font-weight:bold;
  168. font-size:19px;
  169. text-align:center;
  170. text-decoration:none;
  171. -webkit-transition: all 0.5s ease-in-out;
  172. -moz-transition: all 0.5s ease-in-out;
  173. -o-transition: all 0.5s ease-in-out;
  174. }
  175.  
  176. #sidebar {
  177. position:fixed;
  178. top:250px;
  179. left:900px;
  180. width:190px;
  181. padding:5px;
  182. }
  183.  
  184. #sidebar img {
  185. width:290px;
  186. height:auto;
  187. text-align:center;
  188. }
  189.  
  190. #description {
  191. padding:10px;
  192. color:{color:Description};
  193. font-size:11px;
  194. text-align:justify;
  195. font-family:{font:Body};
  196. }
  197.  
  198. #pagination {
  199. background:black;
  200. color:white;
  201. }
  202.  
  203. #links {
  204. text-align:center;
  205. }
  206.  
  207.  
  208. #links a{
  209. display:inline-block;
  210. background:white;
  211. padding:3px;
  212. color:{color:Link};
  213. -webkit-transition: all 0.2s ease-in-out;
  214. -moz-transition: all 0.2s ease-in-out;
  215. -o-transition: all 0.2s ease-in-out;
  216. }
  217.  
  218. #links a:hover{
  219. color:{color:Background};
  220. background:{color:Link Hover};
  221. -webkit-transition: all 0.5s ease-in-out;
  222. -moz-transition: all 0.5s ease-in-out;
  223. -o-transition: all 0.5s ease-in-out;
  224. }
  225.  
  226.  
  227. #entries {
  228. font-size:10px;
  229. margin-left: 300px;
  230. margin-top:40px;
  231. float: right;
  232. text-align: justify;
  233. }
  234.  
  235. #post {
  236. font-size:10px;
  237. padding: 10px;
  238. margin-bottom:30px;
  239. width: 450px;
  240. color:{color:Body};
  241. text-align: left;
  242. overflow:hidden;
  243. }
  244.  
  245. #info {
  246. padding: 5px;
  247. border-top:1px solid black;
  248. }
  249.  
  250. #credit a{
  251. position:fixed;
  252. right:3px;
  253. bottom:3px;
  254. padding:4px;
  255. background:#0dd7e2;
  256. font-size:12px;
  257. color:black;
  258. -moz-transition-duration:1s;
  259. -webkit-transition-duration:1s;
  260. -o-transition-duration:1s;
  261. }
  262.  
  263. #credit a:hover {
  264. opacity:1;
  265. color:white;
  266. background:black;
  267. -moz-transition-duration:1s;
  268. -webkit-transition-duration:1s;
  269. -o-transition-duration:1s;
  270. }
  271.  
  272.  
  273. </style>
  274. <style type="text/css">{CustomCSS}</style>
  275. </head>
  276.  
  277. <body>
  278.  
  279. <div id="purple">
  280. <div id="red">
  281. <center>
  282.  
  283. <!-- below is where your friends go, make sure to fill in the url and icon -->
  284.  
  285. <a href="/"/><img src="https://24.media.tumblr.com/ddec0e83a2f03864b6e2cc4803c3d662/tumblr_n49b1gU6OU1ty91sto1_250.gif" height=30 /></a><br><br>
  286.  
  287. <a href="/"/><img src="http://31.media.tumblr.com/f6c05561c45139daa00d648f28c4ee2c/tumblr_mry9kpYY8D1qd96ooo1_500.gif" height=30 /></a><br><br>
  288.  
  289. <a href="/"/><img src="https://31.media.tumblr.com/eb94fc95f8544af15a5361633d83eac8/tumblr_n4exz4jmL91rovfv5o5_250.png" height=30 /></a><br><br>
  290.  
  291. </center></div>
  292.  
  293.  
  294. <div id="redtab">friends</div></div>
  295. <!-- you can change the name of this so that it says whatever you want. -->
  296.  
  297. <div id="orange">
  298. <div id="green">
  299. <center>
  300.  
  301. <!-- below is where your updates will go -->
  302.  
  303. <h2>this is a heading</h2>
  304. <p>this is a paragraph</p>
  305. <p>you can make this as long as the box is</p>
  306. </center></div>
  307. <div id="greentab">updates</div></div>
  308. </div>
  309. <div id="sidebar">
  310. <div id="title">{Title}</div>
  311. <a href="/"><img src="{image:Sidebar}"/></a>
  312. <div id="description">
  313. {block:Description}{Description}{/block:Description}
  314. </div>
  315.  
  316. <center>
  317. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} // {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</center>
  318.  
  319. <div id="links">
  320. <a href="{text:Link1 URL}">{text:Link1}</a>
  321. <a href="{text:Link2 URL}">{text:Link2}</a>
  322. <a href="{text:Link3 URL}">{text:Link3}</a>
  323. <a href="{text:Link4 URL}">{text:Link4}</a>
  324. <a href="{text:Link5 URL}">{text:Link5}</a>
  325. </div>
  326. </div>
  327.  
  328.  
  329. <div id="entries">
  330. {block:Posts}
  331. <div id="post">
  332.  
  333. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  334.  
  335. {block:Quote}<h3>“{Quote}” </h3>
  336. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  337.  
  338. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  339. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  340.  
  341. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  342. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  343.  
  344. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  345. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  346.  
  347.  
  348.  
  349.  
  350. {block:Audio}
  351. {block:AudioPlayer}
  352. {AudioPlayerWhite}
  353. {/block:AudioPlayer}
  354. {block:AlbumArt}
  355. <img src="{AlbumArtURL}" width="200px"/>
  356. {/block:AlbumArt}
  357. <br>
  358. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  359. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  360. {block:Album}Album: {Album}{/block:Album}<br>
  361. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  362. {block:Caption}{Caption}{/block:Caption}
  363. {/block:Audio}
  364.  
  365. {block:Answer}
  366. <img src="{AskerPortraitURL-30}">
  367. {Asker} {text:Ask Text}: {Question}<br>
  368. {Answer}{/block:Answer}
  369.  
  370.  
  371.  
  372. <div id="info">
  373. posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  374. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">source</a>{block:ContentSource}){/block:RebloggedFrom}<br>
  375. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  376.  
  377. </div>
  378. {/block:Posts}
  379.  
  380. {block:PostNotes}{PostNotes}{/block:PostNotes}
  381.  
  382. </div>
  383.  
  384.  
  385.  
  386. <div id="credit"><a href="http://fyawayfromzayn.tumblr.com">Credit</a></div>
  387. </body>
  388. </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!