API tools faq
paste
veilsandvisions

#11 maia [old - not supported]

veilsandvisions
Apr 16th, 2014
981
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.92 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.  
  4. M A I A B Y R I V E R B E L L T H E M E S !
  5. http://riverbellthemes.tumblr.com/
  6. ver 1.2.1
  7.  
  8. T E R M S O F U S A G E
  9. Do NOT remove the credit
  10. Do NOT redistribute
  11. Do NOT claim as your own
  12. Do NOT use as a base (minor alterations in the code is OK as long it still looks like my theme)
  13. -->
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18. <meta name="color:askbackground" content="#cccccc" />
  19. <meta name="color:background" content="#dedddb" />
  20. <meta name="color:bodytext" content="#000000" />
  21. <meta name="color:content" content="#ffffff" />
  22. <meta name="color:descriptionbackground" content="#cccccc" />
  23. <meta name="color:descriptiontext" content="#000000" />
  24. <meta name="color:link" content="#10c98f" />
  25. <meta name="color:linkhover" content="#2b9be5" />
  26. <meta name="color:circles" content="#75b1d6" />
  27. <meta name="color:border" content="#7e7e7e" />
  28. <meta name="color:navlinks" content="#000000" />
  29.  
  30. <meta name="font:title" content="Clarendon" />
  31. <meta name="font:bodytext" content="Lucida Sans" />
  32. <meta name="font:navlinks" content="trebuchet ms" />
  33.  
  34. <meta name="if:400px width" content="0">
  35. <meta name="if:audio player black" content="0">
  36. <meta name="if:background fixed" content="1" />
  37. <meta name="if:background repeated" content="1" />
  38. <meta name="if:description scrollbox" content="0" />
  39. <meta name="if:images stretched" content="0" />
  40. <meta name="if:images centered" content="1" />
  41. <meta name="if:infinite scrolling" content="0" />
  42. <meta name="if:date style timeago" content="0" />
  43. <meta name="if:replace random link with link 7" content="0" />
  44. <meta name="if:show description" content="1" />
  45. <meta name="if:link 1" content="0" />
  46. <meta name="if:link 2" content="0" />
  47. <meta name="if:link 3" content="0" />
  48. <meta name="if:link 4" content="0" />
  49. <meta name="if:link 5" content="0" />
  50. <meta name="if:link 6" content="0" />
  51. <meta name="if:link 7" content="0" />
  52.  
  53. <meta name="text:background position" content="top left" />
  54. <meta name="text:sidebar position" content="top center" />
  55. <meta name="text:label ask" content="ask" />
  56. <meta name="text:label home" content="home" />
  57. <meta name="text:label archive" content="archive" />
  58. <meta name="text:label random" content="random" />
  59. <meta name="text:link 1 url" content="http://" />
  60. <meta name="text:link 1 name" content="link 1" />
  61. <meta name="text:link 2 url" content="http://" />
  62. <meta name="text:link 2 name" content="link 2" />
  63. <meta name="text:link 3 url" content="http://" />
  64. <meta name="text:link 3 name" content="link 3" />
  65. <meta name="text:link 4 url" content="http://" />
  66. <meta name="text:link 4 name" content="link 4" />
  67. <meta name="text:link 5 url" content="http://" />
  68. <meta name="text:link 5 name" content="link 5" />
  69. <meta name="text:link 6 url" content="http://" />
  70. <meta name="text:link 6 name" content="link 6" />
  71. <meta name="text:link 7 url" content="http://" />
  72. <meta name="text:link 7 name" content="link 7" />
  73.  
  74. <meta name="image:image background" content="" />
  75. <meta name="image:image sidebar" content="" />
  76.  
  77. <!-- icon font -->
  78. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  79.  
  80.  
  81. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  82.  
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. {block:Description}
  87. <meta name="description" content="{MetaDescription}" />
  88. {/block:Description}
  89.  
  90. <style type="text/css">
  91. @font-face {
  92. font-family:"font awesome";
  93. src: url('http://static.tumblr.com/ta26uqw/vWtn3izo8/fontawesome-webfont.ttf'); }
  94.  
  95. body { background-color:{color:Background}; background-image: url('{image:image background}'); background-position: {text:Background Position}; }
  96.  
  97. {block:IfNotBackgroundFixed}
  98. body {background-attachment: scroll;}
  99. {/block:IfNotBackgroundFixed}
  100. {block:IfBackgroundFixed}
  101. body {background-attachment:fixed;}
  102. {/block:IfBackgroundFixed}
  103. {block:IfNotBackgroundRepeated}
  104. body {background-repeat:no-repeat;}
  105. {/block:IfNotBackgroundRepeated}
  106. {block:IfBackgroundRepeated}
  107. body {background-repeat:repeat;}
  108. {/block:IfBackgroundRepeated}
  109.  
  110. a { -webkit-transition: all 0.3s linear;
  111. -moz-transition: all 0.3s linear;
  112. -o-transition: all 0.3s linear ;
  113. -ms-transition: all 0.3s linear;
  114. text-decoration: none; }
  115. a:hover {
  116. -webkit-transition: all 0.3s linear;
  117. -moz-transition: all 0.3s linear;
  118. -o-transition: all 0.3s linear ;
  119. -ms-transition: all 0.3s linear; }
  120.  
  121. #wrapper {
  122. position: relative; left: 8%;
  123. {block:IfNot400pxwidth}
  124. width: 830px;
  125. {/block:IfNot400pxwidth}
  126. {block:If400pxwidth}
  127. width: 730px;
  128. {/block:If400pxwidth} }
  129.  
  130. #content {
  131. position: relative; left: 320px;
  132. {block:IfNot400pxwidth}
  133. width: 510px;
  134. {/block:IfNot400pxwidth}
  135. {block:If400pxwidth}
  136. width: 410px;
  137. {/block:If400pxwidth} }
  138.  
  139. #sidebar {
  140. z-index: 9935487;
  141. position: fixed; left: 8%;
  142. width: 300px;
  143. background-color: white; }
  144. #sidebar_content {
  145. postion: relative; }
  146.  
  147. #avatar img {
  148. position: absolute; top: 25px; left: 100px;
  149. border: 3px solid {color:border};
  150. border-radius:70px;
  151. -webkit-border-radius:70px;
  152. -moz-border-radius:70px;
  153. }
  154.  
  155. #pagination {
  156. font: 20px arial black;
  157. line-height: 18px;
  158. border: 0px solid grey;
  159. position: absolute; left: 70px; top: 400px;
  160. background-color: none;
  161. width: 170px;
  162. z-index: 999999;
  163. {block:Ifinfinitescrolling}
  164. display: none;
  165. {/block:Ifinfinitescrolling}
  166. }
  167. #pagcon1 { float: right; right: 0;}
  168. #pagcon2 {float: left; left: 0; }
  169. #pagcon1, #pagcon2 {
  170. background-color: {color:navlinks};
  171. position: absolute;
  172. width: 14px; height: 16px;
  173. border-radius:70px;
  174. -webkit-border-radius:70px;
  175. -moz-border-radius:70px;
  176. -webkit-transition: all 0.3s linear;
  177. -moz-transition: all 0.3s linear;
  178. -o-transition: all 0.3s linear ;
  179. -ms-transition: all 0.3s linear;
  180. /* Centering with flexbox
  181. display: -webkit-box;
  182. display: -moz-box;
  183. display: -ms-flexbox;
  184. display: -webkit-flex;
  185. display: flex;
  186. -webkit-flex-direction: row;
  187. -ms-flex-direction: row;
  188. flex-direction: row;
  189. -webkit-flex-wrap: wrap;
  190. -ms-flex-wrap: wrap;
  191. flex-wrap: wrap;
  192. -webkit-box-pack: center;
  193. -moz-box-pack: center;
  194. -webkit-justify-content: center;
  195. -ms-flex-pack: center;
  196. justify-content: center;
  197. -webkit-box-align: center;
  198. -moz-box-align: center;
  199. -webkit-align-items: center;
  200. -ms-flex-align: center;
  201. align-items: center; */ }
  202. .next, .prev {
  203. position: absolute;
  204. top: -2px; left: -2px; }
  205. .next {
  206. /*margin-top: 2px; margin-right: 3px;*/
  207. }
  208. .prev { /*margin-top: 1px; margin-left: 3px;*/
  209. /*-ms-transform: rotate(180deg); /* IE 9 */
  210. /*-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera
  211. transform: rotate(180deg);
  212. -moz-transform: rotate(180deg); */}
  213.  
  214. #pagination a, #pagination a:visited { color:{color:circles}; text-decoration: none; }
  215. #pagination a:hover { color:{color:linkhover}; }
  216. #pagcon1:hover, #pagcon2:hover { background-color: {color:circles};
  217. -webkit-transition: all 0.3s linear;
  218. -moz-transition: all 0.3s linear;
  219. -o-transition: all 0.3s linear ;
  220. -ms-transition: all 0.3s linear;}
  221.  
  222.  
  223. #menu {
  224. position: absolute; top: 2px;
  225. font: 10px {font:navlinks}; }
  226. #menu a, #menu a:visited { text-decoration: none; color: {color:navlinks}; }
  227. #menu a:hover { color: {color:circles}; }
  228.  
  229. .circles {
  230. width: 50px; height: 50px;
  231. background-color: {color:circles};
  232. margin-bottom: 5px;
  233. text-align: center;
  234. border-radius:70px;
  235. -webkit-border-radius:70px;
  236. -moz-border-radius:70px;
  237. -webkit-transition: all 0.3s linear;
  238. -moz-transition: all 0.3s linear;
  239. -o-transition: all 0.3s linear ;
  240. -ms-transition: all 0.3s linear; }
  241. .circles:hover { background-color: {color:linkhover};
  242. -webkit-transition: all 0.3s linear;
  243. -moz-transition: all 0.3s linear;
  244. -o-transition: all 0.3s linear ;
  245. -ms-transition: all 0.3s linear; }
  246.  
  247. table.circle { width: 50px; height: 50px; }
  248.  
  249. #circle1 { margin-left: 40px; }
  250. #circle2 { margin-left: 20px; }
  251. #circle3 { margin-left: 40px; }
  252.  
  253. #description {
  254. position: absolute; top: 150px; left: 25px;
  255. background-color: none;
  256. background-image: url('{image:image sidebar}');
  257. background-position: {text:sidebar position};
  258. border: 4px solid {color:border};
  259. width: 250px; height: 250px;
  260. text-align: center;
  261. font: 11px {font:bodytext};
  262. color: {color:descriptiontext};
  263. overflow: hidden;
  264. border-radius:370px;
  265. -webkit-border-radius:370px;
  266. -moz-border-radius:370px;
  267. -o-border-radius: 370px;
  268. }
  269.  
  270. #description_content {
  271. height: 190px;
  272. padding: 30px 40px;
  273. background-color: {color:descriptionbackground};
  274. overflow:hidden;
  275. border-radius:570px;
  276. -webkit-border-radius:570px;
  277. -moz-border-radius:570px;
  278. -o-border-radius: 570px;
  279. opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  280. -webkit-transition: all 0.3s linear;
  281. -moz-transition: all 0.3s linear;
  282. -o-transition: all 0.3s linear ;
  283. -ms-transition: all 0.3s linear;
  284.  
  285. }
  286. #description_content a, #description_content a:visited { color: {color:link};}
  287. #description_content a:hover { color:{color:linkhover};}
  288.  
  289. #title { font: 16px {font:title}; font-weight: bold; margin-bottom: 5px;}
  290.  
  291. #dlinks { margin-top: 3px; }
  292.  
  293. {block:Ifdescriptionscrollbox}
  294. .description_box {
  295. width: 220px; height: 130px;
  296. padding: 0px 25px 5px 5px;
  297. overflow-y: auto;
  298. margin-left: -28px; }
  299. {/block:Ifdescriptionscrollbox}
  300.  
  301. #description:hover #description_content {
  302. overflow:hidden;
  303. opacity: 0.9; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  304. -webkit-transition: all 0.3s linear;
  305. -moz-transition: all 0.3s linear;
  306. -o-transition: all 0.3s linear ;
  307. -ms-transition: all 0.3s linear;
  308. }
  309.  
  310.  
  311.  
  312. #post {
  313. background-color: {color:content};
  314. padding: 5px;
  315. margin: 10px 0px;
  316. {block:IfNot400pxwidth}
  317. width: 500px;
  318. {/block:IfNot400pxwidth}
  319. {block:If400pxwidth}
  320. width: 400px;
  321. {/block:If400pxwidth}
  322. color: {color:bodytext};
  323. font: 11px {font:bodytext}; }
  324. #post a, #post a:visited { color:{color:link};}
  325. #post a:hover { color:{color:linkhover};}
  326.  
  327. #post p img {
  328. {block:IfNot400pxwidth}
  329. max-width: 500px;
  330. {/block:IfNot400pxwidth}
  331. {block:If400pxwidth}
  332. max-width: 400px;
  333. {/block:If400pxwidth}}
  334.  
  335. h3 { line-height: 0.4em; font: 16px {font:title}; text-align: center;}
  336.  
  337. #date {
  338. position: absolute;
  339. {block:IfNot400pxwidth}
  340. left: 515px;
  341. {/block:IfNot400pxwidth}
  342. {block:If400pxwidth}
  343. left: 415px;
  344. {/block:If400pxwidth}
  345. color: {color:circles};
  346. text-transform: lowercase; }
  347.  
  348.  
  349.  
  350. .info { font-size: 10px; color: {color:navlinks};
  351. line-height: 10px;
  352. position: absolute;
  353. {block:IndexPage}
  354. margin-left: 5px;
  355. opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  356. {/block:IndexPage}
  357. {block:PermalinkPage}
  358. width: 200px;
  359. margin-left: 15px;
  360. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  361. {/block:PermalinkPage}
  362. -webkit-transition: .25s ease .1s;
  363. -moz-transition: .25s ease .1s;
  364. -o-transition: .25s ease .1s;
  365. -ms-transition: .25s ease .1s;
  366. transition: .25s ease .1s; }
  367. .info#source { margin-left: 17px; }
  368.  
  369. #note.heart { font: 10px trebuchet ms; }
  370.  
  371. #date_wrapper {position:relative;
  372. list-style-type: none;
  373. margin: 0px; padding: 0px; }
  374. .small_circles { margin-bottom: 3px;
  375. color: {color:circles};
  376. font: 10px {font:navlinks};
  377. text-transform: lowercase;
  378. position: relative;
  379. border-radius:370px;
  380. -webkit-border-radius:370px;
  381. -moz-border-radius:370px;
  382. -o-border-radius: 370px; }
  383.  
  384. .small_circles a, .small_circles a:visited {
  385. color: {color:navlinks};
  386. text-decoration: none;}
  387. .small_circles a:hover {
  388. color: {color:linkhover}; }
  389.  
  390. .small_circles:nth-child(odd) { background-color: {color:circles};
  391. width: 12px; height: 12px; }
  392. .small_circles:nth-child(even) { background-color: none; border: 2px solid {color:circles};
  393. width: 8px; height: 8px; }
  394.  
  395. {block:IndexPage}
  396. .small_circles:nth-child(1):hover .info#time { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  397. margin-left: 15px; }
  398. .small_circles:nth-child(2):hover .info#note { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  399. margin-left: 15px; }
  400. {/block:IndexPage}
  401.  
  402.  
  403. .quote {
  404. {block:IfNot400pxwidth}
  405. width: 430px;
  406. {/block:IfNot400pxwidth}
  407. {block:If400pxwidth}
  408. width: 330px;
  409. {/block:If400pxwidth}
  410. margin-left: 35px; margin-right: 35px; margin-bottom: 5px;
  411. font-family: {font:title};
  412. font-weight: bold;
  413. text-align: center;
  414. font-size: 14px; }
  415. .source { text-align: center;}
  416.  
  417. .question_post { background-color: none; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; padding:5px;}
  418. .asker_container { font-family:{font:title}; font-size:12px; font-weight:bold; position: relative; z-index: 4;}
  419. .question_post img.icon { margin-right: 0px;
  420. -moz-border-radius:30px;
  421. -webkit-border-radius:30px;
  422. border-radius: 30px; }
  423. .question_wrap { position: relative; }
  424. .tri { color: {color:Askbackground}; font: 50px baskerville; position:absolute; top:-20px; {block:IfNot400pxwidth} left: 200px; {/block:IfNot400pxwidth} {block:If400pxwidth} left: 160px; {/block:If400pxwidth} z-index: 1;}
  425. .question { background-color: {color:Askbackground}; position: relative; padding: 10px; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius: 15px; z-index: 6;}
  426.  
  427.  
  428. ul.chat { padding: 0px;
  429. margin: 0px;
  430. list-style-type: none;
  431. border-bottom: solid 0px {color:Bodytext};}
  432.  
  433. ul.chat li {
  434. border-top: solid 0px {color:Bodytext};
  435. padding: 2px 2px 2px 10px; list-style-type:none; }
  436.  
  437. ul.chat li:nth-child(odd) { background-color: none;}
  438. ul.chat li:nth-child(even) { background-color: none;}
  439.  
  440. ul.chat .label { font-weight: bold; font-size: 10px; text-transform: uppercase; }
  441.  
  442. ol.audioinfo { list-style-type: none;
  443. margin: 0px 0px 0px 3px; padding: 0px;
  444. font-family: trebuchet ms;
  445. text-transform: normal;
  446. font-size: 11px; }
  447. table.audio_table { border: none; }
  448.  
  449. .audio_wrap { position: relative; }
  450. #audioplayer { width: 27px; border: 0px solid pink; overflow: hidden;
  451. position: absolute; top: 7px; left: 7px;
  452. z-index:5;
  453. }
  454. .player_wrap {
  455. position: absolute; top: 66px; left: 66px;
  456. width: 42px; height: 42px;
  457. z-index:4;
  458. {block:IfNotaudioplayerblack} background-color: white; {/block:IfNotaudioplayerblack}
  459. {block:Ifaudioplayerblack} background-color: black; {/block:Ifaudioplayerblack}
  460. -moz-border-radius: 30px;
  461. -webkit-border-radius: 30px;
  462. border-radius: 30px;
  463. }
  464. .album_art img { position: relative;
  465. width: 170px;
  466. -moz-border-radius: 90px;
  467. -webkit-border-radius: 90px;
  468. border-radius: 90px; }
  469.  
  470. .notecontainer {
  471. font: 11px {font:bodytext};
  472. color: {color:bodytext};
  473. background-color: white;
  474. {block:IfNot400pxwidth}
  475. width: 500px;
  476. {/block:IfNot400pxwidth}
  477. {block:If400pxwidth}
  478. width: 400px;
  479. {/block:If400pxwidth}
  480. position: relative;
  481. padding: 1px 5px; margin: 0px 0px;}
  482. .notecontainer a, .notecontainer a:visited { color: {color:Link}; text-decoration: none; }
  483. .notecontainer a:hover { color: {color:LinkHover}; }
  484.  
  485. ol.notes {
  486. padding: 0px;
  487. margin: 15px 0px;
  488. list-style-type: none; }
  489.  
  490. ol.notes li.note {
  491. padding: 2px; }
  492.  
  493. ol.notes li.note img.avatar {
  494. vertical-align: -4px;
  495. margin-right: 10px;
  496. width: 16px;
  497. height: 16px;
  498. -moz-border-radius: 12px;-webkit-border-radius: 12px; border-radius: 12px; }
  499.  
  500. ol.notes li.note span.action {
  501. font-weight: normal; }
  502. ol.notes li.note .answer_content { }
  503.  
  504. ol.notes li.note blockquote {
  505. border-color:{color:Bodytext};
  506. padding: 4px 10px;
  507. margin: 4px 0px 0px 25px; }
  508. ol.notes li.note blockquote a {
  509. font-family:{font:Tags};
  510. text-decoration: none; }
  511.  
  512. #creditbox {
  513. width:70px;
  514. height: 30px;
  515. border: none;
  516. position: fixed; bottom: 5px; right: 5px;
  517. z-index: 999999;
  518. }
  519. iframe#tumblr_controls {
  520. top:0px !important;
  521. right:3px !important;
  522. position: fixed !important;
  523. opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  524. -webkit-transition: all 0.4s linear;
  525. -moz-transition: all 0.4s linear;
  526. -o-transition: all 0.4s linear ;
  527. -ms-transition: all 0.4s linear; }
  528. iframe#tumblr_controls:hover {
  529. opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  530. -webkit-transition: all 0.4s linear;
  531. -moz-transition: all 0.4s linear;
  532. -o-transition: all 0.4s linear;
  533. -ms-transition: all 0.4s linear;}
  534.  
  535. img { border-style: none; }
  536.  
  537. blockquote {
  538. border-left: 2px {color:bodyText} solid;
  539. padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  540. margin:0px 0px 0px 10px;}
  541. {block:IfNot400pxwidth}
  542. blockquote img { max-width: 482px; }
  543. blockquote blockquote img { max-width: 465px; }
  544. blockquote blockquote blockquote img { max-width: 447px; }
  545. {/block:IfNot400pxwidth}
  546. {block:If400pxwidth}
  547. blockquote img { max-width: 382px; }
  548. blockquote blockquote img { max-width: 365px; }
  549. blockquote blockquote blockquote img { max-width: 347px; }
  550. {/block:If400pxwidth}
  551.  
  552. /* -----------------------scrollbar------------------------*/
  553. ::-webkit-scrollbar {
  554. width: 6px;
  555. }
  556.  
  557. ::-webkit-scrollbar-track {
  558. background-color: {color:background};
  559. }
  560.  
  561. ::-webkit-scrollbar-thumb {
  562. border-radius: 5px;
  563. background-color: {color:content};
  564. height: 20px; }
  565.  
  566.  
  567. .description_box::-webkit-scrollbar {
  568. width: 3px;
  569. }
  570. .description_box::-webkit-scrollbar-track {
  571. background-color: {color:descriptionbackground};
  572. }
  573.  
  574. .description_box::-webkit-scrollbar-thumb {
  575. background-color: {color:descriptiontext}; }
  576.  
  577.  
  578. /* -----------------------------------------------*/
  579. </style>
  580.  
  581. <style type="text/css">{CustomCSS}</style>
  582.  
  583. {block:IfInfiniteScrolling}
  584. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  585. {/block:IfInfiniteScrolling}
  586.  
  587. </head>
  588. <body>
  589.  
  590. <div id="sidebar">
  591. <div id="sidebar_content">
  592. <div id="menu">
  593. <div id="circle1" class="circles">
  594. <table border="0" class="circle">
  595. <tr valign="center">
  596. <td align="center">
  597. <span style="white-space: nowrap;"><a href="/ask">{text:label ask}</a></span>
  598. </td>
  599. </tr>
  600. </table>
  601. </div>
  602.  
  603. <div id="circle2" class="circles">
  604. <table border="0" class="circle">
  605. <tr valign="center">
  606. <td align="center">
  607. <span style="white-space: nowrap;"><a href="/archive">{text:label archive}</a> </span>
  608. </td>
  609. </tr>
  610. </table>
  611. </div>
  612.  
  613. <div id="circle3" class="circles">
  614. <table border="0" class="circle">
  615. <tr valign="center">
  616. <td align="center">
  617. <span style="white-space: nowrap;{block:IfReplaceRandomLinkWithLink7}display:none;{/block:IfReplaceRandomLinkWithLink7}"><a href="/random">{text:label random}</a> </span>
  618. {block:IfReplaceRandomLinkWithLink7}{block:IfLink7}<span style="white-space: nowrap;"><a href="{text:Link 7 Url}">{text:Link 7 Name}</a></span>{/block:IfLink7}{/block:IfReplaceRandomLinkWithLink7}
  619. </td>
  620. </tr>
  621. </table>
  622. </div>
  623.  
  624. </div>
  625.  
  626. <div id="avatar">
  627. <a href="/"><img src="{PortraitURL-96}"></a>
  628. </div>
  629.  
  630. {block:Pagination}
  631. <div id="pagination">
  632. {block:PreviousPage}
  633. <div id="pagcon2">
  634. <div class="prev">
  635. <a href="{PreviousPage}"><i class="fa fa-chevron-circle-left"></i> </a>
  636. </div>
  637. </div>
  638. {/block:PreviousPage}
  639.  
  640. {block:NextPage}
  641. <div id="pagcon1">
  642. <div class="next">
  643. <a href="{NextPage}"><i class="fa fa-chevron-circle-right"></i> </a>
  644. </div>
  645. </div>
  646. {/block:NextPage}
  647. </div>
  648. {/block:Pagination}
  649.  
  650.  
  651. <div id="description">
  652. <div id="description_content">
  653. <div id="title"><a href="/">{Title}</a></div>
  654.  
  655. <div class="description_box">
  656. {Description}
  657.  
  658.  
  659. </div>
  660. <div id="dlinks">
  661. {block:IfLink1}<a href="{text:Link 1 Url}">{text:Link 1 Name}</a> {/block:IfLink1}
  662. {block:IfLink2}&bull; <a href="{text:Link 2 Url}">{text:Link 2 Name}</a> {/block:IfLink2}
  663. {block:IfLink3}&bull; <a href="{text:Link 3 Url}">{text:Link 3 Name}</a> <br>{/block:IfLink3}
  664. {block:IfLink4}<a href="{text:Link 4 Url}">{text:Link 4 Name}</a> {/block:IfLink4}
  665. {block:IfLink5}&bull; <a href="{text:Link 5 Url}">{text:Link 5 Name}</a> {/block:IfLink5}
  666. {block:IfLink6}&bull; <a href="{text:Link 6 Url}">{text:Link 6 Name}</a>{/block:IfLink6}
  667. {block:IfNotReplaceRandomLinkWithLink7}
  668. {block:IfLink7}&bull; <a href="{text:Link 7 Url}">{text:Link 7 Name}</a>{/block:IfLink7}
  669. {/block:IfNotReplaceRandomLinkWithLink7}
  670.  
  671. </div>
  672. </div>
  673. </div>
  674.  
  675. </div>
  676. </div>
  677.  
  678. <div id="wrapper">
  679. <div id="content">
  680.  
  681. {block:SearchPage}
  682. {block:SearchResults}
  683. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  684. {/block:SearchResults}
  685.  
  686. {block:NoSearchResults}
  687. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  688. {/block:NoSearchResults}
  689. {/block:SearchPage}
  690.  
  691. <div class ="autopagerize_page_element">
  692. {block:Posts}
  693.  
  694. {block:Date}
  695. <div id="date">
  696. <ul id="date_wrapper">
  697. <li class="small_circles">
  698. <span style="white-space: nowrap;">
  699. <div class="info" id="time">
  700. {block:IfNotDateStyleTimeAgo}
  701. <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a>
  702. {/block:IfNotDateStyleTimeAgo}
  703. {block:IfDateStyleTimeAgo}
  704. <a href="{Permalink}">{TimeAgo}</a>
  705. {/block:IfDateStyleTimeAgo}
  706. </div>
  707. </span>
  708. </li>
  709. <li class="small_circles">
  710. <span style="white-space: nowrap;">
  711. <div class="info" id="note">
  712. <a href="{ReblogURL}">reblog <span class="heart">&hearts;</span></a> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  713. </div></span>
  714. </li>
  715. {block:PermalinkPage}
  716. {block:RebloggedFrom}<li class="small_circles">
  717. <span style="white-space: nowrap;">
  718. <div class="info" id="source">
  719. source <a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  720. </div></span>
  721. </li>{/block:RebloggedFrom}
  722. {block:HasTags} <li class="small_circles">
  723.  
  724. <div class="info" id="tags">
  725. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  726. </div>
  727. </li>{/block:HasTags}
  728. {/block:PermalinkPage}
  729. </ul>
  730. </div>
  731. {/block:Date}
  732.  
  733. <div id="post">
  734. {block:Text}
  735. <div id="textpost">
  736. {block:Title}
  737. <h3 class="posttitle">{Title}</h3>
  738. {/block:Title}
  739.  
  740. {Body}
  741. </div>
  742. {/block:Text}
  743.  
  744. {block:Photo}
  745. <div id="photopost">
  746. <div class="media" {block:IfimagesCentered} align="center"{/block:IfImagesCentered}>
  747. <img src="{block:IfNot400pxwidth}{PhotoURL-500}{/block:IfNot400pxwidth} {block:If400pxwidth}{PhotoURL-400} {/block:If400pxwidth}" alt="{PhotoAlt}"/ {block:IfNot400pxwidth} {block:IfImagesstretched} width="500px" {/block:IfImagesstretched} {/block:IfNot400pxwidth} {block:If400pxwidth}{block:IfImagesstretched}width="400px" {/block:IfImagesstretched}{/block:If400pxwidth}>
  748. </div>
  749. {block:Caption}
  750. <div class="caption">{Caption}</div>
  751. {/block:Caption}
  752. </div>
  753. {/block:Photo}
  754.  
  755. {block:Photoset}
  756. <div id="photosetpost">
  757. {block:IfNot400pxwidth} {Photoset-500}{/block:IfNot400pxwidth} {block:If400pxwidth} {Photoset-400}{/block:If400pxwidth}
  758.  
  759. {block:Caption}
  760. <div class="caption">{Caption}</div>
  761. {/block:Caption}
  762. </div>
  763. {/block:Photoset}
  764.  
  765. {block:Quote}
  766. <div id="quotepost">
  767. <div class="quote">❝{Quote}❞</div>
  768.  
  769. {block:Source}
  770. <div class="source">&mdash; {Source}</div>
  771. {/block:Source}
  772. </div>
  773. {/block:Quote}
  774.  
  775. {block:Link}
  776. <div id="linkpost">
  777. <h3 class="link"><a href="{URL}" class="link" {Target}><i class="icon-hand-right"></i> {Name}</a></h3>
  778.  
  779. {block:Description}
  780. <div class="linkdescription">{Description}</div>
  781. {/block:Description}
  782. </div>
  783. {/block:Link}
  784.  
  785. {block:Chat}
  786. <div id="chatpost">
  787. {block:Title}
  788. <h3 class="chattitle">{Title}</h3>
  789. {/block:Title}
  790.  
  791. <ul class="chat">
  792. {block:Lines}
  793. <li class="{Alt} user_{UserNumber}">
  794. {block:Label}
  795. <span class="label">{Label}</span>
  796. {/block:Label}
  797.  
  798. {Line}
  799. </li>
  800. {/block:Lines}
  801. </ul>
  802. </div>
  803. {/block:Chat}
  804.  
  805. {block:Video}
  806. <div id="videopost">
  807. {block:IfNot400pxwidth} {Video-500} {/block:IfNot400pxwidth} {block:If400pxwidth} {Video-400} {/block:If400pxwidth}
  808.  
  809. {block:Caption}
  810. <div class="caption">{Caption}</div>
  811. {/block:Caption}
  812. </div>
  813. {/block:Video}
  814.  
  815. {block:Audio}
  816. <div id="audiopost">
  817. <table border="0" {block:IfNot400pxwidth}width="500px"{/block:IfNot400pxwidth} {block:If400pxwidth}width="400px"{block:If400pxwidth} cellspacing="0" cellpadding="0" class="audio_table">
  818.  
  819. <tr>
  820. <td {block:IfNot400pxwidth} width="60px"{/block:IfNot400pxwidth} {block:If400pxwidth} width="40px"{/block:If400pxwidth} >
  821. </td>
  822. <td width="170px">
  823. <div class="audio_wrap">
  824. {block:AlbumArt}
  825. <div class="album_art">
  826. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:0px;"/>
  827. </div>
  828. {/block:AlbumArt}
  829. <div class="player_wrap"><div id="audioplayer">{block:IfNotaudioplayerblack} {AudioPlayerWhite} {/block:IfNotaudioplayerblack}{block:Ifaudioplayerblack}{AudioPlayerBlack} {/block:Ifaudioplayerblack}</div></div>
  830. </div>
  831. </td>
  832. <td height="140px" valign="center">
  833. <ol class="audioinfo">
  834. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  835. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  836. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  837. <li>{PlayCountWithLabel}</li>
  838. </ol>
  839. </td>
  840.  
  841. </tr>
  842.  
  843. </table>
  844.  
  845. {block:Caption}
  846. <div class="caption">{Caption}</div>
  847. {/block:Caption}
  848.  
  849. </div>
  850. {/block:Audio}
  851.  
  852. {block:Answer}
  853. <div id="answerpost">
  854. <div class="question_post">
  855. <table border="0" width="100%">
  856. <tr>
  857. <td width="40%" align="right">
  858. <img class="icon" src="{AskerPortraitURL-30}">
  859. </td>
  860. <td width="60%" align="left">
  861. <div class="asker_container"> {Asker} said: </div>
  862. </td>
  863. </tr>
  864. <tr>
  865. <td valign="top" colspan="2">
  866. <div class="question_wrap">
  867. <div class="tri">&diams;</div>
  868. <div class="question">
  869. {Question}
  870. </div>
  871. </div>
  872. </td>
  873. </tr>
  874. </table>
  875.  
  876. </div>
  877.  
  878. <div class="answer">{Answer}</div>
  879.  
  880. </div>
  881. {/block:Answer}
  882.  
  883. </div>
  884.  
  885. {block:PermalinkPage}
  886.  
  887. {block:PostNotes}
  888. <div class="notecontainer">{PostNotes}</div>
  889. {/block:PostNotes}
  890.  
  891. {/block:PermalinkPage}
  892.  
  893. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  894.  
  895. {/block:Posts}
  896.  
  897.  
  898. </div>
  899.  
  900.  
  901. </div>
  902.  
  903.  
  904.  
  905. <iframe id="creditbox" src="http://riverbellthemes.tumblr.com/copy" scrolling="none"></iframe>
  906.  
  907.  
  908. </body>
  909. </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!